@charset "UTF-8";



/*==================================================================

INTRODUCTION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
p{
font-size:13px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
p{
font-size:14px;
line-height:1.35em;
text-align:justify;
}
}









/*==================================================================

INFORMATION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.information_area{
width:1000px;
margin:0 auto;
padding:60px 0 30px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:28px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h2{
width:14%;
margin:60px auto 0;
}
.information_area h4{
font-size:20px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.3em;
}
.information_area p{
font-size:16px;
font-weight:500;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.8em;
}
.information_area p span{
border:1px solid #C11823;
padding:0.3em 1em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.information_area{
width:98%;
margin:0 auto;
padding:40px 0 20px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:24px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h2{
width:14%;
margin:40px auto 0;
}
.information_area h4{
font-size:18px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.3em;
}
.information_area p{
font-size:16px;
font-weight:500;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.8em;
}
.information_area p span{
border:1px solid #C11823;
padding:0.3em 1em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.information_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:20px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
line-height:1.35em;
}
.information_area h2{
width:30%;
margin:30px auto 0;
}
.information_area h4{
font-size:16px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:16px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1em;
}
.information_area p{
font-size:15px;
line-height:1.35em;
font-weight:500;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.8em;
border:1px solid #C11823;
padding:0.3em 1em;

}
}









/*==================================================================

TYPE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.type_area{
width:1000px;
margin:0 auto;
padding:0 0 30px;
}
.type_area ol{
}
.type_area ol li{
width:46%;
margin:30px 2% 0;
float:left;
}
.type_area h3{
width:46%;
height:auto;
margin:0 auto 5px;
}
.type_area div{
}
.swiper-container {
width:100%;
height:auto;
}
:root{
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.slider3{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail3 .swiper-slide-active{
opacity: 0.5;
}
.slider4{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail4 .swiper-slide-active{
opacity: 0.5;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.type_area{
width:98%;
margin:0 auto;
padding:0 0 20px;
}
.type_area ol{
}
.type_area ol li{
width:48%;
margin:20px 1% 0;
float:left;
}
.type_area h3{
width:44%;
height:auto;
margin:0 auto 5px;
}
.type_area div{
}
.swiper-container{
width:100%;
height:auto;
}
:root {
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.slider3{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail3 .swiper-slide-active{
opacity: 0.5;
}
.slider4{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail4 .swiper-slide-active{
opacity: 0.5;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.type_area{
width:94%;
margin:0 auto;
padding:20px 0 30px;
}
.type_area ol{
}
.type_area ol li{
width:90%;
margin:20px 5% 0;
}
.type_area h3{
width:50%;
height:auto;
margin:0 auto 5px;
}
.type_area div{
}
.swiper-container {
width:100%;
height:auto;
}
:root{
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.slider3{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail3 .swiper-slide-active{
opacity: 0.5;
}
.slider4{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail4 .swiper-slide-active{
opacity: 0.5;
}
}









/*==================================================================

FEE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:1000px;
margin:0 auto;
padding:50px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:90%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
}
.fee_area th, .fee_area td{
font-size:16px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:18px;
font-weight:500;
text-align:center;
background-color:#FFF;
padding:1em;
position: sticky;
top:0;
}
.fee_area table p{
text-align:center;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:100%;
margin:0 auto;
padding:40px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:90%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
}
.fee_area th, .fee_area td{
font-size:15px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:16px;
font-weight:600;
text-align:center;
background-color:#FFF;
padding:1em;
position: sticky;
top:0;
}
.fee_area table p{
text-align:center;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:100%;
margin:0 auto;
padding:40px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:90%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
}
.fee_area th,.fee_area td{
font-size:18px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area td.fee{
font-size:18px;
text-align:center;
background-color:#1F3134;
color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:18px;
font-weight:600;
text-align:center;
padding:1em;
position: sticky;
top:0;
}
.fee_area table td{
display:block;
}
}








/*==================================================================

SWIPER

==================================================================*/
.swiper-container{
text-align:center;
cursor:grab;
}
.swiper-container:active{
cursor:grabbing;
}
.swiper-container .swiper-slide img{
max-width:100%;
width:100%;
height:auto;
}
.thumbs{
height:10%;
box-sizing:border-box;
padding:10px 0;
}
.thumbs .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs .swiper-slide:active{
cursor:grabbing;
}
.thumbs .swiper-slide-active{
opacity:1;
}
.thumbs2{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs2 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs2 .swiper-slide:active{
cursor:grabbing;
}
.thumbs2 .swiper-slide-active{
opacity:1;
}
.thumbs3{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs3 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs3 .swiper-slide:active{
cursor:grabbing;
}
.thumbs3 .swiper-slide-active{
opacity:1;
}
.thumbs4{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs4 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs4 .swiper-slide:active{
cursor:grabbing;
}
.thumbs4 .swiper-slide-active{
opacity:1;
}
@media (max-width:600px){
.swiper-blind-left,.swiper-blind-right{
display:none;
}
}