/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 24 COLUMN RESPONSIVE GS */
@import url("responsive.gs.24col.css");

/* --------------------------------------------
	CSS 記述start
-------------------------------------------- */
body{font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.8em; background:url(../images/common_all_bg.jpg);min-width: 1000px;}
.aid{font-size:0.9em;line-height:1.8em;}

.pc-only{display:block;}
.sp-only{display:none;}
@media ( max-width : 767px ) {
	body {min-width: 320px;}
	.pc-only{display:none;}
	.sp-only{display:block;}
}

@media (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}

/*scroll to top*/
.pagetop {
	z-index:10;
	display: none;
	position: fixed;
	bottom: 60px;
	right: 60px;
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
}
@media ( max-width : 767px ) {
	.pagetop {
		bottom: 10px;
		right: 10px;
	}
	.pagetop a {
		width: 50px;
		height: 50px;
	}
	.pagetop a img{
		width: 50px;
		height: 50px;
	}
}

.footerfix-cta{padding:17px 0 10px;background-color: rgba(40, 40, 40, 0.9);position: fixed;z-index: 1000;bottom: 0;width: 100%;height: 95px}
.footerfix-cta-inner{width: 1000px; margin: 0 auto;position: relative}
.footerfix-cta-inner a.logo{display: inline-block;position: absolute;top:10px;}
.footerfix-cta ul.cta{display: flex; flex-direction: row;justify-content: space-between;width: 520px;position: absolute;right: 0}
.footerfix-cta ul.cta li{}
.footerfix-cta ul.cta li img{display: inline-block}
.footerfix-cta ul.cta li a.form-btn{padding: 5px 0 0 0; display: inline-block;}
@media ( max-width : 1000px ) {
	.footerfix-cta-inner{width: 100%}
	.footerfix-cta-inner a.logo{display: none}
	.footerfix-cta {padding: 10px 0 10px;height: 100px}
	.footerfix-cta ul.cta{display:none;}
	.footerfix-cta-inner span.lead{color: #fff;text-align: center;font-weight: bold;font-size: 1.2rem;}
	ul.cta-sp{display: flex;flex-direction: row;justify-content: space-between;padding: 1% 5% 0}
	ul.cta-sp li{width: 48%}
	ul.cta-sp li img{width: 100%;}
	ul.cta-sp li a{background-color: #ed4c4c;
	border-bottom: 3px solid #d43a3a;
	border-radius: 5px;
	display: block;    padding: 11px 8px 5px;}
}
@media ( max-width : 767px ) {
	.footerfix-cta{ }
}


/**********/
/* header */
/**********/
#header {background: #fff;border-bottom:1px solid #d1dceb;}
#header h1{
	line-height: 1.8em;
	font-size:0.9em;
	text-align: center;
	background: #262626;
	color:#fff;
}
#header div.introduction{padding:10px 0;}
#header ul{display:table;width:100%; text-align:right;}
#header ul li{display:table-cell;vertical-align:middle;}
#header ul li img{display:inline-block;}
#header ul li.bland{text-align:left;}
#header ul li.contact ul li{text-align:right; display: inline-block;margin: 0 0 0 20px}
#header ul li.contact-simple{display:none;}
#header a.square_btn1{
	position: relative;
    display: inline-block;
    padding:15px 20px 10px 20px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
#header a.square_btn1:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}
@media ( max-width : 1000px ) {
	#header h1 span{display:none;}
	#header div.introduction{padding:5px 0;}
	#header ul li.bland img{padding:0 5px;}
	#header ul li.contact{display:none;}
	#header ul li.contact-simple{display:table;}
	#header ul li.contact-simple li {display:table-cell;text-align:center;vertical-align:middle;padding:5px 20px;}
	#header ul li.contact-simple li a{display:inline-block;color:#143b75;text-decoration:none;white-space:nowrap;font-size:2em;}
}

