@charset "UTF-8";
/* CSS Document */
img,.wrapper{
	width: 100%;
	max-width: 100%;
	height: auto;
	font-size: 62.5%;
	color: #002638;
	font-family:  -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
/*	font-family: 'Sorts Mill Goudy', serif;*/
}  
.footer-txt{
		font-family:  -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
nav,h1,h2,h3,h4,footer ul,.menu_ttl,.header_txt{
	font-family: 'Sorts Mill Goudy', serif;
}
.about-btn2,.about-btn3:hover{
	opacity: 0.5;
}
.start{
	display: none;
}
a:hover {
  opacity: 0.5;
}
.sample11 {
  width: 50px;
  height: 50px; 
  border: 1px solid #62A3AD;
  background-color: #9FE1F1; 
  transition: all 1s;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	display: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	display: none;
}
/*============
btn
=============*/
.s_wrapper1 li,
.s_wrapper2 li,
.s_wrapper3 li,
.s_wrapper4 li,
.s_wrapper5 li{
	padding-bottom: 1.5vh;
}
#openModal,#openModal2,#openModal3,#openModal4,#openModal5{
				background-color: rgba(255, 255, 255, 0.3);
    font-size: 1vw;
    padding: 4% 6% 3%;
    color: #fff;

		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(40px);
}


.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
       background-color: rgba(255, 255, 255, 0.4);
    z-index: 9;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
	pointer-events: none;}
.modalDialog:target {
   opacity: 1;
    pointer-events: auto;
}
.modalDialog > div {
width: 50%;
    position: relative;
        margin: 12% auto;
	    border-bottom: solid 1px;
	overflow-y:scroll;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;	
			
}
.toggle_contents dd {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    overflow-scrolling: auto;
    height: 30vh;
}
.close {
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    display: block;
    margin: 0vw;
    font-size: 5vw;
    /* width: 100%; */
    padding-left: 42.7vw;
    padding-bottom: 3vh;
    margin-top: -4vh;
}
		.modalDialog{
			color: #fff;
		}
		.xxx1,.xxx2{
    width: 0.1px;
    height: 3.9vh;
    margin-top: 0vh;
    display: block;
    border: solid 1px;
		}	
		.xxx1{
			transform: rotate(43deg);
    display: block;
		}
		.xxx2{
			    transform: rotate(-43deg);
    margin-top: -3.9vh;
}
			
		
.menu_ttl{
    width: 30%;
    font-size: 2vw;
    /* padding-top: 10%; */
    margin-top: -7.6%;
    padding-bottom: 2vh;
		}
		.banira{
    margin-left: -3vw;
    font-size: 1.8vw;
    padding: 2vh 3vw 2vh;
    border-bottom: solid 2px;
    width: 80%;
			    margin-bottom: 4vh;
		}
		#openModal ul{
		    padding-bottom: 2vh;
    padding-left: 3vw;
		}



dd{
padding-top: 3vh;
    font-size: 1.4vw;
}

.vv{
	border-bottom: solid 1px!important;
}

.xx_gp{
	padding-left: 42vw;
	color: #fff;
}

.key{
  background: no-repeat center center;
  background-size: cover;
  padding: 30px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.toggle_contents {
border: 1px solid;
}
.toggle_title {
    position: relative;
    padding: 1.8vw 2.5vw 1.8vw;
    cursor: pointer;
    /* border: solid 2px; */
    font-size: 1.7vw;
    text-align: left;
    line-height: 1.4;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	    background: none;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 10px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}	

/*test2*/
.toggle_title2 {
	position: relative;
	padding: 15px;
	cursor: pointer;
	border-bottom: solid 1px;
	font-size: 26px;
	    text-align: left;
	line-height: 1.4;
}
.toggle_btn2{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	    background: none;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.menu_ttl2{
			width: 30%;
    padding-left: 18%;
    font-size: 2vw;
	padding-top: 10%;
		}
		.banira2{
    margin-left: -3vw;
    font-size: 1.8vw;
    padding: 2vh 3vw 2vh;
    border-bottom: solid 2px;
    width: 80%;
			    margin-bottom: 4vh;
		}
		#openModal2 ul{
		    padding-bottom: 2vh;
    padding-left: 3vw;
		}

/*////////////*/
/*test3*/


.menu_ttl3{
    width: 30%;
    padding-left: 18%;
    font-size: 2vw;
    padding-top: 10%;
		}
		.banira3{
    margin-left: -3vw;
    font-size: 1.8vw;
    padding: 2vh 3vw 2vh;
    border-bottom: solid 2px;
    width: 80%;
			    margin-bottom: 4vh;
		}
		#openModal3 ul{
padding-bottom: 3vh;
    padding-left: 3vw;
		}


