@charset "UTF-8";
/*---------------------------------------------

	初期設定用

---------------------------------------------*/

:root {
  --main-width: 1300px;
  --kihon-font: 1.1rem;
  --kihon-color: #195c9f;
}


html,body{
	margin:0px;
	padding:0px;
	min-width: 980px;
}


body{

}

.drawer_wrap{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}






*{
/* font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
/* font-family:Arial,sans-serif; */
/* font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}



body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #333;

 }




/*---------------------------------------------

	h1

---------------------------------------------*/
h1{margin: 0;
}





/*---------------------------------------------
	a
---------------------------------------------*/


/*---------------------------------------------

	Common

---------------------------------------------*/




/*---------------------------------------------
	list
---------------------------------------------*/



/*----------------------------------------
追加部分

-----------------------------------------*/















.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -25px!important;
}





a:hover{
filter: brightness(1.1);
}


.all_wrap{
	padding: 0;
	overflow: hidden;
}


.content_wrap{

max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;

}

#menu_icon,.overlay{
	display: none;
}

.head_sp{
	display: none;
}

.header{
	padding: 20px 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.header>li:nth-child(1){
max-width: 350px;
height: auto;
}

.header>li:nth-child(1)>a>img{
width: 100%;
height: auto;
}

.header>li:nth-child(2){
width: calc(100% - 350px);
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}

.header>li:nth-child(2)>ul{
display: flex;
}


.header>li:nth-child(2)>ul>li{
font-size: var(--kihon-font);
margin-right: 20px;
}

.header>li:nth-child(2)>ul>li:nth-last-of-type(1){
margin-right: 0;
}

.header>li:nth-child(2)>ul>li>a{
font-weight: bold;
color: #000;
  border-bottom: 2px solid transparent;

  border-image: linear-gradient(90deg, 
    rgba(255, 255, 255, 0) 30%, 
    rgba(178, 226, 255, 1) 30% 70%,
    rgba(255, 255, 255, 0) 70%
  ) 1; 
text-decoration: none;
padding-bottom: 5px;
}

.header>li:nth-child(2)>ul>li>a:hover{
 border-image: linear-gradient(90deg, 
    rgba(255, 255, 255, 0) 30%, 
    rgba(0, 95, 152, 1) 30% 70%,
    rgba(255, 255, 255, 0) 70%
  ) 1; 

}


.float_bt.is-show {
  opacity: 1;
  visibility: visible;
}

.float_bt{
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;

writing-mode: vertical-rl;
  transition: opacity 1s, visibility 1s;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

.float_bt>li{

text-decoration: none;
font-size: var(--kihon-font);

}

.float_bt>li>a{
letter-spacing: 2.6px;
text-decoration: none;
padding: 20px 10px;
display: inline-block;

}

.float_bt>li>a::after{
content: "▼";
display: inline-block;
padding-top: 10px;
font-size: calc(var(--kihon-font) - 0.4rem);
}


.float_bt>li:nth-child(1){
background:  white;

}

.float_bt>li:nth-child(1)>a{
display: block;
color: var(--kihon-color);
}



.float_bt>li:nth-child(2){
background: var(--kihon-color);
}

.float_bt>li:nth-child(2)>a{
display: block;
color: white;
}


.float_bt>li:hover{
	filter: brightness(95%);
}























.full{
	margin: 0 calc(50% - 50vw);

}


.insta_base{
background: url("../img/insta_back.webp") no-repeat ;
background-size: cover;
}

.water_base{
background: #def6fc;
}



.light_water_base{
background: #f0fbf9;
}

.white_base{
background: white;
}


.gray_base{
background: #f1f1f1;
}



.foot_banner{
background: url('../img/foot_banner_back.webp') no-repeat;
background-size: cover;
}

.foot_banner>div>ul{
display: flex;
justify-content: center;
}

.foot_banner>div>ul>li{
max-width: 350px;
margin-right: 20px;
}
.foot_banner>div>ul>li:nth-last-child(1){
margin-right: 0;
}


.foot_banner>div>ul>li>a>img{
width: 100%;
height: auto;
}



.tl{
text-align: left!important;
}


.tc{
text-align: center!important;
}








.midasi1_mini{
color: var(--kihon-color);
	font-size: calc(var(--kihon-font) + 0.5rem);
	text-align: center;
font-weight: bold;
}

.midasi1_big{
color: var(--kihon-color);
	
	font-size: calc(var(--kihon-font) + 1.3rem);
	text-align: center;
	font-weight: bold;

}


.midasi{
	margin-bottom: 60px;
}




.kihon_text{
	font-size: calc(var(--kihon-font) + 0.3rem);
}



.kihon_text>a{
	font-size: calc(var(--kihon-font) + 0.3rem);
}




.kihon_bt{
	
}

.kihon_bt>a:hover{
background: #fff9c8;
}

.kihon_bt>a{
	display: inline-block;
	padding: 5px 30px;
	color: var(--kihon-color);

	font-size: calc(var(--kihon-font) + 0.3rem);
border: 2px solid var(--kihon-color) ;
border-radius: 10px;
text-decoration: none;
text-align: center;
min-width: 250px;
}

.kihon_bt>a::after{
content: '';/*何も入れない*/
  display: inline-block;
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url("../img/right_arrow.webp");
  background-size: contain;
  vertical-align: middle;
  margin-left: 20px;
  background-repeat: no-repeat;
  padding-bottom: 14px;
}





.kihon_bt2{
	
}

.kihon_bt2>a:hover{
background: #fff9c8;
}

.kihon_bt2>a{
	display: inline-block;
	padding: 5px 30px;
	color: var(--kihon-color);

	font-size: calc(var(--kihon-font) + 0.3rem);
border: 2px solid var(--kihon-color) ;
border-radius: 10px;
text-decoration: none;
text-align: center;
min-width: 250px;
}

.kihon_bt2>a::after{
content: '';/*何も入れない*/
  display: inline-block;
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url("../img/down_arrow.webp");
  background-size: contain;
  vertical-align: middle;
  margin-left: 20px;
  background-repeat: no-repeat;
  padding-bottom: 14px;
}












.lr_reverse{
flex-direction: row-reverse;	
}




footer{
	background: white;
	padding: 30px 10px;
}


footer>ul{
display: flex;
justify-content: space-around;
}

footer>ul>li:nth-child(1){
max-width: 350px;
}

footer>ul>li:nth-child(1)>div:nth-child(1)>a>img{
	width: 100%;
	height: auto;
}

footer>ul>li:nth-child(1)>div:nth-child(2),
footer>ul>li:nth-child(1)>div:nth-child(3){
	font-size: calc(var(--kihon-font) - 0rem);
}

footer>ul>li:nth-child(1)>div:nth-child(3){
	margin-bottom: 20px;
}

footer>ul>li:nth-child(1)>ul{
	display: flex;
	justify-content: space-around;
}

footer>ul>li:nth-child(1)>ul>li{
width: 48%;
text-align: center;
}

footer>ul>li:nth-child(1)>ul>li>a{
display: block;
color: white;
font-size: var(--kihon-font);
background: #000;
border-radius: 10px;
}

footer>ul>li:nth-child(2){
	width: calc(100% - 400px);

}

footer>ul>li:nth-child(2)>ul{
max-width: 690px;
margin: 0 0 30px auto;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
footer>ul>li:nth-child(2)>ul>li{
margin-bottom: 10px;
	text-align: right;
	margin-left: 20px;
}


footer>ul>li:nth-child(2)>ul>li>a{
display: inline-block;
color: black;
font-size: var(--kihon-font);
padding-left: 10px;
}

footer>ul>li:nth-child(2)>ul>li>a::before{
content: '';/*何も入れない*/
  display: inline-block;
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url("../img/foot_arrow.webp");
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.sns{
	display: flex;
	justify-content: flex-end;
}

.sns>div{
margin-right: 10px;
max-width: 50px;
}

.sns>div>a>img{
width: 100%;
height: auto;
}