@charset "UTF-8";
@import url("base.css");
/*flexbox*/
.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{/*両端揃え*/
	-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:17.5%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}
.inner--base{margin:auto;width: 1200px; position: relative}
.inner--short{margin: auto;width: 900px;position: relative}
@media screen and (max-width: 1200px) {
.inner--base{width:  96%;min-width: 96%;}
}
@media screen and (max-width: 985px) {/*小さい画面*/
.inner--short{margin: auto;width: 90%;position: relative}
}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.inner--base{width:  98%;min-width: 98%;}
}

#wrap{ width: 100%;margin: 0 auto;margin-top: 196px;}
.w960{ width:1200px; margin:auto; position:relative; text-align:left}
.sp{ display:none; visibility:hidden}
.pc{visibility:visible }
a.blank{background:url(../images_n/common/icon_external.png) no-repeat 97% center; padding-right:25px;}
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)"
}
 
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

/*header*/
#header_area{position: fixed;    top: 0px;    z-index: 99999999; width:100%;}
#header{ }
#header h1{ font-size:1.1rem; padding:6px 0}
#header{ background:#A30505;}
#header .bgW{ background:#FFFFFF}
#header .w960 h2{width: 30%}
#header .w960 div.tel{width: 48%;text-align: right;}
#header .w960 div.btcontact{width: 20%}
#header .w960 ul{ position:absolute; right:0; font-size:0;top:-23px;border-left:1px solid #484646 }
#header .w960 ul li{ display:inline-block; padding:0 8px; font-size:12px; border-right:1px solid #484646; font-size:1.1rem}
#header img{width: 100%}
#header .w960 div.tel img{width: 70%}
#nav{background: #fff;border-bottom: 1px solid #ccc}
/*nav*/
.fixed { position: fixed;    top: 0px;    z-index: 99999999; width:100%; background: #fff;
box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);}
#dropmenu{  position: relative;}
#dropmenu>ul {  width: 1200px;  margin:0px auto 0;  display:table;table-layout: fixed;}
#dropmenu>ul>li { display: table-cell;vertical-align:middle;text-align: center;background:url(../images_n/common/nav_side.png) no-repeat right center;padding:14px 0;}
#dropmenu>ul>li>a {  display: block;  font-weight: bold;}
#dropmenu ul li.select{ color: #283691;}
#dropmenu>ul>li.select span{border-bottom:1px solid #283691;padding:14px 0;}
#dropmenu>ul>li:hover{background-color: #DDDDDD;}

#dropmenu>ul>li:hover a{color: #283691;}
#dropmenu ul li div.area{  list-style: none;  position: absolute;  top: 100%;  width:100%;  left: 0;  text-align:left;  background: #fff; z-index: 9999999;}
#dropmenu ul li div.submenu{  overflow: hidden;   width: 960px;  margin:auto;  height: 0;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s; transition: .2s;}
#dropmenu ul li:hover div.submenu{  overflow: visible;  height:auto;}

#dropmenu li:hover div.area{border-bottom:1px solid #ddd; border-top: 1px solid #DDDDDD;
box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);}

#dropmenu li:hover div ul{ font-size:0; overflow:hidden}

#dropmenu div.submenu li{ display: inline-block; vertical-align: middle; font-size: 13px;}
#dropmenu ul li:hover div.submenu a{ display:block; color:#000000;}
#dropmenu ul li:hover div.submenu a:hover{color: #283691;}
#dropmenu ul li:hover div.submenu a:hover img{ opacity: 0.5}

#dropmenu div.submenu li.con01{ width: 246px;}

#dropmenu div.submenu li.con02,/*国で選ぶ*/
#dropmenu div.submenu li.con03,/*期間で選ぶ*/
#dropmenu div.submenu li.con04,
#dropmenu div.submenu li.con05/*目的で選ぶ*/
{ width: 714px;  line-height: 2}
#dropmenu div.submenu li h3{font-size:3rem;font-weight: bold; line-height: 1.3em}
#dropmenu div.submenu li .eg{ color: #7798BF; font-family: 'Fira Sans Condensed', sans-serif; font-weight: bold; font-size:1rem; letter-spacing: 0.3em; 
margin-top: 10px; margin-bottom: 10px; display: inline-block;position: relative;}