/**************/
/* glovalNavi */
/**************/
#glovalNavi{background:#e9f1f8;border-bottom:1px solid #d1dceb;}
#glovalNavi .headerNavi{display:block;}
#glovalNavi .headerNavi ul li{border-left:1px solid #d1dceb;line-height:3em;font-size:1.2em;display:inline-block;width:16.66%;}
#glovalNavi .headerNavi ul li:last-child{border-right:1px solid #d1dceb;}
#glovalNavi .headerNavi ul li a{text-decoration:none;color:#143b75;display:inline-block;width:100%;text-align:center;}
#glovalNavi .headerNavi ul li a:hover{text-decoration:none;background-color:#005ea7;color:#e9f1f8;}
#glovalNavi .headerNaviCustom{display:none;}
@media ( max-width : 1000px ) {
	#glovalNavi {background:#e9f1f8;border-bottom:1px solid #d1dceb;display:none;}
	#glovalNavi .headerNavi ul{border:none;}
	#glovalNavi .headerNavi ul li{border-bottom:1px solid #d1dceb;width:50%;}
	#glovalNavi .headerNaviCustom{display:block;}
	#glovalNavi .headerNaviCustom ul.contact li{text-align:left;line-height:3em;font-size:1.2em;display:block;border-top:1px solid #d1dceb;}
	#glovalNavi .headerNaviCustom ul.contact li:last-child{border-bottom:1px solid #d1dceb;}
	#glovalNavi .headerNaviCustom ul.contact li a{text-decoration:none;color:#fff;display:inline-block;width:100%;padding:0 0 0 10px;}
	#glovalNavi .headerNaviCustom ul.contact li a:hover{text-decoration:none;background-color:#8f1d1d;color:#e9f1f8;}
	#glovalNavi .headerNaviCustom ul.contact li:first-child{background:#d43a3a;}
	#glovalNavi .headerNaviCustom ul.contact li:last-child{background:#d43a3a;}

	#glovalNavi .headerNaviCustom ul.control li{text-align:left;line-height:3em;font-size:1.2em;display:block;}
	#glovalNavi .headerNaviCustom ul.control li a{text-decoration:none;color:#143b75;display:inline-block;width:100%;text-align:center;}
	#glovalNavi .headerNaviCustom ul.control li a:hover{text-decoration:none;background-color:#005ea7;color:#e9f1f8;}
}
@media ( max-width : 767px ) {
	#glovalNavi .headerNavi ul li{width:100%;text-align:left;}
	#glovalNavi .headerNavi ul li a{text-align:left;padding:0 0 0 10px;}
	#glovalNavi .headerNavi ul li a:after{
		content: "\f105";
		font-family: FontAwesome;
		color:#3978c0;
		float:right;
		margin:0 14px 0 3px;
	}
	#glovalNavi .headerNavi ul li a:hover:after{
		color:#fff;
	}
}
/**********/
/* footer */
/**********/
#footer {background: #2c2c2c;padding:0;}
#footer .breadCrumb{border-bottom:1px solid #414141;}
#footer .breadCrumb ul{font-size:1.1em;color:#fff;padding:15px;}
#footer .breadCrumb ul:before{
	background:url('../images/common_footer_home_ico.png') 0 0 no-repeat;
	content:"";
	display:inline-block;
	width:16px;
	height:15px;
	position:relative;
	top:2px;
	margin:0 10px 0 0;
}
#footer .breadCrumb ul li {display:inline-block;}
#footer .breadCrumb ul li:not(:last-child):after{
	content:"＞";
	margin:0 10px;
}
#footer .breadCrumb ul li a{color:#fff;text-decoration:none;}



#footer a.square_btn1{
	position: relative;
    display: inline-block;
    padding:15px 20px 10px 20px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
#footer a.square_btn1:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}


@media ( max-width : 1000px ) {
	#footer .sitetitle{margin:0 0 0 5px;}
}

#footer div.introduction{padding:20px 0;border-bottom:1px solid #414141;}
#footer div.introduction ul{display:table;width:100%;}
#footer div.introduction ul li{display:table-cell;vertical-align:middle;}
#footer div.introduction ul li img{display:inline-block;}
#footer div.introduction ul li.bland{text-align:left;}
#footer div.introduction ul li.contact ul li{text-align:right;}
@media ( max-width : 1000px ) {
	#footer div.introduction{padding:5px 0;}
	#footer div.introduction ul li{display:block;}
	#footer div.introduction ul li.bland img{display:block;padding:0 10px;margin:0 auto;}
	#footer div.introduction ul li.contact img{display:block;padding:0 10px;margin:10px auto;}
}
@media ( max-width : 767px ) {
	#footer div.introduction{border-bottom:none;}
}
#footer .footerNavi{background:#2c2c2c;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:15px 20px;border-bottom:1px solid #414141;}
#footer .footerNavi ul{text-align: center;}
#footer .footerNavi ul li{display:inline-block;font-size:1.1em;padding-right:15px;width:20%;white-space: nowrap;}
#footer .footerNavi ul li a:before{
	background:url('../images/common_footer_footerNavi_icon_off.png') 0 0 no-repeat;
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	position:relative;
	top:4px;
	margin:0 10px 0 0;
}
#footer .footerNavi ul li a:hover:before{
	background:url('../images/common_footer_footerNavi_icon_on.png') 0 0 no-repeat;
}
#footer .footerNavi ul li:last-child{margin-right:0;}
#footer .footerNavi ul li a{text-decoration:none;color:#fff;}
#footer .footerNavi ul li a:hover{color:#005ea7;}
@media ( max-width : 1000px ) {
	#footer .footerNavi{margin:0 5px;}
	#footer .footerNavi ul li{width:auto;}
}
@media ( max-width : 767px ) {
	#footer .footerNavi{border:1px solid #414141;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:0;}
	#footer .footerNavi ul{text-align: left;}
	#footer .footerNavi ul li{display:block;font-size:1.1em;margin-right:0;border-bottom:1px solid #414141;}
	#footer .footerNavi ul li:last-child{border-bottom:none;}
	#footer .footerNavi ul li a{text-decoration:none;color:#fff;line-height:3em;display:block; margin:0 10px 0 10px;}
	#footer .footerNavi ul li:hover{background:#414141;}
}

#footer h2 {
	font-size: 1.5em;
	line-height: 3em;
	color: #fff;
	text-align: center;
}
#footer h2:before{
	content: "\f02d";
	font-family: FontAwesome;
	color:#d1dceb;
	margin:0 10px 0 0;
}

#footer .footerNaviSub{display:block;background:#2c2c2c;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:25px 0;border-bottom:1px solid #414141;}
#footer .footerNaviSub ul{}
#footer .footerNaviSub ul li{display:block;float:left;border-right:1px solid #414141;padding:0 20px;width:20%;}
#footer .footerNaviSub ul li:last-child{border-right:none;}
#footer .footerNaviSub ul li h3{display:inline-block;font-size:1.1em;color:#fff;font-weight:bold;margin:0 0 20px 0;}
#footer .footerNaviSub ul li:last-child{margin-right:0;}
#footer .footerNaviSub ul li a{text-decoration:none;color:#fff;}

