@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#333333; font-size:16px; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: underline; }
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
.color_red{ color:#ff3200;}

/******************************************************************/
html{ font-size:62.5%;text-size-adjust:100%;-webkit-text-size-adjust:100%;}

body{ position:relative;}
.top{position:relative;background:url(../images/top_bg.jpg) fixed top center no-repeat; background-size:100% auto;padding-bottom: 74px;}

.top_logo{ position:absolute; top:40%; left:0; width:100%; text-align:center;}
.top_logo img{ width:37.5%;}
.top .menu_mob{ position:absolute; bottom:calc(74px + 2%); width:100%;text-align:center;}
.menu{ display:inline-block;}
.menu li{ display:inline-block;}
.menu li.menu_01{ max-width:16.4%;}
.menu li.menu_02{ max-width:18.933%;}
.menu li.menu_03{ max-width:17.333%;}
.menu li.menu_04{ max-width:27.866%;}


.wrap{ padding-top:74px; margin-top: -74px; background:url(../images/main_tline.png) 0 -1px repeat-x; position: relative; z-index: 10;}
.wrap .main_bg{ background:#fff;}
.wrap .main{ width:1000px; max-width:100%; margin:0 auto; padding-bottom:50px;}

.inner_tx{ padding-bottom:30px; font-size:18px; line-height:160%;}
.inner_tx a{ color:#009cff; text-decoration:none;}
.inner_tx a:hover{ color:#009cff;}

.news_inmob{  }
.news_innerf{ float: left; display: block; width: 32%; width: 30%\9; padding: 1%; margin: 0.65% 0.65%;  border:2px solid #e8aac8; border-radius: 10px; box-sizing:border-box;  }
.news_innerf .news_time{ color: #ff58b6;font-size:1.6rem;  }
.news_innerf .news_tit{ color: #333333;font-size: 0.96em;  }
.news_innerf:hover{ opacity: 0.9; border-color: #fb4ba0; }
.ban_more{ text-align: center;  margin-bottom: 40px; }
.ban_more a{ display: inline-block; padding: 0.5em 1.5em; font-size:2.4rem; line-height: 100%; text-decoration: none; background: #e8aac8;border:2px solid #fff; border-radius:2000px; font-weight: bold; transition:all 0.1s; }
.ban_more a:hover{ background: #fff;border:2px solid #e8aac8; color: #e8aac8; }




.sn_tit{color:#ff858f; font-size:2.2rem; line-height:120%; text-align:center; padding:15px 0 25px 0;}
.tab_m{  background:#fff; border-bottom:1px solid #ff858f;border-left:1px solid #ff858f; margin-bottom:30px; width:100%;}
.tab_m tr td{border-top:1px solid #ff858f;border-right:1px solid #ff858f; padding:15px;}
.tab_m tr td:first-child{ background:#ffdee7; color:#1f0034;text-align:center; vertical-align:middle; font-weight:bold; border-right:0px solid #fff; width:20%;}
.tab_m tr .small_font{ font-size:14px;line-height:170%;}
.sn-tt{ color:#ff858f;font-size:2.5rem; padding:30px 0 10px 0; }
.text_ind li{padding-left:1em; text-indent:-1em;font-size:18px; line-height:170%;}

.foot{ color:#fff; font-size:14px; padding:50px 10px 50px 10px; text-align:center; background:#ff858f;}
.sns{ text-align:center;}
.sns a{ display:inline-block; padding:0px 10px 20px 10px; max-width:10%;}
.fban{ padding:30px 0;}
.fban a{display:inline-block; padding:0px 5px 20px 5px; max-width:40%;}




#page-top {position: fixed;bottom: 20px;right: 20px; z-index:30; font-size:20px}
#page-top a{ display:block; width:63px; height:88px; background:url(../images/g_t_off.png) 0 0 no-repeat; background-size:100% auto;}







@media screen and (max-width:1000px) {

.wrap .main{width:96%;}


}
@media screen and (max-width:750px) {


.top{position:relative;background:url(../images/top_bg.jpg) top center no-repeat; background-size:auto 100%;padding-bottom:4.9%; height:80vh!important; background-position: 50% 0!important;}

.top_logo img{ width:80%;}
.top .menu_mob{ position:absolute; bottom:calc(74px + 2%); width:100%;text-align:center;}



.menu{width:90%; text-align:center; }
.wrap{ width:100%; background-size:7.5% auto; padding-top:7.3%;}


#page-top a{  width:40px; height:88px;}



}






@media screen and (max-width:640px) {
.news_innerf{ width:48%; padding: 1%; margin: 1% 1%; border-radius: 10px; box-sizing:border-box; }


}