#dropmenu div.submenu li .eg span:after {content: "";  border-bottom: 1px solid #ccc;  width: 45px;  margin: 0 10px;  position: absolute;  bottom: 7px;}
#dropmenu div.submenu li .eg span:after { left: 100%;}
#dropmenu div.submenu li .text{ padding-right: 40px}
#dropmenu div.submenu li.con02 dl{display: table;border-bottom:1px solid #ddd; width: 100%;}
#dropmenu div.submenu li.con02 dl dt {background-color: #E2EAF2; text-align: center;border-left:1px solid #ddd;border-right:1px solid #ddd;font-size:1.4rem;width: 122px;display: table-cell;vertical-align:middle;padding: 10px 0;}
#dropmenu div.submenu li.con02 dl dd { padding-left: 6px;display: table-cell;vertical-align:middle;}
#dropmenu div.submenu li.con02 dl dd p{ float: left; width:32%;font-size:13px; font-weight: bold; padding: 14px 0 14px;}
#dropmenu div.submenu li.con02 dl dd p.l{ width: 150px}
#dropmenu div.submenu li.con02 dl:last-of-type{ border-bottom: none}

#dropmenu div.submenu li.con03,
#dropmenu div.submenu li.con04,
#dropmenu div.submenu li.con05{border-left: 1px solid #ddd;}
#dropmenu div.submenu li.con03 a{ width: 20%; float: left;}
#dropmenu div.submenu li.con03 dl{display: table-cell;vertical-align:middle;text-align: center; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 100%; padding: 36px 0;}
#dropmenu div.submenu li.con03 dd{font-size:13px; font-weight: bold; padding-top: 12px}
#dropmenu div.submenu li.con03 dd p{ margin-top: 6px; margin-left: 20px; margin-right: 20px; padding-top: 6px; border-top: 1px solid #ccc; font-weight: normal;font-size:1.2rem;}

#dropmenu div.submenu li.con04 p{ float: left; width: 237px;font-size:13px; font-weight: bold; padding: 20px 0 30px 8px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#dropmenu div.submenu li.con05 p{ float: left; width:82%;font-size:13px; font-weight: bold; padding: 20px 0 30px 8px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

/*テキスト横画像*/
[class^="icon"] {  width: 38px;  height: 38px;  position: relative;  top: 8px;  margin-right: 6px;}