#footer .footerNaviSub ul ul{margin:0;}
#footer .footerNaviSub ul ul {text-align: center;padding:0;}
#footer .footerNaviSub ul ul li{display:block;font-size:1em;line-height:2em;margin-right:15px;float:none;border-right:none;padding:0;width:100%;}
#footer .footerNaviSub ul ul li:last-child{margin-right:0;}
#footer .footerNaviSub ul ul li a{text-decoration:none;color:#fff;}

@media ( max-width : 1000px ) {
	#footer .footerNaviSub{margin:0 5px;padding:15px 10px;}
	#footer .footerNaviSub ul{float:none;}
	#footer .footerNaviSub ul li{margin:0;padding:0 10px;width:50%;border-right:none;}
	#footer .footerNaviSub ul ul{margin:0 0 10px 0;}
	#footer .footerNaviSub ul li:last-child ul{margin-bottom:0;}
	#footer .footerNaviSub ul ul li{width:100%;}
}
@media ( max-width : 767px ) {
	#footer .footerNaviSub{display:none;}
/*
	#footer .footerNaviSub{border-bottom:none;}
	#footer .footerNaviSub ul li{width:100%;}
	#footer .footerNaviSub{border:1px solid #414141;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	#footer .footerNaviSub ul ul li a{text-decoration:none;color:#fff;}
*/
}

#footer .footerNaviGroup{padding:25px 0;}
#footer .footerNaviGroup p{color:#fff;text-align:center;}
#footer .footerNaviGroup p.name{font-weight:bold;font-size:1.1em;}
#footer .footerNaviGroup p.business{font-weight:normal;font-size:1.1em;}
#footer .footerNaviGroup ul{margin:25px auto 0;text-align:center;}
#footer .footerNaviGroup ul li{display:inline-block;margin:0 30px;}
@media ( max-width : 767px ) {
	#footer .footerNaviGroup ul li{margin:0;padding:5px 5px;}
}

#footer .footerNaviCopyright{padding:20px 0 100px;background:#000;color:#2c2c2c;text-align:center;font-size:0.9em;}

