@charset "UTF-8";

/* ---------------------------------------------------------------------------------------
   #unique (MENU)
   ------------------------------------------------------------------------------------ */


/* #Header（g-header）
  -------------------------------------------------------------------------- */
.kv{
background: linear-gradient(0deg, rgba(131,225,186,0.9) 10%, rgba(131,225,186,0) 70%),url("../img/menu/bg_kv.jpg") no-repeat center center;
}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.kv{
background: linear-gradient(0deg, rgba(131,225,186,0.9) 10%, rgba(131,225,186,0) 80%),url("../img/menu/bg_kv.jpg") no-repeat center center;
}
	
}



/* #cont
  -------------------------------------------------------------------------- */
.cont-in-main{ 
padding-top:55px;
}

/* ====================================================
   @media screen = max-width:1024px
   ================================================= */
@media screen and (max-width:1024px){

.cont-in-main{ 
padding-top:0;
}

}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.cont-in-main{ 
padding-top:0;
}

}



/* #sec-anchor-link
  -------------------------------------------------------------------------- */
.sec-anchor-link{
width:100%;
max-width:1040px;
margin:30px auto 20px;
}
.sec-anchor-link p:first-child{
text-align:center;
}
.sec-anchor-link ul{
margin-top:40px;
}
.sec-anchor-link li{ 
float:left;
width:31%;
margin-right:3.5%;
border-bottom:1px dotted #ccc;
}
.sec-anchor-link li:nth-child(3n){
margin-right:0;
}
.sec-anchor-link li a{ 
display:block;
padding:16px 0;
line-height:1.8;
font-size:1.3rem;
position:relative;
}
.sec-anchor-link li a:hover{
color:#999;
}
.sec-anchor-link li a i{
position:absolute;
top:11px;
right:0;
color:#999;
}

/* ====================================================
   @media screen = max-width:1024px
   ================================================= */
@media screen and (max-width:1024px){

.sec-anchor-link{
width:100%;
margin:0 auto 0;
}
.sec-anchor-link li{ 
float:left;
width:48%;
margin-right:4%;
}
.sec-anchor-link li:nth-child(3){
margin-right:4%;
}
.sec-anchor-link li:nth-child(2n){
margin-right:0;
}

}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.sec-anchor-link{
margin:0 auto 0;
}
.sec-anchor-link ul{
margin-top:15px;
}
.sec-anchor-link li{ 
float:none;
width:100%;
margin-right:0;
}
.sec-anchor-link li:nth-child(3){
margin-right:0;
}

}



/* #sec01
  -------------------------------------------------------------------------- */
.sec01{ 
padding:70px 0;
}
.sec01-in{
width:100%;
position:relative;
}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.sec01{ 
padding:40px 0 60px;
}
	
}



/* #sec02
  -------------------------------------------------------------------------- */
.sec02{ 
padding:90px 0 70px;
}
.sec02-in{
width:100%;
position:relative;
}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.sec02{ 
padding:70px 0 60px;
}
	
}



/* #sec-menu-category
  -------------------------------------------------------------------------- */
.sec-menu-category{
margin-bottom:80px;
}
.sec-menu-category:last-child{
margin-bottom:0;
}

.sec-menu-category .ctgy{
font-size:1.4rem;
width:25%;
float:left;
padding-top:60px;
}
.sec-menu-category .ctgy .eng{
position:relative;
margin-bottom:40px;
font-size:1.8rem;
letter-spacing:3px;
}
.sec-menu-category .ctgy .eng::after{
content:"";
border-bottom:1px #aaa solid;
position:absolute;
left:0;
bottom:-20px;
width:20px;
}
.sec-menu-category .ctgy .s-ctgy-small{
margin-top:10px;
font-size:1.3rem;
letter-spacing:2px;
}
.sec-menu-category .ctgy .s-ctgy-small-ex{
margin-top:5px;
font-size:1rem;
padding-right:3em;
}

.sec-menu-category .detl{
float:right;
width:75%;
padding-top:70px;
}