/*英語文字*/
.egl{ font-family: 'Fira Sans Condensed', sans-serif;font-weight: bold; font-size:1rem; letter-spacing: 0.2em; display: inline-block;position: relative;font-size:1.5rem; font-weight: bold}
.egl span:before,
.egl span:after{content: "";  border-bottom: 1px solid #fff;  width: 45px;  margin: 0 10px;  position: absolute;  bottom: 10px;}
.egl span:before {right: 100%;}
.egl span:after{ left: 100%;}
/*英語文字*/
.egtxt{ font-family: 'Fira Sans Condensed', sans-serif;}

/*人気留学特集*/
#feature{ background: url(../images_n/common/feature_bg.png); padding: 50px 0 30px;color: #fff}
	#feature h2{ font-size:2.8rem; }

/*人気留学特集スライダー*/
#specialslider{margin-top: 20px;}
#specialslider h3{ text-align: center;font-size:1.5rem;margin-top: 10px;font-weight: bold; /*background: url(../images_n/top/arrow1.png) no-repeat right center*/ position: relative}
#specialslider h3 a{ display: block}
#specialslider a{color: #fff}
#specialslider p{font-size:1.2rem; margin-top: 10px; border-top: 1px solid #fff; padding-top: 10px; text-align: left}
#specialslider i{ position: absolute; right: 0; top: 20px}
#specialslider .multiple-item li{ margin: 20px; text-align: center; }

.scale_up {}
.scale_up img{ width: 100%; height: auto;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up div{margin: auto;overflow: hidden; border: 3px solid #fff}
.scale_up:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.slick-prev, .slick-next {width:27px;height:47px; }
.slick-prev{ text-align: left}
.slick-next{ text-align: right}
.slick-prev:before, .slick-next:before { content:"";}
button.slick-prev, button.slick-next { z-index:2;}
.slick-prev{left:-20px;}
.slick-next{right:-20px; }
.slick-arrow{z-index:10;}
#feature a:hover h3,
#feature a:hover p{
color: #FFC926;
}



/*二重四角ボタン*/
.bt-box{ clear: both; text-align: center; font-weight: bold; margin-bottom: 50px; margin-top: 20px}
.bt-box a{ display: block}
.bt-box a:hover span{ background-color: #fff}
.bt-box span { border: 1px solid #000;	padding: 12px 22px;	margin: 12px;    position: relative;    z-index: 1;}
.bt-box span::before,
.bt-box span::after {    content: "";    height: 100%;    position: absolute;    width: 100%;}
.bt-box span::before {    left: 0;    top: 0;    z-index: -1;}
.bt-box span::after {   border: 1px solid #000;    top: 2px;    left: 2px;    z-index: -2;}
.bt-box a .pdf{background-image: url(../images_n/common/icon_pdf.png); background-repeat: no-repeat; padding-right: 40px; background-position: 96% center}

/*問い合わせ*/
.toiawase{ background: #FF8000 url(../images_n/common/toiawase_bg.png) no-repeat center top; overflow: hidden}
.toiawase ul{ font-size: 0}
.toiawase li{ display: inline-block; font-size: 13px; color: #fff; vertical-align: middle}
.toiawase li:first-child{ width: 281px;font-size:1.6rem;}
.toiawase li:nth-child(2){ padding-right: 15px}


/*ページ下部インフォメーション*/
#infonav{ padding: 0px 0 50px 0; overflow: hidden}
	#infonav dl{ width: 44%;margin-top: 50px}

	#infonav dt{font-size:2.6rem;font-family: 'Fira Sans Condensed', sans-serif; font-weight: bold; border-bottom: 1px solid #ccc}
	#infonav dd{ padding-top: 20px;}
	#infonav dd li{ display: inline-block; vertical-align: top;font-size:1.2rem; }
	#infonav dd li:nth-child(2){ width: 310px; padding-left: 20px;}
	#infonav dd li .textlink{  margin-top: 10px;}
	#infonav dd li .textlink i{ padding-right: 7px}
	#infonav dd li .textlink a{ color: #004492}
	#infonav dd li .textlink a:hover{ font-weight: bold}

/*BTTOP*/
#pagetop{    position:fixed;    right:10px;    bottom:20px;    cursor:pointer; }
	#pagetop:hover img {filter:Alpha(opacity=75);	opacity:0.75; }


/*フッター*/
#footer{ background: #E9F5FC url(../images_n/common/footer_bg.png) repeat-x; padding: 50px 0 0}
	
	#footer .footerLeft{  width: 24%; display: table-cell}
	#footer .footerLeft h1{ padding-bottom: 12px;}
	#footer .footerLeft dt{ font-weight: bold; margin-top: 20px; padding-bottom: 10px}
	#footer .footerLeft dd.tel{ padding: 0px 0 10px}
	#footer .footerLeft dd.time{font-size:1.2rem; line-height: 1.4em}
	#footer .footerLeft .bt{ margin: 30px 0}
	
	#footer .footerbox{display: table-cell;width: 24%;  padding-bottom: 20px}
	#footer .footerbox dl{ margin-bottom: 20px;margin-left: 30px;}
	#footer .footerbox dt{ border-bottom: 1px solid #333;font-weight: bold;font-size:1.2rem; }
	#footer .footerbox dd{font-size:1.1rem; padding-top: 8px;}
	#footer .footerbox p{padding-top: 8px;font-weight: bold;margin-left: 30px;font-size:1.2rem; }
	#footer .footerbottom{ background: #fff; padding: 20px 0;font-size:1.1rem;}
	#footer .footerbottom h2{ padding-bottom: 20px}
	#footer .footerbottom li{ display: inline-block; padding: 20px 8px;}


/*パンくず*/
#pan{ background: #D9D9D9; overflow: hidden; margin-bottom: 30px;padding: 6px 0}
#pan li{ float: left;font-size:1.2rem; }
#pan li i{ margin-right: 3px}
#pan li a{ padding: 0 8px;color: #004492;}

.coution{ padding-right: 12px; text-align: right}
.indent{ margin-left: 1em;text-indent: -1em;}

@media (max-width: 1020px) and (min-width: 768px){


}
@media screen and (max-width: 767px) {
.sp{ display:block; visibility:visible}
.pc{ display:none; visibility:hidden}
body{ width:100%; min-width: 100%; margin:auto;font-size: 13px;}

.w960{ width: 96%;}
#wrap{ width:100%;max-width: 100%; margin:0 auto;}
/*a {display: block; -webkit-tap-highlight-color:transparent;}*/
img{max-width: 100%;height: auto;}
#header_area{position: static}
#header h1{ font-size:8px;}
#header .w960 h2{ float:none;padding:20px 0 20px 10px; width: 60%}

#feature{ padding: 30px 0 0}
#feature h2{ font-size:1.8rem; }

.slick-prev, .slick-next {width:17px;height:37px; }
.slick-prev{left:-30px;}
.slick-next{right:-30px; }
#specialslider{margin: 10px 30px 0;}
#specialslider h3{ font-size:0.8rem;}
#specialslider p{font-size:0.6rem; }
#specialslider li h3 span{transform: scale( 1 , 2.1 );display: inline-block}
#specialslider .multiple-item li{ margin: 10px; text-align: center; }

/*ページ下部インフォメーション*/
#infonav{ padding: 0px 0 50px 0;  width: 90%; margin: auto; overflow: hidden}
	#infonav dl{ width: 100%; float: none; margin-right: 0px; margin-top: 20px}
	
	#infonav dt{font-size:2.0rem;}
	#infonav dd{ padding-top: 20px;}
	#infonav dd li{ display: inline-block; vertical-align: top;font-size:1.2rem; width: 20%}
	#infonav dd li:nth-child(2){ width: 76%; padding-left: 20px;}
	

#footer{ padding: 20px 0 100px;}
	#footer .footerbottom{ background:none; padding: 0px 0;font-size:0.9rem;}
	#footer .footerbottom h2{ padding-left: 20px; padding-right: 20px; text-align: left}
	#footer .footerbottom li{ display: inline-block; width: 40% }
	#footer .footerbottom p{font-size:0.7rem;}

#pagetop{    position:fixed;    right:10px;    bottom:80px;    cursor:pointer; }

/*問い合わせ*/
#toiawaseSP{  background: #d80000; overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 999999;width: 100%}
#toiawaseSP ul{ font-size: 0}
#toiawaseSP li{ display: inline-block; font-size: 13px; color: #fff; vertical-align: middle}
#toiawaseSP li:first-child{ width: 62%;padding: 5px 0}
#toiawaseSP li:nth-child(2){ width: 38%; text-align: right}
	
	
	
/*ページ内リンクメニュー*/
#pagelink{margin: 0px auto 20px; width: 100%;  font-size: 0; }
#pagelink li{font-weight: bold; display: inline-block; vertical-align: top;overflow: hidden;font-size:1.1rem;border: 3px solid #fff; background: #004492;
border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */}


#pagelink .co2 li{ width: 25%;}/*4つの場合*/
#pagelink .co3 li{ width: 25%;}/*4つの場合*/
#pagelink .co4 li{ width: 25%;}/*4つの場合*/
#pagelink .co5 li{ width: 20%;}/*4つの場合*/

#pagelink li:nth-child(1){margin-left: 0}
#pagelink li span{font-size:1.3rem; opacity: 0.7;}
#pagelink li i{color: #fff;font-size:1.6rem; display: block}
#pagelink li a {display: block;padding: 8px 0px 2px;text-align: center;color: #fff;}
#pagelink li a:hover{opacity: 0.5; }
}


@media screen and (max-width: 768px) {
/*メニュー*/
#drawernav{	position:fixed;top: 90px;		width: 100%;	background:#d80000;	color: #fff;z-index: 9999; display: none; }
#drawernav{ border-bottom:1px solid #d80000; overflow:hidden;height: 400px; overflow: auto;-webkit-overflow-scrolling: touch;}
#humberger{	position:fixed;top: 40px;	right: 16px;	z-index: 3;	width: 50px;padding: 4px 10px 4px;	cursor: pointer;background:#d80000;
}
#humberger p{ padding-top: 3px; color: #fff; text-align: center;
font-family: 'Fira Sans Condensed', sans-serif; font-weight: bold; font-size:1rem; }
.icon-bar{	height: 1px; width: 100%;	background: #ffff;	display: block;	margin-bottom: 6px; border-bottom: 1px solid #fff; }
#humberger.active .icon-bar{background: #fff;	}
#humberger.active :nth-child(1){		transform:translate(0,8px) rotate(45deg);		-webkit-transform:translate(0,8px) rotate(45deg);	}
#humberger.active :nth-child(2){		transform:translate(-20px ,0);		-webkit-transform:translate(-20px ,0);		opacity:0;	}
#humberger.active :nth-child(3){		transform:translate(0,-8px) rotate(-45deg);		-webkit-transform:translate(0,-8px) rotate(-45deg);	}
#humberger a{color: #fff;} 
.clearfix {zoom:1;}
.clearfix:after {	content : ""    ;	display : block ;	clear   : both  ;}
.accordionbox{width: 100%;}

.accordionlist dt{ display:block;    padding: 20px 0 10px 5px;	border-bottom: 1px solid #000; font-weight: bold}
.accordionlist dt:first-child{    border-top: none !important;}
.accordionlist dt .title{    padding-left: 10px;	float: left;}
.accordionlist dd{    display:none;background: #fff;	padding:20px 15px;	border-bottom: 1px solid #000;	overflow: hidden;;text-align: left}
.accordionlist dd li a{color: #283691} 
.accordionlist dd li{ width: 50%; float: left; font-size: 12px; padding: 12px; position: relative; }
.accordionlist dd ul.st1 li{ width: 100%; float: none}
.accordionlist dd li:nth-child(1),.accordionlist dd li:nth-child(2){border-top:1px solid #ccc;}
.accordionlist dd li:nth-child(1n){ border-bottom:1px solid #ccc;border-left: 1px solid #ccc}
.accordionlist dd li:nth-child(2n){ border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
.accordionlist dd li:last-child{border-right: 1px solid #ccc;}

.accordionlist dd ul.st1 li:nth-child(2){border-top: none;}
.accordionlist dd ul.st1 li:nth-child(1n){ border-right: 1px solid #ccc;}

.accordionlist dd li::before,
.accordionlist dd li::after{position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
.accordionlist dd li::after{right: 12px;width: 4px;height: 4px;border-top: 1px solid #283691;border-right: 1px solid #283691;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.accordion_icon,
.accordion_icon span {	display: inline-block;	transition: all .4s;	box-sizing: border-box;}
.accordion_icon {	position: relative;	width: 30px;	height: 30px;	float: right;	margin-right: 5px;}
.accordion_icon span {	position: absolute;left: 6px; width: 50%;height: 2px;background-color: #fff;	border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.accordion_icon span:nth-of-type(1) {top: 5px;transform: rotate(0deg); -webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-ms-transform: rotate(0deg);    -o-transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {top: 5px;transform: rotate(90deg); -webkit-transform: rotate(90deg);	-moz-transform: rotate(90deg);	-ms-transform: rotate(90deg);    -o-transform: rotate(90deg);}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {display:none;}
.accordion_icon.active span:nth-of-type(2) {top: 5px;transform: rotate(180deg); -webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);	-ms-transform: rotate(180deg);    -o-transform: rotate(180deg);}

#drawernav #Normal ul{display: table; width: 100%}
#drawernav #Normal li{position: relative;display:table-cell; width:50%; vertical-align: middle; padding: 12px;border-bottom: 1px solid #000;}
#drawernav #Normal li a{  color: #fff}
#drawernav #Normal li:nth-child(1n){ border-right: 1px solid #000;}
#drawernav #Normal li::before,
#drawernav #Normal li::after{position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
#drawernav #Normal li::after{right: 12px;width: 4px;height: 4px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#drawernav #contact{ width: 86%;  background: #ffe700; margin: 20px auto; padding: 20px 0; position: relative;font-size:1.5rem;}
#drawernav #contact a{  color: #d80000}
#drawernav #contact  i{ position: absolute; left: 12px; top: 25px; color: #d80000;font-size:3rem}
#drawernav #tel{ width: 86%;  background: #FFF; margin: 20px auto; padding: 20px 0; position: relative}
#drawernav #tel span{font-family: 'Fira Sans Condensed', sans-serif;font-weight: bold; font-size:3rem;}
#drawernav #tel a{  color: #000}
#drawernav #tel   i{ position: absolute; left: 12px; top: 50px; color: #000;font-size:3rem}

.contents{ padding-top: 20px}

}


.obi{background: linear-gradient(45deg, #b12a00 0%, #b12a00 65%, #850303 65%, #850303 100%);}
.obi .msg{width: 66%}
.obi .bt{width: 26%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.obi{background: #b12a00;}
.obi .msg{width: 100%;padding: 10px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.obi .bt{width: 100%;background: #850303;padding: 20px 30px}
}