/* ★★★★★★★★★  */
/* ここからindexページ */
/* ★★★★★★★★★  */
/*******************/
/* indexページ共通 */
/*******************/
h2.white{color:#262626;text-align:center;font-size:2.5em;padding:50px 0;background:#fff;position: relative; font-weight: bold;}
h2.white:after{position: absolute;bottom: -20px;left: 50%;z-index: 0;margin-left: -20px;border-top: 20px solid #fff;border-left: 20px solid transparent;
	border-right: 20px solid transparent;border-bottom: 0;content: "";}
h2.lightblue{color:#262626;text-align:center;font-size:2.5em;padding:50px 0;letter-spacing:.1em;background:#ebf2f8;position: relative;}
h2.lightblue:after{position: absolute;bottom: -20px;left: 50%;z-index: 0;margin-left: -20px;border-top: 20px solid #ebf2f8;border-left: 20px solid transparent;
	border-right: 20px solid transparent;border-bottom: 0;content: "";}
h2.white img,
h2.lightblue img{
	position: relative;
	margin: -40% 10px 0 10px;
	top: -40%;
	-webkit-transform: translateY(40%);
		-ms-transform: translateY(40%);
			transform: translateY(40%);
}

@media ( max-width : 767px ) {
	h2.white{font-size:1.5em;padding:15px 5px;}
	h2.lightblue{font-size:1.5em;padding:15px 5px;}
	h2.white img,
	h2.lightblue img{height:1.5em;}
}

/**************/
/* mainvisual */
/**************/
#mainvisual{
	background:url('../images/mainvisual_bg.jpg') repeat-x center top;
	padding:25px 0 0;}
#mainvisual .container{padding:0 20px;}
.mainvisual_form_bg{background-color: #fff;text-align: center;}
.mainvisual_form{display: inline-block;margin: -25px 0 15px 0;}
.mainvisual_form a.square_btn{
	position: relative;
    display: inline-block;
    padding:20px 40px 10px 45px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
.mainvisual_form a.square_btn:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}
.mainvisual_form img{margin:-1% 0 -5px ;display:inline-block;padding:0 5px;}
@media ( max-width : 767px ) {
	#mainvisual{background:#ebf2f8; padding:0;}
	#mainvisual .container{padding:0;}
	#mainvisual .col{text-align:center;padding:0 5px;}
	.mainvisual_form{margin: 20px 20px 15px 20px;}
	.mainvisual_form a.square_btn{
	    padding:10px 10px 0px 15px;}
	#mainvisual img.mainvisual_form{padding: 10px;}
}
/**************/
/* catchcopy */
/**************/
#catchcopy{background-color:#fff;}
#catchcopy .container{text-align:center;}
#catchcopy img{display:inline-block;vertical-align: bottom;}
@media ( max-width : 767px ) {
	#catchcopy img{margin:0;display:inline-block;padding:20px;}
}
#catchcopy-bottom{background-color:#ebf2f8;}
@media ( max-width : 767px ) {
	#catchcopy-bottom p{margin:10px 0;background:#fff;font-size:1.1em;padding:10px 20px;overflow:hidden;display:block;}
	#catchcopy-bottom p:before{
		background:url('../images/catchcopy_ico.png') 0 0 no-repeat;
		content:"";
		display:inline-block;
		width:27px;
		height:27px;
		position:relative;
		top:8px;
		margin:0 10px 0 0;
	}
	#catchcopy-bottom p strong{font-weight:bold;}
}

/***********/
/* contact */
/***********/
#contact {padding:20px 0 40px;background:url('../images/contact_bg_pattern.png') repeat;}
#contact h3{text-align:center; font-size:2em;padding:20px 0;color:#282828; font-weight: bold;}

#contact a.square_btn2{
	position: relative;
    display: block;
		margin: 0 20px;
    padding:20px 50px 10px 55px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
#contact a.square_btn2:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}

@media ( max-width : 767px ) {
#contact {padding:20px 0 30px;}
#contact h3{padding:20px 20px; font-size:1.6em;}
#contact a.square_btn2{
	position: relative;
    display: block;
		margin: 0 20px;
    padding:15px 10px 10px 10px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
#contact a.square_btn2:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}
}

#contact .col{text-align:center; margin: 0 0 15px 0}
#contact .col img{display:inline-block;}

@media ( max-width : 767px ) {
#contact .col img{padding:0 20px}
}


/***********/
/* promise */
/***********/
#promise{background:#ebf2f8;padding:40px 0;}
#promise ul{text-align:center;}
#promise ul li{display:inline-block;vertical-align:top;}
#promise .box{margin:0 auto;padding:0 1;max-width:333px;margin:10px 0;}
#promise .symbol{background:#fff;border-top:5px solid #005ea7;padding:40px 10px;max-height:189px;}
#promise .symbol img{margin:0 auto;display:block;max-width: 100%;}
#promise .box p{font-size:1.2em;}
#promise h3{color:#005ea7;text-align:left;font-size:1.3em;padding:10px 0;font-weight:bold;text-align:center;}
@media ( max-width : 767px ) {
	#linkpromise span{display:none;}
	#promise .box{padding:0 15px;margin:10px 0;}
}


/*********/
/* price */
/*********/
#price{background:#ecf1f3;padding:50px 0;}
#price .box {padding:0 30px;margin:0 0 20px 0;}
#price .box .detail-big{}


.price_form{text-align: center;}
.price_form a.square_btn{
	position: relative;
    display: inline-block;
    padding:20px 40px 10px 45px;
    background: #d43a3a;/*背景色*/
    border-bottom: solid 4px #8f1d1d;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;

	}
.price_form a.square_btn:hover{
	background: #ed4c4c;
	border-bottom: solid 4px #d43a3a;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	-webkit-transform: translateY(2px);
 -ms-transform: translateY(2px);
 transform: translateY(2px);
}

@media ( max-width : 767px ) {
	#price{padding:20px 0;}
	#price .box{padding:0 5px;margin:10px 0;}
	#price .box .detail-big{padding:0;}
	#price .box .detail{background:#fff;padding:20px;}
	#price .box .total{margin:20px 0;padding:10px 5px;}
	#price .box .deals{margin:20px 0;padding:10px 0px;}
	#price p.price-form img{padding: 0 20px;}
}
#price .list{padding:0 30px;}
#price .tableframe{padding:10px 20px;background:#fff;}
#price table{margin:0 auto;width:100%;border-collapse:collapse;}
#price table tr{border-bottom:1px #eee solid;}
#price table tr:last-child{border-bottom:none;}
#price table th{font-weight:bold;font-size:1.4em;padding:15px;}
#price table th:not(:first-child){text-align:center;}
#price table td{font-weight:normal;font-size:1.4em;padding:10px;}
#price table td:not(:first-child){text-align:center;}
#price table .item-procedure,
#price table .item-commission{color:#d53a3a;}
#price table .item-commission span {font-size: .7em;line-height: 1;}
#price .aid{margin:20px 0;}

@media ( max-width : 767px ) {
	#price .list{padding:0 5px;margin:10px 15px;}
	#price .tableframe{padding:10px;font-size: 0.9em;}
	#price table th{padding:5px;}
	#price table td{padding:5px;}
}





/********/
/* flow */
/********/
#flow{background:url('../images/index_flow_bg.png') no-repeat center bottom;padding:50px 0;}
#flow img{margin: 0 auto;}
@media ( max-width : 767px ) {
	#flow {padding:50px 5px;}
	#flow img.more{margin: 30px auto 30px;}
}

/*************/
/* knowledge */
/*************/
#knowledge{background:#ebf2f8;padding:50px 0;}
#knowledge .box{margin:15px 5px;}
#knowledge .symbol{padding:0;display:block;}
#knowledge .symbol img{margin:0 auto;}
#knowledge h3{line-height:3em;background:#005ea7;display:block;color:#fff;border-left:8px solid #1072be;padding-left:15px;font-size:1.3em;}
#knowledge h3 a{text-decoration:none;color:#fff;display:block;}
#knowledge h3 a:after{
	content: "\f105";
	font-family: FontAwesome;
	color:#fff;
	font-size:2em;
	margin:0 10px;
	float:right;
}
#knowledge ul{display:block;}
#knowledge ul li{line-height:3.5em;font-size:1em;border-bottom:1px solid #d7d7d7;background:#fff;font-size:1.2em;}
#knowledge ul li:last-child{border-bottom:none;}
#knowledge ul li a{text-decoration:none;color:#000;display:block;}
#knowledge ul li a:before{
	content: "\f105";
	font-family: FontAwesome;
	color:#005ea7;
	font-weight:bold;
	margin:0 10px 0 20px;
}
#knowledge ul li a[target="_blank"]:after{
	content: "\f08e";
	font-family: FontAwesome;
	color:#000;
	margin:0 0 0 10px;
}
#knowledge ul li a:hover{background:#252525;color:#fff;}
#knowledge ul li a:hover:before,
#knowledge ul li a:hover:after{color:#fff;}

