@charset "utf-8";
html{calc(100vw / 1500);}


/*  common
----------------------------------------------------------------------------------------------------------- */
h2{font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    font-size: clamp(20px,8vw,130px);
    color: #fff;
    text-align: center;
    width: 95%;
    margin: 0 auto 3% auto;
    text-shadow: -1px 1px 10px #7e5344, -1px 1px 10px #7e5344;
}



/*  news
----------------------------------------------------------------------------------------------------------- */

.news-container{width: 100%; padding-top: 200px;  background:url(../img/common/common-cont-bg.jpg) #e8dcc6 top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 5%;}
.slider-box{width: 95%; max-width: 1500px; margin: 5% auto 0 auto; justify-content: safe center; padding-bottom:5%;}
.swiper-slide{ width: 31%; margin: 2% 1%; height: auto;}



.news-list-cont{ width: 100%; background: #685348; color: #fff; padding:2% 2% 4% 2%; border-radius: 10px; overflow: hidden;  height: 94%; display: flex; flex-direction: column; 
box-shadow:rgba(255, 241, 220, 0.309804) 0px 0px 6px 3px;
}
.news-img{width: 100%; border-radius: 10px 10px 0 0; overflow: hidden;}
.news-img img{width: 100%;}
.news-list-cont img{}
.news-txt{width: 90%; padding: 6% 3% 3% 3%; font-size: clamp(14px,4vw,1.26em); margin: 0 auto; line-height:1.61; font-weight: 400; letter-spacing: 0.05em; transform:rotate(0.1deg);}
.date{width: 45%; background: #308791; color: #fff; border-radius: 30px; text-align: center; padding: 2px 0; font-size: clamp(12px,1.1vw,16px); margin: auto 2% 0 auto; font-weight: 400; font-family: 'Lato', sans-serif;}



.news-txt a{ color: #ffd1c1; text-decoration: none;}
.news-txt a:visited { color: #ffd1c1; }
.news-txt a:hover { color: #ffd1c1; text-decoration: underline;}
.news-txt a:active { color: #ffd1c1; }


.countimg{width: 95%; margin: 0 auto; padding-bottom: 5%;}
.countimg li{width: 49%; padding: 0.5%;}
.countimg li div{padding: 3%; text-align: center; font-size: 80%; transform:rotate(0.1deg);}

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

h2{ font-size: clamp(20px,10vw,80px);}

.slider-box{width: 100%; max-width: 1500px; margin: 0; justify-content: safe center; padding-bottom:5%;}
.news-list-cont{ width: 96%; background: #685348; color: #fff; padding:2% 2% 4% 2%; border-radius: 10px; overflow: hidden;  height: 94%; display: flex; flex-direction: column; 
}

.news-container{width: 100%; padding-top: 100px;
background:url(../img/common/common-cont-bg.jpg) #e8dcc6 top center no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;

}

.swiper-slide{ width: 92%; margin: 2% 2%; height: auto;}

.news-txt{font-size: clamp(16px,3vw,20px); padding-bottom: 5%; }
.date{font-size: clamp(10px,3vw,12px); margin: auto 2% 0 auto; font-weight: 400; }
}



/*  news page
----------------------------------------------------------------------------------------------------------- */
.news-inner-article-box{
    width: 95%;
    max-width: 1000px;
    margin: 0 auto 5% auto;
    background: #fef0da;
    border-radius: 10px;
    border: solid 3px #b29466;
    font-size: clamp(18px,3vw,24px);
    color: #685348;
    overflow: hidden;
     
}

.hero-box{border-bottom: solid 1px #b29466;}

.hero-box2{width: 70%; margin: 5% auto 3% auto; border: solid 2px #b29466;}

h3.news-main-title{color: #fff; background:#ff6732; width: 85%; margin: 5% auto 0 auto; font-size: clamp(18px,5vw,35px); padding: 3%; text-align: center; line-height:1.31; border-radius: 20px;}


.news-inner-article-box h4{background:#685348; color: #ffefd4; width: 95%; margin: 0 auto; font-size: clamp(18px,5vw,35px); padding: 2.5% 5%; text-align: left; line-height:1.61; }

.news-inner-article-box h5{width: 95%; max-width: 900px; margin: 0 auto; color: #308791; width: 95%; margin: 0 auto; font-size: clamp(16px,3vw,25px); padding: 5% 5% 0 5%; line-height:1.61; }

.news-lead{width: 95%; max-width: 900px; margin: 0 auto; font-size: clamp(0.96999rem,3.11111vw,1.27815rem); line-height:1.61; padding: 5% 0; font-weight: 500; letter-spacing: 0.0em;  transform:rotate(0.1deg);}
.news-text{width: 95%; max-width: 900px; margin: 0 auto; font-size: clamp(0.96999rem,3.11111vw,1.27815rem); padding: 5% 0; font-weight: 500; line-height:1.61;letter-spacing: 0.0em; transform:rotate(0.1deg); }
.news-cont-img{width: 95%; max-width: 800px; margin: 0 auto 5% auto;}

.news-text .point,
.news-lead .point{color: #ff6732;}


@media screen and (max-width: 768px) {
.news-lead{width: 90%;}
.news-text{width: 90%;}
}

.news-inner-article-box a{ color: #308791; text-decoration: underline;}
.news-inner-article-box a:visited { color: #308791; }
.news-inner-article-box a:hover { color: #308791; text-decoration: none;}
.news-inner-article-box a:active { color: #308791; }

.free-btn-w50p{width: 50%; margin: 0 auto;}
.fee-btn{padding-top: 5%;}

.fee-btn a{
	width: 90%;
	display: block;
	background:#308791;
	color: #fff;
	border-radius: 50px;
	padding: 2% 5%;
	text-align: center;
	text-decoration: none;
}
.fee-btn a:visited {color: #fff; }
.fee-btn a{ color: #ffd1c1; text-decoration: none;}
.fee-btn a:hover{color: #fff; background:#ff6732;}
.fee-btn a:active { color: #fff; }


.free-btn-w50p a{ color: #fff; text-decoration: none;}
.free-btn-w50p a:visited { color: #fff; }
.free-btn-w50p a:hover { color: #fff; text-decoration: none;}
.free-btn-w50p a:active { color: #fff; }

.more-btn{width: 50%; max-width: 300px; padding: 0 0 2% 0; margin:0 auto 0; }
.more-btn a{color: #fff1db; width: 100%; background: #308791; display:block;  border-radius: 50px; font-weight: 600; padding: 4% 0;  font-size: clamp(20px,2.5vw,25px); box-shadow:rgba(190, 164, 126, 0.309804) 0px 0px 6px 3px; text-align: center;}
.more-btn a:hover{ color: #fef0da; background:#ff6732;}
.more-btn span{display:inline-block; transform:rotate(90deg); margin-right: 10px; margin-left:-15px;}



@media screen and (max-width: 768px) {
.free-btn-w50p{width: 90%; line-height: 1.4; }
}



ul.disc2 li{
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    padding-bottom: 0.3em;
    text-align: left;
    font-size: clamp(14px,3vw,16px);
    transform:rotate(0.1deg);
   
}
.news-text .disc2 li:before {
    content: '※';
}


ul.disc3 li{
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    padding-bottom: 0.3em;
    text-align: left;
    font-size: clamp(14px,3vw,16px);
    transform:rotate(0.1deg);
   
}
.news-text .disc3 li:before {
    content: '・';
}



/*  photo
----------------------------------------------------------------------------------------------------------- */
.result-list{
	width: 90%; margin: 0 auto;
}

.result-item-box{width: calc(48% - 8px); margin: 2% 1%; border: solid 4px #685348; background: #685348; color: #ffefd4; border-radius: 10px; overflow: hidden; font-size: clamp(14px,3vw,20px); transform:rotate(0.1deg); line-height:1.61;}

.result-item-title{background: #e75e1a; text-align: center; padding: 0.5em; font-size: 120%; color: #fff; font-weight: 600; }
.result-item-img{width: 98%; margin: 2% auto; position: relative;}
.result-item-name{padding: 0.5em;}
.result-item-sstitle{padding: 0.5em 0.5em 0 0.5em; font-size: 130%; color: #ffa688;}
.result-item-word{padding: 0.5em; font-size: 100%; color: #fcccbc;}
.result-item-message{padding: 1.5em 0.5em 1.5em 0.5em;}
.result-item-message span{color: #71c7d0;}

@media screen and (max-width: 768px) {
.result-item-box{width: calc(98% - 8px); margin: 2% 1%; border: solid 4px #685348; border-radius: 10px; overflow: hidden; font-size: clamp(14px,3vw,20px); transform:rotate(0.1deg); line-height:1.61;}

}