@charset "UTF-8";

@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

div.footlink address i {color: #00693e;font-size: 15px;}

@import url(https://fonts.googleapis.com/css?family=Meie+Script&display=swap);




/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address,button   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;text-decoration: none;box-sizing: border-box;font: normal 100%/100% 'Rounded Mplus 1c','Apple TP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;font-weight: 400;}

html {}
html.index {background: url(../img/bg_topall.svg) no-repeat fixed center 180px;background-size:110% auto;} 
img {display: block}

body {min-width:960px;}

.vertical {
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.col-blue {color: #0067a4;}
.imgright {float: right;margin-bottom: 20px;margin-left: 20px;}
.imgleft {float: left;margin-right: 10px;margin-bottom: 10px;}
.imgcenter {margin-right: auto;margin-left: auto;}
.imgright40 {float: right;margin-left:40px;}
.imgleft40 {float: left;margin-right: 40px;}


.txtright {text-align: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}

div.tothetopfixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;right: 0;}	
div.tothetopfixed a  {display: block;float: right;background-color: #fff;}
 

 
div.tothetopfixed a:hover {
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
}

div.tothetopfixed a {
    display: block;
    color: #fff;
    border-radius: 5px;
    font-size: 0.8em;width: 50px;height: 50px;background: url(../img/b_gototop.gif) no-repeat 0 0;background-size:contain;margin: 0 20px 20px 0;text-indent: -9999px;border: 1px solid #fff;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;
    }


.bold {font-weight: bold;}
.mgl0 {margin-left: 0px!important;}
.mgl10 {margin-left: 10px!important;}
.mgl20 {margin-left: 20px!important;}
.mgl30 {margin-left: 30px!important;}
.mgl40 {margin-left: 40px!important;}
.mgl50 {margin-left: 50px!important;}
.mgl60 {margin-left: 60px!important;}
.mgl70 {margin-left: 70px!important;}
.mgl80 {margin-left: 80px!important;}
.mgl90 {margin-left: 90px!important;}
.mgl100 {margin-left: 100px!important;}
.mgl130 {margin-left: 130px!important;}
.mgl140 {margin-left: 140px!important;}
.mgl150 {margin-left: 150px!important;}
.mgl160 {margin-left: 160px!important;}
.mgl170 {margin-left: 170px!important;}
.mgl180 {margin-left: 180px!important;}
.mgl190 {margin-left: 190px!important;}
.mgl200 {margin-left: 200px!important;}

.mgr0 {margin-right: 0px!important;}
.mgr10 {margin-right: 10px!important;}
.mgr20 {margin-right: 20px!important;}
.mgr30 {margin-right: 30px!important;}
.mgr40 {margin-right: 40px!important;}
.mgr50 {margin-right: 50px!important;}
.mgr60 {margin-right: 60px!important;}
.mgr70 {margin-right: 70px!important;}
.mgr80 {margin-right: 80px!important;}
.mgr90 {margin-right: 90px!important;}
.mgr100 {margin-right: 100px!important;}
.mgr130 {margin-right: 130px!important;}
.mgr140 {margin-right: 140px!important;}
.mgr150 {margin-right: 150px!important;}
.mgr160 {margin-right: 160px!important;}
.mgr170 {margin-right: 170px!important;}
.mgr180 {margin-right: 180px!important;}
.mgr190 {margin-right: 190px!important;}
.mgr200 {margin-right: 200px!important;}


.mgt0 {margin-top: 0px!important;}
.mgt10 {margin-top: 10px!important;}
.mgt20 {margin-top: 20px!important;}
.mgt30 {margin-top: 30px!important;}
.mgt40 {margin-top: 40px!important;}
.mgt50 {margin-top: 50px!important;}
.mgt60 {margin-top: 60px!important;}
.mgt70 {margin-top: 70px!important;}
.mgt80 {margin-top: 80px!important;}
.mgt90 {margin-top: 90px!important;}
.mgt100 {margin-top: 100px!important;}
.mgt130 {margin-top: 130px!important;}
.mgt140 {margin-top: 140px!important;}
.mgt150 {margin-top: 150px!important;}
.mgt160 {margin-top: 160px!important;}
.mgt170 {margin-top: 170px!important;}
.mgt180 {margin-top: 180px!important;}
.mgt190 {margin-top: 190px!important;}
.mgt200 {margin-top: 200px!important;}

.mgb0 {margin-bottom: 0px!important;}
.mgb5 {margin-bottom: 5px!important;}
.mgb10 {margin-bottom: 10px!important;}
.mgb20 {margin-bottom: 20px!important;}
.mgb30 {margin-bottom: 30px!important;}
.mgb40 {margin-bottom: 40px!important;}
.mgb50 {margin-bottom: 50px!important;}
.mgb60 {margin-bottom: 60px!important;}
.mgb70 {margin-bottom: 70px!important;}
.mgb80 {margin-bottom: 80px!important;}
.mgb90 {margin-bottom: 90px!important;}
.mgb100 {margin-bottom: 100px!important;}
.mgb130 {margin-bottom: 130px!important;}
.mgb140 {margin-bottom: 140px!important;}
.mgb150 {margin-bottom: 150px!important;}
.mgb160 {margin-bottom: 160px!important;}
.mgb170 {margin-bottom: 170px!important;}
.mgb180 {margin-bottom: 180px!important;}
.mgb190 {margin-bottom: 190px!important;}
.mgb200 {margin-bottom: 200px!important;}

.mgt1em {margin-top: 1em;}
.mgt2em {margin-top: 2em;}
.mgt3em {margin-top: 3em;}
.mgt4em {margin-top: 4em;}
.mgt5em {margin-top: 5em;}

/*hover*/
a.hover {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}
a.hover:hover  {
opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}

/*hover2*/
a.hover2,a.hover2 img,button.hover2 {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;}
a.hover2:hover ,a.hover2 img:hover,button.hover2:hover {
opacity:0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.50;
-khtml-opacity: 0.50;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;display: block;cursor:pointer;}

/*hover3*/
a.hover3 {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;display: block;background-color: #fff;}
a.hover3:hover  {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;display: block;background-color: #e2f2f7;color: #333!important;}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; }

.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}
.nofloat {clear: both;}

-webkit--moz--o--ms-
tag {border-radius:10px;}
tag {box-shadow: /*hl*/10px /*vt*/10px /*bl*/10px /*wd*/10px rgba(0,0,0,0.4) /*inset*/;}
tag {transition: /*pp*/xxx /*tm*/0s /*ease-in-out*/linear /*dl*/0 ;}

.inline {display: inline;}

.sacramento {font-family: 'Sacramento', cursive;}


/*wideslider*/ 
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
		filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.nopc {display: none!important;}

/*structure*/



/*feature*/
div.topfeature {display:flex;justify-content: space-between;width: 960px;margin-right: auto;margin-left: auto;margin-top: -120px;}
div.feature {width: 300px;height: 300px;border-radius:100% ;position: relative;}
div.feature span.eng {text-align: center;display: block;color: #fff;font: 25px 'Meie Script', cursive;margin-bottom: 2.5%;}
div.feature span.exp {text-align: center;display: block;color: #333;font-size: 18px;margin-top: 5%;font-weight: 500;line-height: 1.35em;}
div.feature h2 {text-align: center;color: #333;font-size: 55px;font-weight: bold;}
div.feature01 {background: url(../img/bg_feature01.svg) no-repeat center center;background-size:cover;} 
div.feature02 {background: url(../img/bg_feature02.svg) no-repeat center center;background-size:cover;} 
div.feature03 {background: url(../img/bg_feature03.svg) no-repeat center center;background-size:cover;} 
div.feature h2 i {color: #333;font-size: 20px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;text-align: left;}
div.feature h2 b {color: #333;font-size: 20px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;text-align: right;

}
div.featuretxt {  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);width: 100%;}
.max1500 {font-size: 65px;color: #333;font-weight: bold;}


/*header*/
header.header {}
div.header {width: 1200px;margin-right: auto;margin-left: auto;position: relative;height: 100px;}

h1.h1head {width: 100%;padding-top: 10px;padding-bottom: 10px;background: url(../img/bg_headfoot.gif) repeat;background-size:40px auto;}
h1.h1head b {width: 1200px;margin-right: auto;margin-left: auto;color: #fff;font-size: 12px;text-align: right;display: block;}

div.headrogo {width: 120px;height: 60px;position: absolute;top: 20px;}
div.headrogo a img {width: 100%;height: auto;}

ul.tmpc {display:flex;justify-content: space-between;width: 700px;position: absolute;left: 140px;top: 40px;}
ul.tmpc li {}
ul.tmpc li a {color: #00693e;font-size: 18px;font-weight: 500;}
ul.tmpc li a:hover {color: #84be41;}


section.topimg {}
div.topimg {width: 1200px;margin-right: auto;margin-left: auto;}
div.topimg img {width: 100%;height: auto;}

ul.headbtn {position: absolute;right: 100px;}
ul.headbtn li {height: 50px;}
ul.headbtn li a  {color: #fff;font-size: 22px;background-color: #00693e;display: block;text-align: left;width: 230px;height: 100%;padding: 12px 15px 18px;}
ul.headbtn li a i {color: #fff;font-size: 25px;margin-right: 5px;}
ul.headbtn li.headbtn02 a span.footcont {font-size: 22px;font-weight: bold;color: #fff;}
ul.headbtn li.headbtn02 {border-bottom: 1px solid #fff;}
ul.headbtn li.headbtn01 a span.footcont {font-weight: bold;font-size: 22px;letter-spacing: 0.08em;color: #fff;}
div.headbtn03 {position: absolute;top: 0;right: 0;width: 100px;height: 100px;}
div.headbtn03 a {width: 100px;height: 100px;background-color: #02b902;display: block;border-left: 1px solid #fff;
  position: relative;
}
div.headbtn03 a img {
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);width: 60%;height: auto;}

ul.topbtn {width: 600px;margin-right: auto;margin-left: auto;}
ul.topbtn li {margin-bottom: 25px;}
ul.topbtn li a {}
ul.topbtn li a img {width: 100%;height: auto;}

/*bodybtn*/

section.bodybtn01 {padding-top: 25px;padding-bottom: 50px;}
section.bodybtn02 {padding-top: 50px;padding-bottom: 50px;background-color: #ebf5ec;}

div.bodybtn01,div.bodybtn02 {width: 960px;margin-right: auto;margin-left: auto;}

ul.bodybtn {display:flex;justify-content: space-between; flex-wrap: wrap;width: 960px;margin-right: auto;margin-left: auto;}
ul.bodybtn li:nth-child(1) ,ul.bodybtn li:nth-child(2) {margin-bottom: 30px;}
ul.bodybtn li a {display: block;width: 465px;}
ul.bodybtn li a img {width: 100%;border-radius:10px 10px 0px 0px ;}
ul.bodybtn li a b {text-align: center;padding-top: 20px;padding-bottom: 20px;background-color: #00693e;color: #fff;font-size: 25px;font-weight: bold;display: block;border-radius:0px 0px 10px 10px ;}
ul.bodybtn li a i {color: #fff;font-size: 25px;margin-right: 5px;}


/*footer*/
p.foottit {color: #fff;font-size: 35px;font-weight: bold;text-align: center;margin-bottom: 25px;}
footer.footer {background: url(../img/bg_headfoot.gif) repeat;background-size:40px auto;padding-top: 50px;padding-bottom: 50px;}
ul.footbtn {display:flex;justify-content: space-between;width: 960px;margin-right: auto;margin-left: auto;margin-bottom: 25px;}
ul.footbtn li {}
ul.footbtn li:nth-child(3) a {font-size: 30px;padding-top: 14px;padding-bottom: 13px;}



ul.footbtn li a {width: 300px;display: block;background-color: #fff;padding-top: 15px;padding-bottom: 15px;text-align: center;border-radius:5px ;color: #00693e;font-size: 25px;font-weight: bold;}
ul.footbtn li a i {margin-right: 5px;color: #00693e;font-size: 25px;font-weight: bold;}

div.gotoquo {background-color: #ecf4d9;width: 960px;height: 105px;margin-right: auto;margin-left: auto;border-radius:25px ;overflow: hidden;position: relative;}
div.gotoquo:after {content:'\f138';position: absolute;right: 25px;top: 40px;color: #00693e;font: 30px 'FontAwesome';
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
div.cont {width: 600px;border-radius:20px ;margin-right: auto;margin-left: auto;margin-bottom: 25px;}
div.cont:after {content:' ';position: absolute;right: 25px;top: 40px;color: #00693e;font: 30px 'FontAwesome';
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}



div.cont:after {content:' ';position: absolute;right: 25px;top: 40px;color: #00693e;font: 30px 'FontAwesome';
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}



.quorogo01 {height: 105px;width: auto;float: left;margin-right: 20px;}
div.gotoquo b {color: #00693e;font-size: 25px;font-weight: bold;line-height: 1.25em;margin-top: 20px;display: block;}
div.cont b {font-size: 18px;padding-right: 15px;}
div.footlink {width: 960px;margin-right: auto;margin-left: auto;padding-top: 25px;display:flex;}
div.footrogo {width: 120px;height: 60px;margin-right: 20px;}
div.footrogo a img {width: 100%;height: auto;}
div.footlink address {color: #00693e;font-size: 18px;width: 370px;margin-right: 20px;font-weight: 500;margin-top: 5px;line-height: 1.25em;}

ul.footlink {overflow: hidden;width: 600px;}
ul.footlink li {float: left;margin-right: 2em;margin-bottom: 0.5em;}
ul.footlink li a {}

ul.footlink li a {color: #00693e;font-size: 15px;}
ul.footlink li a:hover {text-decoration: underline;}
p.copyright {font-size: 10px;text-align: center;margin-bottom: 50px;margin-top: 25px;}


/*contets*/

div.div960 {width: 960px;margin-right: auto;margin-left: auto;padding-top: 50px;padding-bottom: 50px;}
h2.h2next {color: #00693e;font-size: 40px;font-weight: 600;text-align: center;padding-bottom: 25px;border-bottom: 5px dotted #00693e;}
h2.h2next i {display: inline-block;color: #fff;font-size: 18px;text-align: center;margin-top: 10px;background-color: #ea8b2d;padding: 15px;font-weight: 500;}

div.reform0 {display:flex;justify-content: space-between;border-bottom: 5px dotted #00693e;padding-top: 50px;}
div.reformr {width: 600px;}
div.reforml {width: 300px;}

h3.h3reform {color: #00693e;font-size: 20px;font-weight: 500;margin-bottom: 15px;}

img.reform {width: 100%;height: auto;margin-bottom: 15px;}

p.reform {color: #333;font-size: 15px;padding-bottom: 50px;line-height: 1.75em;}


/*menu*/
p.menucoution {}

div.menucolm {display:flex;justify-content: space-between;flex-wrap: wrap;}

div.menuunit1 {width: 300px;border-radius:10px;background: url(../img/bg_menu.gif) repeat;padding-bottom: 15px;position: relative;margin-bottom: 30px;}

p.menuexp  {color: #fff;font-size: 15px;text-align: center;line-height: 1.5em;padding-top: 10px;}

span.menuprice {position: absolute;top: 110px;border-radius:100% ;background-color: #fff;width: 75px;height: 75px;text-align: center;left: 10px;padding-top: 15px;}
span.menuprice b {color: #ea8b2d;font-weight: 800;font-size: 30px;}
span.menuprice i {color: #ea8b2d;font-weight: 500;}

h3.h3menu {color: #fff001;font-size: 25px;font-weight: 600;}

img.menuimg {width: 100%;height: auto;border-radius:10px 10px 0px 0px ;margin-bottom: 15px;}

p.menucoution {color: #333;font-size: 18px;text-align: center;padding-top: 25px;padding-bottom: 25px;line-height: 1.5em;}
p.menucoution a {color: #2bab6d;}
p.menucoution a:hover  {text-decoration: underline;}
div.menuunit2 {width: 300px;border-radius:10px;background: url(../img/bg_menu.gif) repeat;position: relative;padding: 35px 10px 40px;margin-bottom: 30px;}

span.menuprice2 {position: absolute;border-radius:100% ;background-color: #fff;width: 75px;height: 75px;text-align: center;padding-top: 15px;top: 10px;right: 10px;}
span.menuprice2 b {color: #ea8b2d;font-weight: 800;font-size: 30px;}
span.menuprice2 i {color: #ea8b2d;font-weight: 500;}

h3.h3menu2 {color: #fff001;font-size: 20px;font-weight: 600;}

/*menu01*/
section.menu01img {}
div.menu01img {width: 1200px;margin-right: auto;margin-left: auto;}
div.menu01img img {width: 100%;height: auto;}

div.menu01colm {display:flex;justify-content: space-between;flex-wrap: wrap;}

div.menu01unit1 {width: 300px;border-radius:10px;padding-bottom: 15px;position: relative;margin-bottom: 30px;}

img.menu01img {width: 100%;height: auto;border-radius:0px 0px 0px 0px ;margin-bottom: 15px;}

div.menu01-c {width: 960px;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
div.menu01-c img {width: 100%;height: auto;}

div.menu01-contact {width: 600px;margin-right: auto;margin-left: auto;margin-top: 25px;}
div.menu01-contact img {width: 100%;height: auto;}
div.menu01-contact p {color: #333;font-size: 20px;line-height: 1.5em;font-weight: bold;text-align: center;margin-top: 25px;margin-bottom: 25px;}

p.menu01-text {}
p.menu01-text {color: #333;font-size: 20px;line-height: 1.5em;font-weight: bold;text-align: center;margin-top: 25px;margin-bottom: 25px;}

/*staff*/
div.staffinfo {padding-top: 50px;}
ul.staffinfo {display:flex;justify-content: space-between;flex-wrap: wrap;width: 960px;margin-right: auto;margin-left: auto;}
ul.staffinfo li {width: 300px;margin-bottom: 30px;}
ul.staffinfo li img {width: 100%;height: auto;margin-bottom: 10px;

border-radius:10px ;
}
ul.staffinfo li {color: #333;font-size: 13px;line-height: 1.5em;}
ul.staffinfo li b {font-size: 20px;color: #333;display: block;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #666;font-weight: 500;}


/*company*/
div.company {width: 600px;margin-right: auto;margin-left: auto;
padding-top: 50px;padding-bottom: 50px;}

table.company {width: 100%;margin-bottom: 25px;border-top: 1px dotted #ccc;}
table.company th {color: #333;font-size: 15px;line-height: 1.5em;border-bottom: 1px dotted #ccc;padding: 15px;text-align: left;}
table.company td {color: #333;font-size: 15px;line-height: 1.5em;border-bottom: 1px dotted #ccc;padding: 15px;text-align: left;}
img.company {width: 100%;height: auto;margin-bottom: 25px;}
iframe.company {width: 600px;height: 400px;}


/*contact*/
p.thanks {color: #666;font-size: 15px;line-height: 1.5em;text-align: center;margin-top: 50px;}
div.contact {width: 740px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}
form#mailformpro {width: 800px;margin-right: auto;margin-left: auto;margin-top: 20px;}
form#mailformpro button{color: #fff;font-size: 20px;width: 10em;padding-top: 20px;padding-bottom: 20px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;}
dl.contact {overflow: hidden;width: 800px;}
dl.contact dt {color: #666;font-size: 80%;}
dl.contact dt b {color: #c00;font-size: 12px;}
dl.contact dd {padding-top: 5px;padding-bottom: 5px;}

dl.contact03 input,dl.contact03 textarea {background-color: #fff;padding: 5px;border: 1px solid #ccc;border-radius:5px;color: #666;font-size: 100%;margin-right: auto;margin-left: auto;}

input[type="text"]:focus,input[type="email"]:focus,dl.contact03 textarea:focus,dl.contact03 dd select:focus,button[type="submit"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus
 {
  outline: 0;
  border-color: orange;
}

dd.contact03rb input[type="checkbox"], dd.contact03rb input[type="radio"] {width: 15px;height: 15px;}
.ipt01 {color: #666;font-size: 16px;width: 470px;}
.ipt02 {color: #666;font-size: 16px;width: 100px;}
.ipt03 {color: #666;font-size: 16px;height: 1em;width: 650px;}
.ipt04 {color: #666;font-size: 16px;width: 200px;}
.ipt05 {color: #666;font-size: 16px;width: 470px;}
.ipt06 {color: #666;font-size: 16px;height: 20em!important;width: 440px!important;}
p.contactexp {color: #666;font-size: 15px;line-height: 1.5em;text-align: center;margin-bottom: 20px;margin-left: auto;margin-right: auto;}
p.contactexp a {text-decoration: underline;color: #666;}
p.contactexp a:hover {color: #bea934;}

textarea.ipt06 {color: #666;font-size: 15px;height: 20em!important;width: 95%!important;margin-bottom: 5%;padding: 3%;}

dl.contact03 {overflow: hidden;width: 600px;margin-right: auto;margin-left: auto;}
dl.contact03 dt {color: #666;font-size: 15px;line-height: 1.5em;}
dl.contact03 dt b {color: #c00;font-size: 12px;}
dl.contact03 dt i {color: #666;font-size: 12px;margin-left: 1em;}
dl.contact03 dd {color: #666;font-size: 15px;margin-bottom: 20px;line-height: 1.5em;}
dd.contact03cap {color: #666;font-size: 75%;line-height: 1.5em;}

dl.contact03 dd.contact03rb {margin-top: 10px;}

table#mfp_confirm_table tr th {
	white-space: nowrap;
}

label {
    display: inline-block;
}
.reqbox {}

.reqbox + img {
    border: 2px solid rgba( 0, 0, 0, 0 );
}
.reqbox:checked + img {
    border: 2px solid #e892b4;
}



input.reqbox {-webkit-appearance: none;}
input.reqbox:before {content:'\f10c';color: #ccc;font: 20px FontAwesome;}
input.reqbox:checked:before {content:'\f058';color: #e892b4;font: 20px FontAwesome;}

div.specialterm {width: 500px;color: #666;font-size: 20px;line-height: 2em;background-color: #fef7f8;padding: 20px;margin-bottom: 50px;margin-right: auto;margin-left: auto;}
div.specialterm b {color: #db5f83;font-size: 25px;}

/*20180216*/
/*ul.ul-reqbox {overflow: hidden;width: 740px;margin-left: auto;margin-right: auto;}*/



div.reqshop {width: 600px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}

ul.ul-reqbox {overflow: hidden;margin-left: auto;margin-right: auto;width: 380px;}

ul.ul-reqbox li {float: left;margin-bottom: 20px;width: 165px;text-align: center;line-height: 1.5em;margin-right: 10px;margin-left: 10px;color: #666;font-size: 15px;}
ul.ul-reqbox li i {color: #fff;font-size: 10px;background-color: #c00;padding: 2px;display: inline-block;}

ul.ul-reqbox li img {width: 100%;height: auto;margin-bottom: 10px;border: 2px solid #fff;}


h3.h3cont {color: #666;font-size: 25px;text-align: center;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-bottom: 20px;font-weight: 300;clear: both;}

button.subminb {cursor:pointer;color: #fff;font-size: 20px;background-color: #2bab6d;display: block;padding: 10px 20px;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
button.subminb:hover {background-color: #7bc192;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

div.daytime {width: 600px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}
div.daytime i {color: #666;font-size: 15px;margin-left: 20px;}
input.hasDatepicker {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}
    

select.restime {fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}


div.contline {width: 600px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}

div.contline img {width: 100%;height: auto;}




/*showcase*/



ul.showlist {display:flex;flex-wrap: wrap;}


ul.showlist li {width: 300px;margin-bottom: 30px;text-align: center;color: #333;font-size: 15px;line-height: 1.25em;margin-left: 30px;}
ul.showlist li:nth-child(3n+1)  {margin-left: 0;}


ul.showlist li a {color: #333;display: block;margin-bottom: 5px;font-size: 16px;}

ul.showlist li a img {border-radius:10px;width: 100%;box-shadow: #ccc 0px 0px 5px;border-radius:10px;margin-bottom: 10px;}

h3.h3showcase {color: #333;font-weight: 500;text-align: center;padding-top: 50px;padding-bottom: 50px;font-size: 25px;}



ul.showcaselink {overflow: hidden;width: 960px;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
ul.showcaselink li {float: left;margin-right: 10px;}
ul.showcaselink li a {color: #333;font-size: 15px;display: block;padding: 10px;
border-radius:5px;background-color: #efefef;}
ul.showcaselink li a:hover {text-decoration: underline;}






/*privacy*/
div.privacy {width: 800px;margin-right: auto;margin-left: auto;margin-top: 50px;}
div.privacy p {color: #333;font-size: 15px;line-height: 1.75em;margin-bottom: 25px;}
div.privacy h4 {color: #333;font-size: 20px;font-weight: 500;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}




/*present*/
div.present {width: 600px;margin-right: auto;margin-left: auto;margin-top: 50px;}
div.present img {width: 100%;height: auto;}


/*color*/
div.color {width: 600px;margin-right: auto;margin-left: auto;margin-top: 25px;}
div.color img {width: 100%;height: auto;}
div.color p {color: #333;font-size: 20px;line-height: 1.5em;font-weight: bold;text-align: center;margin-top: 25px;margin-bottom: 25px;}


/*text-contact*/
p.text-contact {color: #e4020e;font-size: 50px;font-weight: bold;text-align: center;margin-bottom: 10px;}

ul.text-contact-btn {display:flex;justify-content: space-between;width: 960px;margin-right: auto;margin-left: auto;margin-bottom: 25px;}
ul.text-contact-btn li {}
ul.text-contact-btn li:nth-child(3) a {font-size: 25px;padding-top: 14px;padding-bottom: 13px;}



ul.text-contact-btn li a {width: 960px;display: block;background-color: #fff;padding-top: 15px;padding-bottom: 15px;text-align: center;border-radius:5px ;color: #e4020e;font-size: 90px;font-weight: bold;}

ul.text-contact-btn li a i {margin-right: 20px;color: #e4020e;font-size: 85px;font-weight: bold;}