/*////////////*/
/*test4*/


.menu_ttl4{
    width: 30%;
    padding-left: 18%;
    font-size: 2vw;
    padding-top: 10%;
		}
		.banira4{
    margin-left: -3vw;
    font-size: 1.8vw;
    padding: 2vh 3vw 2vh;
    border-bottom: solid 2px;
    width: 80%;
			    margin-bottom: 4vh;
		}
		#openModal4 ul{
padding-bottom: 3vh;
    padding-left: 3vw;
		}
		#openModal5 ul{
padding-bottom: 3vh;
    padding-left: 3vw;
		}


/*
html, .is-fixed,
html, .is-fixed body {
    height: 100%;
    overflow: hidden;
  }
*/




.relative{
	position: relative;
}



/*
#openModal:before{
  content: "";
  display: block;
  position: absolute;
  background: inherit;
  filter: blur(5px);
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
}
*/





/*============
nav
=============*/
/*============
nav
=============*/
nav{
	margin-left: 38vw;
}
nav ul{
 	top: 4vw;
    width: 88%;
    display: flex;
}
nav li a{
	padding-left: 4vw;
    font-size: 1.6vw;
    font-weight: 200;
    color: #fff;
}
section{
	color: #fff;
}



	
.header-absolute{
	position: absolute;
    top: 4vw;
    z-index: 1;
/*    display: flex;*/
    left: 4vw;
}
.header-logo{
	top: 1rem;
	left: 2rem;
}
.header_txt{
color: #fff;
	padding-right: 5vw;
    padding-top: 32%;
     width: 52%;
    font-size: 3.4vw;
    letter-spacing: 0.2vh;
    line-height: 2;
}
.header-absolute{
	z-index: 10!important;
}	
.banner-wrapper-fixed {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background-image: none;
	z-index:-1;	
}	
.header-flex{
	display: flex;
    justify-content: center;
    margin-top: 19vh;
    width: 90%;
    padding-left: 40vw;
		
		}
