@charset "utf-8";
html { font-size: 62.5%; }
body, section, nav, div, p, header, footer, span, a, img, h1, h2, ul, li { margin: 0; padding: 0; }
ul, li { list-style-type: none; list-style: none; }
h1,h2 { font-size: 100%; font-weight: 400; text-align: left; }
section,header,footer,nav { display: block; }
img, a img { border: 0; }
a, a:hover { color: #333; text-decoration: none; }
a:hover { opacity: 0.8; }
body { width: 100%; background-color: #fff; text-align: center; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif; font-size: 1.6rem; font-weight: 400; color: #333;}
.p_re { position: relative; }
.p_ab { position: absolute; }
.w_base { width: 1000px; margin: 0 auto; padding:0 10px;}
.w_100 { width: 100%; }
.al_left { text-align: left; }
.al_center { text-align: center; }
.box_circle { border-radius: 50%; overflow: hidden; }
.ff_title { font-weight: 400; font-family:'M PLUS Rounded 1c', sans-serif; }
.f_small { font-size: 80% }
.f_14 { font-size: 14px; font-size: 1.4rem; }
.f_16 { font-size: 16px; font-size: 1.6rem; }
.f_18 { font-size: 18px; font-size: 1.8rem; }
.f_24 { font-size: 24px; font-size: 2.4rem; }
.f_32 { font-size: 32px; font-size: 3.2rem; }
.f_s2 { font-size: 75%; }/*12px*/
.f_b1 { font-size: 112.5%; }/*18px*/
.f_white { color: #fff; }
.lineh18 { line-height:1.8; }
.mT1em { margin-top:1em; }
/*-------------
FLEX
-------------*/
.flex { display: flex; }
.flex_btw { justify-content: space-between; }
.flex_end { justify-content: flex-end; }
.flex_wrap { flex-wrap: wrap; }
.flex_con_center { align-items: center; }
/*-------------
LIST
-------------*/
.zip:before { content: '〒'; }
.tel:before { content: 'TEL: '; }
.fax:before { content: 'FAX: '; }
/*.mail:before { content: 'MAIL: '; }*/
.openclose:before { content: '受付時間: '; }
/*-------------
HEADER
-------------*/
#headerline { height: 5px; }
/*--header--*/
header { height: auto; overflow: hidden;}
header #name { padding-top: 10px; padding-right: 280px; height: 110px; background: url(../images/top/title_bg.png) center right no-repeat; line-height: 1.4; font-weight: 400; }
header #name2 { padding-top: 10px; padding-right: 300px; height: 110px; background: url(../images/top/title_bg2.png) bottom 20px right no-repeat; background-size: auto auto; line-height: 1.4; font-weight: 400; }
#header_contact { margin-bottom: 10px; }
#header_contact p { text-align: right; }

/*--sidenavi--*/
.topmenu .sidemenu { width: auto; }
.sidemenu > li { width: 258px; margin-bottom: 10px; border-radius: 10px 10px 0 0; overflow: hidden; border-width:1px; border-style:solid; }
.sidemenu > li.menu-item-has-children > span > a:hover { opacity:1; cursor: default; }
.sidemenu > li.m_home,.sidemenu > li.m_member,.sidemenu > li.m_contact { border-radius: 10px; }
.sidemenu > li span { display: table-cell; width: 258px; height: 43px; text-align: center; vertical-align: middle; line-height: 1.4; font-size: 1.8rem; }
.home .sidemenu > li span { height: 60px; }
.sidemenu > li > span { color: #fff; }
/*.sidemenu > li > span br { display: none; }*/
.sidemenu > li > ul > li { border-top: 1px #fff solid; }
.sidemenu li li a { display: block; width: clac(100% - 38px); margin: 0 10px; padding-right: 18px; text-align: left; font-size: 1.6rem; font-weight: 400; background-position: right center; background-repeat: no-repeat; color: #000; }
.sidemenu > li.m_job li a { background-image: url(../images/top/arrow_c1.png); }
.sidemenu > li.m_admission li a { background-image: url(../images/top/arrow_c2.png); }
.sidemenu > li.m_center li a { background-image: url(../images/top/arrow_c3.png); }
.sidemenu > li.m_business li a { background-image: url(../images/top/arrow_c4.png); }
.sidemenu > li > ul > li > span:hover > a { background-image: url(../images/top/arrow_white.png); color: #fff!important; }
.sidemenu > li li a:hover { opacity: 1; }
#main { padding-top: 16px; }
section { margin: 0 auto; }
/*--footnavi--*/
#footnavi { margin-top: 60px; }
#fnavmenu li { margin-left: 10px; border-radius: 10px; overflow: hidden; padding: 4px 10px 5px; margin-top: 4px; text-align: center; background-color: #8d8d8d; }
#fnavmenu li:first-child { background-color: #db2b2b; }
#fnavmenu li span { display: inline-block; width: 12em; margin: 0 auto; padding-left: 12px; border-radius: 10px; background: url(../images/top/arrow_white.png) left center no-repeat; text-align: center; }
#fnavmenu li span a { color: #fff; }
#fnavmenu li:hover { opacity: 0.8; }
footer { margin-top: 20px; border-top-width: 1px; border-top-style: solid; }
footer p { clear: both; padding: 14px 10px 60px; }
.home footer p:first-child { padding: 6px 0 0; }
footer p a, footer p a:hover { text-decoration: none; }
#bt_top { opacity: 0; position: fixed; right: 0; bottom: 0; text-align: center; z-index: 9999; }
#bt_top a { display: block; width: 300px; padding: 16px 30px 16px 10px; z-index: 9999; border-radius: 10px 10px 0 0; opacity: 0.7; }
#bt_top a:hover { opacity: 1; }
#bt_top a:after { display: block; position: absolute; right: 50px; top: 15px; width: 30px; height: 30px; background: url(../images/top/arrow_white.png) center center no-repeat; transform: rotate(-90deg); }
#bt_top a span, #bt_top a:hover span { color: #fff; text-decoration: none; }
/*-------------
H
-------------*/
.h1 { width: 100%; padding: 25px 0 7px; margin-bottom: 30px; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff; }
/*wnew .h1 { background: url(../images/top/title_bg_mc.png) center right no-repeat; color: #028c12; background-position: right bottom; padding: 15px 0 5px; margin-bottom: 0; background-size: 40% auto; }*/
.wnew .h1 { background: url(../images/top/title_bg.png) center right no-repeat; color: #028c12; background-position: right bottom; padding: 15px 0 5px; margin-bottom: 0; background-size: 40% auto; }
.wnew .h1_2 { background: url(../images/top/title_bg_mc2.png) bottom 13px right no-repeat; color: #028c12; padding: 15px 0 5px; margin-bottom: 0; background-size: 38% auto; }
/*-------------
BUTTON
-------------*/
a.btn { display: block; border-radius: 20px; overflow: hidden; color: #fff; text-align: center; }
.btn span { display: inline-block; text-align: center; margin: 0 auto; padding: 5px 10px 4px 50px; border-radius: 20px; background-position: 10px center; background-repeat: no-repeat; }
.btn.ar_white span { background-image: url(../images/top/arrow_white.png); }
.btn.mapbt { margin-top: 10px; width: 100px;  border-width:1px; border-style:solid; }
.btn.mapbt span { background: url(../images/top/arrow_hl.png) left 5px center no-repeat; padding: 4px 5px 3px 40px; }
.btn.mapbt:hover { color: #fff; opacity: 1;}
.btn.mapbt:hover span { background-image: url(../images/top/arrow_white.png); }
/*-------------
HOME
-------------*/
#mainvisualbox { width: 1000px; margin: 0 auto 0px; }
#mainvisualframe { border-width: 5px; border-style: solid; border-radius: 10px; }
#mainvisual { height: auto; overflow: hidden; text-align: center; }
#mainvisual .mainimg { left: 0; top: 0; }
#mainvisual .mainimg .img { width: 100%; height: 550px; background-position: center center; background-repeat: no-repeat; }
#mainvisual .mainimg .img span { display: block;
	left:20px; text-shadow: 2px 2px 4px #000,-2px -2px 4px #000; font-size:2.2rem; }
#mainvisual .mainimg .img span.imgtt_top { top: 10px; }
#mainvisual .mainimg .img span.imgtt_bottom { bottom: 10px; }
#topbannerbox { left: 0; top: 0; width: 100%; height: 550px; }
.topbanner { width: 123px; height: 123px; }
.topbanner:nth-of-type(1) { right: 170px; bottom: 200px; }
.topbanner:nth-of-type(2) { right: 50px; bottom: 130px; }
.topbanner:nth-of-type(3) { right: 120px; bottom: 10px; }
.topbanner a:hover { opacity: 1; }
.topbanner p { display: table-cell; width: 120px; height: 120px; text-align: center; vertical-align: middle; font-size:2.0rem; }
.home #topbannerbox .topbanner:nth-of-type(1) p { background-color: #12adf4; }
.home #topbannerbox .topbanner:nth-of-type(2) p { background-color: #90ee90; }
.home #topbannerbox .topbanner:nth-of-type(3) p { background-color: #ffa07a; }
.home #topbannerbox .topbanner:nth-of-type(1) a:hover p { color: #12adf4; background-color: #fff; }
.home #topbannerbox .topbanner:nth-of-type(2) a:hover p { color: #90ee90; background-color: #fff; }
.home #topbannerbox .topbanner:nth-of-type(3) a:hover p { color: #ffa07a; background-color: #fff; }
.home #topbannerbox .topbanner p:after { position: absolute; right: 0; bottom: 0; content: ''; width: 118px; height: 118px; border: 1px #fff solid; border-radius: 75px; }
.wnew { margin-right: 20px; }
/*--iframe--*/
iframe { width:450px; height:515px; margin: 10px 0 3px;}
.topmenu { width: 530px; flex-shrink: 0; }
.topmenu li.nodisp { display:none; }
#officeinfo > div { margin-top: 50px; padding-bottom: 30px; border-width: 1px; border-style: solid; border-radius: 10px 10px 0 0; overflow: hidden; }
#officeinfo h2 { padding: 10px 0; margin-bottom: 30px; }
#officeinfo .w_base > div { display:inline-block; padding: 0 2%; margin: 0 auto; }
#officeinfo .tel { margin-right: 32px; }

/*---IE11ハック　---*/
@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .h1 span,.h2 span { padding-top:2px; line-height: 1;} 
}
.f_cl5 { color: #ea8a56; }
.bd_gry { border-color: #d7d7d7; }
.f_base, a.f_base:hover,
.base_fc { color: #028c12; }
.base_bg { background-color: #028c12; }
.sidemenu li.m_job li span:hover a { color:#12adf4 }
.sidemenu > li.m_job,
.sidemenu li.m_job li li { border-color: #12adf4; }
.sidemenu > li.m_job > span,
.sidemenu > li.m_job > ul > li > span:hover { background-color: #12adf4; }
.sidemenu > li.m_job > ul > li > span,
.sidemenu > li.m_job > ul > li.nolink > span:hover
{ background-color: #d5eefa; }

.sidemenu li.m_admission li span:hover a { color:#90ee90; }
.sidemenu > li.m_admission { border-color: #90ee90; }
.sidemenu > li.m_admission > span,
.sidemenu > li.m_admission > ul > li > span:hover { background-color: #90ee90; }
.sidemenu > li.m_admission > ul > li > span { background-color: #ecf8ec; }
.sidemenu li.m_center li span:hover a { color:#ffd700; }
.sidemenu > li.m_center { border-color:#ffd700; }
.sidemenu > li.m_center > span,
.sidemenu > li.m_center > ul > li > span:hover { background-color:#ffd700; }
.sidemenu > li.m_center > ul > li > span { background-color: #faf6e3;}
.sidemenu li.m_business li span:hover a { color:#ffa07a; }
.sidemenu > li.m_business,
.sidemenu li.m_business li li { border-color: #ffa07a; }
.sidemenu > li.m_business > span,
.sidemenu > li.m_business > ul > li > span:hover { background-color: #ffa07a; }
.sidemenu > li.m_business > ul > li > span { background-color: #fcede7; }
.hl_fc, a.hl_fc, a.hl_fc:hover { color: #ea8a56; }
.hl_bg, .topbanner:nth-of-type(3) p,
.sidemenu > li.m_member > span,
.btn.mapbt:hover {background-color: #ea8a56; }
.hl_bdc, .sidemenu > li.m_member {border-color: #ea8a56; }
.bg_gry { background-color: #d7d7d7; }


.acrobat		{	width:100%; margin:0 auto; max-width: 1000px; }
.acrobat div	{	display:flex; align-items: center; width: 559px; padding:10px 0; border:1px dotted #767676; margin:20px 0 -45px 0; }
.acrobat p		{	width:400px; font-size:10px; padding:0 10px; line-height:1.2; text-align: left;}
.acrobat img	{	margin:0 10px;}