.sec-menu-category .menu-list{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.menu-list .menu-list-article{
width:31%;
margin:60px 3.5% 40px 0;
}
.menu-list .menu-list-article.s-no-image{
margin:15px 3.5% 15px 0;
}
.menu-list .menu-list-article.s-border-top{
border-top:1px solid #eee;
padding-top:30px;
}
.menu-list .menu-list-article:nth-child(3n){
margin-right:0;
}
.menu-list .menu-list-article:nth-child(1),
.menu-list .menu-list-article:nth-child(2),
.menu-list .menu-list-article:nth-child(3){
margin-top:0;
}

.menu-list .menu-list-article .image{ 
width:100%;
margin-top:5px;
overflow: hidden;
position:relative;
z-index:1;
border-radius:30px;
}
.menu-list .menu-list-article img{
width:100%;
height:auto;
display: block;
}

.menu-list .menu-list-article .txt{
width:100%;
padding:15px 5px 0 5px;
}
.menu-list .menu-list-article h4{
font-size:1.4rem;
font-weight:bold;
line-height:1.4;
}
.menu-list .menu-list-article h4 .sub{
font-size:1.1rem;
font-weight:normal;
}
.menu-list .menu-list-article h4 .hot-red{
font-size:1rem;
color:#f19ec2;
}
.menu-list .menu-list-article h4 .ice-blue{
font-size:1rem;
color:#61c4f3;
}
.menu-list .menu-list-article h4 .blank-gray{
font-size:1rem;
color:#aaa;
}
.menu-list .menu-list-article h4 .note{
font-size:0.8rem;
font-weight:normal;
color:#666;
}
.menu-list .menu-list-article .explan{
font-size:1.2rem;
line-height:1.5;
margin-top:0;
padding-top:2em;
}
.menu-list .menu-list-article .explan span{
font-size:1rem;
color:#666;
}
.menu-list .menu-list-article .price{
font-size:1.2rem;
font-weight:bold;
line-height:1.4;
color:#666;
margin-top:0;
padding-top:1em;
}
.menu-list .menu-list-article .price span{
font-size:1.1rem;
}
.menu-list .menu-list-article .price span.s-light-small{
font-size:0.8rem;
font-weight:normal;
letter-spacing:0;
}

/* ====================================================
   @media screen = max-width:1024px
   ================================================= */
@media screen and (max-width:1024px){

.sec-menu-category .ctgy{
font-size:1.5rem;
width:100%;
max-width:100%;
float:none;
padding-top:30px;
margin-bottom:0;
}

.sec-menu-category .ctgy .eng{
position: relative;
margin-bottom:-3px;
float:left;
font-size:1.6rem;
margin-right:10px;
}
.sec-menu-category .ctgy .eng::after{
content:"";
border-bottom:none;
position:absolute;
left:0;
bottom: 0px;
width: 0px;
}
.sec-menu-category .ctgy .s-ctgy-small{
margin-top:40px;
position:relative;
}
.sec-menu-category .ctgy .s-ctgy-small::before{
content:"";
border-top:1px #aaa solid;
position:absolute;
left:0;
top:-20px;
width:20px;
}
.sec-menu-category .ctgy .s-ctgy-small-ex{
padding-right:0;
}

.sec-menu-category .detl{
width:100%;
max-width:100%;
padding-top:30px;
}

.menu-list .menu-list-article.s-no-image{
margin:15px 3.5% 15px 0;
}
.menu-list .menu-list-article.s-border-top{
padding-top:15px;
}
.menu-list .menu-list-article:nth-child(3n){
margin-right:0;
}
.menu-list .menu-list-article:nth-child(1),
.menu-list .menu-list-article:nth-child(2),
.menu-list .menu-list-article:nth-child(3){
margin-top:0;
}

}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.menu-list .menu-list-article{
width:47%;
margin:25px 6% 30px 0;
}
.menu-list .menu-list-article.s-no-image{
margin:5px 6% 5px 0;
}
.menu-list .menu-list-article.s-border-top{
border-top:1px solid #eee;
padding-top:5px;
}
.menu-list .menu-list-article:nth-child(3n) {
margin-right:6%;
}
.menu-list .menu-list-article:nth-child(2n) {
margin-right:0;
}
.menu-list .menu-list-article:nth-child(3){
margin-top:25px;
}
.menu-list .menu-list-article.s-no-image:nth-child(3){
margin:5px 6% 5px 0;
}

.menu-list .menu-list-article h4{
font-size:1.3rem;
}
.menu-list .menu-list-article h4 .sub{
font-size:1rem;
}
.menu-list .menu-list-article .explan{
font-size:1rem;
}
.menu-list .menu-list-article .explan span{
font-size:0.8rem;
}
.menu-list .menu-list-article .price{
font-size:1rem;
letter-spacing:1px;
}
.menu-list .menu-list-article .price span{
font-size:0.8rem;
}
.menu-list .menu-list-article .price span.s-light-small{
font-size:0.6rem;
font-weight:normal;
letter-spacing:0;
}

}



