@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#2e2723; background-color:#fff; font:14px "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-family: 'M PLUS Rounded 1c', sans-serif; line-height:2; min-width:1390px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ text-decoration:none; }
a:hover{ color:#437714; text-decoration:none; }
/*a img:hover,input[type=image]:hover{ opacity:0.75; }*/


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontS{ font-size:10px; }
.fontSM{ font-size:12px; }
.fontM{ font-size:14px; }
.fontL{ font-size:19px; }
.fontLL{ font-size:22px; }

/* color */
.txt-brown{ color:#2e2723; }
.txt-green{ color:#06718c; }
.txt-white{ color:#fff; }
.txt-orange{ color:#e1550e; }
.txt-pink{ color:#ffdfed; }
.txt-kpink{ color:#e88190; }
.txt-purple{ color:#c97fbe; }
.txt-gray{ color:#7a7a7a; }
.txt-lpink{ color:#fcab9b;}
.txt-lblue{ color:#938fe6;}
.txt-lpink2{ color:#eda1cf;}
.txt-lmint{ color:#68b3da;}
.txt-lgreen{ color:#8bcb5c;}

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt-sp{ text-indent:1.0em; }

/*other */
.str{ font-weight:medium; }
.str-reset{ font-weight:normal; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }
.spb-10{ padding-bottom:-10px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }
.smt100{ margin-top:100px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr5{ margin-right:5px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
/*
p{ margin:0 50px 30px; }
p.lh-reset{ line-height:1.0; }
*/
/* original frame */
/*.box{ margin:0 50px; }*/
p{ margin:20px 0; }
hr{ border-width:1px 0px 0px 0px; border-style:solid; border-color:#6fba2c; height:1px; margin:40px 0 30px; }


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.ctl , textarea.ctl{ padding:10px; border:solid 1px #e5e5e5; border-radius:5px; }
input[type=submit]{ -webkit-appearance:none; }
input.sizeS{ width:150px; }
input.sizeM{ width:500px; }
input.sizeL{ width:800px; }
textarea.sizeS{ width:500px; height:80px; }
textarea.sizeM{ width:500px; height:120px; }
textarea.sizeL{ width:800px; height:120px; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1160px; position:relative; margin:0 auto; padding:0 20px; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ background:url(../images/header_moku.png) top repeat-X; padding:35px 0 0; }
.header .ctl{ position:absolute; top:10px; right:10px; }
.header .ctl .con , .header .ctl .tel{ float:left; }
.header .tel { margin-right:20px;position:relative; }
.header .con{ text-align:left; }
.header .wrap{padding: 0;}

/* nav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
nav.menu ul{ width:980px; margin: 0 auto; padding-top:20px;}
nav ul .ntop{ width:calc(100% / 6); -webkit-width:calc(100% / 6); float:left; }
nav ul .ntop a{ display:block; width:100%; height:58px; text-align:center; padding:10px; position:relative; }
nav ul .ntop a:before{ content:''; position:absolute; right:0; top:30px; display:inline-block; width:1px; height:65px; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translate(-50%); background-color:#cbe4ed; }
nav ul .ntop:last-child a:before{ content:''; position:absolute; right:0; top:30px; display:inline-block; width:1px; height:65px; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translate(-50%); background-color:#fff; }

/* sp gnav btn */
.header .sp-search-btn{ position:absolute; top:0px; right:10px; cursor:pointer; display:none !important; }
.header .sp-gnav-btn .menu{position:absolute; top:-22px; font-size:11px; color: #e6849a; letter-spacing: 0.16em; font-weight: 400;}
.header .sp-gnav-btn{ position:absolute; top:45px; right:30px; width:32px; height:22px; cursor:pointer; display:none !important; }
.header .sp-gnav-btn span{ position:absolute; left:0; width:100%; height:2px; border-radius:6px; }
.header .sp-gnav-btn , .header .sp-gnav-btn span{ display:inline-block; transition:all 0.2s; }
.header .sp-gnav-btn span:nth-of-type(1){ top:0; background-color:#e6849a;}
.header .sp-gnav-btn span:nth-of-type(2){ top:10px; background-color:#efb498;}
.header .sp-gnav-btn span:nth-of-type(3){ bottom:0; background-color:#e6849a;}

.header .sp-gnav-btn.active span:nth-of-type(1){ -webkit-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg); }
.header .sp-gnav-btn.active span:nth-of-type(2){ opacity:0; }
.header .sp-gnav-btn.active span:nth-of-type(3){ -webkit-transform:translateY(-10px) rotate(45deg); transform:translateY(-10px) rotate(45deg); }

/* sp gnav */
.sp-gnav{ position:fixed; top:98px; left:0; width:100%; height:calc(100% - 92px); -webkit-height:calc(100% - 92px); background-color:rgba(255,255,255,1); overflow:auto; z-index:9999; display:none; }
.sp-gnav li a{ display:block; width:100%; color:#0b8aa9; font-size:17px; font-weight: 400; text-align:left; border-bottom:solid 2px #bbe3ed; padding:12px 20px 10px 45px; }
.sp-gnav .btn{ margin:20px 10px; text-align:center; }


/* h2 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h2{text-align: center; font-size:25px; font-weight:500; color:#06718c; line-height: 1.0; letter-spacing: 0.07em;}
h2 .eng{font-size:13px; font-weight:normal; color:#fd8897;}
.h2kazari{  margin: 22px auto; width: 60px;height: 3px;background: #06718c; border-radius: 4px;}


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#06718c; color:#fff; margin-top:0px; }
.footer .copy{ font-size:8pt; text-align: center; padding:10px 0 9px; }


/* pagetop **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pagetop { float:right; margin-top:50px; }
.pagetop a{ color:#999 !important; margin-right:10px; }
.pagetop:after{ content: ''; display:inline-block; width:16px; height:10px; background-image: url(../images/arrowtop.png); background-size:contain; vertical-align:text-top; }


/* responsive  **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }
 

/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.sizeM{ width:100%; }
input.sizeL{ width:100%; }
textarea.sizeS{ width:100%; height:80px; }
textarea.sizeM{ width:100%; height:120px; }
textarea.sizeL{ width:100%; height:120px; }
	
	
/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

[class^="pic"],.inner [class^="pic"]{ float:none; margin:0 auto 20px; }

.inner{ padding:0px; text-align:center; }
.inner p{ text-align:left; }

.w100 img{ width:100%; height:auto; }
.w95 img{ width:95%; height:auto; }
.mw95 img{ max-width:95%; height:auto; }
.w90 img{ width:90%; height:auto; }
.w80 img{ width:80%; height:auto; }
.w70 img{ width:70%; height:auto; }
.w60 img{ width:60%; height:auto; }
p img{ max-width:520px; height:auto; }
	
.bgbox {;padding:25px 2px 1px; margin:15px 15px 20px; line-height:160%;} 


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; }
.wrap{ width:100%; padding:0 10px; }
img{ max-width:100%; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header .logo img{ width:160px; }
.header{ padding:5px 0 5px; }
.header nav ul{ display:none; }
	
.header .eng{ margin:35px 0 0; font-size:10pt; }
.header .search{ display:none; }

/* sp gnav btn */
.header .sp-search-btn{ display:block !important; }
.header .sp-gnav-btn{ display:block !important; }
	
/* h2 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h2{text-align: center; font-size:22px;}
	

/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header .logo img{ width:130px; }
.header{ padding:2px 0 5px; }

/* sp gnav */
.sp-gnav{ top:82px; height:calc(100% - 72px); -webkit-height:calc(100% - 72px); }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .logo img{ width:200px; }
.footer .txt .btn img{ width:200px; }


/* pagetop **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pagetop img{ width:40px; }

}