/***********/
/* company */
/***********/
#company{background:#fff;padding:0 0 50px 0;}

#company .catch{background:#f5f9fc;}
#company .catch img{margin: 0 auto;}

#company .catch-text{text-align:center;}
#company .catch-text h3{text-align:center;font-size:1.3em;color:#000;margin:20px 5px 5px;}
#company .catch-text ul{display:inline-block;text-align:center;}
#company .catch-text ul li{display:inline-block;margin:3px 3px;}
#company .catch-text ul li a{background:#005ea7;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:2px 7px;color:#fff;display:block;font-size:1.2em;text-decoration:none;}

#company .message{font-size:1.1em;}
#company .message .container{padding:40px 0;border-bottom:1px solid #ebf2f8;overflow:hidden;}
#company .message .text{padding:0 20px;}
#company .message .point{font-size:1.4em;color:#005ea7;margin:0 0 30px 0;}
#company .message .point-text{font-size:1.2em;}
#company .message ul li{margin-bottom:30px;}
/* #company .message ul li:last-child{margin-bottom:0;} */
#company .message ul li img{margin: 0 auto;}

#company .staff li:nth-child(odd) {margin-left:0;}

#company .aboutus .container {padding:40px 0 0 0;}
#company .aboutus .container:last-child{padding:20px 0 0 0;border-bottom:1px solid #ebf2f8;}
#company .aboutus img{margin: 0 auto;}
#company .aboutus p{text-align:center;font-size:1.3em;color:#000;margin:20px 5px 30px;}

#company .access {text-align:center;padding:30px 0;}
#company .access .office:not(:first-child){padding:30px 0 0 0;}

#company .access .photo{float:left;}
#company .access .info{padding:0 20px 20px 20px;overflow:hidden;}
#company .access .info .office-name{font-size:1.3em;font-weight:bold;margin:0 0 15px 0;}
#company .access .info .post{font-size:0.9em;font-weight:normal;margin:0 0 0 0;}
#company .access .info .address{font-size:0.9em;font-weight:normal;margin:0 0 15px 0;}
#company .access .info .office-tel{font-size:0.9em;font-weight:normal;margin:0 0 0 0;}
#company .access .info .office-fax{font-size:0.9em;font-weight:normal;margin:0 0 15px 0;}
#company .access .info .station{font-size:0.9em;font-weight:normal;margin:0 0 10px 0;}
#company .access .info .togooglemap{margin:0 0 5px 0;display:inline-block;}
#company .access .map {
	width: 1000px;
	height: 350px;

	max-width:100%;
	max-height:100%;

	min-width: 100px;
	min-height: 350px;
}
#company .access .info p.rootguide{margin-bottom: 0;}
#company .access .info p.rootguide a{
	background-color: #1256a3;
	color: #fff;
	display: inline-block;
border-radius: 5px;padding: 10px 15px;text-decoration: none;border-bottom: 3px solid #003e70}
#company .access .info p.rootguide a::after{
	content: "\f08e";
	font-family: FontAwesome;
	padding: 0 0 0 5px;
}
#company .access .info p.rootguide a:hover{
	background-color: #edc700;
	border-bottom: 3px solid #eda400;
	color: #1256a3;
}


#company .more {overflow:hidden;display:block;margin-top:30px;}
#company .more img{margin: 0 auto;}
@media ( max-width : 767px ) {
	#company .message ul li{margin-bottom:10px;}
	#company .aboutus .col{padding: 0 10px;}
	#company .aboutus img{padding-left: 10px;padding-right: 10px;}
	#company .access .photo{padding-left:20px;width:35%;}
	#company .access .map {
		min-height: 250px;
	}
	#company .more {padding: 0 5px;}
}
/********/
/* form */
/********/
#form{background:#fff;padding:50px 0;}
#form p.status{text-align:center;margin:0;}
#form p.status img{display:inline-block;}

/* ---------------フォーム----------------*/
#form table{
	width:70%;font-size:1em;margin:20px auto;
	border-spacing:5px;
	border-collapse: separate;
}
#form table th {
	color:#000;
	padding:10px; background-color:#ebf2f8;
	 -moz-border-radius: 5px;	 /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px; 		/* CSS3 */
	width:40%;
	text-indent:0.5em;
	vertical-align:middle;
}
#form table td {
	color:#000;
	padding:0;
	width:60%;
}

#form table span.form-must{ background-color:#005ea7; color:#FFF; font-size:1em; padding:2px 4px;-moz-border-radius: 3px;	 /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   border-radius: 3px;		   /* CSS3 */ float:right;text-indent:0;}
#form table span.form-neednot{background-color:#262626; color:#FFF; font-size:1em; padding:2px 4px;-moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   border-radius: 3px;		   /* CSS3 */ float:right;text-indent:0;}
   p.form-caution{ font-size:0.8em; color:#F00; text-align:center; margin:20px 0;}

input.must-bg{ background-color:#fff}

#form table label{cursor: pointer;}

#form table ul.check-box{}
#form table ul.check-box li{ margin:2px 0; font-size:1.1em;}
#form table ul.list-inline li{ display:inline-block;}

#form input[type="text"] {width:100%;font-size: 1.2em;}

#form textarea,
#form select{font-weight: normal ;width:100%;font-size: 1em; border: 1px solid #E6E6E6;padding: 1%; border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	white-space:pre-wrap;}


#form select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	background:#fff url(../images/form_select_down.png) no-repeat;
	background-size:20px 20px;
	background-position: right center;
	height: 2em;
	font-size: 1.2em;
	vertical-align: middle;
	border:1px solid #CCC;
	margin-bottom:5px;}

#form input[type="text"],
#form textarea,
#form ul {
	padding:10px;
	-moz-border-radius: 5px;	/* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px; 		/* CSS3 */
	border: 1px #005ea7 solid;
}

