@charset "utf-8";
/* CSS Document */

.left-img { float: left; margin: 0 5px 2px 0; }
.right-img { float: right; margin: 0 0 2px 5px; }
.a-img a:hover img{ opacity:0.6; filter: alpha(opacity=60); }


/* CMN
------------------------------------------------------------------------------------------------ */
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb1em { margin-bottom: 1.2em !important;}
.mb2em { margin-bottom: 2em !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt7 {margin-top: 7px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.mr5 {margin-right: 5px !important;}
.pl1em {padding-left: 1em !important;}
.pr5 { padding-right: 5px !important;}
.pt15 {padding-top: 15px !important;}
.pb0 {padding-bottom: 0 !important;}
.tl { text-align: left !important;}
.tr { text-align: right !important;}
.tc { text-align: center !important;}
.lh1 {line-height: 1;}
.fb {font-weight: bold;}
.fn { font-weight:normal;}
.fr { float: right;}
.fl { float: left;}
.fs11 { font-size: .87em;}
.fsbig { font-size: 1.1em;}
.fs12 { font-size: 1.2em !important;}
.fcBlue01{ color: #0F158A;}
.fcBlue02{ color: #00509F;}
.fcBlue03{ color: #044e84;}
.fcGreen01{	color: #777648;}
.fcRed01{ color: #990000;}
.fcnomal { color:#333;}
.nobgimg{ background:none !important;}
.nobdr{ border:none !important;}
.pbb-idx{page-break-before: always;}
.vab{ vertical-align:bottom;}
.clear { clear: both;}
.bdr{border-top:1px dotted #ccc;}
.fcfb1{ font-weight:bold; color:#001966;}
.fcfb2{ font-weight:bold; color:#C4113E;}
.line { background: url("../images/cmn/line_bg.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: #46332F;
    font-weight: bold;
    line-height: 1.6;
    margin: 10px 0;
    padding: 0;
}
.marker{background: linear-gradient(rgba(165,223,248,0), #A5DFF8) ; font-weight:bold; color:#333;}


@media screen and (max-width: 480px){.clear-mobile{ clear: both;}}

.layout-right, .layout-left{ width: 49%; margin-bottom: 1em; }
.layout-left2{ width: 55%; margin-bottom: 1em; }
.layout-right2{ width: 45%; margin-bottom: 1em; }
.layout-left, .layout-left2 { float: left;  }
.layout-right, .layout-right2 {  float: right; }
@media screen and (max-width: 480px){
.layout-right, .layout-left, .layout-left2, .layout-right2 { float: none; margin: 0 auto 1em auto; width: 100%;}
}

.dl-cmn-border dt{ border-bottom: 1px dotted #999; margin: 1em 0 .4em 0; padding: 0 0 .1em 0;min-height: 20px; font-weight: bold;}
.dl-cmn-border dd{ margin: 0 0 .4em 0;}

.ol-number{ list-style: decimal outside; margin: 0 0 0 2em; margin-left: -2em\9; padding-left: 50px\9; }
@media screen and (max-width: 768px){
.ol-number{ margin-left: 2em; }
.ol-number div { float: none; margin: 0 auto 1em auto; width: 230px;}
}

.bg-cmn{ background:#FBFBF4; padding:.5em 1em; border:1px solid #EDEDCB; overflow:hidden; _height:100%; border-radius:5px;}
.bg-cmn p{ margin-bottom:0; }


/* cmn */
.ul-cmn{ list-style: none outside; margin: 1em 0 0 0; padding: 0; } 
.ul-cmn li{	margin: 0 0 10px 1em; line-height: 1.6; background: url(../images/cmn/list_bg_cmn.gif) no-repeat left 5px;
	padding: 0px 0 0 20px;}
.ul-cmn .ul-cmn li{ background: url(../images/cmn/list_bg_cmn.gif) no-repeat left 5px; padding-left:20px;}
	
.ul-cmn-arrow{ list-style: none outside; margin: 1em 0 0 0; padding: 0; } 
.ul-cmn-arrow li{ margin: 0 0 10px; line-height: 1.6; background: url(../images/cmn/list_bg_arrow.gif) no-repeat left 5px;
	padding: 0px 0 0 20px;}
	
.ul-cmn-ap{ list-style: none outside; margin: 1em 0 0 0; padding: 0; } 
.ul-cmn-ap li{ margin: 0 0 10px; line-height: 1.6; background: url(../images/cmn/list_bg_airplane.gif) no-repeat left 5px;
	padding: 0px 0 0 20px;}


.bg-cmn-w.ul-cmn-arrow { padding: 1em 1em 0 1em;}
.bg-cmn-w.ul-cmn { padding: 1em 1em 0 1em;}
@media screen and (max-width: 480px){.bg-cmn-p .bg-cmn-w .ul-cmn li { margin: 0;}}

.ol-bold{ color:#900; font: italic normal bold 20px/160% Georgia, sans-serif; list-style: decimal; margin-left: 2em ; }
.ol-bold li{ margin: 0; padding: 0; }
.ol-bold li p{ color: #333; font: normal normal normal 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
.ol-bold li span{ color: #333; font: normal normal bold 14px/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
@media screen and (max-width: 768px){.ol-bold{ margin-left: 1.5em; width: 90%; }}

.dl-cmn{ margin: 0; padding: 0;}
.dl-cmn dt{ font-weight: bold; margin: 0.6em 0 0 0; padding: 0; }
.dl-cmn dd{ margin: 0; padding: 0;}
.dl-cmn-border{ margin: 0 0 60px 0; }
.dl-cmn-border dt{ margin: 2em 0 0 0; padding: 0; border-bottom: 1px solid #999; font-weight: bold; }
.dl-cmn-border dd{ margin: 0.5em 0;}


.cmn-table{	width:90%; border-collapse: collapse; border-left: 1px solid #999; border-top: 1px solid #999;
	margin: 0 auto;	text-align: center; background: #FFF; }
.cmn-table th {	padding:4px 0 0; border: 1px solid #999; box-shadow: 1px 1px 0 #FFF inset; font-weight: bold;
	text-align: center;	background:#FEF4D0; }
.cmn-table td {	border-bottom: 1px solid #999; border-right: 1px solid #999; width: auto; padding:0 5px;}
.cmn-table tr .cmn-table-row {	background-color:#FDF7D2;}

.icon-tel {	background: url(../images/cmn/icon_tel.jpg) no-repeat left 1px; padding-left: 25px;}
.icon-pc { background: url(../images/cmn/icon_pc.jpg) no-repeat left 1px; padding-left: 25px;}
.icon-cmnt {background: url(../images/cmn/icon_cmnt.jpg) no-repeat left 1px; padding-left: 25px;}
.icon-mobi {background: url(../images/cmn/icon_mobi.jpg) no-repeat left 1px; padding-left: 25px;}
.icon-arrow{background:url(../images/cmn/list_bg_arrow2.gif) no-repeat left 3px; padding-left: 10px;}


.box-t { background: url(../images/cmn/box_bg_t.jpg) no-repeat top; width:100%; background-size:contain; margin-bottom:50px;  }
.box-t-ttl { min-height:60px; margin:0; padding:15px 1.5em 0; font-size:1.4em; }
.box-m { background: url(../images/cmn/box_bg_m.jpg) repeat-y left top;background-size:contain; padding-top:15px  }
.box-b { background: url(../images/cmn/box_bg_b.jpg) no-repeat left bottom; display: block; overflow: hidden; padding: 0 1.5em 15px;background-size:contain; }

.cmn-box { background: #FFFFF0; border: 1px solid #999; padding: 1em; }

@media screen and (max-width: 768px){.cmn-table { width:100%;}}

@media screen and (max-width: 480px){
.box-t { background:none #B9F4F8; }
.box-b img {clear: both; float: none; margin: 0 auto 10px; width: 100%;} }



/* FORM 
------------------------------------------------------------------------------------------------ */
fieldset{ margin: 25px 0 1em; padding: 0 1em 10px; border: 1px solid #7B818A; width: auto; }
legend{	margin: 0; padding: 0.5em 1em; border: 1px solid #999; color: #fff;	font-size: 16px; background-color:#00509F; font-weight:bold;}
label{margin: 1em 0 0.5em 0;border-bottom: 1px dashed #999;display: block;font-weight: bold;}
input{margin: 0 0 0.4em;font-size: 14px;background-color: #F8F7F5;border: 1px solid #C3C3C3;}
textarea{ margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; width: 100%; }

@media screen and (max-width: 480px){
input{ width: 100%;}
}




/* TABLE
------------------------------------------------------------------------------------------------ */
table  tr,th,td { height:1.5em; padding:3px;}
.fee-table{	width:98%; }
.fee-table th{background:#EFEEE9; font-size:1.1em; font-weight:normal;}
th.tokyo{background:#FFE3D5;}
th.sendai{background:#ECF7CB;}
th.bgc-th2 {background:#F7F7F4;}


/* TTL
------------------------------------------------------------------------------------------------ */
.ttl { background:#00A0E9 url(../images/cmn/ttl_bg.gif) no-repeat right; min-height:36px; padding:10px 0 0 1em; font-size:1.4em; font-weight:bold; color: #563A30; margin:0px 0 20px; border-bottom:double 6px #FFF; color:#FFFFFF; }



/* INDEX
------------------------------------------------------------------------------------------------ */
/* ===idx-point===  */
.idx-point { height: auto; border-bottom:1px dotted #ccc; min-height:110px; background:#F7F7EE; padding:10px 10px 10px 0; overflow:hidden;}
.idx-point-l { float:left; padding:10px 0 0 0; width:420px;}
.idx-point-r { float:right;}
.idx-point-l p{ padding:10px 0 0 20px; }

@media screen and (max-width: 768px){
.idx-point {padding-bottom:0;}
.idx-point-l { width:300px;}
} 

@media screen and (max-width: 480px){
.idx-point-l { width:100%; margin:0 auto; padding:0;}
.idx-point-r {margin:-5px 0 10px; width:300px; text-align:center;}
.idx-point-r img{ padding-left:15px;}
}

	

/* ===idx-profile===  */
.idx-profile { background: #F7F7ED url(../images/idx/idx_bg_profile01.jpg) no-repeat right bottom; height: 401px; border:2px solid #95CAFF;}
.idx-profile-txt2 { padding:0 240px 0 18px; height: auto; }
.idx-profile-txt { padding:20px 18px 0 18px;}

@media screen and (max-width: 768px){
.idx-profile-txt { padding:1em 1em 0 1em;}
.idx-profile-txt2 { padding:0 230px 0 1em; height: auto; }
.idx-profile { font-size:0.9em; }
.idx-profile br { display:none; }
} 

@media screen and (max-width: 480px){
.idx-profile { height:auto;}
.idx-profile-txt { padding: 25px 10px 0 ; }
.idx-profile-txt2 { padding: 0 10px 10px ; height:620px;}

} 


/* ===idx-voice===  */
.idx-voice{background:#F7F7EE; overflow:hidden; padding:20px;}
.idx-voice-img{width:240px; float:left;}
.idx-voice-txt{width:370px; float:right;}


@media screen and (max-width: 768px){
.idx-voice{ padding:10px;}
.idx-voice-img{width:190px; }
.idx-voice-img img{width:100%; }
.idx-voice-txt{width:360px; }
} 

@media screen and (max-width: 480px){
.idx-voice{padding:10px;}
.idx-voice-img{width:100%; float:none; text-align:center; margin:0 0 10px 0;}
.idx-voice-txt{width:100%; float:none;}
} 



/* ===idx-interview===  */
#idx-box-interview{ width: 100%; margin-bottom: 30px; overflow: hidden; }
#idx-box-interview li{ width: 220px; float: left; margin-right: 10px; background: #F7F7EE; text-align: center; padding:5px 0;}
#idx-box-interview img{ margin: 5px 5px 10px 5px; }
#idx-box-interview p{ margin: 0 5px 5px 5px; padding: 0; line-height: 1.3;}
#idx-box-interview li.li-end{ margin-right: 0; }

.idx-move {background:#F7F7EE; overflow:hidden; padding:20px; margin-bottom:15px;}
.idx-move p { float:right; width:300px;}

@media screen and (max-width: 768px){
#idx-box-interview li{ width: 189px;}
.idx-interview-txt{ height: 7em; }
.idx-move { background:none; padding:0;}
.idx-move img { width:280px;}
}

@media screen and (max-width: 480px){
#idx-box-interview{ margin: 0 auto 40px auto; width: 300px; }
#idx-box-interview li{ width: 240px; float: none;  margin: 0 auto 7px; padding: 10px; }
#idx-box-interview img{ margin: 10px 0 10px 0; }
#idx-box-interview li.li-end{ margin-right: auto; }
}



/* FAQ
------------------------------------------------------------------------------------------------ */
.box-faq {margin: 20px 0 40px; }
.faq-ttl{background:#F7F7EE url(../images/faq/faq_q_bg.gif) no-repeat;font-weight: bold; padding: 7px 0 4px 40px; font-size: 1.1em;}
.faq-txt{ background: url(../images/faq/faq_a_bg.gif) no-repeat; padding: 10px 0 6px 40px; clear: both; margin:5px 0 0 0;}

.dl-faq { margin:0; padding:0;}
.dl-faq dt{ margin:0;padding:0; font-weight:bold;}
.dl-faq dd{margin:0 0 1em 0; padding: 0}

@media screen and (max-width: 768px){
.faq-txt p { padding:0 10px 0 0;}
} 


/* COMPANY
------------------------------------------------------------------------------------------------ */

.dl-company{ border-bottom: 1px dotted #96935A; }
.dl-company dt{	margin: 0 0 -2em; padding: 7px 0 1px 25px; border-top: 1px dotted #96935A;
	font-weight:bold; background: url(../images/cmn/list_bg_arrow.gif) no-repeat .5em 10px; }
.dl-company dd{ margin: 0; padding: 5px 0 3px 190px;}
@media screen and (max-width: 768px){.dl-company dd{ padding: 5px 0 3px 185px; background: left; }}
@media screen and (max-width: 480px){.dl-company dd{ padding-left:20px;}.dl-company dt{margin: 0;}}


/* ACCESS
------------------------------------------------------------------------------------------------ */
.access-way { height: 240px; margin: 0 0 10px; background:url(../images/idx/icon_arrow.jpg) no-repeat 115px bottom; }
.access-way-txt{ width:320px; float:right;}
@media screen and (max-width: 768px){.access-way-txt{ width:280px; }} 
@media screen and (max-width: 480px){
.access-way {	height: auto; padding: 0 0 30px; }
.access-way .fl { margin:0 0 15px; background:url(../images/idx/icon_arrow.jpg) no-repeat center bottom; float:none;} 
.access-way p{ padding:5px 0 0; margin:0 0 3px; }
} 
.map iframe { border:solid 1px #96935A; }



/* FLOW
------------------------------------------------------------------------------------------------ */
.flow {	height: 180px; margin: 0 0 4px; background:url(../images/flow/flow_arrow.gif) no-repeat bottom; }
.flow-txt{ width:400px; float:left;}
.flow-txt p{ padding:10px 0 0 0; }
@media screen and (max-width: 768px){
.flow {	margin: 0 0 14px;}
.flow-txt{ width:350px;}
} 
@media screen and (max-width: 480px){
.flow {	height: auto; margin: 0 0 10px; padding: 0 0 30px 0; background:none; }
.flow-txt{ width:97%; float:none; }
.flow p{ padding:5px 0 0 0; margin:0 0 3px 0; }
.flow .fr { margin:0 40px 3em 0;} 
} 


/* REASON
------------------------------------------------------------------------------------------------ */
.reason p{ font-size:1.1em;}
.reason-h {	margin: 70px 0 15px 0; padding:0 0 5px 0; border-bottom:#001966 1px solid;}


   
/* VOICE
------------------------------------------------------------------------------------------------ */
.div-voice-int { border-bottom: 1px dotted #7A5146; height: 260px; margin-bottom: 20px; padding-bottom: 20px;}
.div-voice-int img { clear: both; float: left; margin-right: 20px;}
@media screen and (max-width: 480px){
.div-voice-int { margin-bottom: 30px; padding-bottom: 40px; width: 300px; text-align:center; height: auto;}
.div-voice-int img { margin: 0 0 20px; float: none; text-align:center;}
.div-voice-int p { text-align:left;}
}

/* SERVICE
------------------------------------------------------------------------------------------------ */
.fee-box{ background:#FBFBF4; padding:.5em 1em; overflow:hidden; _height:100%; margin:0 0 50px 0;}


/* INTERVIEW
-------------------------------------- */
.interview-q { font-weight:bold; border-left:7px #001966 solid; border-bottom: 1px #001966 solid; padding:0 0 0 1em; background-color:#FFF; }
.in-left-img { float:left; width:350px; margin-bottom: 1em; }
.in-right-img { float:right; width:300px; margin-bottom: 1em; }
.interview-img { float: right; width: 280px; margin-left: 10px; }
.interview-img p { font-weight: bold; font-size: .84em; text-align: center; line-height: 1.3; }
.interview-cpt { font-weight: bold; font-size: .84em; text-align: center; line-height: 1.3; }
.voice-img-interview { text-align: center; font-weight: bold; margin-bottom: 1em; }
.layout-right { float: right; width: 280px; overflow: hidden; margin-left:10px; }
.layout-tc { font-size:12px; font-weight:bold; text-align:center; margin-top:5px; }
.layout-tl { font-size:12px; font-weight:bold; text-align:left; margin-top:5px; }
.interview-icon{ float: left; margin-bottom: 2px; }
.int-txt-box { border:1px solid #CCC; width:350px; height:auto; padding:5px; margin-bottom:1em;}
.int-txt-box ul { list-style:none;}
.int-txt-box li { background:url(../images/cmn/list_bg_cmn.gif) no-repeat left 6px; padding-left:15px;}


@media screen and (max-width: 480px) {
.layout-right { float: none; width: 280px; overflow: hidden; margin:0 0 25px 0; }
.in-left-img { float:none; width:300px; margin-bottom: 1em; }
.in-right-img { float:none; width:300px; margin-bottom: 1em; }
.int-txt-box { border:1px solid #CCC; width:95%; height:auto; padding:5px; margin:0 auto 1em;}

}

/* SEMINAR
-------------------------------------- */
.seminar-box { background: #F7F7ED url(../images/idx/idx_bg_profile01.jpg) no-repeat right bottom; height: auto; border:2px solid #95CAFF; padding:25px 0 10px 10px;}
.seminar-box p { width:430px;}

.seminar-l { float:left; padding:10px 0 0 0; width:350px;}
.seminar-r { float:right; width:280px; text-align:center;}
.seminar-l p{ padding:10px 0 0 20px; }

@media screen and (max-width: 768px){
.seminar-box { padding:1em 1em 0 1em; height: auto; }
.seminar-box p { width:320px;}

} 

@media screen and (max-width: 480px) {
#seminar-img { margin:0 auto;}
#seminar-img .left-img, #seminar-img .right-img {float:none !important; margin:10px auto; width:250px; text-align:center;}
.seminar-box {height:auto; background-image:none; padding:10px;}
.seminar-box p { width:270px; }

}