@charset "UTF-8";

#wrapper {
padding:100px 0 0 0;}
.container {
position:relative;
padding:75px 0;
width:100%;}
.container-w {
padding:80px 0 40px 0;
background:url("../../images/bg01.png") repeat-x left top / 800px;}
.container-b {
padding:80px 0 40px 0;
background:#e2f1f2 url("../../images/bg01_w.png") repeat-x left top / 800px;}
article section:last-child {
padding-bottom:160px !important;}
.container-g {
padding:110px 0 40px 0;
background:linear-gradient(180deg, rgba(226,241,242,1), rgba(255,255,255,1), rgba(255,255,255,1));}
article section:last-child {
padding-bottom:160px !important;}

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

#wrapper {
padding:80px 0 0 0;}
.container {
padding:7.5% 0;}
.container-w {
padding:8% 0 4% 0;
background:url("../../images/bg01.png") repeat-x left top /  66.7%;}
.container-b {
padding:8% 0 4% 0;
background:#e2f1f2 url("../../images/bg01_w.png") repeat-x left top /  66.7%;}
article section:last-child {
padding-bottom:16% !important;}

}

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

.container {
padding:56px 0;}
.container-w {
padding:56px 0 28px 0;}
.container-b {
padding:56px 0 28px 0;}
.container-g {
padding:112px 0 28px 0;}
article section:last-child {
padding-bottom:112px !important;}

}

/* contents ========================*/

.contents {
position:relative;
margin:0 auto;
width:90%;
max-width:1200px;}
.main {
text-align:left;
float:left;
width:66%;
max-width:720px;}
.sidebar {
text-align:left;
float:right;
width:28%;
max-width:300px;}
.contents-txt {
position:relative;
width:100%;
max-width:900px;
margin:0 auto 45px;}
.contents-img {
position:relative;
width:100%;
max-width:900px;
margin:0 auto 45px;}
.contents-img img {
border-radius:20px;;}
.contents-img ul {
justify-content:space-between;}
.contents-img ul li {
width:48.5%;}
.contents-img ul.col-33 li {
width:32%;}
.contents-img .txt {
margin:13px 0 0 0;
text-align:left;
font-size:90%;
line-height:1.6;}

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

.main {
float:none;
width:100%;
max-width:800px;
margin:0 auto;}
.sidebar {
float:none;
width:100%;
max-width:800px;
margin:8% auto 0;}

}

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

.sidebar {
margin:50px auto 0;}
.contents-txt {
text-align:left;}
.contents-txt br {
display:none;}
.contents-txt {
margin:0 auto 40px;}
.contents-img {
margin:0 auto 40px;}
.contents-img ul li {
width:100%;
margin:40px 0 0 0;}
.contents-img ul li:first-child {
margin:0;}
.contents-img ul.col-33 li {
width:100%;
margin:40px 0 0 0;}
.contents-img ul.col-33 li:first-child {
margin:0;}

}

/*  header  ==================*/

.header {
position:fixed;
z-index:996;
width:100%;
left:0;
top:0;
background:#e2f1f2 url(../../images/header00.png) repeat-x center top / 200px;}
.header .logo {
display:none;
width:120px;
margin:10px auto 10px;}
.header .tel , .header .mail {
display:none;
position:absolute;
width:36px;
height:36px;
left:8px;
top:25px;}
.header .mail {
left:50px;}

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

.header {
background:#e2f1f2 url(../../images/header00.png) repeat-x center top / 100px;}
.header .logo {
display:block;}
.header .tel , .header .mail {
display:block;}

}

/*  mainimg  ======================*/

.mainimg {
position:relative;
width:100%;}
.mainimg::after {
content:"";
z-index:2;
position:absolute;
pointer-events:none;
width:100%;
height:100%;
left:0;
bottom:-1px;
background:url("../../images/index0100.png") no-repeat center bottom / contain;}
.mainimg-contents {
width:100%;
max-width:1800px;
margin:0 auto;}
.mainimg .ttl {
content:"";
z-index:3;
position:absolute;
pointer-events:none;
width:100%;
left:0;
bottom:0;
transform: translate(0,50%);}
.mainimg .ttl img {
max-width:66.67%;}

/*  gmenu  ====================*/

ul.gmenu {
justify-content:space-between;
align-items:center;
width:96%;
max-width:1200px;
margin:20px auto 15px;}
ul.gmenu li {
width:12%;
text-align:left;}
ul.gmenu li:nth-child(4) {
width:20%;
text-align:center;}
ul.gmenu li:nth-child(n + 5) {
text-align:right;}
ul.gmenu li a {
display:block;
transition:0.15s;}
ul.gmenu li a:hover {
transform: translate(0,-3px);}

ul.gmenu-pc {
justify-content:space-between;
align-items:center;
width:98%;
max-width:1400px;
margin:20px auto 15px;}
ul.gmenu-pc li {
padding:0 0.7%;
width:10%;
text-align:left;}
ul.gmenu-pc li:nth-child(5) {
padding:0 1.3%;
width:20%;
text-align:center;}
ul.gmenu-pc li:nth-child(n + 6) {
text-align:right;}
ul.gmenu-pc li a {
display:block;
transition:0.15s;}
ul.gmenu-pc li a:hover {
transform: translate(0,-3px);}

.no-scroll {
position:fixed;
z-index:-1;
width:100%;
height:100%;
top: 0;
right: 0;}

.gmenu-btn {
z-index:999;
display:none;
position:fixed;
top:8px;
right:0;
width:70px;
height:70px;
cursor:pointer;
justify-content:center;
align-items:center;}
.gmenu-btn span, .gmenu-btn span::before, .gmenu-btn span::after {
content:"";
position:absolute;
display:block;
height:1px;
width:40px;
background:#000;}
.gmenu-btn span::before {
bottom:8px;}
.gmenu-btn span::after {
top:8px;}
#gmenu-btn-check:checked ~ .gmenu-btn span {
background:none;}
#gmenu-btn-check:checked ~ .gmenu-btn span::before {
bottom:0;
transform:rotate(45deg);}
#gmenu-btn-check:checked ~ .gmenu-btn span::after {
top:0;
transform:rotate(-45deg);}
#gmenu-btn-check{
display:none;}