#form input[type="text"]:focus,
#form textarea:focus{
	border: solid 1px #1CA8DD;
	background-color: #EFFBFF;
}
/*
#form p.btn{}
#form p.submit{background:url("./images/index_form_confirm_btn.png") no-repeat;}
*/

#form .btn_li{
	padding:0;
	border:none;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
#form .btn_li li{display:inline-block;text-align:center;}
#form .btn_li .btn_confirm input,
#form .btn_li .btn_back input,
#form .btn_li .btn_send input{
	border:none;
	display:inline-block;
	height:64px;
	cursor:pointer;
	overflow:hidden;
	text-indent: 150%;
	background-size:contain;
	background-position: center center
}
#form .btn_li .btn_confirm input{
	width:260px;
	background:url("../images/index_form_confirm_btn_off.png") no-repeat;
}
#form .btn_li .btn_confirm input:hover{
	width:260px;
	background:url("../images/index_form_confirm_btn_on.png") no-repeat;
}

#form .btn_li .btn_back input{
	width:260px;
	background:url("../images/index_form_back_btn.png") no-repeat;
}

#form .btn_li .btn_send input{
	-webkit-transition: all .25s ease;
		-ms-transition: all .25s ease;
			transition: all .25s ease;
	width:260px;
	background:url("../images/index_form_send_btn_off.png") no-repeat;
}
#form .btn_li .btn_send input:hover{
	width:260px;
	background:url("../images/index_form_send_btn_on.png") no-repeat;
}
@media ( max-width : 344px ) {
	#form .btn_li li{width:100%;padding:0 5px;}
	#form .btn_li .btn_confirm input,
	#form .btn_li .btn_confirm input:hover{
		width:100%;
		height:0;
		padding-bottom:18.6%;
		background-size:contain;
	}
}










#form p.privacypolicy{text-align: center;padding:30px 0 30px;}
#form p.privacypolicy a{text-decoration:none;color:#666;}

@media ( max-width : 767px ) {

	#form p.status{padding:0 20px;}
	#form table{
		width:95%;
	}
	#form table th {
		width:100%;
		display: block;
		background:none;
		font-weight:bold;
		color:#005ea7;
	}
	#form table td {
		width:100%;
		display: block;
	}
/*
	#form table span.form-must{float:none;}
	#form table span.form-neednot{float:none;}
*/
	#form p.submit{padding:0 5px;}
}

#inline-content-privacypolicy{color:#000;padding:30px;}
#inline-content-privacypolicy h2{font-size:1.4em;font-weight:bold;}
#inline-content-privacypolicy h4{font-size:1.2em;font-weight:bold;color:#005ea7;}
#inline-content-privacypolicy p{margin:10px 15px;}
#inline-content-privacypolicy p.oath{margin:10px 0;}
#inline-content-privacypolicy a{word-break: break-all;}

/* ★★★★★★★★★  */
/* ここまでindexページ */
/* ★★★★★★★★★  */


/* ★★★★★★★★★★★★★★★★ */
/* ここから宅建免許の基礎知識ページ */
/* ★★★★★★★★★★★★★★★★ */
#page_knowledge main{background:url('../images/page_bg.png') no-repeat center top #ebf2f8;padding:30px 0;}
#page_knowledge main div.title h2{background-image:url('../images/page_h2_bg.png');background-position:right;background-repeat:no-repeat;background-color:rgba(255,255,255,0.7);border-left:3px solid #143b75;font-size:1.8em;line-height:1.2em;padding: 10px 15px 10px 15px;color:#143b75;margin:0 0 30px 0;font-weight:bold;}
#page_knowledge main div.title h2 img{
	position: relative;
	margin: -20% 10px 0 10px;
	top: -20%;
	-webkit-transform: translateY(20%);
		-ms-transform: translateY(20%);
			transform: translateY(20%);
}

@media ( max-width : 767px ) {
	#page_knowledge main div.title h2{background-image:none;}
	#page_knowledge main div.title h2 img{height:1.5em;}
}

#page_knowledge main aside {width:30%;padding:0;float:left;}
#page_knowledge main article {width:67%;float:right;}

#page_knowledge main aside h2{background-color:#005ea7;color:#fff;font-weight:bold;font-size:1.5em;padding:10px;}
#page_knowledge main aside h3{background-color:#262626;padding:10px 20px;}
#page_knowledge main aside h3 a{color:#fff;font-weight:normal;font-size:1.2em;text-decoration:none;}
#page_knowledge main aside h3 a:before{
	background:url('../images/page_side_h3.png') 0 0 no-repeat;
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	position:relative;
	top:4px;
	margin:0 10px 0 0;
}
#page_knowledge main strong{font-weight: bold;color:#005ea7;background-color: #e7edf3;padding: 0 3px}

