@charset "UTF-8";

/* common */

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;scroll-behavior:smooth;scroll-padding-top:135px;}
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:70%;position:relative;top:-0.5em;}
sub{vertical-align:text-bottom;font-size:70%;position:relative;top:0.5em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#222;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,main{display:block;}

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

html{
scroll-padding-top:15px;}

}

/*
@media print {
body {
width:1160px !important;}
#wrapper {
padding:0 !important;}
.container {
width:1100px !important;}
.contents {
width:1100px !important;}
#header {
position:static !important;}
#page-top {
display:none !important;}
}
*/

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
background-size:125px;}

@media only screen and (min-width: 640px) {

a[href^="tel:"] {
cursor:default;
pointer-events:none;
text-decoration:none;}

}

body {
text-align:center;
font-size:16px;
line-height:1.7;
color:#000;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;}
.mincho {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

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

body {
font-size:15px;}

}

h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
line-height:1.7;}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}
ol {
margin:0 0 0 22px;}
ol li {
list-style:decimal;
line-height:1.3;
margin:8px 0;}

a:link {
color:#900;
outline:none;
text-decoration:none;
transition:color 0.25s;}
a:visited {
color:#900;
outline:none;
text-decoration:none;}
a:hover , a:active {
color:#d00;
outline:none;
text-decoration:none;}

hr {
clear:both;
display:block;
width:100%;
margin:66px 0;
border:0;
border-top:3px dotted #38A1DB;
height:0;}

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

hr {
margin:7% 0;}

}

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

hr {
margin:45px 0;}

}

.aligncenter {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;}
.alignright {
float:right;
margin:3px 0 30px 30px !important;}
.alignleft {
float:left;
margin:3px 30px 30px 0 !important;}

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

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:3px auto 30px auto !important;}

}

.block {
margin:30px 0;
padding:23px;
background:#FCF8F2;
border:2px solid #CCCCBB;
border-radius:6px;}
blockquote {
margin:30px 0;
padding:23px;
background:#FCF8F2;
border:2px solid #CCCCBB;
border-radius:6px;}

.clearfix:before , .clearfix:after {
display:table;
content:" ";}
.clearfix:after {
clear:both;}
.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}

.youtube {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;}
.youtube iframe {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;}

/*  ttl  ==========================*/

.post .post_body h2 , .ttl-02 {
margin:1em 0;
padding:0 0 6px 0;
font-size:200%;
line-height:1.3;
color:#000;
background:url(../../images/bg_h2.png) repeat-x left bottom;}
.post .post_body h3 , .ttl-03 {
margin:1em 0;
padding:0 0 6px 0;
font-size:140%;
line-height:1.3;
color:#00a39b;
border-bottom:2px dotted #00a39b;}
.post .post_body h4 , .ttl-04 {
margin:1em 0;
font-size:132%;
line-height:1.3;
color:#00a39b;}
.post .post_body h5 , .ttl-05 {
margin:1em 0;
font-size:124%;
line-height:1.3;}
.post .post_body h6 , .ttl-06 {
text-align:center;
margin:42px 0 0 0;
padding:21px 0;
font-weight:normal;
border-top:1px solid #999;
border-bottom:1px solid #999;}
.ttl-07 {
display:inline-block;
margin:1em 0;
padding:0.5em 1.2em;
font-size:132%;
line-height:1.3;
color:#fff;
border:none;
background:#00a39b;
border-radius:8px;}

.notice {
font-size:90%;
margin:9px 0;}

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

.post .post_body h2 , .ttl-02 {
font-size:164%;}
.post .post_body h3 , .ttl-03 {
font-size:132%;}
.post .post_body h4 , .ttl-04 {
font-size:124%;}
.post .post_body h5 , .ttl-05 {
font-size:124%;}
.ttl-07 {
font-size:124%;}

}

/* height ===================*/

.ht00 {margin-top:0px !important;}
.ht10 {margin-top:10px !important;}
.ht20 {margin-top:20px !important;}
.ht30 {margin-top:30px !important;}
.ht40 {margin-top:40px !important;}
.ht50 {margin-top:50px !important;}
.ht60 {margin-top:60px !important;}
.ht70 {margin-top:70px !important;}
.ht80 {margin-top:80px !important;}
.ht90 {margin-top:90px !important;}
.ht100 {margin-top:100px !important;}
.ht110 {margin-top:110px !important;}
.ht120 {margin-top:120px !important;}
.ht180 {margin-top:180px !important;}

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

.ht10 {margin-top:1% !important;}
.ht20 {margin-top:2% !important;}
.ht30 {margin-top:3% !important;}
.ht40 {margin-top:4% !important;}
.ht50 {margin-top:5% !important;}
.ht60 {margin-top:6% !important;}
.ht70 {margin-top:7% !important;}
.ht80 {margin-top:8% !important;}
.ht90 {margin-top:9% !important;}
.ht100 {margin-top:10% !important;}
.ht110 {margin-top:11% !important;}
.ht120 {margin-top:12% !important;}
.ht180 {margin-top:18% !important;}

}

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

.ht10 {margin-top:7px !important;}
.ht20 {margin-top:12px !important;}
.ht30 {margin-top:19px !important;}
.ht40 {margin-top:26px !important;}
.ht50 {margin-top:33px !important;}
.ht60 {margin-top:40px !important;}
.ht70 {margin-top:46px !important;}
.ht80 {margin-top:52px !important;}
.ht90 {margin-top:58px !important;}
.ht100 {margin-top:64px !important;}
.ht110 {margin-top:70px !important;}
.ht120 {margin-top:75px !important;}
.ht180 {margin-top:110px !important;}

}

