@charset "UTF-8";
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

/*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   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-size: 100%;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;}
html {background-color: #000;}
img {display: block}

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

dd.pricemaru1 {text-align: center;color: #fff;font: 15px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;top: 20px;}
dt.pricemaru2 {text-align: center;color: #ff0;font: bold 40px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;top: 40px;}
dd.pricemaru3 {text-align: center;color: #fff;font: 15px/1.25em "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;position: absolute;width: 150px;bottom: 15px;}

.nofloat {clear: both;}
.img100 {width: 100%;height: auto;}
-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 ;}

/*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; }

p.exp00 {color: #666;font-size: 10px;line-height: 1.5em;}
p.exp01 {color: #666;font-size: 12px;line-height: 1.5em;}
p.spexp01 {color: #666;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;}
p.exp03 {color: #ea6d8d;font-size: 12px;line-height: 1.5em;border-bottom-color: #fffefe;margin-bottom: 5px;}

.txtcenter {text-align: center;}

.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;}

.mgb0 {margin-bottom: 0px!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;}

.mgl-0 {margin-left: -0px!important;}
.mgl-10 {margin-left: -10px!important;}
.mgl-20 {margin-left: -20px!important;}
.mgl-30 {margin-left: -30px!important;}
.mgl-40 {margin-left: -40px!important;}
.mgl-50 {margin-left: -50px!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;}

.up0 {margin-top: 0px!important;}
.up50 {margin-top: -50px!important;}
.up40 {margin-top: -40px!important;}
.up30 {margin-top: -30px!important;}
.up20 {margin-top: -20px!important;}


.up10 {margin-top: -10px!important;}

.dn50 {margin-top: 50px!important;}
.dn40 {margin-top: 40px!important;}
.dn30 {margin-top: 30px!important;}
.dn20 {margin-top: 20px!important;}
.dn10 {margin-top: 10px!important;}

.btm50 {margin-bottom: 50px!important;}
.btm40 {margin-bottom: 40px!important;}
.btm30 {margin-bottom: 30px!important;}
.btm20 {margin-bottom: 20px!important;}
.btm10 {margin-bottom: 10px!important;}

article.contentsbody {background-color: #fff;}

.inline {display: inline;}

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

.nosp {display: none!important;}
.nopc {display: block;}

img.flakeitem {display: none;}
img.img100 {width: 100%;height: auto;}

/*tothetopfixed*/
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: 40px;height: 40px;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;
    }


/*structure*/


body.body {}
div.body {}

