@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
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;}

body {
font-size:16px;
line-height:1.8;
text-align:center;
color:#222;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
overflow-wrap:break-word;
-webkit-text-size-adjust:100%;}
h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
font-weight:normal;}
.mincho {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

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

body {
font-size:15px;
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:#800;
outline:none;
text-decoration:none;
transition:color 0.2s;}
a:visited {
color:#800;
outline:none;
text-decoration:none;}
a:hover , a:active {
color:#e80;
outline:none;
text-decoration:none;}

hr {
clear:both;
margin:1.55em 0;
width:100%;
height:1px;
border:0;
background:#5ab7ba;}

.aligncenter {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;}
.alignright {
float:right;
margin:0.2em 0 2.2em 2.2em;}
.alignleft {
float:left;
margin:0.2em 2.2em 2.2em 0;}
.alignnone {
display:block;}

blockquote {
clear:both;
margin:4.3% 0;
padding:28px;
border:2px solid #88c9ca;}
.block {
clear:both;
margin:4.3% 0;
padding:28px;
border:2px solid #88c9ca;}

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

hr {
margin:4% 0;}

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:0.2em auto 2.2em;}

blockquote {
margin:6% 0;
padding:18px;}
.block {
margin:6% 0;
padding:18px;}

}

.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  ==========================*/

.ttl-01 {
position:relative;
display:inline-block;
margin:10px 0 40px 0;
font-family:'M PLUS Rounded 1c',sans-serif;
font-size:250%;
line-height:1.2;
color:#6a4331;}
.ttl-01::before {
position:absolute;
content:"";
width:70px;
height:80px;
background:url("../../images/bg_ttl01_03.png?251029") no-repeat center bottom / contain;
left:110%;
bottom:0;}
.ttl-01::after {
position:absolute;
content:"";
width:70px;
height:80px;
background:url("../../images/bg_ttl01_04.png?251029") no-repeat center bottom / contain;
right:110%;
bottom:0;}

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

.ttl-01 {
margin:45px 0 40px 0;}
.ttl-01::before {
left:50%;
bottom:112.5%;
transform: translate(-50%,0);}
.ttl-01::after {
display:none;}

}

.ttl-02 , .post .body h2 {
font-family:'M PLUS Rounded 1c',sans-serif;
margin:0 0 25px 0;
font-size:180%;
line-height:1.3;
color:#6a4331;}
.ttl-03 , .post .body h3 {
padding:0 0 3px 0;
margin:0 0 25px 0;
font-size:140%;
line-height:1.3;
font-weight:bold;
border-bottom:2px solid #333;}
.ttl-04 , .post .body h4 {
margin:0 0 15px 0;
font-family:'M PLUS Rounded 1c',sans-serif;
font-size:140%;
line-height:1.3;
font-weight:bold;}
.ttl-05 , .post .body h5 {
margin:0 0 15px 0;
font-family:'M PLUS Rounded 1c',sans-serif;
font-size:130%;
line-height:1.3;
font-weight:bold;}
h6 {
margin:40px 0 0 0;
font-weight:normal;
text-align:center;
border-top:1px solid #999;
border-bottom: 1px solid #999;
padding:20px 0;}

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

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

.btn-01 {
text-align:center;
margin:1em 0;}
.btn-01 a {
display:inline-block;
transition:0.15s;}
.btn-01 a:hover {
transform: translate(0,-3px);}

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

table.p-tbl , .post .body table {
margin:2em auto;
width:100%;
max-width:1000px;
border:1px solid #8fc31f;}
table.p-tbl tbody , .post .body tbody {
width:100%;
display:table;}
table.p-tbl tr , .post .body tr {
height:auto !important;}
table.p-tbl th , .post .body th {
text-align:center;
padding:17px 8px;
line-height:1.5;
font-weight:bold;
background:#e2eec5;
border:1px solid #8fc31f;
height:auto !important;}
table.p-tbl td , .post .body td {
text-align:left;
padding:17px 8px 17px 16px;
font-size:90%;
line-height:1.7;
background:#fff;
border:1px solid #8fc31f;
height:auto !important;}

table.p-tbl td ul.col-50 , .post .body td ul.col-50 {
width:100%;
justify-content: space-between;}
table.p-tbl td ul.col-50 li , .post .body td ul.col-50 li {
width:47.5%;}

table .notice {
margin:9px 0 0 0;
font-size:80%;
color:#666;
font-weight:normal;}
table .hissu {
font-size:80%;
color:#c00;
font-weight:normal;}
table span.error {
padding:9px 0 0 0;}

table input , table textarea ,table select {
font-size:16px !important;
background:#fff;
padding:0.4em;
border:1px solid #bbb;
border-radius:5px;}
table.form-tbl select {
cursor:pointer;
background:none transparent;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;}

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

.form-submit {
text-align:center;}
.form-submit input {
line-height:1.2;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#fff;
background:#6fba2c;
cursor:pointer;
margin:0 2px;
padding:1em 3.6em;
border-style:none;
border-radius:5px;
transition:0.3s;}
.form-submit input:hover {
background:#e80;
color:#fff;}

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

table.p-tbl , .post .body table {
border-bottom:0;}
table.p-tbl th , .post .body th {
text-align:left;
display:block;
width:100%;
padding:16px 12px;
border:0;}
table.p-tbl td , .post .body td {
display:block;
width:100%;
padding:18px 12px;
font-size:100%;
border:0;
border-bottom:1px solid #8fc31f;}

table.p-tbl td ul.col-50 li , .post .body td ul.col-50 li {
width:100%;}
table .hissu {
display:inline;
margin:0 0 0 9px;}

}

/* 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;}
.ht120 {margin-top:120px !important;}
.ht150 {margin-top:150px !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;}
.ht120 {margin-top:12% !important;}
.ht150 {margin-top:15% !important;}
.ht180 {margin-top:18% !important;}

}

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

.ht10 {margin-top:7px !important;}
.ht20 {margin-top:14px !important;}
.ht30 {margin-top:21px !important;}
.ht40 {margin-top:28px !important;}
.ht50 {margin-top:35px !important;}
.ht60 {margin-top:42px !important;}
.ht70 {margin-top:49px !important;}
.ht80 {margin-top:56px !important;}
.ht90 {margin-top:63px !important;}
.ht100 {margin-top:70px !important;}
.ht120 {margin-top:84px !important;}
.ht150 {margin-top:105px !important;}
.ht180 {margin-top:126px !important;}

}

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

.thanks-error {
text-align:center;
width:100%;
max-width:1000px;
margin:4% auto;}
.thanks-error .ttl {
text-align:center;
margin:0 0 2em 0;
font-size:150%;
line-height:1.3;
font-weight:bold;}

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

.thanks-error {
text-align:left;}
.thanks-error br {
display:none;}

}