@charset "utf-8";

* html ,* html body {height: 100%;}
*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tr,th,td,p,hr,address {padding: 0;margin: 0;}
body{color:#333333;line-height:1.6;font-size:100%;*font-size:small;*font:x-small;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Sans-Serif;
word-break: normal;word-wrap: break-word;line-break: strict;}
input{border:none}
.ffmarugo{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;}
.vat{vertical-align:top;}
.ht100{height:100px;}
* html body {font-size: 100%;}
*:first-child+html body {font-size: 100%;}

table {border-collapse:collapse;border-spacing:0; font-size:inherit;}
fieldset,img { border:0;}
img{max-width:100%;vertical-align:middle;}
address,caption,cite,code,dfn,th,var,strong {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none outside none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a{text-decoration:none;}
a:focus {outline: none;}

/*  Clearfixes */
.clearfix:after {clear: both;height: 0;visibility: hidden;font-size: 0;line-height: 0;display: block;content: ".";}
.clearfix {display: inline-block;}

/* for macIE \*/
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* end of for macIE */


/*-All-------------------------------------------------------------*/
body{background:url(../images/bg_body.gif);z-index:1;}
#wrap{width:100%;margin:0;padding:0;position:relative;}
#header{position:relative;width:100%;margin:0;border-bottom:1px solid #e9e9e9;z-index:2;background:#fff;}
#header .Inner{position:relative;width:1000px;margin:0 auto;}
#header .logobg{position:absolute;bottom:-62px;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width:238px;z-index:9;}
#header .Btncontact{position:absolute;top:0;right:0;}
#header .headpd{padding-top:18px;}
#header .headpd .contL{position:relative;float:left;width:370px;padding-top:50px;}
#header .headpd .LogoArea{float:left;width:240px;}
#header .headpd .LogoArea h1{width:224px;margin:0 auto;}
#header .headpd .LogoArea a{display:block;width:224px;margin:0 auto;}
#header .headpd .LogoArea a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#header .headpd .contR{position:relative;float:right;width:390px;padding-top:50px;}
#header .iconAreaA{position:absolute;top:10px;right:10px;width:105px;}
#header .iconAreaB{position:absolute;top:10px;left:60px;width:105px;}
.pankuzu{width:100%;background:url(../images/bg_footer.gif);}
.pankuzu .panInner{width:1000px;margin:0 auto;font-size:12px;padding:10px 0;}
.pankuzu .panInner .panHome{float:left;padding-right:12px;}
.pankuzu .panInner .panHome a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.pankuzu .panInner .panList{float:left;background:url(../images/icon_arrow_pan.gif) no-repeat left 60%;padding-left:12px;}



/*-Contents-------------------------------------------------------------*/

#ContAreaWh{width:100%;background:#fff;}
#ContArea{width:100%;}
.topNewsArea{position:relative;width:1000px;margin:0 auto;padding:80px 0 60px 0;text-align:center;}
.newsImgArea{position:absolute;top:30px;right:0;width:178px;}
.contImgAreaA{position:absolute;top:80px;left:0;width:176px;}
.contImgAreaB{position:absolute;top:80px;right:0;width:176px;}
.topNewsArea h2{background:url(../images/h2_title.png) no-repeat 60% top;font-size:1.625rem;letter-spacing:0.1em;height:50px;padding:6px 0 35px 0;}
.topNewsArea h2.saiyo{background:url(../images/h2_title.png) no-repeat 60% top;font-size:1.625rem;letter-spacing:0.1em;height:50px;padding:6px 0 35px 0;}
.topNewsArea .newsInner{width:700px;margin:0 auto;}
.topNewsArea .newsInner dt{float:left;width:160px;}
.topNewsArea .newsInner dt p{background:url(../images/icon_news_arrow.png) no-repeat right center;padding-right:20px;font-weight:bold;}
.topNewsArea .newsInner dd{float:left;width:540px;padding:0 0 20px 0;text-align:left;}
.topNewsArea .newsInner dd p{padding-left:15px;}
.topBannerArea .poppoBnr{float:left;}
.topBannerArea .taimeiBnr{float:right;}
.BnrBox{display:block;width:483px;height:282px;text-align:center;background:#fff;border:1px solid #c1bdaf;border-radius:8px;}
.BnrBox:hover{border:1px solid #fbbc4f;}
.BnrBox span{display:block;width:340px;margin:0 auto;padding-top:46px;}
.BnrBox span.taimei{padding-left:15px;}
.BnrBoxtxt{text-align:center;padding:5px 0 40px 0;}

.KV_whats{position:relative;width:100%;background:url(../images/img_whats.jpg) no-repeat;height:200px;background-size:cover;background-position:center center;}
.KV_philosophy{position:relative;width:100%;background:url(../images/img_philosophy.jpg) no-repeat;height:200px;background-size:cover;background-position:center center;}
.KV_child{position:relative;width:100%;background:url(../images/img_child.jpg) no-repeat;height:200px;background-size:cover;background-position:center center;}
.KV_contact{position:relative;width:100%;background:url(../images/img_contact.jpg) no-repeat;height:200px;background-size:cover;background-position:center center;}
.KV_recruit{position:relative;width:100%;background:url(../images/img_recruit.jpg) no-repeat;height:200px;background-size:cover;background-position:center center;}
.KV_poppo{position:relative;display:block;width:100%;background:url(../images/img_poppo.jpg) no-repeat #fff;height:300px;background-size:cover;background-position:center center;}
.KV_taimei{position:relative;display:block;width:100%;background:url(../images/img_taimei.jpg) no-repeat #fff;height:300px;background-size:cover;background-position:center center;}
.KV_topmov{position:relative;top:0;left:0;width:100%;over-flow:hidden;text-align:center;margin:0 auto;padding:0;background:#fff;}
.lower h1{text-align:center;color:#fff;font-size:2.4rem;padding-top:80px;filter: drop-shadow(2px 0 2px rgba(0,0,0,0.4));}

.businessReportArea{position:relative;width:1000px;margin:0 auto;padding:80px 0 60px 0;text-align:center;}
.businessReportArea h2{background:url(../images/h2_title.png) no-repeat 70% top;font-size:1.625rem;letter-spacing:0.1em;height:50px;padding:6px 0 35px 0;}


.whatsArea{padding:40px 0 0 0;text-align:left;margin:0 auto;width:92%;}
.whatsArea .txtArea{float:left;width:58%;line-height:2;font-size:1.1rem;}
.whatsArea .picArea{float:right;width:378px;}
.whatsArea .txtAreaA{padding:80px 0 0 0;line-height:2;}
.whatsArea .txtAreaB{padding:40px 0 0 0;line-height:2;}

.historyArea{line-height:1.8;padding:40px 0 50px 40px;}
.historyArea .YearArea{float:left;width:300px;text-align:left;margin-bottom:10px;}
.historyArea .YearArea span{display:block;background:url(../images/sp_icon_apple03.png) no-repeat;background-size:20px;padding-left:25px;}
.historyArea .hisBox{float:right;width:660px;text-align:left;margin-bottom:10px;}
.historyArea .enkakuTxt{text-align:left;border-top:5px dotted #f4e6d2;padding-top:20px;margin-top:20px;}

.philArea{position:relative;text-align:left;}
/*-
.philArea .pics01{position:absolute;top:-130px;right:50px;width:150px;}
.philArea .pics02{position:absolute;top:30px;right:0;width:150px;}
.philArea .pics03{position:absolute;top:190px;right:50px;width:150px;}
.philArea .pics04{position:absolute;top:-130px;right:50px;width:150px;}
.philArea .pics05{position:absolute;top:30px;right:0;width:150px;}
.philArea .pics06{position:absolute;top:190px;right:50px;width:150px;}
-*/
.philArea .pics{position:absolute;top:30px;right:50px;width:316px;}
.philArea .philCopyArea{width:750px;margin:0 auto;}
.philArea .philCopyArea .philCopyL{float:left;width:70%;}
.philArea .philCopyArea .philCopyL h3{font-size:22px;padding:15px 0 5px 0;}

.formtable{width:70%;margin:0 auto;margin-top:20px;}
.formtable th{position:relative;padding:7px 0 25px 0;width:35%;text-align:left;font-weight:bold;vertical-align:top;}
.formtable th span{position:absolute;right:10%;background:#8c846b;border-radius:3px;padding:2px 10px;text-align:center;color:#fff;font-size:12px;}
.formtable td{padding:0 0 25px 0;width:65%;text-align:left;}
.formw100{width:96%;border-radius:5px;padding:10px 2%;border:1px solid #ccc;}
.formw50{width:56%;border-radius:5px;padding:10px 2%;border:1px solid #ccc;}
.formw30{width:36%;border-radius:5px;padding:10px 2%;border:1px solid #ccc;}
.BtnNormal{display:block;margin:0 auto;border:1px solid #c1bdaf;border-radius:40px;text-align:center;background:url(../images/icon_arrow_wh.png) no-repeat 10% center #fba001;font-size:14px;width:30%;padding:6px 0;padding:8px 0 5px 0\9;color:#fff !important;cursor:pointer;}
.BtnNormal:hover{text-decoration:none;background:url(../images/icon_arrow.png) no-repeat 10% center #fff;color:#0165a2 !important;}
.bgblue{background:#f2f8fe;}
.validation{display:none;color:#f20346;font-size:14px;padding-top:3px;}
.formtable label{margin-right:10px;cursor:pointer;}

.recruitBox{width:730px;margin:0 auto;line-height:1.9;font-size:16px;text-align:left;padding-top:20px;}
table.recruit{width:100%;margin:0 auto;font-size:0.9rem;margin-bottom:30px;}
table.recruit th{position:relative;padding:15px;width:20%;text-align:left;vertical-align:top;border:1px solid #8c846b;background:#fcf9f2;font-weight:bold;}
table.recruit th.cols{background:#8c846b;color:#fff;font-size:1.1rem;text-align:center;padding:8px 0;font-weight:normal;}
table.recruit td{position:relative;padding:15px;width:80%;text-align:left;vertical-align:top;border:1px solid #8c846b;}
.w50{width:50% !important;font-size:1.1rem;}


/*-POPPO-TAIMEI-*/
.Gnaven{position:relative;width:100%;background:#575240;color:#fff;text-align:center;}
.Gnaven .Inner{width:1000px;margin:0 auto;}
.Gnaven .Inner ul{font-size:14px;cursor:pointer;}
.Gnaven .Inner li{float:left;width:15%;background:#575240;padding:12px 0;}
.Gnaven .Inner a{color:#fff;background:url(../images/icon_arrow.png) no-repeat left center;padding-left:10px;}
.Gnaven .Inner li:hover,.Gnaven .Inner .active{background:#726d5a;}

.album{padding-bottom:30px;}
.album li{float:left;width:25%;overflow: hidden;}
.album li p{margin:1px 1px 0 0;background: #000;}
.album li img{display: block;transition-duration: 0.3s;cursor:pointer;}
.album li img:hover{transform: scale(1.1);transition-duration: 0.3s;opacity: 0.6;}

.modal_box {display: none;height: 100%;position: fixed;top: 0;left: 0;width: 100%;z-index: 999999;}
.modal_bg {background-color: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;}
.modal_inner {background-color: #fff;left: 50%;padding: 40px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 600px;}
.modal_close {cursor: pointer;position: absolute;right: 10px;top: 0;font-size: 2rem;}

.daysgoneArea{background:url(../images/bg_days.png) #f4e6d2;width:100%;border-radius:6px;padding:10px;margin-top:20px;}
.daysgoneArea .Inner{border:2px solid #faf5ed;border-radius:6px;background:#fefcfa;}
.daysgoneArea .Inner h3{margin-top:30px;font-size:30px;}
.daysgoneArea .Inner p{margin:10px 0 30px 0;font-size:18px;}

.daysgonTxtArea{width:100%;text-align:left;padding-bottom:60px;}
.daysgonTxtArea h4{border-bottom:1px solid #ba9053;font-size:22px;padding:60px 0 5px 20px;margin-bottom:20px;}
.daysgonTxtArea p{line-height:1.8;letter-spacing:0.1;}
.daysgonTxtArea .InnerLeft{float:left;width:590px;margin-left:20px;}
.daysgonTxtArea .InnerRight{float:right;width:350px;margin-right:20px;}
.daysgonTxtArea .InnerLeftB{float:left;width:350px;margin-left:20px;}
.daysgonTxtArea .InnerRightB{float:right;width:590px;margin-right:20px;}

.entryBtnArea{padding:0 0 30px 0;}
.entryBtnArea .entryInner{width:1000px;margin:0 auto;}
.entryBtnArea .entryInner a{display:block;background:#fff;border:1px solid #c1bdaf;border-radius:8px;}
.entryBtnArea .entryInner a:hover{border:1px solid #fbbc4f;}
.entryBtnArea .entryInner a p{width:660px;text-align:center;margin:0 auto;padding:20px 0;}

.dayFlow{width:700px;margin:0 auto;}

/*-footer-------------------------------------------------------------*/

#footer{width:100%;background:url(../images/bg_footer.gif);font-size:14px;}
#footer .Innerft{position:relative;width:1000px;margin:0 auto;padding:40px 0 30px;}
#footer .Innerft .totop{position:absolute;width:74px;top:-60px;right:0;cursor: pointer;}
#footer .Innerft .ftImg{position:absolute;width:348px;top:-40px;right:100px;}

.BtnftCont{display:block;border-radius:20px;text-align:center;border:1px solid #c1bdaf;width:185px;padding:3px 0;padding:5px 0 2px 0\9;background:url(../images/icon_arrow.png) no-repeat 10% center #fff;font-size:13px;color:#0165a2 !important;}
.BtnftCont:hover{background:url(../images/icon_arrow_wh.png) no-repeat 10% center #fba001;color:#fff !important;text-decoration:none;}
/*-
.BtnftCont {overflow: hidden;}
.BtnftCont::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 185px;height: 100%;background: #333;
transform-origin: right top;transform: skewX(-30deg) scale(0, 1);transition: transform .3s;}
.BtnftCont:hover::before {transform-origin: left top;transform: skewX(-30deg) scale(1, 1);}
-*/

#footer .Innerft .ftLeft{float:left;width:260px;}
#footer .Innerft .copy{width:185px;}
#footer .Innerft .ftRight{float:left;width:740px;}
#footer .Innerft .ftRight .Inbox{position:relative;background:#faf5ed;border-radius:8px;padding:20px;}
#footer .Innerft .ftRight .Inbox dt{float:left;width:200px;}
#footer .Innerft .ftRight .Inbox dt div{width:98%;background:#f3e7d3;border-radius:8px;padding:8px 0;text-align:center;margin-top:26px;}
#footer .Innerft .ftRight .Inbox dd{float:right;width:480px;}
#footer .Innerft .ftRight .Inbox .ddInner{background:#fff;border-radius:8px;padding:20px;}
#footer .Innerft .ftRight .Inbox .ddInner .poppoBox{float:left;width:45%;margin-left:4%;border-right:1px dotted #bfaa88;}
#footer .Innerft .ftRight .Inbox .ddInner .taimeiBox{float:right;width:45%;margin-left:5%;}
#footer .Innerft .footLogo{margin-bottom:30px;}


.LinkAr{background:url(../images/icon_arrow.png) no-repeat 2px center;padding-left:13px;color:#333 !important;}
.LinkAr:hover{color:#fba001 !important;text-decoration:none;}
.Linkhv:hover{filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

a:link.btnfb{display:block;width:26px;height:25px;background:url(../images/btn_sns_fb.png) no-repeat;background-position:0 0;line-height:0;text-indent:-9999px;}
a:hover.btnfb{background-position:0 -25px;}
a:link.btntw{display:block;width:26px;height:25px;background:url(../images/btn_sns_tw.png) no-repeat;background-position:0 0;line-height:0;text-indent:-9999px;}
a:hover.btntw{background-position:0 -25px;}

/*-Config-------------------------------------------------------------*/
.noPC{display:none;}
.noSP{display:block;}
.markerA{margin: 0 0 0 1.6em;text-indent: -1.6em;}
.markerB{margin: 0 0 0 2.4em;text-indent: -2.4em;}
.markerC{margin: 0 0 0 1.2em;text-indent: -1.2em;}
.Linkmark{background:url(../images/icon_allow.gif) no-repeat left center;padding-left:8px;}
.LinkmarkFT{background:url(../images/icon_allow_ft.gif) no-repeat left center;padding-left:8px;}
.exLinkimg{margin:-1px 5px 0 0;}
.nodisp{display:none;}
.bdr5{border-radius:5px;}

.w30{width:30% !important;}
.w70{width:70% !important;}
.w80{width:80%;}
.w100{width:100% !important;}
.h20{height:20px;width:80%;}
.pdr10{padding-right:10px;}
.pdlr30{padding:0 30px;}
.martb2010{margin:20px 0 10px 0;}
.mar0{margin:0 !important;}
.mt-4{margin-top:-4px;}
.mt-5{margin-top:-5px !important;}
.mt-15{margin-top:-15px !important;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.mltaimei{margin-left:34px;}
.mr5{margin-right:5px;}
.mr20{margin-right:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mb5{margin-bottom:5px;}
.mb7{margin-bottom:7px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.pd8{padding:8px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pd30{padding:30px;}
.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb80{padding-bottom:80px;}
.fs10px{font-size:72%;}
.fs11px{font-size:79% !important;}
.fs12px{font-size:86%;}
.fs13px{font-size:93%;}
.fs14px{font-size:100%;}
.fs15px{font-size:108%;line-height:1.6;}
.fs16px{font-size:115%;line-height:1.6;}
.fs18px{font-size:129%;line-height:1.6;}
.fs20px{font-size:143%;line-height:1.6;}
.fs20pxsp{font-size:143%;line-height:1.6;}
.fs22px{font-size:158%;line-height:1.6;}
.fs24px{font-size:172%;}
.fs24pxIn{font-size:24px;}
.fs26px{font-size:186%;}
.fs30px{font-size:30px !important;}
.lh12{line-height:1.2 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}
.lh20{line-height:2.0 !important;}
.lsp-1{letter-spacing:-0.1em;}
.tac{text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.fwb{font-weight:bold;}
.bg_w{background:#fff;}
.nobd{border:none !important;}
.bdgray{border:1px solid #ccc;}
.fcb{color:#043065;}
.fcg{color:#767676;}
.fcw{color:#fff;}
.fcr{color:#b3151d;}
.fcbl{color:#006bbe;}
.fcOrg{color:#d45309;}
.fcYelw{color:#f49c00;}
.fcGrn{color:#7acad3;}
.fcred{color:#e5177d;}
.animated{opacity:0;}
.active{opacity:1;}

/*-Links-------------------------------------------------------------*/
a:link {color:#0066AA;text-decoration: none;}
a:visited {color:#0066AA;}
a:hover, a:active {color:#fba001;text-decoration:none;}


/*-------
TAB/SP-------------------------------------------------------------*/
@media screen and (max-width:768px) {

}


/*-------
SP-------------------------------------------------------------*/
@media screen and (max-width:767px) {
.noSP{display:none;}
.noPC{display:block;}

#header{position:relative;width:100%;margin:0;border-bottom:1px solid #e9e9e9;z-index:2;background:#fff;}
#header .Inner{position:relative;width:96%;margin:0 auto;}
#header .LogoArea{width:150px;margin:0 auto;padding:5px 0;}
#header .logobg{position:absolute;bottom:-39px;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width:150px;z-index:9;}

.pankuzu .panInner{width:90%;padding:8px 0;}

/*-Gnavi-------------------------------------------------------------*/
.drawer_menu * {font: inherit;font-family: inherit;font-size: 100%;}
.drawer_menu a {color: inherit;text-decoration: none;}
.drawer_menu a:visited {color: inherit;}
.drawer_menu .drawer_bg {width: 100%;height: 100%;position: fixed;z-index: 999;background: rgba(0, 0, 0, 0.5);display: none;top: 0;left: 0;}
.drawer_menu .drawer_button {display: block;background: #575240;border: none;padding: 0;width:50px;height:50px;letter-spacing: 0.1em;cursor: pointer;position: fixed;top: 26px;z-index: 1001;text-align: center;outline: none;border-radius:80px;}
.drawer_menu .drawer_button.active {background: #fff;}

.drawer_menu .drawer_bar {position:relative;top:5px;left:20%;display: block;height: 2px;width: 30px;margin: 8px 0;transition: all 0.2s;transform-origin: 0 0;}
.drawer_menu .drawer_button.active .drawer_bar {top:6px;left:28%;width: 30px;}
.drawer_menu .drawer_button.active .drawer_bar1 {transform: rotate(45deg);transform-origin:1px 1px;}
.drawer_menu .drawer_button.active .drawer_bar2 {opacity: 0;}
.drawer_menu .drawer_button.active .drawer_bar3 {transform: rotate(-45deg);transform-origin:1px 1px;}

.drawer_menu .drawer_button.active .drawer_menu_text {display: none;}
.drawer_menu .drawer_button.active .drawer_close {display: block;}
.drawer_menu .drawer_text {text-align: center;font-size: 10px;padding-top:15px;z-index:9999;color:#575240;}
.drawer_menu .drawer_close {letter-spacing: 0.08em;display: none;color:#fff;}
.drawer_menu .drawer_menu_text {display: block;}
.drawer_menu .drawer_nav_wrapper {width: 312px;height: 100%;transition: all 0.2s;transform: translate(312px);position: fixed;top: 0;left: 0;z-index: 1000;background: #575240;}
.drawer_menu .drawer_nav_wrapper.open {transform: translate(0);}
.drawer_menu.left .drawer_button {left: 26px;}
.drawer_menu.left .drawer_nav_wrapper {transform: translate(-312px);left: 0;}
.drawer_menu.left .drawer_nav_wrapper.open {transform: translate(0);}
.drawer_menu .drawer_nav {padding: 112px 24px 0 24px;}
.drawer_menu .drawer_nav li {font-size: 14px;margin-bottom: 10px;color: #fff;border-bottom:1px dotted #fff;padding-bottom:10px;}
.drawer_menu .drawer_button {color: #575240;}
.drawer_menu .drawer_button .drawer_bar {background: #fff;}
.drawer_menu .drawer_button.active .drawer_bar {background: #575240;}
.contact_menu{position:fixed;z-index:9998;top:10px;right:10px;}
.spUnei{padding:10px 0;margin:0 0 10px 0;text-align:center;background:#918e84;}
.nobdnomb{border:none !important;margin-bottom:0 !important;}
.snsAreaSP{border-radius:8px;background:#918e84;text-align:center;padding:5px 0;margin:10px 24px 0 24px;}

/*-Contents-------------------------------------------------------------*/

.topNewsArea{position:relative;width:90%;margin:0 auto;padding:40px 0 10px 0;text-align:center;}
.spContpdb{padding:40px 0 !important;}
.newsImgArea{position:absolute;top:15px;right:0;width:80px;}
.contImgAreaA{position:absolute;top:50px;left:0;width:90px;}
.contImgAreaB{position:absolute;top:50px;right:0;width:90px;}
.topNewsArea h2{background:url(../images/h2_title.png) no-repeat 54% top;font-size:1.4rem;letter-spacing:0.1em;height:50px;padding:10px 0 20px 0;}
.topNewsArea h2.saiyo{font-size:1.2rem;letter-spacing:0;}

.topNewsArea .newsInner{width:90%;}
.topNewsArea .newsInner dt{float:none;width:150px;font-size:14px;}
.topNewsArea .newsInner dd{float:none;width:100%;padding:0 0 10px 0;border-bottom:1px dotted #ccc;margin-bottom:10px;font-size:14px;}
.topNewsArea .newsInner dd:last-child{border-bottom:none;}
.topNewsArea .newsInner dd p{padding-left:0;}

.topBannerArea .poppoBnr{float:none;}
.topBannerArea .taimeiBnr{float:none;}
.BnrBox{width:100%;height:auto;}
.BnrBox span{display:block;width:70%;padding:20px 0;}
.BnrBox span.taimei{padding-left:15px;}
.BnrBoxtxt{text-align:center;padding:5px 0 30px 0;font-size:13px;}


/*-whats-------------------------------------------------------------*/
.KV_whats,.KV_philosophy,.KV_child,.KV_contact,.KV_recruit{height:100px;background-position:center center;}
.KV_poppo{width:100%;height:320px;background:url(../images/img_poppo_sp.jpg) no-repeat;background-size:cover;background-position:center center;}
.KV_taimei{width:100%;height:320px;background:url(../images/img_taimei_sp.jpg) no-repeat;background-size:cover;background-position:center center;}
.lower h1{text-align:center;color:#fff;font-size:1.5rem;padding-top:32px;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));font-weight:bold;}

.whatsArea{padding:0 0 20px 0;text-align:left;margin:0 auto;width:100%;}
.whatsArea .txtArea{float:none;width:92%;margin:0 auto;font-size:16px;line-height:1.8;padding-bottom:10px;}
.whatsArea .picArea{float:none;width:92%;margin:0 auto;}
.whatsArea .txtAreaA{width:92%;margin:0 auto;font-size:14px;padding:40px 0 0 0;line-height:2;}
.whatsArea .txtAreaB{width:92%;margin:0 auto;font-size:14px;padding:20px 0 0 0;line-height:2;}

.historyArea{line-height:1.6;padding:0 0 30px 0;width:92%;margin:0 auto;}
.historyArea .YearArea{float:none;width:100%;text-align:left;margin-bottom:5px;}
.historyArea .YearArea span{display:block;background:url(../images/sp_icon_apple03.png) no-repeat;background-size:20px auto;padding-left:25px;}
.historyArea .hisBox{float:none;width:auto;text-align:left;margin-bottom:20px;padding-left:25px;line-height:1.4;}

.philArea .philCopyArea{width:96%;margin:0 auto;margin-top:-10px;}
.philArea .philCopyArea .philCopyL{float:none;width:100%;}
.philArea .philCopyArea .philCopyL h3{font-size:18px;padding:10px 0 5px 0;}

.formtable{width:92%;margin:0 auto;margin-top:10px;}
.formtable th{display:block;padding:5px 0 5px 0;width:100%;border-bottom:1px solid #ccc;}
.formtable th span{right:0;}
.formtable td{display:block;padding:0 0 15px 0;width:100%;text-align:left;}
.formw100{width:96%;padding:10px 2%;border:1px solid #ccc;margin-top:10px;}
.formw50{width:96%;padding:10px 2%;border:1px solid #ccc;margin-top:10px;}
.formw30{width:40%;padding:10px 2%;border:1px solid #ccc;margin-top:10px;}
.formtable label{display:inline-block;margin-right:10px;margin-top:10px;}

.recruitBox{width:96%;padding-top:10px;}
table.recruit{width:100%;margin:0 auto;font-size:0.9rem;margin-bottom:30px;}
table.recruit th{padding:10px;width:30%;text-align:center;vertical-align:top;}
table.recruit th.cols{padding:5px 0;}
table.recruit td{position:relative;padding:10px;width:70%;}
.w50{width:70% !important;font-size:1.1rem;margin-bottom:30px;}

.BtnNormal{width:70%;padding:10px 0;}
.fs20pxsp{font-size:120%;line-height:1.6;}

/*-POPPO-TAIMEI-*/
.Gnaven{position:relative;width:100%;background:#575240;color:#fff;text-align:center;}
.Gnaven .Inner{width:100%;margin:0 auto;}
.Gnaven .Inner ul{font-size:14px;cursor:pointer;}
.Gnaven .Inner li{float:left;width:50%;padding:10px 0;background:#575240;border-bottom:1px dotted #a4a29a;}

.album{padding-bottom:40px;}
.album li{width:50%;}

.modal_inner {background-color: #fff;left: 50%;padding:10px;width:90%;}
.modal_close {cursor: pointer;position: absolute;right:0;top:-45px;font-size: 2rem;color:#fff;}

.daysgoneArea{width:94%;padding:3%;}
.daysgoneArea .Inner h3{margin:20px 20px 0 20px;font-size:18px;}
.daysgoneArea .Inner p{margin:10px 15px 20px 15px;font-size:14px;text-align:left;}

.daysgonTxtArea{padding-bottom:40px;}
.daysgonTxtArea h4{font-size:18px;padding:30px 0 5px 10px;margin-bottom:10px;}
.daysgonTxtArea .InnerLeft{float:none;width:96%;margin:0 auto;padding-left:10px;}
.daysgonTxtArea .InnerRight{float:none;width:90%;margin:0 auto;padding-top:20px;}
.daysgonTxtArea .InnerLeftB{float:none;width:90%;margin:0 auto;padding:10px 0 10px 0;}
.daysgonTxtArea .InnerRightB{float:none;width:96%;margin:0 auto;padding-left:10px;}

.entryBtnArea{padding:0 0 30px 0;}
.entryBtnArea .entryInner{width:98%;margin:0 auto;}
.entryBtnArea .entryInner a p{width:94%;padding:10px 0;}
.dayFlow{width:96%;margin:0 auto;}

/*-footer-------------------------------------------------------------*/

#footer .Innerft{position:relative;width:94%;margin:0 auto;padding:20px 0 15px 0;}
#footer .Innerft .totop{position:absolute;width:70px;top:-60px;right:0;}
#footer .Innerft .ftImg{position:absolute;width:50%;top:-18px;left:0;}
#footer .Innerft .ftLeft{float:none;width:100%;}
#footer .Innerft .ftLeft .pdlr30{padding:0 10px;}
#footer .Innerft .footLogo{float:left;width:38%;margin:7% 0 0 2%;}
#footer .Innerft .footSpArea{float:right;width:58%;margin:5% 0 0 0;text-align:right;}
#footer .Innerft .footSpArea .mt10{margin-top:5px;}
#footer .Innerft .footSpArea .mb10{margin-bottom:5px;}
#footer .Innerft .footSpArea .copy{padding-left:6%;width:94%;}

/*-common-------------------------------------------------------------*/
.pinkBox {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.pinkBox p {
    margin: 0; 
    padding: 0;
}
}