#page_knowledge main aside ul ul {background-color:rgba(255,255,255,0.7);}
#page_knowledge main aside ul ul li{display:block;}
#page_knowledge main aside ul ul li:first-child{padding-top:15px;}
#page_knowledge main aside ul ul li:last-child{padding-bottom:15px;}
#page_knowledge main aside ul ul li a{display:block;color:#000;text-decoration:none;font-size:1.1em;padding:3px 20px;}
#page_knowledge main aside ul ul li a:hover,
#page_knowledge main aside ul ul li a:active{text-decoration:underline;}
#page_knowledge main aside ul ul li a[target="_blank"]:after{
	content: "\f08e";
	font-family: FontAwesome;
	color:#000;
	margin:0 0 0 10px;
}

/*
#page_knowledge main article h3{background-color:#f7f7f7;border-left:8px solid #005ea7;color:#262626;font-size:1.8em;padding:18px 20px;}
*/
#page_knowledge main article h3{background-color:#262626;border-left:8px solid #005ea7;color:#fff;font-size:1.8em;padding:18px 20px;}
#page_knowledge main article h4{font-size:1.3em;font-weight:bold;color:#005ea7;margin-bottom: 15px;}
#page_knowledge main article h5{font-size:1.3em;font-weight:bold;color:#005ea7;margin-bottom: 15px;}
#page_knowledge main article h5:before{
	font-family: FontAwesome;
	content: "\f0c8";
	margin: 0 5px 0 0;
}
#page_knowledge main article section{background-color:#fff;padding:15px 30px;}

#page_knowledge main article p.warning{width:100%;font-size:1.5em;padding:10px 20px;text-align:center;color:#ec3d3d;background-color:#ffeded;border:1px solid #ec3d3d;border-radius: 1px;-webkit-border-radius:1px;-moz-border-radius:1px;margin:15px 0;}
#page_knowledge main article p.text{width:100%;font-size:1.1em;color:#000;margin:15px 0; line-height: 1.8em}
#page_knowledge main article p.text a{color: #0041B3}
#page_knowledge main article table{width:100%;border-collapse: separate;border-spacing: 5px;table-layout:fixed;}
#page_knowledge main article table thead th{background-color:#c5d0de;font-weight:bold;font-size:1.1em;padding:15px;text-align:center;vertical-align:middle;}
#page_knowledge main article table tbody th{background-color:#dde5ef;font-weight:bold;font-size:1.1em;border-left:5px solid #005ea7;padding:5px;text-align:center;vertical-align:middle;}
#page_knowledge main article table tbody td{background-color:#f2f5f9;font-weight:normal;font-size:1.1em;padding:15px;text-align:center;vertical-align:middle;}

#page_knowledge main article img{margin:15px auto;}

#page_knowledge main article ul.list{margin-bottom: 20px;font-size: 1.1rem;}
#page_knowledge main article ul.list li{}
#page_knowledge main article ul.list li:before{font-family: FontAwesome;content: "\f046 ";margin: 0 5px 0 0;color: #005ea7;}

#page_knowledge main article ul.link{border: 1px solid #eee;padding: 20px;margin-bottom: 20px;font-size: 1rem;background-color: #f7f7f7}
#page_knowledge main article ul.link li{}
#page_knowledge main article ul.link li:before{font-family: FontAwesome;content: "\f046 ";margin: 0 5px 0 0;color: #005ea7;}
#page_knowledge main article ul.link li a{color: #737373}

@media ( max-width : 768px ) {
	#page_knowledge main .content{display:flex;flex-flow: column wrap;}
	#page_knowledge main aside {width:100%;padding:0;order:2;}
	#page_knowledge main article {width:100%;order:1;}
	#page_knowledge main article section{padding:10px;}



	#page_knowledge main aside h2{font-size:1.2em;line-height:3em;background-color:#005ea7;text-align:center;color:#d1dceb;}
	#page_knowledge main aside h2:before{
		content: "\f02d";
		font-family: FontAwesome;
		color:#d1dceb;
		margin:0 10px 0 0;
	}
	#page_knowledge main aside h3{background:none;}
	#page_knowledge main aside h3 a{display:inline-block;font-size:1.1em;color:#3978c0;}
	#page_knowledge main aside h3 a:before{
		background-image:none;
		content: "\f0a9";
		font-family: FontAwesome;
		color:#3978c0;
		margin:0 10px 0 0;
	}
	#page_knowledge main aside ul{margin:0 5px;padding:15px 10px;overflow:hidden;}
	#page_knowledge main aside ul li{display:block;float:left;margin:0;width:50%;}
	#page_knowledge main aside ul li a{text-decoration:none;color:#2c2c2c;}
	#page_knowledge main aside ul ul{margin:0 0 10px 20px;padding:0;background:none;}
	#page_knowledge main aside ul ul li{width:100%;font-size:1em;line-height:1.5em;}
	#page_knowledge main aside ul ul li:before{
		content: "\f105";
		font-family: FontAwesome;
		color:#3978c0;
		float:left;
	}
	#page_knowledge main aside ul ul li:first-child{padding-top:0;}
	#page_knowledge main aside ul ul li:last-child{padding-bottom:0;}

	#page_knowledge main aside ul li:last-child{margin-right:0;}
	#page_knowledge main aside ul ul li a{text-decoration:none;color:#2c2c2c;}
}

@media ( max-width : 768px ) {
	#page_knowledge main aside ul li{width:100%;}
}

