@charset "utf-8";
/*===================================================================
  Reset CSS
===================================================================*/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; background: #EEE; overflow-x:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, form { margin: 0; padding: 0; border: 0; }
a, a:active, a:visited { color: #444; text-decoration: none; }
a:hover { color: #444; }
* { -webkit-text-size-adjust: none; }
ol, ul { list-style: none; word-wrap: break-word; }
img { max-width: 100%; height: auto; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table { border-collapse: collapse; border-spacing: 0; }
p { word-wrap: break-word; line-height: 1.9; padding-bottom: 25px; }

/* Clearfix */
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.type__alert{ color: #ff0000; font-size: 14px; border: 2px solid #ff0000; padding: 10px 10px 10px 45px; margin: 15px 13px; background: url(../../../sp/new/images/icon_alert.png) no-repeat top 50% left 10px #ffeedd; background-size: 25px;}

/*===================================================================
  Head
===================================================================*/
.nav_wrapper { width: 100%; background: #FFF; position: fixed; z-index: 9999; left: 0; top: 0; box-shadow: 0 3px 4px rgba(171, 171, 171, 0.5);}
.nav_wrapper-mail { width: 100%; height: 50px; margin-bottom: -50px; background: #FFF; box-shadow: 0 3px 4px rgba(171, 171, 171, 0.5);}
.nav_wrapper-mail .logo { text-align: center; margin-top: 10px; }

/* Head Left */
#spin-menu { width: 18%; height: 50px; float: left; }
.spinner-master * { transition: all 0.3s; box-sizing: border-box; }
.spinner-master { width: 40px; height: 40px; float: left; position: relative; margin: 8px 10px 0 12px; }
#spinner-form { width: 40px; background: url(../../../sp/new/images/menu-off.png) no-repeat; background-size: 35px; padding-top: 35px; z-index: 2; cursor: pointer; }
#spinner-form.active { background: url(../../../sp/new/images/menu-on.png) no-repeat; background-size: 35px; }

/* Head middle */
#logo { width: 64%; float: left; text-align: center; margin-top: 10px; }

/* Head right */
#search-header { width: 16%; float: right; }
#search-header .btn { width: 25px; height: 38px; background: url(../../../sp/new/images/search-icon.png) no-repeat; background-size: 36px; border:none;} 
#search-header .active { width: 28px; height: 43px; background: url(../../../sp/new/images/icon-close.png) no-repeat #003f44; background-size: 15px; background-position: 50% 50%; border: none; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.btn { color: #bcbdbd; text-decoration: none; font-family: sans-serif; transition: all 0.1s ease; }
.btn:hover { transition: all 0.1s ease; }
#search { float: right; padding: 4px 8px 0 8px; margin: 7px 10px 0 4px;}
#search:hover { color: #bcbdbd; }

/* hamburger menu */
nav { width: 100%; }
.hammenu {background: #c0e4ed;overflow: hidden;width: 100%;height: 100%; opacity: 1; z-index: 10000; left: 0; top: 50px; display: none; position: fixed; overflow-y: scroll;
	-webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.hammenu p { padding: 0; }
.hammenu .tgmenu.action { background: #106a71; text-decoration: none; }
.hammenu dl { margin: 0;}
.hammenu dl dt { font-size: 100%; font-weight: bold; padding: 11px 10px 11px 35px;}
.hammenu dl dt.search { background: url(../../../sp/new/images/search-icon3.png) no-repeat; background-size: 20px; background-position: 3% 50%; }
.hammenu dl dt.hint { background: url(../../../sp/new/images/icon-bulb2.png) no-repeat; background-size: 22px; background-position: 3% 50%; }
.hammenu dl dt.motto-dt { background: url(../../../sp/new/images/icon-book.png) no-repeat; background-size: 22px; background-position: 3% 50%; }
.hammenu dl dd { margin-bottom: 1px; font-size: 105%; }
.hammenu dl dd a { background: url(../../../sp/new/images/area-arrow.png) no-repeat #FFF; background-position: 95% 50%; background-size: 9px; padding: 12px 15px; display: block; }
.hammenu dl dd.banner a { background: #FFF; }
.hammenu dl dd a.other { background: #f0f0f0; }
#closemenu  { background: #009fad; padding: 20px 20px 70px 20px; text-align: center; }
#closemenu p { color: #FFF; font-size: 120%; }
#closemenu p span { background: url(../../../sp/new/images/icon-close.png) no-repeat; background-size: 20px; background-position: 10% 50%; padding: 20px 20px 20px 40px; cursor:pointer; }
#closemenu2  { background: #d0d0d0; padding: 20px 20px 70px 20px; text-align: center; }
#closemenu2 span { background: url(../../../sp/new/images/icon-close.png) no-repeat; background-size: 20px; background-position: 10% 50%; padding: 0 0 0 40px; cursor:pointer; }

/* search box */
.search_box { position: absolute; top: 50px; left: 0; z-index: 10; clear: both; width: 100%; background: #FFF; padding: 0; margin: 0; height: 0; overflow: hidden; }
.search_box.active { height: auto; padding: 0; }
.search_box button[type=submit] { background-color: #009fad; font-size: 110%; color: #FFF; padding: 5px 20px; border-radius: 6px; border: none; }
#hea-search { /*height: 28em;*/ overflow-y: scroll;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
#hea-search #schul-search { background: #003f44; padding: 9px 10px; color: #FFF; font-weight: bold; }
#hea-search #schul-search span { background: url(../../../sp/new/images/search-icon2.png) no-repeat; background-size: 18px; padding: 0 0 0 25px; }
.gak-search { padding: 10px; }
.gak-search p { font-size: 100%; font-weight: bold; padding-bottom: 5px }
.gak-search input { width: 62%; padding: 10px; margin-right:3px; font-size: 95%; border: 1px solid #999; }

/* エリアから探す */
#area { max-width: 100%; height: auto; background: url(../../../sp/new/images/japan-map.gif) no-repeat #009fad; background-size: contain !important; background-position: 0 80%; margin-bottom: 10px;}
#area2 { max-width: 100%; height: auto; background: url(../../../sp/new/images/japan-map.gif) no-repeat #009fad; background-size: contain !important; background-position: 0 80%; margin-bottom: 10px;}
#menu ul li.area-title {width: 100%;background: url(../../../sp/new/images/arrow-down.png) no-repeat #FFF;background-position: 5% 0;background-size: 20px;position: relative;	display: block;padding: 10px 10px;	color: #333;text-align: center;	font-weight: bold;font-size: 95%;	top: 0px;}
#menu2 ul li.area-title {	width: 100%;background: url(../../../sp/new/images/arrow-down.png) no-repeat #FFF;background-position: 5% 0;background-size: 20px;position: relative;	display: block;	padding: 10px 10px;	color: #333;text-align: center;	font-weight: bold;font-size: 95%;	top: 0px;}

/*===================================================================
  HORIZONTAL SCROLL for 都道府県  Slinky Menu - エリアから探す
===================================================================*/
.slinky-menu {overflow: hidden;	transform: translateZ(0);	transition: all 300ms ease;}
.slinky-menu > ul {left: 0;	position: relative;	transform: translateZ(0);	transition: all 300ms ease;}
.slinky-menu ul,
.slinky-menu li {	width: 50%;	float: left;list-style: none;	margin: 0;border-bottom: 1px solid #FFF;}
.slinky-menu ul {	width: 100%;}
.slinky-menu li ul {display: none;left: 100%;	position: absolute;	top: 0;}
.slinky-menu .header {position: relative;	width: 100%;display: block;	padding: 20px 10px 15px 20px;}

.slinky-menu h2 ~ a.back,
.slinky-menu div ~ a.back {left: 0;position: absolute;	top: 0;}
.slinky-menu li ul.active li.header a.back {background: url(../../../sp/new/images/arrow-back.png) #6b6b6b no-repeat;	background-position: 15% 50%;	background-size: 8px;	color: #FFF; border-radius: 6px;	font-size: 100%;margin: 5px 0 0 10px;	padding: 10px 10px 10px 25px;}
.slinky-menu h2,
.slinky-menu div {	margin: 0;text-align: center;	font-size: 95%;	font-weight: bold;margin-left: 20px;}

.slinky-menu li {	line-height: 1;}
.slinky-menu a {border: none;	color: #FFF;padding: 15px 10px;	font-size: 120%;display: block;	border-right: 1px solid #FFF;	background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-position: 94% 50%; background-size: 8px; }
.slinky-menu li ul.active { background: #FFF; border-bottom: 1px solid #c4c4c4; }
.slinky-menu li ul.active a { color: #333; }
.slinky-menu li ul.active li { border-bottom: 1px solid #c4c4c4; }
.slinky-menu li ul.active li a { border-right: 1px solid #c4c4c4; }

/* 特徴から探す */
.yaritai-form { background: url(../../../sp/new/images/arrow-down.png) no-repeat #FFF; background-size: 20px; background-position: 95% 0; padding: 15px 10px 10px 10px; }
.yaritai-form .yari-div {width: 100%;margin-bottom: 15px;}
.yaritai-form .yari-div:after {content: " ";display: block;clear: both;}
.yaritai-form .yari-div h3,
.yaritai-form .yari-div div { margin-bottom: 5px; font-size: 105%; font-weight: bold; }
.yaritai-form .yari-div select { width: 100%; background: url(../../../sp/new/images/icon-expand.png) no-repeat #ffffff; background-position: 97% 50%; background-size: 14px; font-size: 100%; padding: 8px 30px 8px 8px;}
.yaritai-form .yari-div fieldset { float: left; font-size: 100%; margin: 0 10px 5px 0; }
.yaritai-form .search-btn { text-align: center; margin: 20px 20px; border-bottom: 1px solid #999; }
.yaritai-form .search-btn a { background-color: #009fad; padding: 15px 50px; font-size: 140%; font-weight: bold; color: #FFF; border: none; border-radius: 8px; }
.yaritai-form .search-btn button { width: 100%; background-color: #009fad; padding: 9px 0; font-size: 130%; font-weight: bold; color: #FFF; border: none; border-radius: 8px; }

/*===================================================================
  Wrapper
===================================================================*/
#wrapper { width: 100%;	padding-top: 50px; position: relative; }

#wrapper .title-div { width: 100%; background-color: #009fad; }
#wrapper .title-div h1 { padding: 8px 5px; font-size: 110%; color: #ffffff; text-align: center; font-weight: bold; }
#wrapper .title-div h1 span { font-size: 90%; }

#wrapper .title-div-detail { width: 100%; background-color: #fff4ac; }
#wrapper .title-div-detail h1 { padding: 6px 13px 8px 13px; font-size: 120%; font-weight: bold; }

/*===================================================================
  TOP page
===================================================================*/
/* エリアから探す */
#search-top { width: 100%; height: 100%; margin-top: 10px; }
#search-top2 { width: 100%; }
.tabs { margin: 0px; padding: 0px; color: #FFF; }
.tabs li { width: 50%; float: left; cursor: pointer; text-align: center; padding: 12px 0; background-color: #136067; font-size: 95%; }
.tabs li.current { background: #003f44; font-weight: bold; }
.tab-content { display: none; }
.tab-content.current { display: inherit; }
.tabs .icon-area { background: url(../../../sp/new/images/area-icon-1.png) no-repeat; background-size: 17px; background-position: 0 50%; padding-left: 30px; }
.tabs .icon-yaritai { background: url(../../../sp/new/images/sagasu-icon-01.png) no-repeat; background-size: 16px; background-position: 0 50%; padding-left: 19px; }
.tabs2 { margin: 0px; padding: 0px; }
.tabs2 li { width: 50%; float: left; cursor: pointer; color:#FFF; text-align: center; padding: 12px 0; background-color: #136067; font-size: 95%; }
.tabs2 li.current { background: #003f44; font-weight: bold; }
.tabs2 .icon-area { background: url(../../../sp/new/images/area-icon-1.png) no-repeat; background-size: 17px; background-position: 0 50%; padding-left: 30px; }
.tabs2 .icon-yaritai { background: url(../../../sp/new/images/sagasu-icon-01.png) no-repeat; background-size: 16px; background-position: 0 50%; padding-left: 19px; }
.tab-content2 { display: none; }
.tab-content2.current{ display: inherit; }

/* 学校選びのヒント */
#wrapper .useful { background-color: #FFF; margin-bottom: 20px; }
#wrapper .useful h2 { background: #c0e4ed; padding: 8px 10px 8px 43px; font-size: 110%; position: relative; }
#wrapper .useful h2 span { position: absolute; left: 12px; }
#wrapper .useful ul.info-list { width: 100%; font-size: 100%; }
#wrapper .useful ul.info-list li { background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 8px; background-position: 95% 50%; border-bottom: 1px solid #cecece; }
#wrapper .useful ul.info-list li a { display: block; padding: 13px 10px; font-weight: bold; }

/* 当事者インタビュー・調査 */
#wrapper .new-article { background: #FFF; margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .new-article h2 { background: #c0e4ed; padding: 8px 10px 8px 45px; font-size: 110%; margin-bottom: 10px; position: relative; }
#wrapper .new-article h2 span { position: absolute; left: 12px; }
#wrapper .new-article .max-100 { padding: 0 10px 15px 10px; }
#wrapper .new-article .max-100 p { padding: 0; font-size: 85%; line-height: 1.5; }
#wrapper .new-article h4 { background: #009fad; padding: 8px 10px 8px 45px; font-size: 110%; margin-bottom: 13px; position: relative; color: #FFF; }
#wrapper .new-article h4 span { position: absolute; left: 12px; }
#wrapper .new-article .article1 { background: url(../../../sp/new/images/area-arrow.png) #f2f2f2 no-repeat; background-size: 8px; background-position: 98% 50%; margin: 0 10px 10px 10px; }
#wrapper .new-article .article1 a { display: block; }
#wrapper .new-article .article1 figure { width: 30%; float: left; position: relative; }
#wrapper .new-article .article1 figure img { width: 99px; /*height: 66px;*/ border: 1px solid #d6d6d6; display: block; }
#wrapper .new-article .article1 figure figcaption { width: 102%; display: block; color: #FFF; font-size: 70%; padding: 2px 0; text-align: center; }
#wrapper .new-article .article1 .right { width: 66%; float: right; margin-left: 4%; }
#wrapper .new-article .article1 .right p { padding: 5px 16px 0 0; font-weight: bold; line-height: 1.5; font-size: 85%; }
#wrapper .new-article .article1 .right .date { padding: 0; font-size: 75%; }
#wrapper .new-article .article1 .right .date .date-left { float: left; margin-right: 10px; color: #a7a6a6; }
#wrapper .new-article .motto-miru { margin: 15px 20px 10px 20px; }
#wrapper .new-article .motto-miru a { background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 8px; background-position: 93% 50%; display: block; padding: 10px; color: #009fad; font-size: 105%; text-align: center; border: 1px solid #a1dbea; border-radius: 6px; }

/* バナー */
#wrapper .banner-area { padding: 0 10px 10px 10px; }
#wrapper .banner-area p { padding: 0 0 10px 0; }
#wrapper .banner-area img { margin: 0 auto; display: block; }

/* 資料請求の流れ */
#wrapper .nagare_sub { background-color: #FFF; margin: 0 10px 20px 10px; border-radius: 4px; }
#wrapper .nagare_sub .heading { padding: 11px 12px 8px 12px; border-bottom: 1px solid #cecece; }
#wrapper .nagare_sub .heading h2 { font-size: 100%; }
#wrapper .nagare_sub .about-in { padding: 10px 12px; }
#wrapper .nagare_sub .about-in figure { text-align: center; }
#wrapper .nagare_sub2 { background-color: #FFF; margin: 0 10px 20px 10px; border-radius: 4px; }
#wrapper .nagare_sub2 .heading { padding: 11px 12px 8px 12px; border-bottom: 1px solid #cecece; }
#wrapper .nagare_sub2 .heading h2 { font-size: 100%; }
#wrapper .nagare_sub2 .about-in { padding: 10px 12px; }
#wrapper .nagare_sub2 .about-in figure { text-align: center; }
#wrapper .nagare_sub2 .about-in h3 { font-size: 95%; }
#wrapper .nagare_sub2 .about-in p { font-size: 80%; color: #666; padding: 0 0 20px 0; }
#wrapper .nagare_sub2 .about-in .kourichu { width: 100%; margin-bottom: 10px;border-top: 1px solid #cecece; }
#wrapper .nagare_sub2 .about-in .kourichu th { background: #f2f2f2; padding: 5px; text-align: left; font-size:85%;}
#wrapper .nagare_sub2 .about-in .kourichu td { padding: 5px; border-bottom: 1px solid #cecece; font-size:80%;}
#wrapper .nagare_sub2 .about-in .kourichu td.left { width: 25%; }
#wrapper .nagare_sub2 .about-in .kourichu td.right { width: 75%; }


/* 本サイトについて */
#wrapper .about_sub { background-color: #FFF; margin: 0 10px 20px 10px; border-radius: 4px; }
#wrapper .about_sub .heading { padding: 11px 12px 8px 12px; border-bottom: 1px solid #cecece; }
#wrapper .about_sub .heading h2 { float: left; font-size: 100%; }
#wrapper .about_sub .heading p { float: right; padding: 0; line-height: 1.5; }
#wrapper .about_sub .heading p a { text-decoration: underline; display: block; border: 1px solid #cecece; padding: 3px 13px 4px 13px; border-radius: 6px; font-size: 68.8%;}
#wrapper .about_sub .about-in { padding: 10px 12px; }
#wrapper .about_sub .about-in figure { text-align: center; }
#wrapper .about_sub .about-in p { padding-bottom: 15px; color: #373737; line-height: 1.8; font-size: 68.8%;}

/* お電話でも資料請求　バナー */
#wrapper .free-call-banner { margin: 20px 10px; }
#wrapper .free-call-banner img { margin: 0 auto; display: block; }

/*===================================================================
  都道府県検索一覧
===================================================================*/
#search-result { margin: 8px 10px; }
#search-result .free { padding-bottom: 10px; text-align: center; font-weight: bold;}
#search-result .free span { color: #e46a20; }
#search-result .btn-div { padding-bottom: 20px; }
#search-result .btn-div .btn-div-left { width: 49%; float: left; padding-right: 2%; }
#search-result .btn-div .btn-div-right { width: 49%; float: right; }
#search-result .btn-div .btn-div-left a,
#search-result .btn-div .btn-div-right a { color: #FFF; width:49%; }
#search-result .btn-div .btn-div-left a:hover,
#search-result .btn-div .btn-div-right a:hover { color: #FFF; }
#search-result .btn-div p { padding: 0; }
#CntBottomText { font-weight: bold;	text-align: center;	padding-bottom: 6px; }
.cntOrange { color:#f75300;	font-weight: bold; margin-left: 5px; }
#innerMenu { padding: 10px 10px 20px 10px;	line-height: 1;	border: 1px solid #c3c3c3;	border-radius: 5px; }
#innerMenu + p.free { padding-bottom: 0px;	text-align: center;	font-weight: bold;	padding-top: 5px; }
#SiboriSearchItems > li.itemTitle { text-align: center;	font-size:90%;}
img.SiboriIcon { width: 20px;	vertical-align: middle;	padding-right: 10px; } 
.SiboriIcon + span { font-weight: bold; }
li.itemMenu { padding: 2px 0px; }

li.itemMenu select { width: 100%; background: url(../../../sp/new/images/icon-expand.png) no-repeat #ffffff; background-position: 97% 50%; background-size: 14px; font-size: 90%; padding: 6px 30px 6px 8px; border: 1px solid #4d4d4d; color: #000;}

#SiboFeature { padding-left: 7px; }
#SiboArea { padding-left: 7px; }
#srchOuter { text-align: center; margin: 15px 0px 0px 0px; }  
#searchBtnSibori {background-color: #2c9fae;	padding: 10px 6rem;	color: #fff;	border-radius: 8px;	font-weight: bold; } 
#searchBtnSibori span { font-weight: bold; }
.sechu-mong {background: #FFF;padding:8px 10px 12px 10px;border-bottom: 3px solid #009fad;}
.sechu-mong p {font-size:80%;padding:0;line-height: 1.7;}
.firstview_orange { color:#f55e12; font-weight:bold; }
.noresult { padding: 20px 0 10px 0;}
.noresult p { padding-bottom: 5px; }

/* 学校枠 */
#search-result .school {background-color: #FFF;margin-bottom: 16px;border-radius: 10px;border: 1px solid #c3c3c3;box-shadow: 0 4px 4px #cfcfcf;}
#search-result .school h2 { background: url(../../../sp/new/images/title-arrow.png) no-repeat #fff4ac; background-size: 9px; background-position: 96% 50%; border-bottom: 1px solid #c8c8c8; font-size: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 1.4; padding: 13px 25px 13px 10px;}
#search-result .school h2:before,
#search-result .school h2:after { content: " "; display: table; clear: both; }
#search-result .school h2 a { color: #048793; margin-right: 8px; }
#search-result .school h2 span.keitai { white-space: nowrap; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #5ba8af; width:70px; text-align: center; border:#5ba8af 1px solid; margin:0 6px 0 0;}
#search-result .school h2 span.ninki { white-space: nowrap; background-color: #ff9600; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center; margin:0 6px 0 0;}
#search-result .school h2 span.new-arrival { white-space: nowrap; background-color: #f883d5; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center;}
#search-result .school .scool-name-label{margin:0 0 6px 0;}
#wrapper .title-div-detail span.keitai { white-space: nowrap; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #5ba8af; width:70px; text-align: center; border:#5ba8af 1px solid; margin:0 6px 0 0; font-weight: bold;}
#wrapper .title-div-detail span.ninki { white-space: nowrap; background-color: #ff9600; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center; margin:0 6px 0 0; font-weight: bold;}
#wrapper .title-div-detail span.new-arrival { white-space: nowrap; background-color: #f883d5; border-radius: 4px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center; margin:0 6px 0 0; font-weight: bold;}
#wrapper .title-div-detail .scool-name-label{padding:10px 13px 0 13px;}
#search-result .school .img-div { padding: 10px; }
#search-result .school .img-div figure { width: 110px; float: left; margin-right:10px;}
#search-result .school .img-div figure img { display: block; border:1px solid #e7e6e6;}
#search-result .school .img-div .right { width: 52%; float: right; }
#search-result .school .img-div .right h3 { background: url(../../../sp/new/images/toku-icon.png) no-repeat; background-size: 15px; background-position: 0 2px; font-size: 92%; line-height: 1.2; padding: 0 0 8px 20px; }
#search-result .school .img-div .right p { font-size: 75%; padding: 0; line-height: 1.5; }
#search-result .school .table { width: 100%; border-top: 1px solid #c8c8c8; }
#search-result .school .table td { border-bottom: 1px solid #c8c8c8; padding: 6px 10px; font-size: 92%; }
#search-result .school .table td.td-left { width: 23%; background-color: #f0fcff; font-weight: bold; }
#search-result .school .table td.td-right { width: 77%; }
#search-result .school .button { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; padding: 6px 30px 16px;}
.div-link { margin: 0; padding: 0;}
.div-link:hover { cursor: pointer; }
.l-school-feature { margin-bottom: 2px;}
.l-school-intro { margin: 0 10px 10px;}
.l-school-intro2 { margin: 10px;}
#search-result .school p {font-size: 75%}
.school-intro__item { margin: 0; padding: 0; line-height: 1.5em;}
#search-result .school table { width: 100%; font-size:75%; border: 1px solid #009fad;}
#search-result .school table tr td { border-bottom: 1px solid #009fad; text-align: left; padding: 8px;}
#search-result .school table tr th { background: #dff0f1; padding: 8px 6px 8px 8px; color:#606060; font-weight:bold; vertical-align: top; text-align: left; }
#search-result .school table th[scope=row] {width: 24.5%;border-bottom:1px solid #009fad;}

/* 無料学校掲載枠 */
#search-result .school-free {background-color: #FFF;margin-bottom: 16px;border-radius: 10px;border: 1px solid #c3c3c3;}
#search-result .school-free h2 { background: #d9d8d8; border-bottom: 1px solid #c8c8c8; font-size: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 1.4; padding: 13px 25px 13px 10px; color: #333;}
#search-result .school-free table { width: 100%; font-size:68%; border: 1px solid #c3c3c3;}
#search-result .school-free table tr td { border-bottom: 1px solid #c3c3c3; text-align: left; padding: 8px;}
#search-result .school-free table tr th { background: #e9e9e9; padding: 8px 6px 8px 8px; color:#606060; font-weight:bold; vertical-align: top; text-align: left; }
#search-result .school-free table th[scope=row] {border-bottom:1px solid #c3c3c3; width: 24.5%;}

/* 東京都の市区町村を選択して検索 */
.shiku-div {padding: 0 0 20px 0;}
.shiku-div p {padding: 0 15px 10px 15px; font-size: 90%;}
.shiku-div .shiku-table { width: 100%; font-size: 80%;}
.shiku-div .shiku-table td {padding: 10px 15px; border: 1px solid #CCC;}

/* 所在地ごとの通信制高校一覧 */
.school-list {background-color: #FFF; margin: 13px 13px 20px 13px; border-radius: 10px; border: 1px solid #c3c3c3; padding:0 0 12px 0;}
.school-list h2 { background: #dff0f1; border-bottom: 1px solid #c8c8c8; font-size: 110%; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 1.4; padding: 13px 25px 13px 13px; color: #333;}
.school-list h3 {border-bottom:3px solid #aeaeae; padding:13px 0 10px 0; margin:0 13px; font-size: 100%; }
.school-list h4 {position: relative; display: block; padding:13px 0 10px 20px; margin:0 13px; font-size: 90%;}
.school-list h4::before {position: absolute; top: 1.2em; left: 0; display: block; width: 0.9em; height: 0.9em; background: #b5dee0; content: "";}
.school-list p {padding:0 0 6px 0; margin:0 13px; font-size: 80%; line-height: 1.5;}
.school-list .school-list_detail {background:#f2f2f2; padding:10px; font-size: 80%; margin:4px 13px; 0 13px;line-height: 1.7;}
.school-list a{text-decoration:underline;}

/*===================================================================
  学校詳細ページ
===================================================================*/
#wrapper #search-detail { background-color: #FFF; }
#wrapper #search-detail h2 { background-color: #f0fcff; font-size: 100%; padding: 10px; }
#wrapper #search-detail .search-detail-in { padding: 15px 12px; }
#wrapper #search-detail .search-detail-in figure { text-align: center; margin-bottom: 10px; }
#wrapper #search-detail .search-detail-in figure img { max-width: 80%; border: 1px solid #d6d6d6;}
#wrapper #search-detail .search-detail-in p { font-size: 95%;}
#wrapper #search-detail .search-detail-in h3 { font-size: 95%; padding-bottom: 15px; }
#wrapper .sch-detail { background-color: #FFF; margin: 20px 10px; border-radius: 10px; }
#wrapper .sch-detail h3 { background-color: #f0fcff; border-bottom: 1px solid #c8c8c8; font-size: 120%; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 1.4; padding: 11px 10px; text-align: center; }
#wrapper .sch-detail .icon-div { padding: 15px 5px; }
#wrapper .sch-detail .icon-div ul.icon-ul { text-align: center; }
#wrapper .sch-detail .icon-div ul.icon-ul li { display: block; }
#wrapper .sch-detail .icon-div ul.icon-ul li ul { padding-bottom: 10px }
#wrapper .sch-detail .icon-div ul.icon-ul li ul li { display: inline; padding: 0 5px; }
#wrapper .sch-detail .icon-div ul.icon-ul li ul li img { max-width: 50px; }
#wrapper .sch-detail .icon-div p { text-align: center; padding: 0; }
#wrapper .sch-detail .icon-div p a { text-decoration: underline; }
#wrapper .sch-detail .toku { padding: 10px 12px; }
#wrapper .sch-detail .toku h4 { font-size: 100%; margin: 4px 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid #cecece; }
#wrapper .sch-detail .toku p { font-size: 95%; }
#wrapper .sch-detail .figure-div { padding: 15px; }
#wrapper .sch-detail .figure-div figure { text-align: center; margin-bottom: 20px; }
#wrapper .sch-detail .figure-div figure img { max-width: 70%; border: 1px solid #d6d6d6; }
#wrapper .sch-detail .figure-div figure figcaption { font-size: 80%; }
#wrapper .sch-detail .tab-gai { width: 100%; font-size: 90%; }
#wrapper .sch-detail .tab-gai td { border-bottom: 1px solid #c8c8c8; padding: 6px 10px; }
#wrapper .sch-detail .tab-gai td.td-left { width: 30%; background-color: #f0f5f6; font-weight: bold; border-bottom-left-radius: 10px; }
#wrapper .sch-detail .tab-gai td.td-right { width: 70%; }
#wrapper .sch-detail .tab-gai td.bold { font-weight: bold; }
#wrapper .accordion-div { margin: 10px 10px 20px 10px; }
.accordionButton-no { background: #009fad; padding: 13px 40px 13px 10px; color: #FFF; }
.accordionButton-no h2,
.accordionButton-no h3 { line-height: 1.3; font-size: 100%; }
.accordionContent-no { background-color: #FFF; padding: 15px; }
.accordionContent-no h4 { font-size: 100%; margin: 4px 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid #cecece; }
.accordionContent-no p { font-size: 95%; }
.accordionContent-no .gak-add { width: 100%; margin-bottom: 10px; }
.accordionContent-no .gak-add th,
.accordionContent-no .gak-add td { padding: 5px; border-bottom: 1px solid #c8c8c8; font-size: 95%; line-height: 1.5;}
.accordionContent-no .gak-add td.left { width: 22%; background: #f0f5f6; }
.accordionContent-no .gak-add td.middle { width: 58%; }
.accordionContent-no .gak-add td.right { width: 20%; text-align:right; padding: 5px 0 5px 5px;}
.accordionContent-no .gak-add td.right a { background: url(../../../sp/new/images/location-icon.png) no-repeat; background-position: 100% 50%; background-size: 15px; padding: 5px 20px 5px 0; color: #06F; text-decoration: underline; display: block; }
.accordionContent-no .gak-add td.f-size {font-size: 80%;}
.gak-table-1 { width: 100%; margin-bottom: 10px; }
.gak-table-1 td { padding: 5px; border-bottom: 1px solid #c8c8c8; font-size: 95%; border-top: 1px solid #c8c8c8;}
.gak-table-1 td.left { width: 20%; background: #f0f5f6; }
.gak-table-1 td.right { width: 80%; }
.gak-table-1 td.bold { font-weight: bold;}
.gak-table-1 a {color:#06F;text-decoration: underline;}
.accordionButton { background: url(../../../sp/new/images/icon-plus.png) no-repeat right #009fad; background-size: 18px; background-position: 95% 50%; padding: 13px 40px 13px 10px; margin-bottom: 5px; cursor: pointer; color: #FFF; }
.accordionButton.active { background: url(../../../sp/new/images/icon-minus.png) no-repeat right #009fad; background-size: 18px; background-position: 95% 50%; }
.accordionButton h2,
.accordionButton h3 { line-height: 1.3; font-size: 100%; }
.accordionContent { background-color: #FFF; padding: 15px; }
.accordionContent h4 { font-size: 100%; margin: 4px 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid #cecece; }
.accordionContent p { font-size: 95%; }
.accordionContent .gak-add { width: 100%; margin-bottom: 10px; }
.accordionContent .gak-add th,
.accordionContent .gak-add td { padding: 5px; border-bottom: 1px solid #c8c8c8; font-size: 95%; line-height: 1.5;}
.accordionContent .gak-add td.left { width: 22%; background: #f0f5f6; }
.accordionContent .gak-add td.middle { width: 58%; }
.accordionContent .gak-add td.right { width: 20%; text-align:right; padding: 5px 0 5px 5px;}
.accordionContent .gak-add td.right a { background: url(../../../sp/new/images/location-icon.png) no-repeat; background-position: 100% 50%; background-size: 15px; padding: 5px 20px 5px 0; color: #06F; text-decoration: underline; display: block; }
.accordionContent .gak-add td.f-size {font-size: 80%;}
.detail_search_wrap #innerMenu  { border: 3px solid #c3c3c3;}

/* アイコン */
#wrapper .sch-detail .icon-sec {margin-bottom: 10px;}
#wrapper .sch-detail .icon-sec .style {display: flex; flex-wrap: wrap; font-size: 80%;}
#wrapper .sch-detail .icon-sec .style li {margin: 10px 10px 10px 0;}
#wrapper .sch-detail .icon-sec .style li span.off {background-color: #eaeaea !important; color: #989797;}
#wrapper .sch-detail .icon-sec .style.gakusyu li span {background-color: #ffdbee; padding: 7px 10px; white-space: nowrap; border-radius: 6px; }
#wrapper .sch-detail .icon-sec .style.system li span {background-color: #ffeca0; padding: 7px 10px; white-space: nowrap; border-radius: 6px; }
#wrapper .sch-detail .icon-sec .style.support li span {background-color: #daf3ff; padding: 7px 10px; white-space: nowrap; border-radius: 6px; }

/* 詳細ページ動画情報 */
.video-sec { padding: 0;}
.video-sec .video {position: relative;width: 100%;padding-top: 56.25%;}
.video-sec .video iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}


/*===================================================================
  読み物ページ
===================================================================*/
.tsuushin-in2 { background: #FFF; padding: 12px; }
.tsuushin-in2 p { padding-bottom: 10px; }
.shiru { background: #EEE; padding: 15px 10px; }
.shiru .section1 { background: #FFF; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; border-radius: 8px; margin-bottom: 20px; }
.shiru .section1.one { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_01.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.two { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_02.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.three { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_03.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.four { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_04.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.five { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_05.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.six { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_06.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.seven { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_07.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.eight { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_08.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1.nine { min-height: 72px; background-color: #FFF; background-image:url(../../../sp/new/images/banner-bg_09.jpg) , url(../../../sp/new/images/area-arrow.png); background-repeat: no-repeat; background-position: left, 97% 50%; background-size: 90px, 7px; padding: 8px 15px 0 78px;}
.shiru .section1 h2 { font-size: 90%; padding-bottom: 3px; color: #040404; }
.shiru .section1 p { font-size: 90%; line-height: 1.4; padding: 0; color: #666; }
.shikumi { border-top: 1px solid #999; background: #f9f9f9; }
.shikumi h4 { background: #009fad; padding: 8px 10px 8px 45px; color: #FFF; font-size: 120%; position: relative; }
.shikumi h4 span { position: absolute; top: 11px; left: 12px; }
.shikumi .section2 { border-bottom: 1px solid #999; padding: 10px 20px 10px 10px; background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 8px; background-position: 96% 50%; }
.list-button { padding: 20px; }
.list-button a { display: block; background: url(../../../sp/new/images/area-arrow3.png) no-repeat; background-size: 9px; background-position: 10% 50%; border: 1px solid #000; padding: 10px; text-align: center; border-radius: 8px; }
.shikumi .section2 figure { width: 30%; float: left; }
.shikumi .section2 figure img { width: 99px; height: 66px; border: 1px solid #d6d6d6; display: block; }
.shikumi .section2 div { width: 66%; float: right; margin-left: 4%; }
.shikumi .section2 div h2 { font-size: 90%; padding: 0; color: #040404; }
.ul-list { margin: 15px 10px; }
.ul-list li { margin: 0 0 10px 0; font-size: 100%; line-height: 1.5; font-weight: bold; }
.ul-list li a { background: url(../../../sp/new/images/area-arrow.png) no-repeat #FFF; background-size: 8px; background-position: 96% 50%; display: block; padding: 12px 30px 12px 12px; border: 1px solid #999; border-radius: 6px; overflow: hidden;}
.ul-list li.here { background: url(../../../sp/new/images/link-arrow_off.png) no-repeat #FFF; background-size: 8px; background-position: 96% 50%; display: block; padding: 12px 30px 12px 12px; border: 1px solid #c0c0c0; border-radius: 6px; color: #acacac;}
.shiru-details { background: #FFF; padding: 12px; }
.shiru-details figure { text-align: center; margin-bottom: 15px; }
.shiru-details figure img { height: auto; border: 1px solid #d6d6d6; }
.shiru-details figure figcaption{ font-size: 80%; color:#666;}
.shiru-details h2 { background: #c0e4ed; padding: 9px 12px; font-size: 110%; margin: 15px 0 20px 0; }
.shiru-details h3 { border-left:6px solid #20bbc9; border-bottom: 1px solid #b2b1be; padding: 3px 10px 6px 10px; font-size: 110%; margin: 15px 0 20px 0; }
.shiru-details h4 { font-size: 104%; margin: 10px 0 20px 0; background: #f0f5f6; padding: 8px 10px 8px 16px;}
.shiru-details p a {text-decoration: underline;}
.shiru-details .relate { line-height: 1.5; padding-bottom: 20px; }
.shiru-details .relate li { background: url(../../../sp/new/images/icon-bullet1.png) no-repeat; background-size: 15px; background-position: 5px 10px; padding: 5px 5px 5px 30px; margin-bottom: 5px; }
.shiru-details .relate li a { color: #0272d1; text-decoration: underline; }
.shiru-details .relate li a:visited { color: #882bad; text-decoration: underline; }
.other-school { margin-right: 8px; }
.shiru-details blockquote {position: relative;background: #f0f0f0;padding: 40px 15px 15px;margin: 0 0 30px;border-radius: 5px;font-size: 100%;}
.shiru-details blockquote p {padding: 0 0 16px 0; line-height: 1.9;}
.shiru-details blockquote:before {position: absolute; display: block; content: "\201C"; font-size: 85px;left: 10px; top: -15px;color: #afafaf; }


/* 記事目次 */
.article_index { background-color: #f0f5f6; padding: 14px 14px 14px 14px; font-size: 90%; line-height:2; margin: 0 0 30px 0;}
.article_index p { font-weight: bold; padding-bottom: 4px; margin: 4px 0;}
.article_index ol ol { margin-left: 1em; }
.article_index li {list-style:decimal; margin: 0 0 0 20px;}
.article_index ol ol li{list-style:disc; color: #929292;}
.article_index a { color: #0272d1; text-decoration: underline;}

/* 記事目次開閉 */
.ocbutton{ display: none; cursor: pointer;}
.ocbutton + label{cursor: pointer;}
.ocbutton + label:hover{ border-bottom:1px dotted #888 ;}/* マウスがボタンの上にある時 */
.ocbutton + label:before{ content:"［開く］"}
.ocbutton:checked + label:before{ content:"［閉じる］"}
.oc_content{display: none; margin:10px 0 0 0;}
#b0:checked ~ #b0_content{ display:block;}

/* 通信制高校・サポート校を探す */
.search-part { margin-bottom: 35px; border: 1px solid #e46615; border-radius: 8px; }
.search-part h3 { background: url(../../../sp/new/images/search-icon2.png) #e46615 no-repeat; background-size: 22px; background-position: 5% 50%; padding: 8px 10px 8px 42px; margin: 0; border: none; color: #FFF; font-size:100%; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.search-part ul { background: #fcf2eb; padding: 8px 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.search-part ul li { background: url(../../../sp/new/images/area-arrow-brown.png) no-repeat; background-size: 8px; background-position: 4% 50%; padding: 5px 0 5px 28px; font-weight: bold; }
.search-part ul li a { text-decoration: underline; color: #444; }
.search-part ul li a:hover { color: #666; }
.listing1 { margin-bottom: 30px; background: #f0f5f6; padding:10px;}
.listing1 li { background: url(../../../sp/new/images/icon-bullet2.png) no-repeat; background-position: 0 11px; background-size: 10px; margin: 0 0 5px 8px; padding: 3px 0 3px 20px; }
.listing-ol { margin-bottom: 30px; background: #f0f5f6; padding:10px;}
.listing-ol li{list-style:decimal; margin: 6px 0 5px 30px; padding: 3px 0 3px 6px; }
.list-caption {color: #fff; font-weight: bold; padding:6px 0 6px 20px; background:#009fad;}

/* カテゴリータグ */
.category1 { background: #2f8cb0; }
.category2 { background: #2baf6c; }
.category37 { background: #3560a1; }
.category38 { background: #39a1b7; }
.category39 { background: #aec142; }
.category40 { background: #d9ca65; }
.category11 { background: #cea33d; }
.category27 { background: #85b9b7; }
.category77 { background: #b985b2; }

/* テーブルレイアウト */
.table_layout { width: 100%; margin-bottom: 30px; }
.table_layout th {font-size: 80%; background: #6d6c6c; font-weight: bold; text-align: center; color:#fff;}
.table_layout th,.table_layout td { padding: 5px; border: 1px solid #b2b1be; }
.table_layout td { font-size: 80%; text-align: center;}
.table_layout td.left {text-align: left;}
.table_layout tr:nth-child(even) { background: #e3e3e3; text-align: center; }
.table_layout caption{font-size:90%; font-weight:bold;}
.table_layout a.underline{ color: #0272d1; text-decoration: underline;}
.table_layout-2col { width: 100%; margin-bottom: 30px; }
.table_layout-2col td { padding: 5px 10px; border: 1px solid #b2b1be; font-size: 80%; }
.table_layout-2col td.left { width: 40%; background: #e3e3e3; }
.table_layout-2col caption { font-size:90%; font-weight:bold; padding: 0 0 20px 0; text-align: left; }
.table_layout-3col { width: 100%; margin-bottom: 30px; }
.table_layout-3col th { background: #009fad; font-size: 85%; color: #FFF; font-weight: bold; padding: 5px 10px; border: 1px solid #b2b1be;}
.table_layout-3col td { font-size: 80%; padding: 5px 10px; border: 1px solid #b2b1be; }
.table_layout-3col td.left { width: 40%; background: #e3e3e3; }
.table_layout-3col td.middle { width: 30%; }
.table_layout-3col td.right { width: 30%; }
.table_layout-3col td.b-gray { background: #e3e3e3;}
.table_layout-3col caption { font-size:90%; font-weight:bold; padding: 0 0 20px 0; text-align: left; }

.table_layout-3col.caption-bottom caption { caption-side: bottom; margin-top: 10px; padding: 0; font-weight: normal; }
.table_layout-3col.caption-bottom caption.right { text-align: right;}
.table_layout-3col.caption-bottom caption a {
	text-decoration: underline;
}

.yomi-table1 { width: 100%; margin-bottom: 30px; }
.yomi-table1 th {font-size: 80%;}
.yomi-table1 th { background: #dfedf1; padding: 5px; border: 1px solid #b2b1be; text-align: center;  font-weight: bold; font-size: 85%; }
.yomi-table1 td { padding: 5px; border: 1px solid #b2b1be; font-size: 75%; }
.yomi-table1 tr:nth-child(even) { background: #fff; }
.yomi-table1 tr:nth-child(odd) { background: #eef3f4; }
.yomi-table2 tr:nth-child(odd) { background: #eef3f4; }
.yomi-table2 th {font-size: 80%;}
.yomi-table2 th,
.yomi-table2 td { padding: 5px; border: 1px solid #b2b1be;  }
.yomi-table2 td { font-size: 65%; }
.yomi-table2 tr:nth-child(2),
.yomi-table2 tr:nth-child(3) { background: #e3e3e3; font-weight: bold; text-align: center;}
.yomi-table2 tr:nth-child(4) {background-color: #e3ecff;}
.yomi-table2 tr:nth-child(5) {background-color: #effbe7;}
.yomi-table2 tr:nth-child(6) {background-color: #fbeadf;}
.yomi-table2 td.one {background-color: #8ea9db; font-weight: bold;}
.yomi-table2 td.two {background-color: #a9d08e; font-weight: bold;}
.yomi-table2 td.three {background-color: #f4b084; font-weight: bold;}
.yomi-table3 { width: 100%; margin-bottom: 30px; }
.yomi-table3 th { padding: 5px; border: 1px solid #b2b1be; font-size: 80%;}
.yomi-table3 td { padding: 5px; border: 1px solid #b2b1be; }
.yomi-table3 td { font-size: 75%; }
.yomi-table3 tr:nth-child(2) { background: #e3e3e3; font-weight: bold; text-align: center;}
.yomi-table3 col:nth-child(3) {background: #e3ecff;}
.yomi-table3 col:nth-child(4) {background: #effbe7;}
.yomi-table3 col:nth-child(5) {background: #fbeadf;}
.yomi-table3 td.one {background-color: #8ea9db; font-weight: bold;}
.yomi-table3 td.two {background-color: #a9d08e; font-weight: bold;}
.yomi-table3 td.three {background-color: #f4b084; font-weight: bold;}
.yomi-table1 td.Text_right,.yomi-table2 td.Text_right,.yomi-table3 td.Text_right,.yomi-table4 td.Text_right{ text-align: right;}

/* 通信制高校・サポート校を探す */
.shagasu-sec { background: #EEE; }
.shagasu-sec h4 { background: #e46615; padding: 8px 10px 8px 45px; color: #FFF; font-size: 110%; position: relative; }
.shagasu-sec h4 span { position: absolute; top: 11px; left: 12px; }
.shagasu-wrap { background: #f8f8f8; padding: 20px 35px 10px 35px; }
.shagasu-wrap p { padding: 0; margin-bottom: 15px; }
.shagasu-wrap p a { background: url(../../../sp/new/images/area-arrow2.png) no-repeat #c54d00; background-position: 95% 50%; background-size: 15px; border-radius: 8px; border-bottom: 4px solid #a23f00; display: block; color: #FFF; padding: 7px 0; font-size: 115%; font-weight: bold; text-align: center; }
.shagasu-wrap p a .area-icon2 { background: url(../../../sp/new/images/area-icon-2.png) no-repeat; background-position: 0 3px; background-size: 22px; padding: 5px 10px 5px 35px; }
.shagasu-wrap p a .area-icon3 { background: url(../../../sp/new/images/area-icon-3.png) no-repeat; background-position: 0 3px; background-size: 22px; padding: 5px 20px 5px 30px; }

/* 学校選びのヒント */
.hint { background: #EEE; padding-bottom: 30px; }
.hint2 { background: #FFF; padding-bottom: 10px; }
.hint h4 { background: #009fad; padding: 8px 10px 8px 45px; color: #FFF; font-size: 110%; position: relative;}
.hint h4 span { position: absolute; top: 9px; left: 12px; }
.hint ul.info-list { background: #FFF; }
.hint ul.info-list li { background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 9px; background-position: 96% 50%; border-bottom: 1px solid #cecece; }
.hint ul.info-list li a { display: block; padding: 13px 10px; font-weight: bold; }
.hint ul.gray { background: #f5f3f3; }

/* 関連インタビュー記事 */
.kanren-interview {padding: 0 0 20px 0;}
.kanren-interview h4 { font-size: 100%; margin: 0 0 10px 0; }
.kanren-interview .article1 { background: url(../../../sp/new/images/area-arrow.png) #f2f2f2 no-repeat; background-size: 8px; background-position: 98% 50%; margin: 0 0 10px 0; }
.kanren-interview .article1 a { display: block; }
.kanren-interview .article1 figure { width: 30%; float: left; position: relative; margin: 0; }
.kanren-interview .article1 figure img { width: 99px; /*height: 66px;*/ border: 1px solid #d6d6d6; display: block; }
.kanren-interview .article1 figure figcaption { width: 102%; display: block; color: #FFF; font-size: 70%; padding: 2px 0; text-align: center; }
.kanren-interview .article1 .right { width: 66%; float: right; margin-left: 4%; }
.kanren-interview .article1 .right p { padding: 10px 25px 0 0; font-weight: bold; line-height: 1.5; font-size: 85%; }

/*===================================================
  faq
====================================================*/
#wrapper #faq h2 { font-size: 110%; background:#d2d2d2; padding: 10px;}
.faq_intro{ background:#fff; padding:10px 10px 0 10px;}
#question{ padding:0 0 0 0; }
.menuList,.menuList_footer{ border-radius:8px; border:1px solid #009fad; box-sizing:border-box; overflow:hidden; margin:16px 10px 20px 10px; background: #ffffff;}
.menuList .listItem,.menuList_footer .listItem{ float: left; width: 50%; height:50px; padding:6px 0 0 6px; border-bottom: 1px solid #009fad; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; font-size: 80%;}
.menuList .listItem:nth-of-type(odd),.menuList_footer .listItem:nth-of-type(odd) { border-right: 1px solid #009fad; }
.menuList .listItem:nth-child(3),.menuList_footer .listItem:nth-child(3) { border-bottom: none; }
.menuList .listItem:nth-child(4),.menuList_footer .listItem:nth-child(4) { border-bottom: none; }
.menuList .item { display: table; width: 100%; background:url(../../../sp/new/images/arrow_under_gray.png) no-repeat; background-position:84% 48%; background-size:12px; display:block;}
.menuList .item,.menuList_footer .item  {background-position:84% 48%; padding:9px 10px 9px 5px;}
.question_list,.question_list_footer{padding:0 6px 0 6px; font-size: 90%;}
.question_list li,.question_list_footer li { padding:16px 0 16px 28px; border-bottom: 1px solid #d0cfcf; background:url(../../../sp/new/images/icon_list_q.png) no-repeat; background-position:0 16px; background-size:20px; display:block;}
.question_list li:last-child { border-bottom: none;}
.question_list .item,.question_list_footer .item { background:url(../../../sp/new/images/arrow_gray.png) no-repeat; background-position:100% 48%; background-size:8px; display:block;}
#wrapper #faq h3.answer { font-size: 110%; margin-top: -50px; padding: 60px 10px 10px 42px; border-bottom: 3px solid #009fad; background:url(../../../sp/new/images/icon_list_q.png) no-repeat; background-position:10px 62px; background-size:22px;}
.faq_inner{ background:#fff; padding:10px;}
.faq_inner a{ color:#0272d1; text-decoration: underline;}
.faq_inner p.relate { line-height: 1.5; padding-bottom: 20px; font-size: 100%; }
.faq_inner p.relate a { background: url(../../../sp/new/images/link-arrow_off.png) no-repeat; background-size: 8px; background-position: 12px 50%; display: block; color: #0272d1; text-decoration: underline; border: 1px solid #cecece; padding: 11px 10px 11px 30px; border-radius: 5px; }
.menuList_footer .item { display: table; width: 100%; background:url(../../../sp/new/images/arrow_gray.png) no-repeat; background-position:84% 48%; background-size:8px; display:block;}
#wrapper #tsuushin { margin-bottom: 30px; }
#wrapper #tsuushin h2 { background-color: #c0e4ed; font-size: 110%; padding: 10px; }
.tsuushin-in { background: #FFF; padding: 12px; }
.tsuushin-in ul { margin: 0 0 30px 10px; font-size: 95%; }
.tsuushin-in ul li { list-style: square; margin: 0 0 10px 20px; }
.tsuushin-in ul li a { color:#0272d1; text-decoration:underline; }
.tsuushin-in h3 { background-color: #f0f0f0; font-size: 110%; padding: 8px 12px 8px 12px; border-left: 6px solid #009fad; margin: 20px auto; color: #000;}
.tsuushin-in table { margin-bottom: 30px; font-size: 95%; }
.tsuushin-in table th { padding: 5px; border: 1px solid #cecece; background-color: #e9e9e9; line-height: 1.5; }
.tsuushin-in table td { padding: 5px; border: 1px solid #cecece; }
.tsuushin-in table td a { color: #0272d1; text-decoration: underline; }
.tsuushin-in p a { color:#0272d1; text-decoration:underline; }

/* 資料請求の流れTOP */
#wrapper .nagare { background-color: #FFF; margin: 0 10px 20px 10px; padding-bottom: 1px; border-radius: 4px; }
#wrapper .nagare .heading { padding: 11px 12px 8px 12px; border-bottom: 1px solid #cecece; }
#wrapper .nagare .heading h2 { font-size: 105%; }
#wrapper .nagare .nagare-in { padding: 10px 12px; }
#wrapper .nagare .anagare-in p { padding-bottom: 15px; color: #313131; }
#wrapper .nagare .naga { background-color: #e9e9e9; padding: 15px 20px 5px 20px; text-align: center; margin: 12px 12px 18px 12px; position: relative; overflow: hidden;}
#wrapper .nagare .naga h3 { font-size: 100%; font-weight: bold; margin-bottom: 5px; }
#wrapper .nagare .naga p { padding-bottom: 10px; line-height: 1.5; font-size: 90%; }
#wrapper .nagare .round-arrow { text-align: center; }
#wrapper .nagare .round-arrow img { width: 30px; }
.naga div.item-step{ position: absolute; top: 0; left: 0; width: 150px; height: 28px; line-height: 28px; background: #f03a58; color: #fff; font-size: 70%; text-align: center; -webkit-transform: rotate(-30deg) translate(-38px,-15px); transform: rotate(-30deg) translate(-38px,-15px);}
.hosoku p{ padding: 10px 10px 10px 10px; font-size: 90%; text-indent:-1em; }
.hosoku p.orange{ color:#e86c28; font-weight:bold;}
.strong_text_blue{ font-weight: bold; color:#1aa9b5;}
.strong_text{ font-weight: bold;}

/* お問合せ */
#wrapper #form { background-color: #FFF; margin-bottom: 20px; padding-bottom: 20px; }
#wrapper #form h3 { padding: 10px 10px 5px 10px; font-weight: bold; font-size: 100%; }
#wrapper #form h3 span { font-size: 75%; color: #e46a20; margin-left: 10px; }
#wrapper #form .fillup { padding: 0 10px 0 10px; }
#wrapper #form .fillup2 { padding: 0 10px 10px 25px; }
#wrapper #form .fillup .age { width: 35%; font-size: 110%; }
#wrapper #form .fillup .age-txt { font-size: 100%; margin: 0 10px; }
#wrapper #form [type='text'],
#wrapper #form [type='email'],
#wrapper #form [type='tel'],
#wrapper #form [type='number'],
#wrapper #form select,
#wrapper #form textarea { width: 94%; padding: 10px 8px; font-size: 100%; }
#wrapper #form .submit-btn { background-color: #efefef; text-align: center; padding: 20px 25px; margin: 20px 0; }
#error div { padding: 5px 0 15px 0; }
#wrapper #form .submit-btn p { line-height: 1; }
#wrapper #form .submit-btn p.message { padding: 0 0 20px 0; font-size: 87.5%; line-height: 1.4; }
#wrapper #form .submit-btn .back[type=submit] { background: none; border:none; color: #555; font-size: 100%; border-radius: 5px; text-decoration:underline; display:inline-block; cursor:pointer; margin-top: 25px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#wrapper #form .submit-btn input[type=submit] { background: #FF5DB1; background: -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49)); background: -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); color:#623F1D; font-weight: bold; font-size:112.5%; border-radius:10px; border:1px solid #623F1D; cursor:pointer; }
.submit-btn input[type=submit] {margin: 0 10px;}
#wrapper #form iframe {height: 1250px !important;}

.addcss { padding: 0 12px; font-size: 80%; color: #666; }

/* ②確認 */
#wrapper .not-fini { background: #FFF; text-align: center; padding: 0 10px 15px 10px; line-height: 1.7; font-size: 85%; font-weight: bold; }
#wrapper .not-fini a { color: #0272d1; text-decoration: underline; }
#wrapper .not-fini span { color: #e46a20; }
#wrapper .not-fini span.not-fini-t { font-size: 125%; }
#wrapper .not-fini span.bg { background-color: #F9E3EB; display: inline-block; margin-top: 5px; padding: 8px 10px; color: inherit;}
.color-ind { background-color: #F9E3EB; }
#wrapper #form .submit-btn p.message-2 { padding: 0 0 20px 0; font-size: 87.5%; line-height: 1.4; }
#wrapper #form .submit-btn p.message-2 span { color: #e46a20; font-weight: bold; }

/* 会社概要 */
#wrapper .gaiyou { width: 100%; }
#wrapper .gaiyou td { padding: 5px 8px; border: 1px solid #c8c8c8; }
#wrapper .gaiyou td.td-left { width: 25%; }
#wrapper .gaiyou td.td-right { width: 75%; }
#wrapper .gaiyou td.td-right ul { font-size: 85%; margin: 0 0 20px 10px; }
#wrapper .gaiyou td.td-right ul li { margin: 0 0 5px 10px; }
#wrapper .gaiyou a { color: #0272d1; text-decoration: underline; }

/* 口コミ */
#wrapper #tsuushin .bbs-write { text-align: center; padding: 5% 17%; font-weight: bold; }
#wrapper #tsuushin .bbs-write a { background: url(../../../sp/new/images/bbs-icon-1.png) no-repeat #009fad; background-position: 10% 50%; background-size: 22px; padding: 9px 0 9px 25px; font-size: 120%; color: #FFF; border-radius: 8px; display: block; }
#wrapper #tsuushin .bbs { background: #FFF; padding: 15px 12px; margin-bottom: 20px; }
#wrapper #tsuushin .bbs h2 { background: none; padding: 2px 0; border-left: 6px solid #cecece; padding-left: 10px; margin-bottom: 15px; font-size: 105%; }
#wrapper #tsuushin .bbs h3 { margin-bottom: 10px; font-size: 105%; }
#wrapper #tsuushin .bbs .bbs-comment { text-align: center; padding: 5% 17%; font-weight: bold; }
#wrapper #tsuushin .bbs .bbs-comment a { background: url(../../../sp/new/images/bbs-icon-2.png) no-repeat; background-position: 10% 50%; background-size: 22px; padding: 8px 0 8px 25px; font-size: 110%; color: #009fad; border-radius: 8px; display: block; border: 1px solid #009fad; }
#wrapper #tsuushin .bbs .reply-mes { padding: 15px 15px 0px 15px; background: #e9e9e9; margin-bottom: 15px; }
#wrapper #tsuushin .bbs .writer { border-top: 1px solid #cecece; color: #333; padding: 10px 0 10px 0; }
#wrapper #tsuushin .bbs .writer span { font-weight: normal; color: #9f9f9f; margin-left: 10px; }
#wrapper #tsuushin .bbs .ask { border-bottom: 1px solid #999; color: #333; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; }
#wrapper #tsuushin .bbs .ask span { font-weight: normal; color: #9f9f9f; margin-left: 5px; }
#wrapper #tsuushin .bbs h2 a { text-decoration: none; }
#wrapper #tsuushin .bbs a { text-decoration: underline; }
#pagination { padding: 0 10px 20px 10px; font-size: 110%; }
#pagination li { display: block; text-align: center; margin: 0 0 5px 0; }
#pagination li ul li { display: inline-block; text-align: center; }
#pagination li ul li span { background: #FFF; padding: 5px 15px; display: block; }
#pagination li ul li span.here { background: #666; padding: 5px 15px; color: #FFF;}
#wrapper .sch-detail .bbs-form { padding: 15px; }
#wrapper .sch-detail .bbs-form p { text-align: left; padding-bottom: 15px; }
#wrapper .sch-detail .bbs-form p.name { font-weight: bold; padding-bottom: 5px;}
#wrapper .sch-detail .bbs-form form { margin-bottom: 0; }
#wrapper .sch-detail .bbs-form form input, textarea { width: 94%; padding: 10px 3%; font-size: 100%; }
#wrapper .sch-detail .bbs-form form input[type=submit] { background: #FF5DB1; background: -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49)); background: -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); width: 100%; padding:12px 3%; color:#623F1D; font-weight: bold; font-size:120%; border-radius:10px; border:1px solid #623F1D;}
#wrapper .sch-detail .bbs-form .message { color: #7c7c7c; font-size: 85%; }

/* 最近のエントリー */
.news-list {background: #FFF; padding: 15px 12px 20px 12px; margin-bottom: 20px;}
.news-list h2 { padding: 2px 0; border-left: 6px solid #cecece; padding-left: 10px; margin-bottom: 15px; font-size: 105%; }
.latest-entry {margin-left: 10px;}
.latest-entry li {background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 8px; background-position: 5px 11px; padding: 5px 5px 5px 20px; }
.latest-entry li a {color: #0272d1; text-decoration: underline;}
.blog-more { text-align: center; padding: 5% 17%; font-weight: bold;}
.blog-more a { background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-position: 20% 50%; background-size: 8px; padding: 8px 0 8px 16px; font-size: 105%; color: #009fad; border-radius: 8px; display: block; border: 1px solid #6dc5cd; }
.search_result_page_box { padding: 15px; text-align: center; }
.search_result_page_box:before,
.search_result_page_box:after { content: " "; display: table; }
.search_result_page_box:after { clear: both; }
.search_result_page_box a { float: left; border: 1px solid #666; padding: 5px 10px; background: #FFF; border-radius: 3px; margin: 5px 0; }
.search_result_page_box a:nth-child(2) { margin-right: 0; float: right; }
.archive-sec { background: #FFF; margin: 12px 12px 32px 12px; border: 1px solid #009fad; border-radius: 7px; }
.archive-sec h3 { background: url(../../../sp/new/images/archive-icon.png) no-repeat #009fad; background-size: 26px; background-position: 12px 50%; padding: 6px 10px 6px 42px; font-size: 110%; color: #FFF; border-radius: 5px 5px 0 0;}
.archive-sec h3.latest { background: url(../../../sp/new/images/icon-bulb.png) no-repeat #009fad; background-size: 26px; background-position: 12px 50%; padding: 6px 10px 6px 42px; font-size: 110%; color: #FFF; border-radius: 5px 5px 0 0;}
.archive-sec h3.category { background: url(../../../sp/new/images/doc-icon2.png) no-repeat #009fad; background-size: 26px; background-position: 12px 50%; padding: 6px 10px 6px 42px; font-size: 110%; color: #FFF; border-radius: 5px 5px 0 0;}
.archive-sec .archive { padding:12px; }
.archive-sec .archive select { width: 90%; font-size: 100%; padding: 8px 12px; }
.module-list {padding: 12px; margin-left: 10px; font-size: 100%;}
.module-list li {background: url(../../../sp/new/images/area-arrow.png) no-repeat; background-size: 8px; background-position: 5px 5px; padding: 0 5px 5px 20px; margin-bottom: 5px; text-decoration: underline;}
.search_result_page_box2 { padding: 15px; text-align: center; }
.search_result_page_box2 a { width: 95%; display: block; border: 1px solid #666; padding: 7px 2%; background: #FFF; border-radius: 3px; margin: 0 0 15px 0; }

/*===================================================================
  資料請求
===================================================================*/
.step-indicator { background:#FFF; padding: 10px;}
.step {display: block;float: left;font-weight: bold;background: #dedede;padding-right: 15px;width:18%;height: 30px;line-height: 32px;margin-right: 33px;position: relative;color: #b5b5b5; text-align:center; }
.step:before {content: ""; display: block;width: 0;height: 0;position: absolute;top: 0;left: -30px; border: 15px solid transparent;border-color: #dedede;border-left-color: transparent;}
.step:after {content: "";display: block;width: 0;height: 0;position: absolute;top: 0;right: -30px;border: 15px solid transparent;border-left-color: #dedede;}
.step:first-of-type {border-radius: 2px 0 0 2px;padding-left: 20px;}
.step:first-of-type:before {display: none;}
.step:last-of-type {border-radius: 0 2px 2px 0;margin-right: 0;padding-right: 20px;}
.step:last-of-type:after {display: none;}
.step.completed {background: #009fad;color: #fff;}
.step.completed:before {border-color: #009fad;border-left-color: transparent;}
.step.completed:after {border-left-color: #009fad;}
.recom-school {margin: 0 0 0 5px;}
.recom-school figure {width: 30%; float: left;}
.recom-school figure img {display: block;}
.recom-school p {width: 66%; float: right; padding: 0; margin: 0 0 0 4%; line-height: 1.5; font-size: 80%;}
.popu-school2 { background-color: #ff9600; border-radius: 6px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center; margin-left: 8px; white-space: nowrap;}
.recom-school table { width: 100%; font-size:65%; border: 1px solid #009fad; margin: 8px 0 0 0;}
.recom-school table tr td { width: 75%; border-bottom: 1px solid #009fad; text-align: left; padding: 6px;}
.recom-school table tr th { background: #dff0f1; padding: 6px; color:#606060; font-weight:bold; vertical-align: top; text-align: left; }
.recom-school table th[scope=row] {width: 25%; border-bottom:1px solid #009fad;}
#wrapper .alert-txt3 { background:#FFF; padding: 0 10px 10px 10px; font-size: 90%; line-height: 1.4; color:#333; text-align: center; font-weight:bold;}

/* 資料請求リストをたたむ */
#wrapper #form .docum-list { position: relative; }
#wrapper #form .docum-list .docum-list-left { background-color: #dedede; font-size: 5.4vw; font-weight: bold; padding: 10px 10px 10px 13px; margin-bottom: 10px; border-bottom: 1px solid #cecece;}
#wrapper #form .docum-list .docum-list-left .span1 {font-size: 5.4vw; padding: 0 4px 0 8px; color: #cf5504;}
#wrapper #form .docum-list .docum-list-left .span2 {font-size: 3.6vw; }
#wrapper #form .docum-list .open-close-button {background: url(../../../sp/new/images/arrow1-down.png) no-repeat; background-size: 10px; background-position: 95% 50%; position: absolute; top: 13px; right: 8px; padding: 0 15px 0 0; font-size: 16px; color: #6f6f6f; font-weight: bold;}
#wrapper #form .docum-list .open-close-button.active {background: url(../../../sp/new/images/arrow1-up.png) no-repeat; background-size: 10px; background-position: 95% 50%; position: absolute; top: 13px; right: 8px; padding: 0 15px 0 0;}
#wrapper #form .gak-list { padding-bottom: 0;}
#wrapper #form .gak-list dt { background-color: #dedede; font-size: 100%; font-weight: bold; padding: 7px 10px; margin-bottom: 5px; }
#wrapper #form .gak-list dd { border-bottom: 1px solid #cecece; padding: 4px 10px; }
#wrapper #form .gak-list dd label { display: block; padding: 6px 0 6px 25px; }
#wrapper #form .gak-list dd.selected { background: url(../../../sp/new/images/icon-bullet3.png) no-repeat; background-size: 6px; background-position: 10px 11px; color: #737373; font-weight: bold; font-size: 85%; border-bottom: none; padding: 4px 10px 4px 22px; }
#wrapper #form .gak-list dd.txt { padding: 7px 10px; line-height: 1.2; }
#wrapper #form .gak-list dd.txt span { color: #e46a20; font-size: 95%; }
#wrapper #form .gak-list3 { padding-bottom: 0;}
#wrapper #form .gak-list3 dt { background-color: #dedede; font-size: 100%; font-weight: bold; padding: 7px 10px; margin-bottom: 5px; }
#wrapper #form .gak-list3 dd { border-bottom: 1px solid #cecece; padding: 4px 10px; }
#wrapper #form .gak-list3 dd label { display: block; padding: 6px 0 6px 25px; }
#wrapper #form .gak-list3 dd.selected { background: url(../../../sp/new/images/icon-bullet3.png) no-repeat; background-size: 6px; background-position: 10px 11px; color: #737373; font-weight: bold; font-size: 85%; border-bottom: none; padding: 4px 10px 4px 22px; }
#wrapper #form .gak-list3 dd.txt { padding: 7px 10px; line-height: 1.2; }
#wrapper #form .gak-list3 dd.txt span { color: #e46a20; font-size: 95%; }
#wrapper #form .gak-list2 {padding: 0;}
#wrapper #form .gak-list2 dt { color: #fff; background-color: #009fad; font-size: 110%; font-weight: bold; padding: 10px 10px; border-radius: 5px 5px 0 0;}
#wrapper #form .gak-list2 dd { border-bottom: 1px solid #cecece;  }
#wrapper #form .gak-list2 li { border-bottom: 1px solid #cecece; }
#wrapper #form .gak-list2 dd label { display: block; padding: 10px 10px 10px 25px; margin-left: 10px; }
#wrapper #form .gak-list2 li label { display: block; padding: 10px 10px 10px 25px; margin-left: 10px; }
#wrapper #form .gak-list2 dd.selected { background: url(../../../sp/new/images/check-icon-1.png) no-repeat; background-size: 15px; background-position: 10px 15px; color: #737373; font-weight: bold; font-size: 90%;  padding: 10px 10px 10px 35px; }
#wrapper #form .gak-list2 dd.txt { padding: 7px 10px; line-height: 1.2; }
#wrapper #form .gak-list2 dd.txt span { color: #e46a20; font-size: 95%; font-weight: bold; }
.has-js .label_check { padding-left: 34px; }
.has-js .label_check { background: url(../../../sp/new/images/insert-list-bg-off.gif) no-repeat; background-position: 0 50%; background-size: 19px; }
.has-js label.c_on { background: url(../../../sp/new/images/insert-list-bg-on.gif) no-repeat; background-position: 0 50%; background-size: 19px; }
.has-js .label_check input { position: absolute; left: -9999px; }
.label_check:before,
.label_check:after { content: " "; display: table; }
.label_check:after { clear: both; }
#wrapper #form h2 { background-color: #dedede; font-size: 100%; font-weight: bold; padding: 8px 15px; margin-bottom: 5px; }
#wrapper #form h2.in { background-color: #dedede; font-size: 100%; font-weight: bold; padding: 8px 10px; margin: 10px 0 0 0; }
#wrapper #form .appli { padding: 0 10px 10px 10px; text-align: center; }
#wrapper #form .appli2 { padding: 0 10px 10px 25px;}
#wrapper #form .appli label { padding: 7px 0; font-size: 105%; color: #FFF; }
#wrapper #form .appli .label-1 { width: 33%; float: left; background-color: #009fad; }
#wrapper #form .appli .label-2 { width: 34%; float: left; background-color: #007e88; }
#wrapper #form .appli .label-3 { width: 33%; float: right; background-color: #48c1cb; }
#wrapper #form .alert-txt-tel { padding: 0px 10px 16px 10px; font-size: 80%; line-height: 1.1; color:#777; }
#wrapper #form .alert-txt-tel span { color: #e46a20; font-weight: bold; }
#wrapper #form .alert-txt2 { padding: 4px 10px 4px 14px; font-size: 80%; line-height: 1.4; color:#666;}
#wrapper #form .alert-txt2 span { color: #333; font-weight: bold; }
#wrapper #form .alert-txt { padding: 0px 10px 3px 10px; font-size: 80%; line-height: 1.1; color:#777; }
#wrapper #form .alert-txt span { color: #e46a20; font-weight: bold; }
#wrapper #form .alert-txt a { text-decoration: underline; }
#wrapper #form .gender { padding: 0 10px 10px 10px; text-align: center; }
#wrapper #form .gender2 { padding: 0 10px 10px 25px; }
#wrapper #form .gender label { padding: 7px 0; font-size: 105%; color: #FFF; }
#wrapper #form .gender .label-1 { width: 50%; float: left; background-color: #009fad; }
#wrapper #form .gender .label-2 { width: 50%; float: right; background-color: #48c1cb; }
#wrapper #form .rec_box { border-radius: 6px; margin: 15px 10px; border: 1px solid #666;}
.popu-school { background-color: #ff9600; border-radius: 6px; padding: 4px; font-size: 62.5%; color: #FFF; width:70px; text-align: center; margin-bottom: 3px; white-space: nowrap;}
.dis-none{ display: none; }
#wrapper .hideDiv-1 { padding: 16px 20px; text-align: center; font-size: 95%; }
#wrapper .hideDiv-1 a { color:#009fad; font-weight:bold; background: url(../../../sp/new/images/refresh-icon.png) #FFF no-repeat; border-radius: 6px; background-size: 22px; background-position: 4% 50%; display: block; padding: 10px 0 10px 18px; border: 1px solid #009fad; }
.chkAll { padding: 30px; text-align: center; }
.chkAll img { width: 90%; }
#wrapper #form .submit[type=submit] { background: #FF5DB1; background: -moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49)); background: -webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); padding:6px 0; margin: 0; color:#623F1D; font-weight: bold; font-size:112.5%; border-radius:10px; border:1px solid #623F1D; cursor:pointer; width: 100%;}
#wrapper #form #saki { width: 100%; font-size: 90%; }
#wrapper #form #saki td { padding: 6px 10px; vertical-align: top; }
#wrapper #form #saki tr { border-bottom: 1px solid #cecece; }
#wrapper #form #saki tr:nth-last-child(1) {border-bottom: none;}
#wrapper #form #saki tr:nth-last-child(1) td {padding:6px 10px 0 10px;}
#wrapper #form #saki td.left { width: 40%; font-weight: bold; padding: 6px 0 6px 10px; }
#wrapper #form #saki td.right { width: 60%; }
#wrapper #form #saki td.left span { font-size: 75%; color: #e46a20; margin-left: 10px; }
.back-btn { background: #f6f1f1; padding: 4px 25px; border: 1px solid #999; border-radius: 8px; font-size: 90%; color: #999; font-weight: bold;}
#wrapper #form .h2-btn { background-color: #dedede; padding: 6px 10px; margin-bottom: 5px; }
#wrapper #form .h2-btn h2 {float: left; font-weight: bold; padding:0; margin: 4px 0 0 0; }
#wrapper #form .h2-btn button {float: right;}
#wrapper .Ends { background: #FFF; text-align: center; padding: 6px; font-weight: bold; font-size: 100%; }
#wrapper .more-req { padding: 10px 10px 20px 10px; }
#wrapper .contact-mess { margin: 10px 10px 20px 10px; padding: 10px 10px 0 10px; border: 1px solid #333; }
#wrapper .contact-mess p { padding-bottom: 10px; font-size: 90%; }
#wrapper .contact-mess p a { text-decoration: underline; }
.arrow_box { position: relative; background: #FFF;border: 2px solid #000;padding: 8px 10px;text-align: center;color: #e46a20;font-weight: bold;font-size: 100%; line-height: 1.4;}
.arrow_box:after, .arrow_box:before {top: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;}
.arrow_box:after {border-color: rgba(136, 183, 213, 0);border-top-color: #FFF;border-width: 10px;margin-left: -10px;}
.arrow_box:before {border-color: rgba(194, 225, 245, 0);border-top-color: #000;border-width: 13px;margin-left: -13px;}
.arrow_box2 { position: relative; background: #FFF;border: 2px solid #000;padding: 8px 10px;text-align: center; font-size: 100%; line-height: 1.4;}
.arrow_box2:after, .arrow_box2:before {top: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;}
.arrow_box2:after {border-color: rgba(136, 183, 213, 0);border-top-color: #FFF;border-width: 10px;margin-left: -10px;}
.arrow_box2:before {border-color: rgba(194, 225, 245, 0);border-top-color: #000;border-width: 13px;margin-left: -13px;}
.arrow_box2 span {color: #e46a20; font-weight: bold; font-size: 140%; margin: 0 5px;}
.thanks2-dv { padding: 0 10px; }
.thanks2-dv p { padding-bottom: 10px; font-size:85%; color: #333; }
.thanks2-dv2 { padding: 0 20px; font-size:80%; color: #999; }
.sns-button {padding: 20px 0 10px 0; text-align: center;}
.sns-button div {display: inline-block;}
.sns-button div.facebook {margin-right:10px;}
.sns-button h4 {font-size: 105%; padding: 8px 10px; margin: 0 0 30px 0; background-color: #fff4ac; color: #000; }

/* vwoCounter */
#vwoCounter {width: 67px; float: left; margin-top: 10px; margin-left: 8px; text-align: center; position: relative;}
#vwoCounter img {width: auto; height: 24px;}
#vwoCounter .vwoTxt {font-size: 9px; font-weight: bold; display: block; line-height: 0;}
#vwoCounter .count {display: block; position: absolute; right: 25%; top: -5px; font-size: 9px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: red; color: #fff;}
.onFirstClick {position: fixed; background-color: #71d776; width: 250px; padding: 10px; box-sizing: border-box; font-size: 12px; font-weight: bold; right: 10vw; top: 60px; border-radius: 7px;
  box-shadow: 0 2px 5px #999999; color: #ffffff; transition: all 0.4s ease; opacity: 0; z-index: -100;}
.onFirstClick:before {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #71d776; top: -15px; right: 53px;}
.onFirstClick.show {z-index: 100000; opacity: 1;}
.cookieNum {display: block;	position: absolute; left: 9px; top: -11px; font-size: 9px; width: 20px;	height: 20px;	text-align: center;	line-height: 20px; border-radius: 50%; background-color: red;	color: #fff; }
p.btn-div-left {position: relative;}

/* この学校にチェック　ボタン　*/
.docInq_list_off { text-align: center; }
a.docInq_list_off { background: url(../../../sp/new/images/check_off.png) no-repeat, linear-gradient(to bottom, #06d110 0%,#009327 100%); background-position: 10% 50%; background-size: 25px,100%; display: block; cursor: pointer; padding: 5px 5px 5px 30px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); color: #FFF; border:1px solid #009327; border-radius: 8px; font-size: 120%;
  font-weight: bold; box-shadow: 0px 1px 3px #9c9c9c;}
a.docInq_list_off:hover,
a.docInq_list_on:hover { color: #FFF; }
.docInq_list_on { text-align: center; }
a.docInq_list_on {background: url(../../../sp/new/images/check_on.png) no-repeat #71d776; background-position: 10% 50%; background-size: 25px; display: block; cursor: pointer; padding: 5px 10px 5px 30px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); color: #FFF; border:1px solid #1fbf49; border-radius: 8px; font-size: 120%; font-weight: bold;}
.doc-div { padding: 10px 15px; text-align: center; }
.doc-div a { display: block; text-align: center; }
.doc-div .doc-req {background: url(../../../sp/new/images/doc-icon-1.png) no-repeat,linear-gradient(to bottom, #ff6e16 0%,#ff4d00 100%); background-size: 18px,100%; background-position: 10% 50%; border-radius: 8px; border: 1px solid #ff4d00; color: #FFF;font-weight: bold;box-shadow: 0px 1px 3px #9c9c9c;}
.doc-div > p { padding-bottom: 0; font-weight: bold; }
.doc-div > p > .highlight { color: #ff6e16; }
.doc-div .doc-req,
.doc-div .docInq_list_off,
.doc-div .docInq_list_on { width: 48%; display: inline-block;	font-size: 0.8rem; line-height: 1; box-sizing: border-box; vertical-align: middle; padding: 16px 10px 16px 25px;}
.doc-div .docInq_list_off, 
.doc-div .docInq_list_on { margin-left: 5px; }

/* チェックした学校に資料請求 */
.check-sita { background: url(../../../sp/new/images/check-icon-1.png) no-repeat,linear-gradient(to bottom, #06d110 0%,#009327 100%); background-size: 16px,100%; background-position: 7% 50%; border-radius: 6px; border: 1px solid #009327;padding:0px 5px 0px 28px; color: #FFF; font-size:76%; text-align:center; font-weight: bold; line-height: 1.2; box-shadow: 0px 1px 3px #9c9c9c;	height:60px;vertical-align:middle;display:table-cell;}
.all-req {background: url(../../../sp/new/images/doc-icon-1.png) no-repeat,linear-gradient(to bottom, #ff6e16 0%,#ff4d00 100%); background-size: 16px,100%; background-position: 7% 50%;
  border-radius: 6px; border: 1px solid #ff4d00;padding: 0px 5px 0px 28px; color: #FFF; font-size:76%; text-align:center; font-weight: bold; line-height: 1.2; box-shadow: 0px 1px 3px #9c9c9c;
  height:60px;vertical-align:middle;display:table-cell;}
.uncheckGray { background: url(../../../sp/new/images/check_off.png) no-repeat, #cccccc;background-size: 19px,100% !important; background-position: 7% 50% !important; border: 1px solid #cccccc !important; color: #eaeaea !important;	box-shadow: none !important;
	pointer-events: none;}

/* コールセンターで資料請求する! */
#wrapper .tel { background-color: #a1a1a1; padding: 20px; margin: 20px 0; }
#wrapper .tel a { background: url(../../../sp/new/images/icon-tel.png) no-repeat #e9e9e9; background-size: 40px; background-position: 4% 50%; padding: 8px 5px 6px 55px; color: #009fad; font-size: 75%; border-radius: 10px; line-height: 1.2; text-align: left; display: block; border: 1px solid #333; }
#wrapper .tel .free { font-size: 60%;}
#wrapper .tel .tel-num { color: #e46a20; font-size: 210%; font-weight: bold; }

/* ボタン */
.back-up-div { padding: 15px 0 0 0;}
.back-up-div p {padding: 0; text-align: center; font-weight: bold; word-wrap: break-word; line-height: 2;}
.back-up-div .title-1 {font-size: 80%;}
.back-up-div .title-1 span {color: #ce1b1b;}
.back-up-div .title-2 {font-size: 105%;}
.back-btn-div {padding: 10px 0 15px 0; text-align: center;}
.back-btn-div a:visited {color: #FFF;}
.back-to-btn {background: url(../../../sp/new/images/back-to-btn.png) no-repeat,linear-gradient(to bottom, #02aebd 0%,#0299a6 100%); background-size: 25px,100%; background-position: 6% 50%; border-radius: 6px; padding: 15px 15px 15px 48px; color: #FFF; font-weight: bold; display:block; font-size: 110%; }

#wrapper .title-h2 { background-color: #f0fcff; font-size: 100%; padding: 10px; text-align: left; }
#wrapper .title-h2 span {background: url(../../../sp/new/images/location-icon.png) no-repeat; background-position: 0 50%; background-size: 18px; padding: 5px 0 5px 25px;}

/* 後から表示されるCPAボタン */
#wrapScrollBtns { position: fixed; bottom: 0px; width: 100%;	background: rgba(45, 45, 45, 0.47); }
#scrollBtns.doc-div { padding: 0px 5px 5px 5px !important; }
#scrollBtns > p { color: #fff; line-height: 1.5; }
#scrollBtns > a { width: 48%; display: inline-block; font-size: 0.8rem; line-height: 1; box-sizing: border-box;	vertical-align: middle;	padding: 10px 10px 10px 25px; }
.hideScroll { display: none !important; }

/* パンくず */
.pankuzu {padding:10px 10px 10px 15px; margin-bottom: 15px; background:#d9d8d8; color: #444; font-size: 95%;}
.pankuzu a{color:#0272d1; text-decoration: underline;}
.pankuzu a:visited{color:#0272d1;}
.pankuzu a.no-link{text-decoration: none; color:#333;}
.pankuzu li{display: inline-block; }
.pankuzu li:after {content:" >"; margin : 0 2px ;}
.pankuzu li:last-child:after { content : none ; }

/*===================================================================
  Footer
===================================================================*/
#footer { width: 100%; background-color: #f8f8f8; }
#footer #back-top { background-color: #191919; padding: 7px; text-align: center; }
#footer #back-top a { display: block; font-family: 'Oswald', Helvetica, Arial, serif; font-size: 120%; color: #FFF; }
#footer #back-top .item-top { margin-right: 2px;}
#footer #back-top .item-top img { width: 16px; height: 9px; }
#footer .footerList { background: #c7c7c7; margin-bottom: 10px; }
#footer .footerList:before,
#footer .footerList:after { content: " "; display: table; }
#footer .footerList:after { clear: both; }
#footer .footerList .listItem { float: left; width: 50%; height:50px; padding:10px 0 0 10px; border-bottom: 1px solid #999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer .footerList .listItem:nth-of-type(odd) { border-right: 1px solid #999999; }
#footer .footerList .item { display: table; width: 100%;}
#footer .foot-menu { padding: 0 10px 20px 10px; text-align:center; line-height: 1.2; }
#footer .foot-menu li { color: #999; margin:15px 0px 0px 0; display: inline-block; font-size: 80%; }
#footer .foot-menu li:after {content:"|"; margin : 0 10px ;}
#footer .foot-menu li:last-child:after { content : none ; }
#footer p { text-align: center; padding: 10px 0; color: #666; font-size: 85%; }
.kanren-link {padding: 20px; font-size: 85%; }
.kanren-link dt {font-weight: bold; margin-bottom: 10px;}
.kanren-link dd { display: list-item; list-style-type: disc; font-size: 80%; margin-bottom: 5px; margin-left: 20px;}
.kanren-link dd a {text-decoration: underline;}

/*===================================================================
  Common
===================================================================*/
.caption-top {caption-side: top; padding: 0 0 20px 0;}
.caption-bottom {caption-side: bottom; padding: 10px 0 0 0;}

.size-90 { font-size: 90%; }
.marb-10 { margin-bottom: 10px; }
.marb-20 { margin-bottom: 20px; }
.marb-30 { margin-bottom: 30px; }
.mart-30 { margin-top: 30px; }
.mart-40 { margin-top: 40px; }
.bold { font-weight: bold; }
.size-110 { font-size: 110%; }
.size-100 { font-size: 100%; }
.size-80 { font-size: 80%; }
.text-center{text-align: center;}
.text-right{text-align: right;}
.border_yellow { border-bottom: 4px solid #f6f373; font-weight: bold;}
.border_lightblue { border-bottom: 4px solid #BEEEFD; font-weight: bold;}
.border_lightpink { border-bottom: 4px solid #ffd4d4; font-weight: bold;}
.background_gray{background: #c3c8c9;}
.background_darkgray{background: #6d6c6c; color:#fff;}
.color-lightgray{color:#888888 !important;}

.text-underline{text-decoration: underline;}

/*===================================================================
  Pop Up - Modal
===================================================================*/
html.remodal-is-locked {overflow:hidden}
.remodal,[data-remodal-id] {visibility:hidden}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;-webkit-overflow-scrolling:touch; padding: 10px;}
.remodal-wrapper:after{display:inline-block;margin-left:-.05em;content:""}
.remodal-overlay,.remodal-wrapper{-webkit-transform:translateZ(0px)}
.remodal{position:relative;display:inline-block; border: 5px solid #429da9;}
.remodal,.remodal *{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Sans-Serif;font-size:98%;color:#333;line-height:1.6;-webkit-text-size-adjust:none}
.remodal-overlay{-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:0;background:rgba(33,36,46,0.95)}
body.remodal-is-active .remodal-overlay{opacity:1}
.remodal{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out;-moz-transition:-moz-transform .2s ease-out,opacity .2s ease-out;-o-transition:-o-transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);opacity:0;background:#FFF;background-clip:padding-box}
body.remodal-is-active .remodal{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
.remodal,.remodal-wrapper:after{vertical-align:middle}
.remodal-confirm,.remodal-cancel{font-size:105%;display:inline-block;width:100px;padding:5px 0;cursor:pointer;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;text-decoration:none;-webkit-border-radius:6px;border-radius:6px;background-clip:padding-box}
.remodal-confirm{border: 1px solid #8acad0; color:#333; text-align: center;}

@media only screen and (min-width: 641px) { .remodal{max-width:100%;min-height:0}}
.remodal .cancel-btn {text-align: center; padding: 15px;}
.pop-modoru { padding: 6px 10px; }
.pop-modoru .left {float: left; font-size: 110%; font-weight: bold; padding: 6px 10px 0 0}
.pop-modoru .right {float: right;}
.pop-modoru span,
.remodal .cancel-btn span { color: #4ca7ad; margin-right: 5px; font-weight: bold; font-size: 85%; }
.modal_real { padding: 15px; }
.modal_real .title {background: url(/real/wp-content/themes/sp/src/images/icon-book.png) no-repeat; background-size: 26px; background-position: 0 15%; font-weight: 700; font-size: 110%; border: 1px solid silver;    border-width: 0 0 1px; padding: 0 0 3px 32px; margin-bottom: 10px;}

/* アイコン説明 */
.icon-setsu { width: 100%; border: 1px solid #c8c8c8; }
.icon-setsu td { padding: 5px; border: 1px solid #c8c8c8; }
.icon-setsu td img { max-width: 90%; }
.icon-setsu th { padding: 5px; background-color: #c0e4ed; border: 1px solid #c8c8c8; }
.icon-setsu td.one { width: 15%; }
.icon-setsu td.two { width: 20%; }
.icon-setsu td.three { width: 65%; }

/* サイトマップ */
.sitemap { background: #FFF; padding: 12px; }
.sitemap .dl { margin-bottom: 20px; }
.sitemap .dl dt { font-size: 100%; font-weight: bold; }
.sitemap .dl dd { font-size: 95%; padding: 5px 20px;}
.sitemap .dl dd a { text-decoration: underline; }

/* エラーページ */
.s404 { background: url(../../../sp/new/images/404-icon.png) no-repeat #FFF; background-size: 53px; background-position: 98% 50%; padding: 10px 52px 10px 10px; border-bottom: 1px solid #a4d1dc;}
.s404 p { padding-bottom: 5px; font-size: 85%; }
.s404 p.title2 { font-size: 100%; font-weight: bold; }

.gak-url { padding: 10px; text-align: right; font-weight: bold; }
.gak-url a { color: #06F; text-decoration: underline; }
.gak-map { margin-bottom: 10px; }
.child { display: none; }
.word_plink{padding-top: 120px; margin-top: -120px;}
#wrapper .no-margin {margin-bottom: 0;}
.spn-small {font-size: 80%;line-height: 1;}
::-webkit-input-placeholder {font-size: 85%;}
.location-icon2 {background: url(../../../sp/new/images/location-icon2.png) no-repeat; background-size: 15px; background-position: 0 50%; padding: 2px 0 2px 20px; min-height: 20px; display: block;}

.social-plugins { background: #FFF; }
.social-plugins .fb-like { top: 0 !important; margin: 0 !important;}
.social-plugins div {float: left; margin: 0 5px 15px 5px; }
.social-plugins .line-it-button { margin: 0 15px 15px 15px; }

/* 通信制高校状況 */
#wrapper .title-div h2 { padding: 8px 5px; font-size: 110%; color: #fff; text-align: center; font-weight: bold; }
#wrapper .title-div h2 span { font-size: 90%; }
.school-state {padding: 12px 13px 0 13px;}
.school-state .state-sec {background: white; padding: 13px 13px 0 13px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #009fad; }
.school-state .state-sec header {display: flex; align-items: center; margin-bottom: 5px;}
.school-state .state-sec header img {width: 30px; margin-right: 10px;}
.school-state .state-sec header h3 { font-size: 100%; }
.school-state .state-sec header h3 span {font-size: 80%;}
.school-state .state-sec h4 { font-size: 100%; padding-bottom: 10px; margin-bottom: 10px; color: #009fad;; border-bottom: 1px solid #009fad;}
.school-state .state-sec p { font-size: 80%; padding-bottom: 20px;}
.school-state .state-sec p span {color: #f55e12; font-weight: bold;}
.school-state .state-sec dl {font-size: 80%; margin-bottom: 20px; line-height: 1.8;}
.school-state .state-sec dt {font-size: 110%; font-weight: bold; margin-bottom: 10px;}
.school-state .state-sec dd {display: list-item; list-style-type: disc; list-style-position: outside; margin-left: 20px;}
.anchor-list {padding: 0 10px 20px 10px;}
.anchor-list a { background: url(../../../sp/new/images/icon-plus.png) no-repeat, linear-gradient(to bottom, #2bb3c6 0%, #1596a7 100%); background-position: 5% 50%; background-size: 20px,100%; display: block; cursor: pointer; padding: 10px 10px 10px 30px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); text-align: center; color: #FFF; border:1px solid #1596a7; border-radius: 8px; font-size: 100%; font-weight: bold; box-shadow: 0px 1px 3px #9c9c9c;} 


/*===================================================================
  Media Query
===================================================================*/
/* Breakpoints based on content */
@media (min-width: 360px) {

  /* Header */
  .nav_wrapper {height: 54px;}
  #spinner-form { background-size: 38px; padding-top: 38px; }
  .spinner-master {margin: 8px 13px 0 13px;}
  #spin-menu { height: 54px; }
  .search_box { top: 54px; }

  /* top */
  #wrapper {padding-top: 54px;}
  #wrapper .title-div h1 {padding: 9px 13px; font-size: 110%;}
  #wrapper .title-div h1 span {font-size: 90%;}

  /* エリアから探す */
  .tabs li {font-size: 105%;}
  .tabs2 li { font-size: 105%; }
  .yaritai-form {padding:15px 13px 13px 13px;}

  /* 学校選びのヒント */
  #wrapper .useful h2 {font-size: 120%;}
  #wrapper .useful ul.info-list li a {padding: 13px 15px;}

  /* 当事者インタビュー・調査 */
  #wrapper .new-article h2 {font-size: 120%; margin-bottom: 13px;}
  #wrapper .new-article .max-100 {padding: 0 13px 15px 13px;}
  #wrapper .new-article .max-100 p {font-size: 95%;}
  #wrapper .new-article .article1 {background-position: 97% 50%; margin: 0 13px 13px 13px;}
  #wrapper .new-article .article1 figure {width: 30%;}
  #wrapper .new-article .article1 figure img {width: 111px;}
  #wrapper .new-article .article1 .right p {font-size: 95%; padding: 5px 25px 3px 0;}

  /* バナー */
  #wrapper .banner-area {padding: 0 13px;}
  #wrapper .free-call-banner {margin: 25px 15px;}

  /* Footer */
  #footer .footerList .listItem {padding: 10px 0 0 15px}

  /* 都道府県検索一覧 */
  #search-result {margin: 12px 13px;}
  .check-sita { font-size: 85% !important; height: 66px; }
  .all-req { font-size: 85% !important; height: 66px; }
  #search-result .school h2 { background-size: 10px; font-size: 100%; padding: 8px 25px 8px 10px }
  #search-result .school .img-div { padding: 13px; }
  .sechu-mong p {font-size: 90%;}

  /* 学校詳細ページ */
  #wrapper #search-detail h2 { padding: 10px 13px; }
  #wrapper #search-detail .search-detail-in {padding: 15px 13px;}
  .doc-div .doc-req {background-size: 22px, 100%;}
  #wrapper .sch-detail {margin: 20px 13px;}
  #wrapper .sch-detail .toku {padding: 10px 13px;}
  #wrapper .sch-detail .toku h4 {font-size: 105%;}
  body p {padding-bottom: 30px;}
  .accordionButton-no { padding: 15px 40px 15px 13px; background-position: 96% 50%; }
  .accordionContent-no h4 { font-size: 105%; }
  .accordionButton { padding: 15px 40px 15px 13px; background-position: 96% 50%; }
  #wrapper .sch-detail .tab-gai { font-size: 95%; }
  #wrapper .tel a { background-position: 8% 50%; padding: 8px 5px 4px 70px; font-size: 80%; }
  .accordionContent .gak-add td, .gak-table-1 td { padding: 7px 10px; }

  /* 読み物コンテンツページ改修 */
  .shiru { padding: 15px 13px; }
  .shiru .section1 h2 { font-size: 100%; }
  .shiru .section1 p { font-size: 90%; }
  .shiru .section1.one,
  .shiru .section1.two,
  .shiru .section1.three,
  .shiru .section1.four,
  .shiru .section1.five,
  .shiru .section1.six,
  .shiru .section1.seven,
  .shiru .section1.eight,
  .shiru .section1.nine { min-height: 85px; background-size: 110px, 9px; padding: 10px 20px 0 90px; }
  .shagasu-sec h4 { font-size: 120%; }
  .hint h4 { font-size: 120%; }
  .hint ul.info-list li a { padding: 13px; }
  .shikumi .section2 { background-position: 96% 50%; background-size: 9px; padding: 12px 30px 12px 15px; }
  .shikumi .section2 div h2 { font-size: 95%; }
  .ul-list { margin: 18px 15px; }
  .shiru-details { padding: 15px; }
  #wrapper .kanren-interview .article1 figure { width: 30%; }
  #wrapper .kanren-interview .article1 figure img { width: 111px;}
  #wrapper .kanren-interview .article1 .right p { font-size: 95%; }
  .menuList .listItem,.menuList_footer .listItem {font-size: 90%;}
  #wrapper #tsuushin h2 { padding: 10px 13px; font-size: 120%; }
  .tsuushin-in { padding: 15px 13px; }
  #wrapper .nagare { margin: 13px 13px 20px 13px; padding-bottom: 1px; }
  #wrapper .nagare .heading {  padding: 13px 13px 10px 13px; }
  #wrapper .nagare .nagare-in { padding: 10px 13px; }
  #wrapper .nagare .naga { padding: 15px 20px 5px; margin: 13px 13px 18px 13px; position: relative; overflow: hidden;}
  #wrapper .nagare .round-arrow img { width: 35px; }
  #wrapper #form h3 { padding: 10px 13px 0 13px;  }
  #wrapper #form .fillup { padding: 0 13px 6px 13px; }
  #wrapper #form .fillup2 { padding: 0 13px 13px 28px; }
  #wrapper #tsuushin .bbs { padding: 20px 15px; margin-bottom: 25px; }
  #wrapper .news-list {padding: 20px 15px 25px 15px; margin-bottom: 25px;}
  .archive-sec { margin: 12px 15px 30px 15px; }
  .step-indicator {padding: 10px;}
  .step {width: 20%;}
  #wrapper #form h2 {font-size: 105%;}
  .nav_wrapper-mail {margin-bottom: -54px;}

}
/* Media Query END*/


/*#spin-menu { width: 18%; }*/
@media only screen and (max-device-width: 320px) {
  #logo { width: 41%; margin-top: 15px; }
	.sns-button .facebook img {width: 140px;}
	.sns-button .twitter img {width: 140px;}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 364px) {
  #logo { width: 44%; margin-top: 15px; }
} 

@media only screen and (min-device-width: 365px) and (max-device-width: 414px) {
  #logo { width: 45%; margin-top: 15px; }
}

@media only screen and (min-device-width: 568px) {
  #vwoCounter { right: 10%; margin-right: -90px; }
}

#wrapper #form .fillup select { background: url(../../../sp/new/images/icon-expand.png) no-repeat #ffffff; background-position: 97% 50%; background-size: 14px;}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
select,
textarea {border-radius: 6px; border: 2px solid #999999; appearance: none; -webkit-appearance: none; color: #333333}

.mart-10 { margin-top: 10px;}

/*===================================================================
 *   診断ページ
 *===================================================================*/
#wrapper .survey {background: #fff; border-top: 6px solid #009fad; border-bottom: 6px solid #009fad; padding: 20px 0; margin-bottom: 25px;}

#wrapper .survey .heading {text-align: center;}
#wrapper .survey .heading h1 {font-size: 120%; font-weight: bold;}
#wrapper .survey .heading h1::before {content: "\005C"; font-size: 140%; color: #009fad; font-weight: bold; padding-right: 10px; font-family: Verdana, Geneva, Tahoma, sans-serif;}
#wrapper .survey .heading h1::after {content: "\002F"; font-size: 140%; color: #009fad; font-weight: bold; padding-left: 5px; font-family: Verdana, Geneva, Tahoma, sans-serif;}
#wrapper .survey .heading h1 span {color: #ff6e16; }
#wrapper .survey .heading p {padding: 10px 0 15px 0;}

#wrapper .survey .sindan-bdiv { background: url(/sp/new/images/survey-girl.jpg) no-repeat; background-size: 30%; background-position: 92% 23%; border: 2px solid #009fad; padding: 20px; margin: 0 12px; border-radius: 6px;}
#wrapper .survey .sindan-bdiv p.title { padding: 0 40px 5px 0; font-weight: bold;}
#wrapper .survey .sindan-bdiv p { padding: 0 100px 30px 0; font-size: 102%; line-height: 1.5;}

.sindan-button {position: relative;}
.sindan-button a { background: url(/sp/new/images/area-arrow2.png) no-repeat #e65f16; background-position: 95% 50%; background-size: 15px; border-radius: 8px; border-bottom: 4px solid #a23f00; display: block; color: #FFF; padding: 18px 0; font-size: 130%; font-weight: bold; text-align: center; }
.sindan-button span {width: 35%; position: absolute; top: -20px; left: 10px;}

#wrapper .survey .question-wrap { border: 2px solid #009fad; padding: 10px; margin: 0 12px; border-radius: 6px;}
#wrapper .survey .question-wrap .question-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
#wrapper .survey .question-wrap .question-head .mon {background: #009fad; padding: 8px 12px; color: #fff; border-radius: 3px; font-size: 120%; font-weight: bold; text-align: center;}
#wrapper .survey .question-wrap .question-head .count {display: flex; align-items: center; gap: 2px; font-size: 85%;}
#wrapper .survey .question-wrap .question-head .count li:first-child {margin-right: 10px;}
#wrapper .survey .question-wrap .question-head .count .color {color: #ff6e16;}
#wrapper .survey .question-wrap .question-head .count span {color: #e6e6e6;}

#wrapper .survey .question-wrap h2 {border-bottom: 2px solid #e6e6e6; font-size: 110%; padding-bottom: 10px; margin-bottom: 10px;}

#wrapper .survey .question-wrap .question-sec { font-size: 100%;}

#wrapper .survey .question-wrap .question-sec ul {display: flex; flex-direction: column; padding: 20px 15px; gap: 10px;}
#wrapper .survey .question-wrap .question-sec ul li a {background: url(/sp/new/images/title-arrow.png) no-repeat #e3e8e8; background-position: 95% 50%; background-size: 8px; border-radius: 8px; border-bottom: 2px solid #86cbd1; border-right: 2px solid #86cbd1; display: block; padding: 18px 24px 18px 10px; text-align: center; color: #009fad; font-weight: bold;}

.survey-back-btn {text-align: center; }
.survey-back-btn a {background: url(/sp/new/images/area-arrow3.png) no-repeat; background-size: 7px; background-position: 10% 50%; padding: 10px 20px 10px 30px; border: 1px solid #cecece; border-radius: 5px; font-size: 80%;}

#wrapper .survey-result {border-top: 6px solid #009fad; padding: 20px 13px; position: relative;}

#wrapper .survey-result .result-wrap { background: #fff; border: 1px solid #009fad; border-radius: 5px; }
#wrapper .survey-result .result-wrap .header {background: #009fad; color: #fff; padding: 5px 13px; }
#wrapper .survey-result .result-wrap .header p {font-size: 140%; padding: 0; margin: 0; line-height: 1.5; text-align: center; font-weight: bold;}
#wrapper .survey-result .result-wrap .header h1 {font-size: 110%; padding: 0; margin: 0;}
#wrapper .survey-result .result-wrap .result-cont {padding: 18px 13px 0 13px;}
#wrapper .survey-result .result-wrap .result-cont p {font-size: 85%; padding-bottom: 20px;}
#wrapper .survey-result .result-wrap .result-cont p span {color: #ff6e16; font-weight: bold;}
#wrapper .survey-result .result-wrap .result-cont h2 { color: #009fad; font-size: 110%; margin-bottom: 10px; border-bottom: 2px solid #e6e6e6;}
#wrapper .survey-result .result-wrap .result-cont h2.title-1 {background: url(/sp/new/images/walking-icon.png) no-repeat; background-size: 20px; padding: 0 0 10px 30px;}
#wrapper .survey-result .result-wrap .result-cont h2.title-2 {background: url(/sp/new/images/icon-school.png) no-repeat; background-size: 28px; padding: 0 0 10px 36px;}

#wrapper .survey-result .result-wrap figure {display: flex; justify-content: center; padding: 10px 0 0 0;}
#wrapper .survey-result .result-wrap figure img {width: 92%; }

#wrapper .recom-comp {background: url(/sp/new/images/big-down-arrow.png) no-repeat; background-size: 50%; background-position: 50% 20%; padding: 0 13px; text-align: center;}
#wrapper .recom-comp p {font-size: 90%; padding: 0;}
#wrapper .recom-comp p strong {font-weight: bold;}
#wrapper .recom-comp p strong span {color: #ff6e16; font-size: 130%;}


/*===================================================================
 *   line
 *===================================================================*/
.line_top{padding:2px 10px 8px 10px; text-align: center;}
.line_tsuushinsei{padding:13px 3px 0 3px; text-align: center;}
.line_tsuushinsei_con{padding:0 0 0 0; text-align: center;}
.line_tsuushinsei_search{padding:0 0 0 0; text-align: center;}
.line_detail_top{padding:4px 15px 10px 15px; text-align: center;}
.line_search{padding:2px 0 0 0; text-align: center;}
.line_search_top{padding:2px 0 10px 0; text-align: center;}
.line_search_middle{padding:2px 0 10px 0; text-align: center;}
.line_search_bottom{padding:0; text-align: center;}
.line_detail{padding:10px 13px 0 13px; text-align: center;}
.line_bbs{padding:0 13px 10px 13px; text-align: center;}
.line_bbs_detail{padding:0 13px 0 13px; text-align: center;}
.line_area{padding:0 10px 14px 10px; text-align: center;}
.line_real{padding:0 14px 8px 14px; text-align: center;}
.line_real_detail{padding:2px 2px 14px 2px; text-align: center;}

.sticky-banner {
  position: fixed;
  right: 10px;
  top: 500px;
}

/* 口コミ修正 */
.kuchi-edit-1 { background: #fff4ac; padding: 20px; }
.kuchi-edit-1 p { padding: 0; }
.kuchi-edit-1 p span { font-size: 15px; }


/* 学校診断ページ：ヘッダーカートのみ残す・フッター削除 */
header.nav_wrapper.new-nav-wrapper.cf { display: flex; justify-content: flex-end; }
header.nav_wrapper.new-nav-wrapper.cf #vwoCounter { margin: 10px 10px 0 33px;}

/* 読み物ページ改修 */
.inter-link a { text-decoration: underline; }
.video-icon { background: url(../images/video-play-icon.png) no-repeat; background-size: 20px; background-position: 0 50%; padding: 5px 0 5px 28px;}


/* 横スクロールできる表（テーブル）
 * -------------------------------------*/
.table-container-sc {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  margin-bottom: 30px;
  font-size: 16px;
}

.table-container-sc table {
  border-collapse: collapse;
  width: auto;
  table-layout: fixed; 
  white-space: nowrap; 
}

.table-container-sc table th,
.table-container-sc table td {
  border: 1px solid #999;
  padding: 8px;
  text-align: left;
  min-width: 100px;
}

.table-container-sc table th {
  background-color: #f2f2f2;
}

.table-container-sc .fixed-left {
  position: sticky;
  left: 0;
  background-color: #ECF9FF;
  z-index: 1;
}

.table-container-sc table th:active, td:active {
  background-color: #f9f9f9;
}

.table-container-sc table thead th {
background-color: #ECF9FF;
}

.table-container-sc table td span.small,
.table-container-sc table th span.small {
  font-size: 12px;
}

.table-container-sc table td span.maru {
  font-size: 12px;
  color: #33dbd9;
}

.brb-color-1 {
  border-bottom: 4px solid #f6f373;
}

.brb-color-2 {
  border-bottom: 4px solid #BEEEFD;
}

.brb-color-3 {
  border-bottom: 4px solid #ffd4d4;
}


/* list-with-border
 * -------------------------------------*/
.list-with-border {
  padding: 15px;
  margin: 0 0 30px 0;
  border: 5px solid#a9dbe0;
}

.list-with-border h3 {
  border-left: none;
  border-bottom: 1px solid #20bbc9;
  margin: 5px 0 15px 0;
  padding: 0 0 10px 0;
}

.list-with-border ul {
  padding: 0 10px;
}

.list-with-border ul li {
  position: relative;
  padding: 5px 0 5px 20px;
  list-style: none;
}

.list-with-border ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 8px;
  height: 8px;
  background-color: #66bcc4;
  border-radius: 50%;
}


/* Slider */
/* slick-theme.css
 * -------------------------------------*/
.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;

  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}


/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 99;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  /*color: white;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 5px;
}

[dir='rtl'] .slick-prev {
  right: 0px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: 5px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: 0px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 8px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}


/* slick.css slider
 * -------------------------------------*/
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slider {
  width: 100%;
  /*margin: 100px auto;*/
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}

.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
margin: 0px;
}

.slick-active {
opacity: .5;
}

.slick-current {
opacity: 1;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}