header.header {background-color: #fff;width: 100%;}
div.header {background-color: #fff;width: 96%;margin-right: 2%;margin-left: 2%;}

h1.h1 a {background: url(../img/txt_head01.png) no-repeat center center;text-indent: -9999px;background-size:contain;display: block;float: left;width: 260px;height: 60px;}

section.headh2 {width: 100%;background-color: #e9e6df;overflow: hidden;}

div.headh2 {position: relative;padding: 2%;overflow: hidden;}
p.h2exp {color: #333;font-size: 16px;position: absolute;top: 40%;left: 100px;}
h2.h2-01 {background: url(../img/tit_01.png) no-repeat left center;width: 80px;height: 80px;background-size:contain;text-indent: -9999px;float: left;}
h2.h2-01 b {}
h2.h2-02 {background: url(../img/tit_02.png) no-repeat left center;height: 80px;background-size:contain;text-indent: -9999px;width: 80px;}
h2.h2-03 {background: url(../img/tit_03.png) no-repeat center center;width: 120px;height: 120px;background-size:contain;text-indent: -9999px;margin-right: auto;margin-left: auto;}
h2.h2-04 {background: url(../img/tit_04.png) no-repeat center center;background-size:contain;text-indent: -9999px;width: 120px;height: 120px;margin-right: auto;margin-left: auto;}
h2.h2-05 {background: url(../img/tit_05.png) no-repeat center center;background-size:contain;text-indent: -9999px;width: 120px;height: 120px;margin-right: auto;margin-left: auto;}
h2.h2-06 {background: url(../img/tit_06.png) no-repeat center center;background-size:contain;text-indent: -9999px;width: 120px;height: 120px;margin-right: auto;margin-left: auto;}


section.contents {background-color: #fff;}
div.contents {width: 96%;margin-right: 2%;margin-left: 2%;padding-bottom: 5%;}

hr.hr01 {border-bottom: 1px solid #ccc;margin-top: 5%;margin-bottom: 5%;}


ul.tm {overflow: hidden;}
ul.tm li {position: relative;float: left;}
ul.tm li a {
	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;width: 100%;padding-bottom: 90%;}
li.tm01 a {display: block;text-indent: -9999px;border: 1px solid #000;border-radius:200px;left: 0;background: #fff url(../img/b_top01.png) no-repeat center center;background-size:70% auto;}
li.tm02 a {display: block;text-indent: -9999px;border: 1px solid #000;border-radius:200px;left: 245px;background: #fff url(../img/b_top02.png) no-repeat center center;background-size:70% auto;}
li.tm03 a {display: block;text-indent: -9999px;border: 1px solid #000;border-radius:200px;right: 245px;background: #fff url(../img/b_top03.png) no-repeat center center;background-size:70% auto;}
li.tm04 a {display: block;text-indent: -9999px;border: 1px solid #000;border-radius:200px;right: 0;background: #fff url(../img/b_top04.png) no-repeat center center;background-size:70% auto;}

li.tm05 a {display: block;text-indent: -9999px;border-radius:200px;background: url(../img/b_top_l.png) no-repeat center center;background-size:100% auto;float: none;}
li.tm06 a {display: block;text-indent: -9999px;border-radius:200px;background: url(../img/b_top_r.png) no-repeat center center;background-size:100% auto;float: none;}
ul.tmtop li.tm05 {float: left!important;width: 36%;margin-left: 2%;}
ul.tmtop li.tm06 {float: right!important;width: 36%;margin-right: 2%;}
ul.tmbtm {padding: 5% 6%;}
ul.tmbtm li {margin-bottom: 5%;width: 42%;margin-right: 4%;margin-left: 4%;}

.tmtop {background: url(../img/p_top.png) no-repeat center 20px;background-size:110% auto;padding-bottom: 10%;padding-top: 25%;}
section.tm {background: url(../img/bg_top.gif) repeat-x;}

h3.h3cont {color: #333;font-size: 18px;line-height: 1.5em;padding-top: 2%;}

h4.h4cont {border-left: 5px solid #333;color: #333;font-size: 16px;padding-left: 2%;font-weight: bold;line-height: 1.5em;margin-bottom: 5%;}


dl.numberlist {margin-bottom: 2%;}
dl.numberlist dt {color: #fff;font: 20px Verdana, "Lucida Grande", Lucida, sans-serif;background-color: #65aadd;
border-radius:50px;display: block;width: 35px;text-align: center;float: left;margin-right: 10px;padding-top: 5px;height: 25px;padding-bottom: 5px;}
dl.numberlist dd {color: #333;font-size: 15px;font-weight: bold;line-height: 1.5em;padding-top: 5px;margin-bottom: 15px;}
.class3em {margin-bottom: 2em;}
.class4em {margin-bottom: 2em;}

.line2 {margin-top: -0.5em;margin-bottom: -0.5em;}
p.exp03 {color: #333;font-size: 12px;line-height: 1.5em;}

p.exp04 {color: #333;font-size: 15px;}

ul.area {overflow: hidden;margin-top: 10px;margin-bottom: 20px;}
ul.area li {color: #fff;font-size: 15px;float: left;margin-right: 2%;background-color: #333;margin-bottom: 2%;padding: 2% 3%;}

div.footcontact {text-align: center;margin-right: auto;margin-left: auto;padding-top: 10%;padding-bottom: 10%;}
div.footcontact a {width: 160px;height: 160px;display: block;background: #fff url(../img/b_top03.png) no-repeat center center;background-size:75% auto;border: 1px solid #333;border-radius:200px;text-indent: -9999px;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;margin: 2% auto;}

div.footcontact b {color: #333;font-size: 15px;text-align: center;}
div.footcontact i {color: #333;font-size: 12px;text-align: center;}

table.ecoaciton {width: 100%;}
table.ecoaciton th {color: #333;font-size: 15px;line-height: 2em;background-color: #ddd;width: 96%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;text-align: left;vertical-align: top;display: block;padding: 2%;}
table.ecoaciton td {color: #333;font-size: 15px;line-height: 2em;background-color: #efefef;border-right: 1px solid #fff;border-bottom: 1px solid #fff;text-align: left;vertical-align: top;display: block;width: 96%;padding: 2%;margin-bottom: 5%;}

/*office*/
dl.office {padding-top: 5%;padding-bottom: 5%;}
dl.office dt {color: #333;font-size: 15px;line-height: 1.5em;}
dl.office dt strong {color: #333;font-size: 25px;margin-right: 1em;}
dl.office dd {color: #333;font-size: 15px;line-height: 2em;}


/*profile*/
div.width96p {width: 96%;margin-right: 2%;margin-left: 2%;}
div.profile-bg {background: #fff url(../img/p_04.jpg) no-repeat 0 0;background-size:contain;padding-top: 155%;}
p.profile {color: #333;font-size: 20px;line-height: 2em;font-weight: bold;padding-bottom: 10%;margin-right: 2%;margin-left: 2%;}
p.profile rb {}
p.profile rt {color: #333;font-size: 12px;font-weight: normal;font-style: normal;text-align: center;}
p.profile strong {color: #0a4a8d;font-size: 25px;font-weight: bold;}
h3.h3profile {color: #fff;font-size: 15px;padding: 10px 20px;display: inline-block;background-color: #333;margin-bottom: 10px;}

div.profile-clm {overflow: hidden;}
dl.profile-list {float: left;}
dl.profile-list dt {color: #333;font-size: 15px;line-height: 2em;}
dl.profile-list dd {display: list-item;list-style-type: decimal;color: #333;font-size: 15px;line-height: 2em;margin-left: 1.5em;}


/*footer*/
footer.footer {padding-top: 5%;padding-bottom: 25%;}
div.footer {width: 96%;margin-right: 2%;margin-left: 2%;}

address.footer {background: url(../img/txt_foot.png) no-repeat center top;background-size:100% auto;color: #fff;font-size: 12px;
text-align: center;padding-top: 10%;
line-height: 2.5em;
}

div.footnav {background-color: #000;}
p.footnav {color: #fff;margin-bottom: 10%;
	margin-right: auto;
line-height: 1.5em;
display:flex;
justify-content:center;
flex-wrap: wrap;
width: 90%;
margin-left: auto;
}


p.footnav a {color: #fff;font-size: 12px;display: block;float: left;
margin-bottom: 0.5em;
	margin-right: 0.5em;
margin-left: 0.5em;
}


p.copyright {color: #fff;font-size: 10px;text-align: center;margin-top: 5%;}




/*contact*/
div.contact {padding-bottom: 10%;padding-top: 2%;background-color: #fff;}
form#mailformpro {margin-right: auto;margin-left: auto;margin-top: 20px;}
form#mailformpro button{color: #666;font-size: 15px;width: 10em;padding-top: 10px;padding-bottom: 10px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;background-color: #eee;}
dl.contact03 {overflow: hidden;}
dl.contact03 dt {color: #666;font-size: 80%;}
dl.contact03 dt b {color: #c00;}
dl.contact03 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%;}

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: 15px;width: 90%;}
.ipt02 {color: #666;font-size: 15px;width: 30%;}
.ipt03 {color: #666;font-size: 15px;height: 1em;width: 90%;}
.ipt04 {color: #666;font-size: 15px;width: 90%;}
.ipt05 {color: #666;font-size: 15px;width: 90%;}
.ipt06 {color: #666;font-size: 15px;height: 20em!important;width: 90%!important;}


dl.contact01 {margin-bottom: 30px;margin-right: auto;margin-left: auto;}
dl.contact01 dt {width: 4em;color: #c00;font-size: 150%;margin-bottom: 1em;

}
dl.contact01 dd {color: #c00;font-size: 150%;margin-left: 4em;margin-bottom: 1em;margin-top: -2em;

}
dl.contact01 dd i {color: #666;font-size: 60%;margin-left: 1em;}
dl.contact01 dd a {color: #c00;

}
dl.contact01 dd span.tel {color: #c00;

}

dl.contact01 dd.telinfo {margin-top: -19px;margin-left: 3.5em;}
dl.contact01 dd a:hover {}

dl.contact02 {width: 700px;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
dl.contact02 dt {color: #998739;font-size: 110%;margin-bottom: 5px;}
dl.contact02 dd {color: #666;font-size: 85%;line-height: 1.5em;padding: 10px;background-color: #faf6ee;}

dl.contact03 {margin-right: auto;margin-left: auto;overflow: hidden;}
dl.contact03 dt {color: #666;font-size: 90%;margin-bottom: 5px;}
dl.contact03 dt b {color: #c00;}
dl.contact03 dd i {color: #c00;}
dl.contact03 dd {color: #666;font-size: 85%;margin-bottom: 30px;}
dd.contact03cap {color: #666;font-size: 75%;line-height: 1.5em;margin-top: -20px;}

dl.contact03 dd.contact03rb {float: left;width: 150px;margin-left: 20px;margin-top: 10px;}

select.contact {border: 1px solid #ccc;border-radius:5px;background-color: #efefef;}

p.contact {color: #666;line-height: 1.5em;font-size: 12px;}
p.contact b {color: #666;font: 25px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}

h4.contact {text-align: center;background: #e9e6df url(../img/bg_contact.png) no-repeat center 10%;border-radius:10px;background-size:100%;padding-top: 70%;margin-bottom: 10%;}
h4.contact b {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;}
h4.contact i a {color: #0067a4;text-decoration: underline;font-size: 15px;line-height: 4em;}



/*privacy*/
div.privacy {padding-top: 5%;padding-bottom: 10%;}
h3.privacy {color: #333;font-weight: bold;margin-top: 30px;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dotted #ccc;font-size: 15px;text-align: left;line-height: 1.5em;}
p.privacy {color: #333;line-height: 1.5em;font-size: 12px;}
p.privacy  a {color: #005b3f;}
p.privacy  a:hover {text-decoration: underline;}
ol.privacy {}
ol.privacy li {color: #333;line-height: 1.5em;list-style-type: decimal;list-style-position: outside;margin-left: 2em;font-size: 12px;}
ol.privacy li a {color: #005b3f;}
ol.privacy li a:hover {text-decoration: underline;}

p.privacy2 {color: #333;line-height: 1.5em;text-align: right;font-size: 12px;}


dl.numberlist-bg {background: url(../img/bg_point.png) no-repeat right bottom;background-size:100% auto;padding-bottom: 50%;}


span.bold {font-weight: bold!important;}
span.red {color: #c00!important;}
span.large {font-size: 120%!important;}
span.box {display: inline-block;padding: 5px;border: 1px solid #333;color: #333;font-size: 22px;font-weight: bold;}

/*motto*/
div.motto01 {width: 100%;overflow: hidden;margin-right: auto;margin-left: auto;}
div.motto01 p {color: #333;font-size: 20px;line-height: 1.5em;padding-top: 1em;text-align: center;}
div.motto01 img {width: 50%;height: auto;margin-left: auto;margin-right: auto;}


th.sokei {background-color: #bbb!important;}
td.sokei {background-color: #ddd!important;}

div.footcontact em{color: #fff;font-size: 20px;font-weight: bold;text-align: center;display: block;background-color: #333;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;margin-right: 5%;margin-left: 5%;}

div#mfp_overlay_inner {width: 90%!important;margin-right: auto;margin-left: auto;}
table#mfp_confirm_table th {width: 40%!important;}

div.mfp_buttons button#mfp_button_send {border: 1px solid #ccc;background-color: #efefef;border-radius:5px;padding: 5px;}
div.mfp_buttons button#mfp_button_cancel {border: 1px solid #ccc;border-radius:5px;padding: 5px;background-color: #fff;!important;}
p.icon-tel a {display: block;width: 40px;height: 40px;position: absolute;top: 9px;right: 48px;
font-weight: bold;
}
p.icon-tel a:before {
	font: 38px "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f098";
	color: #333;
}
p.icon-tel a i {text-indent: -9999px;display: block;}

div.telto {width: 90%;margin-right: auto;margin-left: auto;text-align: center;margin-bottom: 20px;}
div.telto a {display: block;font-size: 18px;font-weight: bold;background-color: #999;padding: 10px;color: #fff;border-radius:5px;}