/* btn ===================*/

.btn {
transition:all 0.25s;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;}
.btn:hover {
filter:alpha(opacity=60)!important;
-moz-opacity:0.6!important;
opacity:0.6!important;}

/*  table  =========================*/

table.p-tbl {
margin:2.7em 0;
border:2px solid #009E9D;}
table.p-tbl th {
text-align:center;
padding:18px 0;
width:25%;
line-height:1.5;
font-weight:bold;
color:#007978;
border:1px solid #009E9D;
background:#e2f2ee;}
table.p-tbl td {
text-align:left;
padding:18px 12px;
line-height:1.5;
border:1px solid #009E9D;
background:#fff;}
table.p-tbl th .hissu {
margin:6px 0 0 0;
font-size:12px;
font-weight:normal;
color:#dd0000;}
table.p-tbl td .notice {
margin:8px 0 0 0;
font-size:12px;
color:#dd0000;}
.form-submit {
margin:2.7em 0 0 0;
text-align:center;}
.form-submit input[type='submit'] , .form-submit input[type='button'] {
width:auto;
font-size:13px;
-webkit-appearance:none;
background:#009E9D;
color:#fff;
border:2px solid #009E9D;
cursor:pointer;
padding:1em 1.5em;
border-radius:5px;
transition:all 0.3s;}
.form-submit input[type='submit']:hover , .form-submit input[type='button']:hover {
background:#fff;
color:#009E9D;}
.error_messe {
color:#c00;
line-height:1.4;
padding:11px 0 0 0;}

.width99 {width:99%!important;}
.width66 {width:66%!important;}
.width33 {width:33%!important;}
.width11 {width:11%!important;}

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

table.p-tbl {
border:1px solid #8dc390;}
table.p-tbl th {
padding:12px 0;
display:block;
width:100%;
border-bottom:none;}
table.p-tbl td {
display:block;
width:100%;
border-top:none;}
table.p-tbl th .hissu {
display:inline;
margin:0 0 0 8px;}

}

table.p-tbl-01::-webkit-scrollbar {
height:10px;}
table.p-tbl-01::-webkit-scrollbar-track {
background: #F1F1F1;}
table.p-tbl-01::-webkit-scrollbar-thumb {
background: #BCBCBC;}
table.p-tbl-01 {
margin:2em 0;
width:100%;
overflow:auto;
display:block;
white-space:nowrap;
border:1px solid rgba(0,158,157,0.5);}
table.p-tbl-01 tbody {
width:100%;
display:table;}
table.p-tbl-01 th {
text-align:center;
padding:15px 10px;
line-height:1.5;
font-weight:bold;
color:#007978;
border:1px solid rgba(0,158,157,0.5);
background:#e2f2ee;}
table.p-tbl-01 td {
text-align:left;
padding:15px 10px;
line-height:1.5;
border:1px solid rgba(0,158,157,0.5);
background:#fff;}

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

table.p-tbl-01 th {
font-size:90%;}
table.p-tbl-01 td {
font-size:90%;}

}

/*  col  ==========================*/

.col-left {
width:47.5%;
float:left;}
.col-right {
width:47.5%;
float:right;}

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

.col-left , .col-right {
width:100%;
float:none;}
.col-right {
margin:30px 0 0 0;}

}

/*  thanks-error  ===================*/

#thanks-error {
text-align:center;
padding:7% 0;}
#thanks-error .ttl {
font-size:150%;
padding:0 0 5% 0;}