.header-gp {
    background: url(../images/map/header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0vh;
    padding-bottom: 22.3%;
}	
	
	
	
.header-absolute{
position: absolute;
    top: 4vw;
    z-index: 1;
/*    display: flex;*/
    left: 4vw;
}
	.swiper-wrapper .swiper-slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        height: 100vh;  
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
		position: relative
}
/* 全体のスタイル */
.swiper-wrapper {
	width: 100%;
	height: 250px;
}
/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 250px;
}
/* 4の倍数＋1枚目のスライドのスタイル（1枚目、5枚目…） */
.swiper-slide:nth-child(4n+1) {
		 background: url("../images/menu/header1.jpg");
	    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
/* 4の倍数＋2枚目のスライドのスタイル（2枚目、6枚目…） */
.swiper-slide:nth-child(4n+2) {
		 background: url("../images/menu/header1.jpg");
	    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
/* 4の倍数＋3枚目のスライドのスタイル（3枚目、7枚目…） */
.swiper-slide:nth-child(4n+3) {
		 background: url("../images/menu/header2.jpg");
	    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
/* 4の倍数＋4枚目のスライドのスタイル（4枚目、8枚目…） */

.swiper-slide:nth-child(4n+4) {
		 background: url("../images/menu/header3.jpg");
	    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
		

	
	
/*============
header
=============*/
.header-absolute{
	position: absolute;
    top: 4vw;
    z-index: 1;
    display: flex;
    left: 4vw;
}
.header-logo{
	top: 1rem;
	left: 2rem;
}

.header-absolute{
	z-index: 10!important;
}	
.banner-wrapper-fixed {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background-image: none;
	z-index:-1;	
}	
.header-flex{
	display: flex;
    justify-content: center;
    margin-top: 19vh;
    width: 90%;
    padding-left: 40vw;
}
/*============
nav
=============*/
nav{
	margin-left: 38vw;
}
nav ul{
 	top: 4vw;
    width: 88%;
    display: flex;
}
nav li a{
	padding-left: 4vw;
    font-size: 1.6vw;
    font-weight: 200;
    color: #fff;
}
section{
	color: #fff;
}	
/*============
section
=============*/
.about-btn,.about-btn2,.about-btn3{
	background-color: rgba(255, 255, 255, 0.3);
	font-size: 1vw;
    padding: 4% 6% 4%;
	color: #fff;
    text-transform: uppercase;
}
.about-btn{
    width: 20%;
}
.about-btn2{
    width: 28%;
}
.about-btn3{
    width: 27%;
}

.about-btn:hover{
	opacity: 0.5;
}.about-btn2:hover{
	opacity: 0.5;
}
.about-btn3:hover{
	opacity: 0.5;
}



/*============
wrapper
=============*/
.s_wrapper1,.s_wrapper2,.s_wrapper3,.s_wrapper4,.s_wrapper5{
    background-repeat: no-repeat;
    padding-top: 10%;
    padding-bottom: 10%;
}
.s_wrapper1{
    background: url("../images/menu/main1.jpg");
	background-size: cover;
}
.s_wrapper2{
  background: url("../images/menu/main2.jpg");
	background-size: cover;
}
.s_wrapper3{
	  background: url("../images/menu/main3.jpg");
	background-size: cover;
}.s_wrapper4{
   background: url("../images/menu/main4.jpg");
	background-size: cover;
}
.s_wrapper5{
  background: url("../images/menu/main5.jpg");
	background-size: cover;
}

/*============
section1
=============*/
.s_1box{
    border: solid 1px;
    width: 42%;
    padding-left: 3vw;
    margin-left: 50%;
    padding-bottom: 3vh;
}
.ttl,.ttl2,.ttl3{
	padding: 5vh 0 5vh;
    font-size: 1.8vw;
}
.s_1txt p{
	padding-bottom: 3vh;
    font-size: 1vw;
    letter-spacing: 0.1vw;
    line-height: 1.8;
}




/*============
section2
=============*/
.s_2txt p{
	padding-bottom: 4vh;
    font-size: 1vw;
    letter-spacing: 0.1vw;
    line-height: 1.8;
}
.s_3txt p{
	padding-bottom: 5vh;
    font-size: 1vw;
    letter-spacing: 0.1vw;
    line-height: 1.8;
}



/*============
btn
=============*/
.about_btn2{
    width: 36%;
    padding: 5.8%;
    border: solid 1px;
    background: #fff;
    opacity: 0.2;
}
.s_2box{
	border: solid 1px;
	width: 42%;
    padding-left: 3vw;
    margin-left: 10%;
	padding-bottom: 3vh;
}
.s_3box{
    border: solid 1px;
    width: 42%;
    padding-left: 3vw;
    margin-left: 50%;
    padding-bottom: 5vh;
}

/*============
section
=============*/
.n_wrapper{
	padding-bottom: 8vw;
	 width: 100%;
	background: #fff;
	color: #002638;
	font-size: 1.2vw;
}
.n_wrapper a{
	color: #002638;
}
.n_wrapper a:hover {
  opacity: 0.5;
}
.n_wrapper dl {
    width: 50%;
    border-bottom: solid 1px  #002638;
	 margin: auto;
}
.n_wrapper dt{
    clear: left;
    float: left;
    padding: 25px 0 25px 0px;
    width: 15%;
      color: #002638;
}
.n_wrapper dd {
width: 49vw;
	color: #002638;
   padding: 25px 0;
	 padding-left: 14.5vw;
}
.n_inner{
		font-size: 0.9vw;
		padding-bottom: 8vw;
	}
.all{
	    text-align: end;
    
    width: 74%;

    padding-top: 2vh;
	color: #002638;
}
.all::after{
	content: "＞";
    padding-left: 1vw;
}
.media{
	text-align: center;
    border: solid 1px #002638;
    width: 36%;
    margin: auto;
    padding: 2% 0 2%;
}
.media p{
	color: #002638;
}
.media_txt{
   padding: 1vw;
    letter-spacing: 0.1vw;
    font-size: 1vw;
}
.tel{
	    background-color: rgba(255, 255, 255, 0.3);
    font-size: 1.6vw;
    padding: 2% 0% 2%;
    letter-spacing: 0.2vw;
    width: 71%;
    margin: 1vh auto;
}
/*============
footer
=============*/
footer{
	width: 100%;
	text-align: center;
	color: #002638;
}
footer a{
	color: #002638;
}
.footer-icon{
	 margin: 12vh 0 8vh;
}
.footer-icon img{
	width: 14%;
}
footer ul{
    display: flex;
    margin: 3vh auto 3vh;
    justify-content: center;
    font-size: 1.4vw;
}
.icon-gp{
	    display: flex;
    padding: 5vh 0 2vh;
    /* margin: 5vh auto; */
    justify-content: center;
    font-size: 1.4vw;
}
footer li{
	    padding: 0 4vw;
}
.icon-gp li{
	    padding: 0 2.8vw;
}
.f-icon{
    padding-top: 0;
    margin-top: -2.2%;
    width: 10vw;
}
.footer-txt{
width: 75%;
    padding: 5vw;
    text-align: left;
    margin: 3vh auto 7vh;
    font-size: 1vw;
    letter-spacing: 0.2vw;
    line-height: 2;
}
.footer_bg{
    width: 100%;
    margin-top: 8vh;
    background-size: cover;
    background: url("../images/menu/footer_bg.jpg");
    /* height: 40vh; */
    max-width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 1%;
}
.footer-copyrights{
    padding: 3vh 0 3vh;
    color: #fff;
    font-size: 1.1vw;
    /* border-bottom: solid 1px; */
    width: 80%;
    margin: auto;
}



.menu-btn{
	display: none;
}
.nav-button {
  display: none;
}
.nav-wrap.open {
  display: block;
}
.nav-wrap.close {
  display: none;
}
.sp{
	display: none;
}
.spp{
	display: none;
}
@media (max-width: 896px){
.pc{
	display: none;
}
	.sp{
		display: block;
	}
	.header-logo{
		z-index: 100;
	}
/*============
nav
=============*/
.bbb a:hover {
    opacity: 1.5;
}
.nav-button {
	display: block;
   cursor: pointer;
 }
.nav-wrap {
	position: fixed;
   left: 0;

   top: 0;
   display: none;
	z-index: 10;
      background-color: rgba(0, 0.0, 0, 0.8);
   width: 100%;
	height: 100%;
		overflow-y:scroll;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;
	}
.nav {
	height: 100%;
   position: relative;
	overflow-x: hidden;
   overflow-y: auto; 
}
.nav li {
   display: block;
	margin: 2em;}
.nav a {
   color: #fff;
	 font-size: 18px;
 }
/*メニューボタンのエフェクト*/
 .nav-button,
 .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}
.nav-button {
    z-index: 10001;
    position: relative;
    width: 8vw;
    height: 34px;
    top: 1vw;
        margin-left: 36vw;
 }
 .nav-button span {
	 position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
	 background-color: #fff;
	 border-radius: 4px;
  }
.nav-button span:nth-of-type(1) {
  	top: 0;
}
.nav-button span:nth-of-type(2) {
    top: 16px;
  }
.nav-button span:nth-of-type(3) {
    bottom: 0;
  }
.nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
 }
.nav-button.active span:nth-of-type(2) {
    opacity: 0;
 }
 .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
.nav-flex{
	 display: flex;
    margin-top: 6vw;
    justify-content: space-between;
    width: 90%;
	    z-index: 30;
    position: fixed;
}
nav ul{
	width: 80%;
    flex-direction: column;
    border: solid 1px #fff;
        margin: 40% auto 0;
   padding: 8% 0 12%;
  padding-right: 1.3%;
	
}	
nav li div{
	display: none;
}
nav li a {
   font-size: 5vw;
   color: #fff;
   padding-bottom: 1;
}
nav li {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    padding-top: 11vw;
	    padding-right: 1%;
}
nav span{
	font-size: 2vw;
	color: #fff;
   text-align: center;
	display: block;
	padding-left: 3vw;
}
nav {
   margin-left: 0vw; 
}
	nav a{
		padding-left: 0!important;
	}
	.n-f{
       margin: -3vh auto;
    width: 10%;
    padding-left: 3vw;
    padding-bottom: 11%;
	}
	.n-f2{
margin: -7vh auto;
    width: 12%;
    padding-left: 3vw;
		padding-top: 4vh;
   padding-bottom: 18%;
}
/*
.n1::after{
	content: "＞";
    padding-left: 1vw;
}
*/
/*============
header
=============*/
.header_txt {
    color: #fff;
    padding-top: 99%;
    width: 100%;
    padding-right: 32vw;
    font-size: 10vw;
    letter-spacing: 0.2vh;
    line-height: 2;
}
.header-absolute{
position: absolute;
    top: 4vw;
    z-index: 1;
/*    display: flex;*/
    left: 4vw;
}
	.swiper-wrapper .swiper-slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;  
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
		position: relative
}
/* 全体のスタイル */
.swiper-wrapper {
	width: 100%;
	height: 250px;
}
/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 250px;
}
/* 4の倍数＋1枚目のスライドのスタイル（1枚目、5枚目…） */
.swiper-slide:nth-child(4n+1) {
	 background: url("../images/menu_sp/header1.jpg");
	    background-size: cover;
	        height: 100vh;
    background-repeat: no-repeat;
}
/* 4の倍数＋2枚目のスライドのスタイル（2枚目、6枚目…） */
.swiper-slide:nth-child(4n+2) {
		 background: url("../images/menu_sp/header1.jpg");
	    background-size: cover;
	      height: 100vh;
    background-repeat: no-repeat;
}
/* 4の倍数＋3枚目のスライドのスタイル（3枚目、7枚目…） */
.swiper-slide:nth-child(4n+3) {
		 background: url("../images/menu_sp/header3.jpg");
	    background-size: cover;
	     height: 100vh;
    background-repeat: no-repeat;
}
/* 4の倍数＋4枚目のスライドのスタイル（4枚目、8枚目…） */

.swiper-slide:nth-child(4n+4) {
		 background: url("../images/menu_sp/header4.jpg");
	    background-size: cover;
	       height: 100vh;
    background-repeat: no-repeat;
}

	
	
.nav_p {
    margin: 6vh auto;
    color: #fff;
    width: 80%;
    font-size: 3vw;
    line-height: 1.8;
}	
/*============
sectionbtn
=============*/
.about-btn {
    width: 54%;
    padding: 7% 8% 6%;
    font-size: 2.8vw;
}
.about-btn2 {
    width: 41%;
    padding: 5% 8% 5% 10%;
    font-size: 2.8vw;
}
.about-btn3{
  width: 59%;
   padding: 7% 12% 7% 14.4%;
    font-size: 2.8vw;
}
.tel {
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 3.5vw;
        padding: 6% 0% 6%;
    width: 80%;
    margin: 0vh auto;
 
    letter-spacing: 0.7vw;
}
.coupon_btn {
    font-size: 2.8vw;
    margin-top: 4.3vh;
    padding: 7% 6% 7%;
    width: 53%;
}
.coupon_btn2 {
    font-size: 2.8vw;
    margin-top: 3vh;
    padding: 7% 7% 7%;
    width: 74%;
}
/*============
wrapper
=============*/
.s_wrapper1,
.s_wrapper2,
.s_wrapper3,
.s_wrapper4,
.s_wrapper5{
    background-repeat: no-repeat;
    padding-top: 15%;
    padding-bottom: 15%;
}
.s_wrapper1{
    background: url("../images/menu_sp/main1.jpg");
		background-size: cover;
}		
.s_wrapper2{
    background: url("../images/menu_sp/main2.jpg");
	background-size: cover;
}
.s_wrapper3{
    background: url("../images/menu_sp/main3.jpg");
	background-size: cover;
}
.s_wrapper4{
    background: url("../images/menu_sp/main4.jpg");
	background-size: cover;
}
.s_wrapper5{
    background: url("../images/menu_sp/main5.jpg");
	background-size: cover;
	    margin-bottom: 5vh;
}	
/*============
section1
=============*/
.s_1box{
width: 88%;
    padding-left: 27vw;
    margin-left: 0;
    padding-bottom: 12%;
    margin: auto;
    padding-top: 4%;
}
.ttl,.ttl3 {
    padding: 5vh 0 5vh;
}.ttl, .ttl2,.ttl3 {
    font-size: 5vw;
}
	.ttl2{
		    padding: 4vh 0 4vh;
	}
.s_1txt p {
    font-size: 3vw;
	    padding-bottom: 4vh;
}
.s_3txt p {
        font-size: 3vw;
    line-height: 2.2;
	letter-spacing: 0.4vw;
}
.s_2txt p {
   padding-bottom: 6vh;
	line-height: 2.2;
	letter-spacing: 0.4vw;
}
/*============
section1
=============*/
.s_2txt p {
    font-size: 3vw;
}
.s_2box {
    width: 88%;
    padding-left: 6vw;
    margin-left: 0;
    padding-bottom: 8vh;
    margin: auto;
}	
.s_3box {
    width: 88%;
    padding-left: 32vw;
    padding-top: 5%;
    padding-bottom: 14%;
    margin: auto;
}	
.s2_br{
	padding-top: 7%;
}
/*============
footer
=============*/	
	footer img{
		width: 80%;
	}	
footer ul{
		font-size: 3.4vw;
	}
.footer-icon {
        margin: 8vh 0 8vh;
}
.footer-icon img {
        width: 28%;
}	
	.f-iconsp{
	       margin: 7vh auto 8vh;
	}
	.f-iconsp img{
		    width: 8%;
	}
	footer span{
	    display: block;
    letter-spacing: 0.4px;
    font-size: 2.6vw;
    padding-left: 3vw;
    padding-top: 3vh;
	}
	
.footer-txt {
    width: 86%;
    margin: 3vh auto 7vh;
    font-size: 3vw;
}	
.footer_bg {
    background: url("../images/menu_sp/footer_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
}	
	
.footer-copyrights {
    padding: 4vh 0 4vh;
    font-size: 2.8vw;
	    width: 100%;
}	
	.group{
		font-size: 3vw;
	}	
	.footer_bg ul{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

	.icon-gp li {
    padding: 4vw 2.8vw;
}
.icon-gp li {
    width: 30%;
}
.modalDialog > div {
    width: 100%;
    position: relative;
       margin: 30% auto;
	border: none;
        padding-left: 0vw;
	    padding-bottom: 3vh;
}
#openModal ul,#openModal2 ul,#openModal3 ul,#openModal4 ul,#openModal5 ul {
padding-top: 2vh;
    padding-bottom: 1vh;
        padding-left: 7vw;
       font-size: 3.4vw;
}
#openModal, #openModal2, #openModal3, #openModal4, #openModal5 {
    background-color: rgba(255, 255, 255, 0.1);
}
.banira {
margin-left: -3vw;
       padding: 3vh 6vw 2vh;
    border-bottom: solid 2px;
    width: 80%;
    margin-bottom: 1vh;
    font-size: 4vw;
}
	.menu_ttl {
width: 53%;
    padding-left: 0;
    font-size: 5vw;
    padding-top: 0%;
    margin-top: -8%;
    padding-bottom: 3vh;
}
.xx_gp {
    padding-left: 83vw;
    padding-top: 8vh;
    color: #fff;
}
.toggle_title{
    position: relative;
    padding: 3.2vh 3vh 3.2vh;
    cursor: pointer;
    border: none;
    font-size: 4vw;
    text-align: left;
    line-height: 1.4;
}	

.toggle_contents dd {
    padding-top: 0;
	height: 28vh;
}
	
	.toggle_btn {
    position: absolute;
    top: 50%;
    right: 5px;
}
.xxx1, .xxx2 {
    width: 0.1px;
    height: 3.9vh;
      margin-top: -3.9vh;
    display: block;
    border: solid 1px;
}	
.close {
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    display: block;
    margin: 0vw;
    font-size: 5vw;
    /* width: 100%; */
    padding-left: 81.7vw;
    padding-bottom: 4vh;
    margin-top: -6vh;
}
		.n-f{
       margin: -3vh auto;
    width: 10%;
    padding-left: 3vw;
    padding-bottom: 11%;
	}
	.n-f2{
margin: -7vh auto;
    width: 12%;
    padding-left: 3vw;
    padding-bottom: 11%;
}
	.f-icon-g{
		display: flex;
    justify-content: center;
	}
	footer a:first-of-type{
		padding-left: 2%;
	}	
	footer a:last-of-type{
		padding-left: 2%;
	}
footer a {
    width: 9%;
    color: #002638;
}
}