.gmenu-sp {
z-index:998;
position:fixed;
width:200px;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
top:0;
right:-100%;
background:#afdcdd;
transition:0.4s;}
#gmenu-btn-check:checked ~ .gmenu-sp {
right:0;}
.gmenu-sp ul {
padding:60px 15px 10px;}
.gmenu-sp ul li {
text-align:left;
border-bottom:1px solid #e2f1f2;}
.gmenu-sp ul li a {
display:block;
line-height:45px;
color:#6a4331;
padding:0 0 0 3px;}
.gmenu-sp ul li a:hover {
color:#e80;}

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

ul.gmenu , ul.gmenu-pc {
display:none;}
.gmenu-btn {
display:flex;}

}

/* bnr-fix  ======================*/

.bnr-fix {
position:fixed;
z-index:997;
right:0;
top:180px;
width:70px;}
.bnr-fix ul {}
.bnr-fix ul li {
padding:0 0 1em 0;}
.bnr-fix ul li a {
display:block;
padding:10px 10px 10px 0;
background-color:#6fba2c;
background-image:repeating-linear-gradient(-55deg,rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 2px, transparent 2px, transparent 4px);
border-radius:20px 0 0 20px;
transform:translate(10px,0);
transition:0.25s;}
.bnr-fix ul li a:hover {
background-color:#e82;
transform:translate(0,0);}

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

.bnr-fix {
display:none;}

}

/* intro  ======================*/

.intro {
padding:90px 15px 32px 15px;
background:#e2f1f2;}
.intro h1 {
font-size:230%;
line-height:1.3;
letter-spacing:-0.01em;
font-family:'M PLUS Rounded 1c',sans-serif;
color:#6a4331;}
.intro h1 br {
display:none;}

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

.intro {
padding-top:16%;}
.intro h1 {
font-size:6vw;}
.intro h1 br {
display:block;}

}

/*  smenu  ======================*/

ul.smenu {
width:100%;
justify-content: center;}
ul.smenu li {
padding:4px;}
ul.smenu li a {
font-family:'M PLUS Rounded 1c',sans-serif;
display:block;
padding:0 2em;
font-size:112.5%;
line-height:44px;
color:#fff;
white-space:nowrap;
background:#6fba2c;
border-radius:22px;
transition:0.3s;}
ul.smenu li a:hover {
background:#e80;}

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

ul.smenu li {
width:33.3333%}
ul.smenu li.col-50 {
width:50%}
ul.smenu li a {
padding:0;}

}

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

ul.smenu li {
width:50%}
ul.smenu li.col-100 {
width:100%}

}

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

ul.smenu li a {
font-size:3.6vw;}

}

/*  footer  =====================*/

.footer {
position:relative;
padding:40px 0;
background:#afdcdd;}
.footer::after {
content:"";
z-index:1;
position:absolute;
pointer-events:none;
width:100%;
height:100%;
left:0;
bottom:99.9%;
background:url("../../images/footer00.png") repeat-x left bottom / 800px;}
.footer .logo {
position:relative;
margin:0 auto;
width:80%;
max-width:320px;}
.footer .logo .tel {
margin:20px 0 0 0;}
.footer .logo .chara {
position:absolute;
z-index:2;
width:48%;
left:26%;
bottom:100%;}
.footer .img01 , .footer .img02 {
position:absolute;
z-index:2;
width:23%;
top:-50%;}
.footer .img01 {
left:2%;}
.footer .img02 {
right:2%;}
.footer ul {
justify-content:center;
margin:40px auto 0;
width:100%;
max-width:1200px;}
.footer ul li {}
.footer ul li a {
position:relative;
display:block;
padding:0 0.5em;
font-size:81.25%;
line-height:3em;
white-space:nowrap;
color:#6a4331;}
.footer ul li a::before {
content:"●";
margin-right:0.075em;}
.footer ul li a:hover {
color:#e80;}

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

.footer {
padding:50px 0 0 0;}
.footer::after {
background:url("../../images/footer00.png") repeat-x left bottom / 66.7%;}
.footer ul {
border-bottom:1px solid #e2f1f2;}
.footer ul li {
width:25%;
border-top:1px solid #e2f1f2;
border-right:1px solid #e2f1f2;}
.footer ul li:nth-child(4n) {
border-right:none;}
.footer ul li a::before {
display:none;}
.footer ul li a {
font-size:100%;
line-height:3.5em;}

}

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

.footer {
padding:70px 0 0 0;}
.footer .img01 , .footer .img02 {
display:none;}
.footer ul li {
width:50%;}
.footer ul li:nth-child(2n) {
border-right:none;}

}

.page-top {
z-index:997;
position:fixed;
bottom:12px;
right:8px;
width:50px;}
.page-top img {
background:#88c9ca;
border-radius:50%;
transition:background 0.25s;}
.page-top img:hover {
background:#e80;}

.copyright {
padding:1.4em 0;
font-size:13px;
line-height:1.2;
color:#6a4331;
background:#aacc03;}