/* knowledge1　宅建業者に勤務する人が独立開業する場合の流れ */
#page_knowledge main ul.flow{padding: 0 10%}
#page_knowledge main ul.flow li{background-color: #dbe9ef;border-radius: 5px;margin-bottom: 23px;padding: 10px;font-size: 1rem;position: relative;}
#page_knowledge main ul.flow li::before{content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #dbe9ef;}
#page_knowledge main ul.flow li:last-child::before{border: none}
#page_knowledge main ul.flow li a{color: #1341a7}
#page_knowledge main ul.flow li span.a-kaisha,
#page_knowledge main ul.flow li span.b-kaisha,
#page_knowledge main ul.flow li span.ex{
	border-radius: 5px;padding: 1px 5px;display: inline-block;font-size: .9rem;margin: 0 3px;}
#page_knowledge main ul.flow li span.ex{background-color: #fff;margin-top: 3px;}
#page_knowledge main ul.flow li span.a-kaisha{background-color: #ea9034;color: #fff;}
#page_knowledge main ul.flow li span.b-kaisha{background-color: #4786b9;color: #fff;}

#page_knowledge main span.square_btn{
display: block;
text-align: center;
margin-bottom: 20px;
	}
#page_knowledge main span.square_btn a{
	position: relative;
    display: inline-block;
		text-decoration: none;
		color: #fff;
		font-size: 1.2rem;
    padding:20px 40px 15px 45px;
    background: #136db3;/*背景色*/
    border-bottom: solid 4px #074d84;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
	}

	@media ( max-width : 768px ) {
		#page_knowledge main ul.flow{padding:0%}
	}
/* ★★★★★★★★★★★★★★★★ */
/* ここまで宅建免許の基礎知識ページ */
/* ★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★ */
/* ここからアクセスページ */
/* ★★★★★★★★★★★ */
#page_access main h2{color:#262626;text-align:center;font-size:2em;padding:50px 0;letter-spacing:.1em;background:#fff;position: relative;}
#page_access main h2:after{position: absolute;bottom: -20px;left: 50%;z-index: 0;margin-left: -20px;border-top: 20px solid #fff;border-left: 20px solid transparent;
	border-right: 20px solid transparent;border-bottom: 0;content: "";}
#page_access main h2 img{
	position: relative;
	margin: -40% 10px 0 10px;
	top: -40%;
	-webkit-transform: translateY(40%);
		-ms-transform: translateY(40%);
			transform: translateY(40%);
}

@media ( max-width : 767px ) {
	#page_access main h2{font-size:1.5em;padding:15px 5px;}
	#page_access main h2 img{height:1.5em;}
}

#page_access section{background:#fff;padding:0 0 50px 0;}

#page_access .catch{background:#f5f9fc;}
#page_access .catch img{margin: 0 auto;}

#page_access .catch-text{text-align:center;}
#page_access .catch-text h3{text-align:center;font-size:1.3em;color:#000;margin:20px 5px 5px;}
#page_access .catch-text ul{display:inline-block;text-align:center;}
#page_access .catch-text ul li{display:inline-block;margin:3px 3px;}
#page_access .catch-text ul li a{background:#005ea7;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:2px 7px;color:#fff;display:block;font-size:1.2em;text-decoration:none;}

#page_access .access {text-align:center;padding:30px 0;}
#page_access .access .office:not(:first-child){padding:30px 0 0 0;}

#page_access .access .photo{float:left;}
#page_access .access .info{padding:0 20px 20px 20px;overflow:hidden;}
#page_access .access .info .office-name{font-size:1.3em;font-weight:bold;margin:0 0 15px 0;}
#page_access .access .info .post{font-size:0.9em;font-weight:normal;margin:0 0 0 0;}
#page_access .access .info .address{font-size:0.9em;font-weight:normal;margin:0 0 15px 0;}
#page_access .access .info .office-tel{font-size:0.9em;font-weight:normal;margin:0 0 0 0;}
#page_access .access .info .office-fax{font-size:0.9em;font-weight:normal;margin:0 0 15px 0;}
#page_access .access .info .station{font-size:0.9em;font-weight:normal;margin:0 0 30px 0;}
#page_access .access .map {
	width: 1000px;
	height: 350px;
	max-width:100%;
	max-height:100%;
	min-width: 100px;
	min-height: 350px;
}
#page_access .access .info .togooglemap{margin:0 0 5px 0;display:inline-block;}

#page_access .access .info p.rootguide{margin-bottom: 0;}
#page_access .access .info p.rootguide a{
		background-color: #1256a3;
		color: #fff;
		display: inline-block;
	border-radius: 5px;padding: 10px 15px;text-decoration: none;border-bottom: 3px solid #003e70}
#page_access .access .info p.rootguide a::after{
		content: "\f08e";
		font-family: FontAwesome;
		padding: 0 0 0 5px;
	}
#page_access .access .info p.rootguide a:hover{
		background-color: #edc700;
		border-bottom: 3px solid #eda400;
		color: #1256a3;
	}






@media ( max-width : 767px ) {
	#page_access .access .photo{padding-left:20px;width:35%;}
	#page_access .access .map {
		min-height: 250px;
	}
}
/* ★★★★★★★★★★★ */
/* ここまでアクセスページ */
/* ★★★★★★★★★★★ */

/* ★★★★★★★★★★★ */
/* ここからコンタクトページ */
/* ★★★★★★★★★★★ */
#page_contact h3{text-align:center;margin:10px 0;font-weight:normal;font-size:1.2em;}
#page_contact .text{text-align:center;margin:10px 0;}
#page_contact .point{}
#page_contact .error_messe{text-align:center;0;}
/* ★★★★★★★★★★★ */
/* ここまでコンタクトページ */
/* ★★★★★★★★★★★ */