/* #sec in ...
  -------------------------------------------------------------------------- */


/*doc
---
name: txt-privacy
category: general
tag: text(box)
---
*/
.txt-note-box{
margin:40px 40px 0;
padding:20px 30px;
border:1px solid #e5e5e5;
background-color:#f6f6f6;
text-align:justify;
}
.txt-note-box .txt-ex{
font-size:1rem;
line-height:1.6;
}
.txt-note-box .txt-main{
font-size:1.2rem;
line-height:1.6;
font-weight:bold;
padding-bottom:0.3em;
}

/* ====================================================
   @media screen = max-width:1024px
   ================================================= */
@media screen and (max-width:1024px){

.txt-note-box{
margin:40px 0 40px;
padding:20px 20px;
}

}


/*doc
---
name: txt + image
category: general
tag: text + img
---
*/

/* txt */
.txt{
width:47.5%;
position:relative;
z-index:100;
}
.txt.L{
float:left;
}
.txt.R{
float:right;
}
.txt h3{
font-size:2.1rem;
letter-spacing:6px;
line-height:2.2;
color:#111;
}
.txt h3.s-padding-bottom{
padding-bottom:1em;
}
.txt p{ 
margin-top:26px;
line-height:2.2;
text-align:justify;
}
.txt p b{ 
font-weight:bold;
}
.txt li:first-child{
margin-right:2%;
}

/* image */
.image{
width:47.5%;
max-width:520px;
}
.image.L{
float:left;
}
.image.R{
float:right;
}
.image.FullW{
width:100%;
}
.image.s-margin-top{
margin-top:28px;
}
.image img{
width:100%;
height:auto;
border-radius:30px;
}

/* ====================================================
   @media screen = max-width:1039px
   ================================================= */
@media screen and (max-width:1039px){

/* txt */
.txt{
width:50.5%;
}
.txt.half-long{
width:100%;
}
.txt.L{
padding-right:3%;
}
.txt.R{
padding-left:3%;
}
.txt h3{
padding-top:10px;
}
.txt p{
margin-top:20px;
}

/* image */
.image{
width:47.5%;
}

}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

/* txt */
.txt{
width:100%;
}
.txt.L{
float:none;
padding-right:0;
}
.txt.R{
float:none;
padding-left:0;
}
.txt h3{ 
padding-top:30px;
font-size:1.5rem;
}
.txt h3.s-padding-bottom{
padding-bottom:0;
}
.txt p{
font-size:1.2rem;
}

/* image */
.image{
width:100%;
margin-bottom:10px;
margin:0 auto;
}
.image.L{
float:none;
}
.image.R{
float:none;
}
	
}


/*doc
---
name: morebtn
category: general
tag: button
---
*/
.morebtn{
margin-top:30px;
width:45%;
letter-spacing:2px;
float:left;
position:relative;
}
.morebtn.single{
margin:30px auto 0;
width:100%;
float:none;
}
.morebtn a {
background-color: #fff;
border: 1px solid #333;
color: #333;
line-height: 42px;
width:100%;
}
.morebtn a:hover {
background-color: rgba(51,51,51,1);
border-color: #333;
color: #fff;
}
.morebtn i{
position:absolute;
top:3px;
right:15px;
}

/* ====================================================
   @media screen = max-width:740px
   ================================================= */
@media screen and (max-width:740px){

.morebtn{
width:49%;
}
.morebtn a{
font-size:1.3rem;
}

}