@charset "UTF-8";
/* -----------------------------------------------
common css 共通クラス
--------------------------------------------------
0. Foundation
   0-1. Base
   0-2. Config
        0-2-1. font family
        0-2-2. color management
        0-2-3. lightbox
1. Layout
   1-1.  .l-wrapper

-------------------------------------------------- */
/*====================================================================================
 [0. Foundation]
====================================================================================*/
/* -----------------------------------------------
/* 0-1. Base
-------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Catamaran:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,700");

a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
  /*-webkit-tap-highlight-color: rgba(189, 185, 185, 0);*/
  -webkit-transition: opacity .1s ease-in-out 0s;
  transition: opacity .1s ease-in-out 0s;
  color: #111;
  text-decoration: underline;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*a:hover,
a:active {
    outline-width: 0;
    text-decoration: none;
}
a:focus {
    outline-width: 0;
    text-decoration: none;
}*/
li img, li a, li a img {
  vertical-align: bottom;
}

img{max-width: 100%;}

/* -----------------------------------------------
/* 0-2. Config
-------------------------------------------------- */
/* 0-2-1.  font family
-------------------------------------------------- */
/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');*/
/*@import url('https://fonts.googleapis.com/css?family=Droid+Serif');*/
/*@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansJP-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansJP-Thin.woff) format('woff'),
       url(../fonts/NotoSansJP-Thin.otf) format('opentype');
}*/
/*@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSansJP-Light.woff2) format('woff2'),
       url(../fonts/NotoSansJP-Light.woff) format('woff'),
       url(../fonts/NotoSansJP-Light.otf) format('opentype');
}*/
/*@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(../fonts/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(../fonts/NotoSansJP-DemiLight.woff) format('woff'),
        url(../fonts/NotoSansJP-DemiLight.otf) format('opentype');
}*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansJP-Regular.woff2) format("woff2"), url(../fonts/NotoSansJP-Regular.woff) format("woff"), url(../fonts/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansJP-Medium.woff2) format("woff2"), url(../fonts/NotoSansJP-Medium.woff) format("woff"), url(../fonts/NotoSansJP-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansJP-Bold.woff2) format("woff2"), url(../fonts/NotoSansJP-Bold.woff) format("woff"), url(../fonts/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSansJP-Black.woff2) format("woff2"), url(../fonts/NotoSansJP-Black.woff) format("woff"), url(../fonts/NotoSansJP-Black.otf) format("opentype");
}

.u-ff-noto {
  font-family: "Noto Sans Japanese", sans-serif;
}

.u-ff-yugo {
  font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif;
}

.u-ff-lato {
  font-family: Lato, sans-serif;
}

.u-ff-roboto {
  font-family: 'Roboto', sans-serif;
}

.u-ff-catamaran {
  font-family: 'Catamaran', sans-serif;
}

.u-ff-fjalla {
  font-family: 'Fjalla One',sans-serif;
  letter-spacing: 1px;
}

.u-ff-oswald {
  font-family: "Oswald",sans-serif;
}

.cm_tt {
  font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: bold; color: #000; }

.cm_tt:first-letter, .cm_tt span { color: #21508a; }

/* 0-2-2.  color management
-------------------------------------------------- */
/* base-color */
.color-b1 {
  color: white;
}

.color-b2 {
  color: #999999;
}

.color-b3 {
  color: #111111;
}

/* thema-color */
.red {
  color: #c72829;
}
.color-t1 {
  color: #89124a;
}
/*.color-t2 {
  color: #ec8642;
}

.color-t3 {
  color: #00a4aa;
}*/

/* -------- margin -------- */

.mt20 {margin-top: 20px;}

/* -------- CLEAR -------- */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* clearfix for ie7 */
.cf {
  display: inline-block;
}

.cf {
  display: block;
}

/* -----------------------------------------------
/* 1.  .l-container
-------------------------------------------------- */
.l-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}

.l-container--fluid {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

/*.l-container + .l-container {
  margin-top: 60px;
}*/

/*@media (min-width: 768px) {
  .l-container + .l-container {
    margin-top: 90px;
  }
}*/


/* 2. Layout
-------------------------------------------------- */

header {
  position: fixed;
  width: 100%;
  background: #150f0f;
  z-index: 9999;
}

header ul.h_btn {
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  header {
    height: 60px;
  }
  header ul.h_btn{
    width: calc(100% - 80px);
    height: 60px;
  }
  header ul.h_btn li:nth-child(1){
    width: 48px;
    margin-right: 25%;
  }
  header ul.h_btn li:nth-child(2){
    width: 66px;
  }
  header ul.h_btn li:nth-child(3){
    width: 110px;
  }
}

@media (min-width: 768px) and (max-width: 1024px)  {
  header{
    height: 70px;
  }
  header ul.h_btn{
    margin: 0;
    gap: 1%;
    flex-direction: row;
    justify-content: space-between;
    width: calc(100% - 90px);
    height: 70px;
  }
  header ul.h_btn li:nth-child(2), header ul.h_btn li:nth-child(3){
    width: 80px;
  }
}

@media (min-width:1025px){
  header{
    height: 70px;
  }
  header ul.h_btn{
    margin: 0;
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
    width: calc(100% - 75px);
    height: 70px;
    padding: 0 5px;
  }
  header ul.h_btn li:nth-child(2), header ul.h_btn li:nth-child(3){
    width: 80px;
  }
}

@media (min-width: 768px) {
  .kiyosumishirakawa_lp2{
    padding-top: 70px;
  }
}


#header_BG{
  background-image: url(../images/h_BG.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 160%;
}
header .h_logo{text-align: center;}
header .h_txt{text-align: center;font-weight: bold;font-size: 1.8rem;}
header .h_txt span{border-bottom: double #000; font-size: 3rem;}
header #sec01 {
  position: relative;
  width: 100%;
  padding-top: 67.25%;
}
header #sec01 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width:1025px){
  #header_BG{
  background-size: contain;
  }
  header .h_txt{text-align: center;font-weight: bold;font-size: 3rem;}
  header .h_txt span{border-bottom: double #000; font-size: 4rem; display: -ms-inline-grid;}
  header #sec01 {
  position: relative;
  width: 80%;
  padding-top: 54.25%;
  margin:0 auto;
  }
}

/* ttl */
.sec_ttl_fukidasi{
  /*background-image: url(../images/sec_ttl_fukidashi.png);*/
  font-size: 2.5rem;
  text-align: center;
  border: solid 1px #000;
  background-color: #fff;
  box-shadow: 4px 4px 0px #000;
  padding: 20px;
  position: relative;
}
@media all and (-ms-high-contrast: none){
  .sec_ttl_fukidasi{
  padding: 23px 20px 15px;
}
}
.sec_ttl_fukidasi:after{
  content: "";
  background-image: url(../images/sec_ttl_fukidasi_accent.png);
  width: 19px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -30px;
  right: 30px;
}

@media (min-width:1025px){
	.sec_ttl_fukidasi{
	  font-size: 3rem;
	}
}
.sec_ttl_border{
  font-size: 2rem;
  background-image: url(../images/sec_ttl_border.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: .5em;
  padding-bottom: .5em;
}
@media all and (-ms-high-contrast: none){
  padding-bottom: 0;
}

@media (min-width:1025px){
	.sec_ttl_border{
	  font-size: 3rem;
	}
}

.sec_ttl_stripe{
  font-size: 2.8rem;
  text-align: center;
  padding: 2% 6%;
  background-image: url(../images/sec_ttl_stripe_BG.png);
  border-radius: 100px;
}
@media (min-width:1025px){
	.sec_ttl_stripe{
	  font-size: 3rem;
	  padding: 2% 1%;
	}
@media all and (-ms-high-contrast: none){
  .sec_ttl_stripe{
  padding: 2% 1% 1%;
}
}
}

@media (min-width:1025px){
	.sec_ttl_fukidasi .accent{
	display: none;
	}
	.course_acc{
	position: relative;
	}
	#sec09 .course_acc:before,
	#sec06 .course_acc:before{
		position: absolute;
		content: "";
		background-image: url(../images/sec06_menu.png);
		width: 117px;
		height: 77px;
		background-repeat: no-repeat;
		top: -20px;
		left: -127px;
	}
	#sec09 .course_acc:before{
		background-image: url(../images/sec09_accent.png);
		width: 140px;
		height: 73px;
		left: -150px;
		top: -26px;

	}
}



#sec02{
  background-image: url(../images/sec02_BG_sp.png);
  background-position: top right 70%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -50px;
  padding-top: 50px;
  z-index: -1;
  height: 700px;
  margin-bottom: -265px;
}
@media (min-width:1025px){
  #sec02{
  height: 800px;
  background-image: url(../images/sec02_BG.png);
  background-size: auto;
  }
}
#sec02 .sec02-01{
  margin-top: 15%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1em;
}
#sec02 .sec02-01 .txt{
  font-size: 1.8rem;
}
#sec02 .sec_ttl_sub{
  font-size: 3rem;
}
@media (min-width:1025px){
  #sec02 .sec02-01{
  width: 485px;
  margin-top: 15%;
  margin-left: 50%;
  background-color: rgba(255, 255, 255, 0);
  }
}

#sec03{
background-image: url(../images/sec03_BG_sp.png);
background-position: top 20% left 70%;
background-repeat: no-repeat;
margin-top: -50px;
padding-top: 50px;
z-index: -2;
height: 800px;
background-size: 330%;
}
@media (min-width:1025px){
  #sec03{
background-image: url(../images/sec03_BG.png);
}
  }
#sec03 .sec03-01{
  margin-top: 290px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1em;
  border: solid 1px #f3f3f3;

}
#sec03 .sec03-01 .txt{
  font-size: 1.8rem;
}
#sec03 .sec_ttl_sub{
  font-size: 3rem;
}
@media (min-width:1025px){
	#sec03{
	  background-image: url(../images/sec03_BG.png);
	  background-position: top left 70%;
	  background-repeat: no-repeat;
	  margin-top: -50px;
	  padding-top: 50px;
	  z-index: -2;
	  height: 800px;
	  background-size: initial;
	}
  #sec03 .sec03-01{
  width: 485px;
  margin-top: 25%;
  margin-right: 50%;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  }
  #sec03{
  background-image: url(../images/sec03_BG.png);
  background-position: top left 70%;
  background-repeat: no-repeat;
  margin-top: -340px;
  padding-top: 100px;
  height: 970px;
  background-size: cover;
  }
}

#sec04{
  background-image: url(../images/sec04_img.png);
  background-repeat: no-repeat;
  background-position: top left 20%;
  margin-top: -200px;
  padding-top: 150px;
}
#sec04 .sec_ttl_fukidasi{
margin-bottom: 2vh;
}
#sec04 .list_point{
  display: flex;
}
#sec04 .list_point .list_point_item01,
#sec04 .list_point .list_point_item02,
#sec04 .list_point .list_point_item03{
    padding: 2vh 1vh;
    margin: 1%;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
#sec04 .list_point .list_point_item01{
    background: rgba(255,226,82,1);
  background: -moz-linear-gradient(-45deg, rgba(255,226,82,1) 0%, rgba(255,186,83,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,226,82,1)), color-stop(100%, rgba(255,186,83,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,226,82,1) 0%, rgba(255,186,83,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255,226,82,1) 0%, rgba(255,186,83,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255,226,82,1) 0%, rgba(255,186,83,1) 100%);
  background: linear-gradient(135deg, rgba(255,226,82,1) 0%, rgba(255,186,83,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe252', endColorstr='#ffba53', GradientType=1 );
}
#sec04 .list_point .list_point_item02{
    background: rgba(255,226,82,1);
  background: rgba(234,91,174,1);
  background: -moz-linear-gradient(-45deg, rgba(234,91,174,1) 0%, rgba(216,78,131,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(234,91,174,1)), color-stop(100%, rgba(216,78,131,1)));
  background: -webkit-linear-gradient(-45deg, rgba(234,91,174,1) 0%, rgba(216,78,131,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(234,91,174,1) 0%, rgba(216,78,131,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(234,91,174,1) 0%, rgba(216,78,131,1) 100%);
  background: linear-gradient(135deg, rgba(234,91,174,1) 0%, rgba(216,78,131,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5bae', endColorstr='#d84e83', GradientType=1 );
}
#sec04 .list_point .list_point_item03{
    background: rgba(255,226,82,1);
  background: rgba(120,245,191,1);
  background: -moz-linear-gradient(-45deg, rgba(120,245,191,1) 0%, rgba(87,236,149,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(120,245,191,1)), color-stop(100%, rgba(87,236,149,1)));
  background: -webkit-linear-gradient(-45deg, rgba(120,245,191,1) 0%, rgba(87,236,149,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(120,245,191,1) 0%, rgba(87,236,149,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(120,245,191,1) 0%, rgba(87,236,149,1) 100%);
  background: linear-gradient(135deg, rgba(120,245,191,1) 0%, rgba(87,236,149,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78f5bf', endColorstr='#57ec95', GradientType=1 );
}
@media (min-width:1025px){
	#sec04{
		margin-top: -390px;
		padding-top: 150px;
		background-image: url(../images/sec04_img.png);
		background-repeat: no-repeat;
		background-position: top left 20%;
		height: 800px;
	}
	#sec04 .list_point .list_point_item01,
	#sec04 .list_point .list_point_item02,
	#sec04 .list_point .list_point_item03{
		padding: 3% 1%;
		margin: 1%;
		border-radius: 10px;
	}
	#sec04 .sec_ttl_fukidasi{
	  width: 500px;
	  margin-left: 400px;
	}
	#sec04 .list_point{
	display: flex;
	flex-wrap: initial;
	}
}

#sec04 .notetxt {
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
}

/*#sec05{
	margin-top: -12vh;
}*/
#sec05 .trn_list{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
#sec05 .trn_list .trn_list_item{
	box-sizing: border-box;
	display: flex;
	background-repeat: no-repeat;
	padding: 1em 1em 2.5em 0;
	border-bottom: solid 1px #000;

	margin: 0 auto;
	width: 90%;
}

#sec05 .trn_list .trn_list_item .cheki{
	margin-right: 18px;
	height: 180px;
	width: auto;
}
#sec05 .trn_list .trn_innerlist .trn_innerlist_item{
	font-weight: bold;
	margin-bottom: .5em;
}
#sec05 .trn_list .trn_innerlist .trn_innerlist_item .ttl{
	color: #89124a;
	font-weight: bold;
	background-image: url(../images/sec_ttl_border_bouble.png);
	background-repeat: repeat-x;
	background-position: bottom right;
	padding-bottom: .3em;
	margin-bottom: .3em;
}
#sec05 .trn_list .trn_innerlist .trn_innerlist_item .txt{
	line-height: 1.3em;
}
#sec05 .trn_list .trn_innerlist_outer{
	display: flex;
	justify-content: center;
	align-items: center;
	width: inherit;
}
@media (min-width:576px){
	#sec05 .trn_list .trn_list_item{
		box-sizing: border-box;
		display: flex;
		width: calc(50% - 8px);
		background-image: url(../images/sec05_trn_border.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 1em 1em 2.5em;
		border-bottom: none;
		margin-bottom: 8px;

		width: 48%;
	}
}
@media (min-width:1025px){
	#sec05{
	margin-top: 13vh;
	}
	#sec05 .trn_list .trn_list_item{
		box-sizing: border-box;
		display: flex;
		width: calc(50% - 8px);
		background-image: url(../images/sec05_trn_border.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 1em 1em 2.5em;
		border-bottom: none;
		margin-bottom: 8px;
	}
	#sec05 .t02,
	#sec05 .t04{
		margin-left: 1em;
	}
	#sec05 .trn_list .trn_list_item .cheki{
		height: 390px;
		width: auto;
	}

}


#sec06 {
  margin-top: -30px;
    background-image: url(../images/sec006_BG.png);
    padding: 60px 0;
}
@media (max-width:1024px){
#sec06 {
  background-size: cover;
}
}


#sec06 .course01{
  margin-top: 30px;
  position: relative;
}
#sec06 .course02,
#sec06 .course03{
	margin-top: 50px;
}
#sec06 .ttl_flag {
    background-image: url(../images/sec06_jagged_top.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    font-size: 2rem;
    padding-left: 80px;
    padding-top: 1.5%;
    padding-bottom: 20px;
    line-height: 1.3em;
    /*height: 95px;*/
    padding-top: 4.5%;
}
#sec06 .ttl_flag.flag01 span {
    font-size: 2.8rem;
  }

@media (max-width: 1024px) {
  #sec06 .ttl_flag.flag01 {
    height: 114px;
  }
  #sec06 .ttl_flag.flag01 span {
    font-size: 1.8rem;
  }
}
#sec06 .cors_list{
	background-image: url(../images/sec06_jagged_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 40px;
    margin-top: 10px;
}

#sec06 .cors_list_item .accent{
	background-image: url(../images/sec_ttl_border.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    font-size: 2.7rem;
    font-weight: bold;
    display: inline;
    padding-bottom: 5px;
}
#sec06 .cors_list .ex-large{
    font-size: 4.5rem !important;
}
#sec06 .cors_list　.large{
    font-size: 2rem !important;
}
@media all and (-ms-high-contrast: none){
  #sec06 .cors_list_item .accent{
    font-size: 2.6rem;
}
}
@media (max-width:1024px){
  #sec06 .cors_list .accent{
    font-size: 1.6rem;
}
#sec06 .cors_list .ex-large{
    font-size: 2rem !important;
}
#sec06 .cors_list .large{
    font-size: 1.3rem !important;
}
}
#sec06 .cors_list_item .acc01{
    font-size: 4rem;
    font-weight: bold;
}
#sec06 .extra_box{
	border:solid 1px #000;
	font-weight: bold;
	margin-top: 30px;
  background-color: #fff;
}
#sec06 .extra_box .inner{
	padding: 20px;
	font-size: 2rem;
}
#sec06 .extra_box .extra_box_ttl{
  background-color: #fff700;
  padding: 10px 30px;
  display: inline-block;
}
#sec06 .extra_box .doubleline{
  background-image: url(../images/sec_ttl_border.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 5px;
}

#sec06 .fukidasi02 {
  width: 75%;
  margin: 5px auto;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  border: solid 1px #000;
  background-color: #fff;
  box-shadow: 4px 4px 0px #000;
  padding: 12px;
  position: relative;
}
@media all and (-ms-high-contrast: none){
  #sec06 .fukidasi02{
  padding: 18px 12px 10px;
}
}
#sec06 .fukidasi02:after{
  content: "";
  background-image: url(../images/sec_ttl_fukidasi_accent02.png);
  width: 19px;
  height: 30px;
  background-repeat: no-repeat;
  position: absolute;
  top: -25px;
  left:0;
  right: 0;
  margin:auto;
}

@media (min-width:1025px){
	#sec06 .ttl_flag {
    font-size: 4rem;
    line-height: 1;
    padding-top: 1%;
	}
	#sec06 .cors_list_item{
	text-align: initial;
	}
}


#sec07 .inner {
	background-image: url(../images/sec07_line_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 40px;
}
#sec07 .sec07_ttl {
	color: #000;
	text-align: center;
	padding-top: 80px;

	background-image: url(../images/sec07_line_top.png);
    background-repeat: no-repeat;
    background-position: top center;
}
#sec07 .sec07_ttl .txt01{
	font-size: 3rem;
	line-height: 4rem;
}
@media all and (-ms-high-contrast: none){
  #sec07 .sec07_ttl .txt01{
  line-height:normal;
}
}
#sec07 .sec07_ttl .accent{
	background: rgba(52,0,103,1);
	background: -moz-linear-gradient(left, rgba(52,0,103,1) 0%, rgba(194,0,10,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,0,103,1)), color-stop(100%, rgba(194,0,10,1)));
	background: -webkit-linear-gradient(left, rgba(52,0,103,1) 0%, rgba(194,0,10,1) 100%);
	background: -o-linear-gradient(left, rgba(52,0,103,1) 0%, rgba(194,0,10,1) 100%);
	background: -ms-linear-gradient(left, rgba(52,0,103,1) 0%, rgba(194,0,10,1) 100%);
	background: linear-gradient(to right, rgba(52,0,103,1) 0%, rgba(194,0,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#340067', endColorstr='#c2000a', GradientType=1 );

	color: #fff;
	display: inline-block;
	padding: 2px 40px;
}

#sec07 p.txt02{
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 20px
}
@media (min-width:1025px){
	#sec07 .sec07_ttl .txt01{
	font-size: 4.5rem;
	}
  #sec07 p.txt02{
  font-size: 2.1rem;
}
}
@media (max-width:576px){
#sec07 .txt02br{
  display: none;
}
}


#sec08{
	background-color: #eee7ea;
	overflow: auto;
	margin-top: 50px;
	padding-bottom: 50px;
}
#sec08 .sec_ttl_fukidasi .accent{
	display: inline-flex;
}
#sec08 .sec08_box {
    border: solid 1px #000;
    background-image: url(../images/sec08_image.png);
    background-repeat: no-repeat;
    background-position: bottom -20px center;
    background-size: cover;
    margin-top: 40px;
    background-color: #fff;
}
#sec08 .sec08_box.box02 {
    background-image: url(../images/sec08_image02.jpg);
    background-position: left;
}
#sec08 .sec08_box.box03 {
    background-image: url(../images/sec08_image03.jpg);
}
#sec08 .sec08_box.box04 {
  background-image: url(../images/sec08_image04.jpg);
  background-position: left;
}
#sec08 .sec08_box .inner{
	margin: 190px 10px 10px 10px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1.6rem;
}
#sec08 .sec08_box .inner h3{
padding-top: 10px;
}
#sec08 .sec08_box .sec08_list{
	padding: 1em;
}
#sec08 .sec08_box .sec08_list_item.t02,
#sec08 .sec08_box .sec08_list_item.t03{
	background-image:url(../images/sec08_arrow.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 1.2em;
}
@media (min-width:1025px){
	#sec08 .sec08_box{
	background-position: left center;
	background-size: 33%;
	display: flex;
	align-items: center;
	width: inherit;
	}
  #sec08 .sec08_box.box02 {
  background-image: url(../images/sec08_image02.jpg);
  }
  #sec08 .sec08_box.box04 {
    background-image: url(../images/sec08_image04.jpg);
  }
	#sec08 .sec08_box .inner{
	background-position: left center;
	margin: 0;
	padding: 45px 0 45px 370px;
	background-color: rgba(255, 255, 255, 0);
	}
	#sec08 .sec08_box .sec08_list{
	padding: 0;
	}
	#sec08 .sec08_box .inner h3{
	text-align: left;
	}
}
@media (max-width:576px){
  #sec08 .sec08_box.box03 {
    background-position: top;
  }
}


#sec09{
  background-color: #2cffa3;
  padding-top: 1px;
  padding-bottom: 50px;
  font-weight: bold;
}

@media (max-width:1024px){
#sec09 .sec09_list li:first-child{
  margin-top: 25px;
}#sec09 .sec09_list li:nth-child(odd){
  margin-right: 25%;
}
#sec09 .sec09_list li:nth-child(even){
  margin-left: 25%;
  margin-top: 15px;
}
}

#sec09 .sec09_list_item{
	box-sizing: border-box;
}
#sec09 .sec09_list_item .txt{
	line-height: 1.4em;
	font-size: 1.4rem;
}

#sec09 .sec09_list_item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 280px;
  position: relative;
}

#sec09 .sec09_list_item.t01{
	background-image: url(../images/sec09_step01.png);
	padding-top: 170px;
}

#sec09 .sec09_list_item.t02{
	background-image: url(../images/sec09_step02.png);
	padding-top: 155px;
}

#sec09 .sec09_list_item.t03{
	background-image: url(../images/sec09_step03.png);
	padding-top: 170px;
}
#sec09 .sec09_list_item.t04{
	background-image: url(../images/sec09_step04.png);
	padding-top: 170px;
}
#sec09 .sec09_list_item.t05{
	background-image: url(../images/sec09_step05.png);
	padding-top: 160px;
}
/*
#sec09 .sec09_list_item:after{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -90px;
		margin:auto;
		background: url(../images/sec09_stepArrowSP.png) no-repeat;
    background-size: contain;
		width: 50px;
		height: 71px;
}
*/
#sec09 .sec09_list_item:last-child{
  margin-bottom: 0;
}
/*
#sec09 .sec09_list_item:last-child:after{
	background-image:none;
}
*/


@media (min-width:1025px){
	#sec09{
		background-color: #fff;
		background-image: url(../images/sec09_BG.png);
		background-position: top center;
		background-size: cover;
		overflow: -webkit-paged-x;
	}
	#sec09 .sec09_list_item .txt{
	line-height: 1.4em;
	font-size: 1.6rem;
	}
	#sec09 .sec09_list{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	}
	#sec09 .sec09_list_item{
	box-sizing: border-box;
  height: 350px;
	width: calc(30% - 10px);
  margin: 23px 15px 15px;
	}

	#sec09 .sec09_list_item.t01,
	#sec09 .sec09_list_item.t03{
	margin-top: 90px;
	}

  #sec09 .sec09_list_item.t01{
  padding-top: 210px;
}

#sec09 .sec09_list_item.t02{
  padding-top: 190px;
}

#sec09 .sec09_list_item.t03{
  padding-top: 210px;
}
#sec09 .sec09_list_item.t04{
  padding-top: 210px;
}
#sec09 .sec09_list_item.t05{
  padding-top: 200px;
}

#sec09 .sec09_list_item:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -90px;
    margin:auto;
    background: url(../images/sec09_stepArrowSP.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 71px;
}

	#sec09 .sec09_list_item.t01:after{
	content: "";
	position: absolute;
	background-image: url(../images/sec09_stepArrow01.png);
	top: -430px;
	left: 228px;
	width: 84px;
	height: 56px;
	}
	#sec09 .sec09_list_item.t02:after{
		content: "";
		position: absolute;
		background-image: url(../images/sec09_stepArrow02.png);
		top: -287px;
		left: 270px;
		width: 84px;
		height: 56px;
	}
	#sec09 .sec09_list_item.t04:after{
		content: "";
		position: absolute;
		background-image: url(../images/sec09_stepArrow03.png);
		top: -555px;
		right: -280px;
		width: 320px;
		height: 101px;
	}
	#sec09 .sec09_list_item.t05:after{
		content: "";
		position: absolute;
		background-image: url(../images/sec09_stepArrow01.png);
		top: -370px;
		left: -330px;
		width: 84px;
		height: 56px;
	}
	#sec09 .sec09_list_item:after{
		background-image:none;
	}
}


#sec10 {
	margin-top: 40px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  #sec10 {
    margin-top: 0px;
  }
}
#sec10 .sec_ttl_underline{
text-align: center;
line-height: 1;
}
#sec10 .sec_ttl_underline .underline{
padding: 10px;
background-image: url(../images/sec_ttl_yello_BG.png);
background-position-y: 12px;
background-repeat: repeat-x;
display: -webkit-inline-box;
font-size: 2.2rem;
display: initial;
}
#sec10 .intro{
  padding-top: 20px;
	font-weight: bold;
	font-size: 3rem;
	letter-spacing: .15em;
}
#sec10 .intro_list{
	/*display: flex;
	justify-content: center;*/
	background-image: url(../images/sec10_dotline.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: .8em;
	margin-bottom: .8em;
	margin-top: 20px;
	font-size: 2.2rem;
}
#sec10 .intro_list_item{
padding-left: 50px;
/*background-image: url(../images/sec10_check.png);
background-repeat: no-repeat;
background-position: left;*/
margin: 5px 10px;
text-align: center;
letter-spacing:.1em;
background-size: contain;
}
#sec10 .intro_list_item .accent_chk{
position: relative;
}
#sec10 .intro_list_item .accent_chk:before{
content: "";
background-image: url(../images/sec10_check.png);
background-repeat: no-repeat;
position: absolute;
left: -35px;
top:-5px;
width: 30px;
height: 40px;
line-height: normal;
background-size: contain;
}

#sec10 .intro_box{
	text-align: center;
	padding-bottom: 30px;
	background-image: url(../images/sec10_triangle_bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#sec10 .intro_txt{
  padding-bottom: .8em;
  border-bottom: solid 1px #000;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
#sec10 .intro_txt{
  font-size: 2.2rem;
}
}
@media (min-width: 1025px) {
	#sec10 .intro{
  padding-top: 0px;
  }
	#sec10 .intro_list{
	display: flex;
	justify-content: center;
	margin-top: initial;
	font-size: inherit;
	}
	#sec10 .sec_ttl_underline .underline{
	padding: 1em 3em;
	background-image: url(../images/sec_ttl_yello_BG.png);
	background-position: bottom 30px center;
	background-repeat: repeat-x;
	display: -webkit-inline-box;
	font-size: inherit;
	line-height: initial;
	}
	#sec10 .intro_list_item{
	padding-left: 50px;
	margin: 0 30px;
	text-align: center;
	line-height: normal;
	}
  #sec10 .intro_list_item .accent_chk:before{
  left: -43px;
  width: 36px;
  }

  #sec10 .intro_box{
  margin-bottom: 1.5em;
  }

}


/*form*/
#sec10 .table-form{
	/*font-size: 1.8rem;*/
}
#sec10 .table-form tr{
	border-bottom: solid 1px #000;

	display: flex;
	flex-direction: column;
}
#sec10 .table-form tr td:first-child{
	font-weight: bold;
}
#sec10 .table-form th{
font-weight: bold;
padding-bottom: 1em;
}
#sec10 .table-form td:first-chiid{
	padding-bottom: 0;
}
#sec10 .table-form td{
	/*background-image: url(../images/sec10_dotline_length.png);*/
	background-repeat: repeat-X;
	background-position: left center;
	padding: 20px 5px 20px;
}
#sec10 .table-form .rec {
background: #c2000b;
color: #fff;
padding: 0 7px;
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
font-size: 1.2rem;
white-space: nowrap;
float:right;
}
#sec10 .table-form .any {
background: #00c6ff;
color: #fff;
padding: 0 7px;
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
font-size: 1.2rem;
white-space: nowrap;
float:right;
}
#sec10 .table-form .form-control{
	border: solid 1px #d3d3d3;
	margin-left: .5em;
	margin-bottom: 5px;
}
#sec10 .table-form .form-control.age{
	width: 90%;
}
#sec10 .table-form .style01{
	    display: -webkit-box;
}
#sec10 .table-form_list01{
	/*display: flex;*/
}
#sec10 .table-form_set,
#sec10 .sub-form{
	margin: 0 auto;
	margin-bottom: 30px;
}
#sec10 .sep{
	display: flex;
	flex-direction: column;
}
#sec10 .table-form_set input::-webkit-input-placeholder {
    font-size: .8em;
}
#sec10 .table-form_set input:-moz-placeholder {
    font-size: .8em;
}
#sec10 .table-form_set input::-moz-placeholder {
    font-size: .8em;
}
#sec10 .table-form_set input:-ms-input-placeholder {
    font-size: .8em;
}
#sec10 .table-form_list02 select,
#sec10 .table-form_list03 select {
	border: solid 1px #d3d3d3;
}
#sec10 .table-form_list02 select{
	margin-right: 5px;
}
#sec10 .table-form_list02 .outer_list{
	display: flex;
    white-space: nowrap;
    flex-direction: column;
}
#sec10 .table-form_list02 .outer_list span.note {
  font-size: .8em;
}
#sec10 .table-form_list02 .inner_list{
	display: flex;
	flex-wrap: wrap;
	/*width: 80%;*/
}
#sec10 .table-form_list02 .inner_list_item{
	display: flex;
	width: 23%;
	margin-right: .5%;
	margin-left: 1%;
	margin-bottom: 10px;
}


@media (min-width: 1025px) {
	#sec10 .table-form{
	font-size: 1.8rem;
	}
	#sec10 .table-form_list01{
	display: flex;
	}
  #sec10 .table-form .form-control{
  width: 300px;
  margin-right: 1em;
  margin-bottom: 0;
  margin-left: 0;
  }
	#sec10 .table-form .form-control.inquiry{
	width: 700px;
	}
	#sec10 .table-form tr{
	display: inherit;
	flex-direction: column;
	}
	#sec10 .table-form_list02 .inner_list_item{
	width: 23.5%;
	}
	#sec10 .table-form td{
	/*background-image: url(../images/sec10_dotline_length.png);*/
	background-repeat: repeat-X;
	background-position: left center;
	padding: 20px 5px 20px 25px;
	}
	#sec10 .sep{
	flex-direction: inherit;
	}
	#sec10 .table-form_list02 .inner_list_item:last-child{
		font-size: .8em;
	}
}

@media (max-width: 1024px) {
#sec10 .table-form_set,
#sec10 .sub-form{
  width: 100%;
}

#sec10 .table-form tr td:first-child {
  padding-bottom: 0;
}
}

#sec10 .sub-form{
	text-align: center;
}
#sec10 .btn_submit{
	background: -webkit-linear-gradient(89deg, rgb(51, 0, 103), rgb(194, 0, 9));
	background: linear-gradient(89deg, rgb(51, 0, 103), rgb(194, 0, 9));
	color: #fff;
	padding: .8em 5em;
  margin-top: 10px;
}
#sec10 .sub-form_submit{
	margin-top: 10px;
}
#sec10 .sub-form_submit span{
	position: relative;
}
#sec10 .sub-form_submit span:after{
	content: "";
	background-image: url(../images/sec10_triangle_bottom2.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -60px;
	top: 3px;
	width: 16px;
	height: 16px;

}
@media (min-width: 1025px) {
	#sec10 .sub-form {
    font-size: .8em;
    line-height: 1.5em;
	}
}


@media (min-width: 1025px) {
  #sec11 {
    margin-top: -20vh;
  }

  #sec11 .facilityimage div {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  #sec11 .facilityimage .img02_01 {
    margin: 44px 0 0 56px;
  }
  #sec11 .facilityimage .img02_02 {
    position: absolute;
    top: 60px;
    left: 26px;
  }
  #sec11 .facilityimage .img03_01 {
    margin: 19px auto auto 105px;
  }
  #sec11 .facilityimage .img03_02 {
    position: absolute;
    top:20px;
    right: -24px;
  }
  #sec11 .facilityimage div.box4 {
    position: absolute;
    bottom: -25px;
      right: 0;
      z-index: -1
  }
}

@media (max-width: 1024px) {
#sec11 .facilityimage  {
  display: flex;
}
#sec11 .facilityimage div {
    width: 50%;
    height: auto;
    position: relative;
}
#sec11 .facilityimage div img {
    width: 100%;
    max-height: auto;
    vertical-align: middle;
}

#sec11 .facilityimage .img02_02 {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 50%;
}

#sec11 .facilityimage .img03_02 {
    position: absolute;
    top:5%;
    right: -5%;
    width: 38%;
    z-index: 1;
}
}

footer{
	margin-top: 50px;
	padding-top: 40px;
	text-align: center;
	padding-bottom: 30px;
}

a:hover{
	transition-property: all;
	transition: 0.3s linear;
}
#back-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 100;
}
#back-top a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #666;
}
#back-top a:hover {
    color: #000;
    opacity:0.8;
}

@media (min-width: 1025px) {
  .accsent-point-image {
    width: 300px;
    position: absolute;
    right: 0;
    top: -2%;
  }
}
@media (max-width: 1024px) {
  .accsent-point-image {
    position: absolute;
    width: 30%;
    /* margin-top: -10%; */
    right: 0;
    top: 0;
  }

}
@media (max-width: 640px) {
  .accsent-point-image {
    width: 25%;
    right: -2%;
    top: 1%;
  }

}
@media (max-width: 400px) {
  .accsent-point-image {
    width: 26%;
    right: -4%;
  }


}








/**PAGE kiyosumishirakawa_lp2**/
@media only screen and (max-width: 1200px) {
  .kiyosumishirakawa_lp2 #main .contents_container {
    padding: 0 2%;
  }
  .kiyosumishirakawa_lp2 #main .contents_container.section10 {
    padding: 0 2% 7%;
  }
}

.kiyosumishirakawa_lp2 .main_visual {
  background: url(../images/top_bg_pc.jpg) bottom center no-repeat;
  background-size: cover;
  min-height: calc(100vh + 150px);
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding: 60px 0 0px;
  margin-bottom: 50px;
}
.kiyosumishirakawa_lp2 .main_visual h1{
  margin-block-end: 0;
}
.kiyosumishirakawa_lp2 .main_visual img{
	vertical-align: bottom;
}
.kiyosumishirakawa_lp2 .main_visual .logo {
  margin-bottom: 380px;
}
.img_area{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.img_area a{
  width: 49%;
}
.img_area a img{
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .main_visual {
    /* height: 550px; */
    min-height: auto;
    background: url(../images/bg.jpg) no-repeat top bottom;
    margin-bottom: 10px;
  }
  .kiyosumishirakawa_lp2 .main_visual .logo {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 400px) {
  .kiyosumishirakawa_lp2 .main_visual{
    background: url(../images/top_bg_pc.jpg) top 50px center no-repeat;
    padding: 60px 5% 0px;
    background-size: cover;
  }
  .img_area{
    margin-top: 25px;
  }
}

.lp2-banner01 {
  text-align: center;
  margin-bottom: 20px;
}
.lp2-banner01 .contents_container {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .lp2-banner01 .contents_container {
    padding: 0 2%;
  }
  .lp2-banner01{
    margin-top: 20px;
  }
}
/* .lp2-banner01 a {
  display: inline-block;
  border: 3px solid #215087;
} */
.lp2-banner01 .inner {
  background: #fff;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lp2-banner01 .inner {
    padding: 10px;
  }
}
.lp2-banner01 p {
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .lp2-banner01 p {
    font-size: 20px;
  }
}

.lp2-banner02 {
  text-align: center;
  margin: 70px 0;
}
@media only screen and (max-width: 767px) {
  .lp2-banner02 {
    margin: 25px 0;
    padding: 0 10%;
  }
}

/* .lp2-banner03 a {
  display: block;
  width: 100%;
  background: url(../images/ico.png) center right 50px no-repeat #2956aa;
  border: 5px solid #ffeb00;
  padding: 30px 30px 50px;
  font-size: 56px;
  padding-right: 120px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
} */
@media only screen and (min-width: 768px) {
  .lp2-banner03 a:hover {
    background-color: #022357;
  }
}
.lp2-banner03 a span {
  font-size: 38px;
  color: #f4e800;
}
@media only screen and (max-width: 767px) {
  /* .lp2-banner03 a {
    padding: 20px;
    padding-right: 40px;
    background-size: 24px;
    font-size: 6vw;
    background-position: center right 15px;
  } */
  .lp2-banner03 a span {
    font-size: 60%;
  }
}

.lp2-flex01 {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8%;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .lp2-flex01 {
    margin: 40px 0;
  }
}

.lp2-flex01 li {
  width: 30.1%;
}

.ttl25 {
  font-size: 25px;
}
@media only screen and (max-width: 767px) {
  .ttl25 {
    font-size: 20px;
  }
}

.point-list .item {
  margin-bottom: 30px;
}


@media only screen and (max-width: 767px) {
  .point-list {
    margin-top: 30px;
  }
  .point-list .item {
    margin-bottom: 0;
  }
}

.step-list {
  padding: 0 20px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .step-list {
    margin-bottom: 50px;
  }
}
.step-list .item {
  display: flex;
  background: #21508a;
  flex-wrap: nowrap;
  align-items: center;
  color: #fff;
  margin: 80px 0;
  padding: 30px 50px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .step-list .item {
    padding: 10px 0;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  .step-list .item {
    padding-top: 0;
  }
}
.step-list .item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -20px;
  background: url(../images/arr.png) top center no-repeat;
  width: 332px;
  height: 184px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .step-list .item:after {
    background-size: 100%;
    width: 160px;
    height: 88px;
  }
}
.step-list .number {
  font-size: 35px;
  font-weight: bold;
  width: 160px;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .step-list .number {
    font-size: 15px;
    width: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .step-list .number {
    width: 45%;
  }
}
.step-list .number span {
  font-size: 49px;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .step-list .number span {
    font-size: 40px;
  }
}
.step-list p {
  width: calc(100% - 160px);
  padding-left: 10px;
  padding-right: 10px;
  font-size: 25px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .step-list p {
    font-size: 18px;
    width: calc(100% - 120px);
  }
}
@media only screen and (max-width: 480px) {
  .step-list p {
    width: 100%;
  }
}

.service-title {
  text-align: center;
  margin-bottom: 50px;
}

.fs32 {
  font-size: 32px;
}

.text-bold {
  font-weight: bold;
}

.section08-box {
  max-width: 690px;
  margin: auto;
  border: 3px solid #022357;
}
@media only screen and (max-width: 767px) {
  .section08-box {
    margin-top: 40px;
  }
}
.section08-box .inner {
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .section08-box .inner {
    padding: 20px;
  }
}
.section08-box .ttl {
  text-align: center;
  font-size: 60px;
}
@media only screen and (max-width: 767px) {
  .section08-box .ttl {
    font-size: 40px;
  }
}
.section08-box .pink-clr {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ed247d;
  margin-bottom: 20px;
}
.section08-box dl {
  margin-bottom: 20px;
  font-size: 21px;
}
@media only screen and (max-width: 767px) {
  .section08-box dl {
    font-size: 15px;
  }
}
.section08-box dd {
  margin-left: 22px;
}
@media only screen and (max-width: 767px) {
  .section08-box dd {
    margin-left: 15px;
  }
}

.section08-map iframe {
  max-width: 100%;
}

.box-bottom {
  background: #022357;
  padding: 40px;
}

.cm-btn-yellow a {
  border: 1px solid #fcff4e;
  display: block;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  color: #fcff4e;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 300px;
  margin: auto;
}
.cm-btn-yellow a:after {
  display: block;
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  right: 10%;
  top: 0;
  background: url(../gym_info/images/yellow_row.png) no-repeat center center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media only screen and (min-width: 768px) {
  .cm-btn-yellow a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
  }
  .cm-btn-yellow a:hover:after {
    opacity: 0;
    right: 0;
  }
}

.lp2 footer {
  margin: 0;
  padding: 0;
}

.lp2-footer {
  background: #1d4093;
  text-align: center;
  padding: 30px 0 30px;
}
/* .lp2-footer a {
  color: #fff;
  font-size: 33px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  display: inline-block;
  position: relative;
  margin-left: 30px;
} */
@media only screen and (max-width: 767px) {
  .lp2-footer a {
    font-size: 6vw;
  }
}
.lp2-footer a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
}
.lp2-footer a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .qa .list_faq li .ques_txt, .kiyosumishirakawa_lp2 .qa .list_faq li .ans_txt {
    font-size: 19px;
  }
  .kiyosumishirakawa_lp2 .list_faq {
    margin-bottom: 0;
  }
  .kiyosumishirakawa_lp2 .section_last {
    padding-bottom: 70px;
  }
}
.kiyosumishirakawa_lp2 a:hover img {
  opacity: 0.8;
  transition: all 0.5s;
}
.kiyosumishirakawa_lp2 .contents_container {
  max-width: 1227px;
  width: 100%;
}
.kiyosumishirakawa_lp2 .left_contents {
  min-height: auto;
  max-width: 100%;
}
.kiyosumishirakawa_lp2 .about_point {
  max-width: 225px;
}

.kiyosumishirakawa_lp2 .contents_container.section10 {
  display: flex;
  justify-content: center;
  padding: 0 2% 7%;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .about_point {
    max-width: 150px;
    padding-top: 20px;
  }
}
.kiyosumishirakawa_lp2 .about h2{
  margin-top: 30px;
}
.kiyosumishirakawa_lp2 .about p {
  max-width: 100%;
  width: 100%;
}
.kiyosumishirakawa_lp2 section.about h3 {
  width: 100%;
}
.kiyosumishirakawa_lp2 .slider {
  margin: 80px 0;
}
.kiyosumishirakawa_lp2 .slider .swiper-item {
  margin-top: 40px;
}
.kiyosumishirakawa_lp2 .slider .swiper-i {
  width: 31%;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .slider {
    margin: 40px 0;
  }
  .kiyosumishirakawa_lp2 .slider .swiper-item {
    margin-top: 20px;
  }
}
.kiyosumishirakawa_lp2 .point_cont {
  margin-bottom: 80px !important;
}

.kiyosumishirakawa_lp2 .point_cont{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-around;
  align-items: center;
}
.kiyosumishirakawa_lp2 .point_cont li{
  margin-bottom: 20px;
}

.kiyosumishirakawa_lp2 .point_cont02{
  max-width: 950px;
    border: #7A6A56 3px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -30px;
}
.kiyosumishirakawa_lp2 .point_cont02 img{
  max-width: 100%;
}
.anchorPoint {
  transform: translateY(-134px);
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .point_cont {
    margin-bottom: 50px !important;
  }
  .anchorPoint {
    transform: translateY(-100px);
  }
}
.kiyosumishirakawa_lp2 .section01 {
  padding-top: 1px;
  padding-bottom: 50px;
  background: url("../images/sec01_bg.jpg");
  /* background-size: cover; */
}
.kiyosumishirakawa_lp2 .section01 .map_area{
  width: 100%;
	padding-top: 30px!important;
}
.kiyosumishirakawa_lp2 .section01 .gallery{
  margin-top: 50px;
}
.kiyosumishirakawa_lp2 .section01 .gallery p{
  text-align: center;
  color: #fff;
}

.kiyosumishirakawa_lp2 .swiper-button_outer {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .section01 .map_area{
    width: 100%;
  }
  .kiyosumishirakawa_lp2 .section01 {
    padding-top: 30px;
    padding-bottom: 80px;
    margin-bottom: 50px;
  }
  .kiyosumishirakawa_lp2 .section01 .gallery{
    margin-top: 30px;
  }
  .kiyosumishirakawa_lp2 .swiper-button_outer {
    margin-bottom: 0px;
  }
}
.kiyosumishirakawa_lp2 .section02 {
  padding-bottom: 100px;
  text-align: center;
}
.kiyosumishirakawa_lp2 .section02  h2{
  margin-top: 20px;
}
.kiyosumishirakawa_lp2 .section02 .lp2-banner01{
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .section02 {
    padding-bottom: 70px;
  }
}
.kiyosumishirakawa_lp2 .section03 {
  padding-top: 1px;
  padding-bottom: 50px;
  background: center / 100% repeat-y url("../images/sec03_bg.png");
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .section03 {
    padding-bottom: 10px;
  }
}
.kiyosumishirakawa_lp2 .section03 .gallery{
  margin-top: 100px;
}
.kiyosumishirakawa_lp2 .section03 .gallery p{
  text-align: center;
  color: #fff;
}

.kiyosumishirakawa_lp2 .section03 h3.ttl25{
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.kiyosumishirakawa_lp2 .title01 {
  color: #fff;
  font-size: 55px;
  background: #09274b;
  text-align: center;
  padding: 30px;
  font-weight: bolder;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .title01 {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .kiyosumishirakawa_lp2 .section03 .gallery{
    margin-top: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .kiyosumishirakawa_lp2 .title01 {
    font-size: 5vw;
  }
}
.kiyosumishirakawa_lp2 .section04 .ttl {
  background: url(../images/bg01.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 2%;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .section04 .ttl {
    padding: 50px 2%;
    margin-bottom: 30px;
  }
}
.kiyosumishirakawa_lp2 .section04 .ttl-yellow {
  color: #f4e800;
  font-size: 60px;
  font-weight: bold;
  text-shadow: 8px 5px 0 BLACK;
}
.kiyosumishirakawa_lp2 .section04 .ttl-yellow span {
  font-size: 150%;
}
@media only screen and (max-width: 960px) {
  .kiyosumishirakawa_lp2 .section04 .ttl-yellow {
    font-size: 5vw;
  }
}
.kiyosumishirakawa_lp2 .trainer {
  padding-bottom: 100px;
}
.kiyosumishirakawa_lp2 .service_sec .service_sec01 .campaign {
  max-width: 1145px;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .kiyosumishirakawa_lp2 .service_sec .service_sec01 .campaign {
    padding: 0 2%;
  }
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .service_sec .service_sec01 .campaign {
    margin-top: 30px;
  }
}
.kiyosumishirakawa_lp2 #section07 {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 #section07 {
    padding-top: 0;
  }
}
.kiyosumishirakawa_lp2 #section07 .contents_container {
  max-width: 1400px;
}
.kiyosumishirakawa_lp2 #section07.service_sec .service_sec03 ul li .box {
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 #section07.service_sec .service_sec03 ul li .box {
    height: auto !important;
  }
}
.kiyosumishirakawa_lp2 #section07.service_sec .service_sec03 ul li:not(.row) {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 #section07.service_sec .service_sec03 ul li:not(.row) {
    padding: 0;
  }
}
.kiyosumishirakawa_lp2 .section08 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .section08 {
    padding-bottom: 120px;
  }
}


@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 #section09 {
    margin-bottom: 50px;
  }
}





.kiyosumishirakawa_lp2 .box-bottom {
  padding: 40px;
  background: #fff;
}

.kiyosumishirakawa_lp2 .cm-btn-yellow a {
    border: 1px solid #022357;
    display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    width: 300px;
    margin: auto;
    margin-bottom: 10px;
    background: #022357
}

.kiyosumishirakawa_lp2 .cm-btn-yellow a:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000!important;
}
.kiyosumishirakawa_lp2 .cm-btn-yellow a:after {
  display: block;
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  right: 10%;
  top: 0;
  background: url(../gym_info/images/yellow_row.png) no-repeat center center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media only screen and (min-width: 768px) {
  .kiyosumishirakawa_lp2 .cm-btn-yellow a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
  }
  .kiyosumishirakawa_lp2 .cm-btn-yellow a:hover:after {
    opacity: 0;
    right: 0;
  }
}

.yellow_sec{
  display: none;
}
@media only screen and (max-width: 767px) {
  .yellow_sec{
    display: block;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fbff2d;
    padding: 2%;
    text-align: center;
  }
  .yellow_sec a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .yellow_sec h2 { font-size: 16px; }
  .yellow_sec h3 { font-size: 29px; }
  .yellow_sec h3 span { color: #21508a; }
  .yellow_sec h2 { font-size: 18px; position: relative; display: inline-block; }
  .yellow_sec h2:before { content: ""; height: 100%; width: 1px; background: #000; position: absolute; left: -10px; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }
  .yellow_sec h2:after { content: ""; height: 100%; width: 1px; background: #000; position: absolute; right: -10px; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }
}



.kiyosumishirakawa_lp2 .pc{
  display: block;
}
.kiyosumishirakawa_lp2 .sp{
  display: none;
}
@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .pc{
    display: none;
  }
  .kiyosumishirakawa_lp2 .sp{
    display: block;
  }
}

.kiyosumishirakawa_lp2 .item_area{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.kiyosumishirakawa_lp2 .point-list .item .item_tit{
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.kiyosumishirakawa_lp2 .point-list .item .item_tit img{
  width: 100px;
}
.kiyosumishirakawa_lp2 .point-list .item p{
  width: 90%;
}
.kiyosumishirakawa_lp2 .point-list .item{
  width: 80%;
}
.kiyosumishirakawa_lp2 .point-list .item .item_tit h3{
  font-size: 2.7em;
  font-style: italic;
  color: #070a4a;
  margin-top: 20px;
  margin-left: 20px;
  width: 80%;
}
.kiyosumishirakawa_lp2 .point-list .item .img{
  text-align: center;
  margin: 30px 0 ;
}

/*
.kiyosumishirakawa_lp2 .point-list .item_area .img .pc:after {
  display: block;
  position: absolute;
  width: 99px;
  height: 55px;
  right: -10px;
  bottom: -10px;
  content: "";
  background: url(../service/images/add_row1.png) no-repeat center top;
} */

@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .item_area{
    margin-bottom: 20px;
  }
  .kiyosumishirakawa_lp2 .point-list .item .item_tit{
    align-items: left;
  }
  .kiyosumishirakawa_lp2 .point-list .item{
    width: 100%;
  }
  .kiyosumishirakawa_lp2 .point-list .item .item_tit img{
    width: 20%;
  }
  .kiyosumishirakawa_lp2 .point-list .item p{
    width: 100%;
  }

  .kiyosumishirakawa_lp2 .point-list .item .item_tit h3{
    font-size: 1.5em;
    width: 100%;
    margin-top: 0px;
    margin-left: 10px;
    line-height: 1.2;
  }
}


.kiyosumishirakawa_lp2 .concept_area{
  background: url(../images/consept_bg.png) center center no-repeat;
  background-size: cover;
  text-align: center;
}
.kiyosumishirakawa_lp2 .concept_area h2{
  padding: 50px 0;
  font-size: 2.8rem;
  color: #fff;
}
.kiyosumishirakawa_lp2 .concept_area p{
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.8;
}
.kiyosumishirakawa_lp2 .concept_area .concept_img{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .kiyosumishirakawa_lp2 .concept_area{
    padding: 10px;
  }
  .kiyosumishirakawa_lp2 .concept_area h2{
    padding-bottom: 10px;
    font-size: 1.3rem;
  }
  .kiyosumishirakawa_lp2 .concept_area p{
    font-size: 1.0rem;
  }
  .kiyosumishirakawa_lp2 .concept_area .concept_img li{
    width: 50%;
  }
}

@media print, screen and (min-width: 767px) {
  footer .f_up { display: none; }
}
@media only screen and (max-width: 766px) { /* ========== end △ */
  footer .f_up { background-color: #5d7da9; background-image: -webkit-linear-gradient(left, #012652, #2a5c99); background-image: -moz-linear-gradient(left, #012652, #2a5c99); background-image: -o-linear-gradient(left, #012652, #2a5c99); background-image: -ms-linear-gradient(left, #012652, #2a5c99); background-image: -webkit-gradient(linear, left top, right top, from(#012652), to(#2a5c99)); background-image: linear-gradient(to right, #012652, #2a5c99); }
  footer .f_up a { color: #fff; text-align: center; display: block; padding: 0% 0 4%; text-decoration: none; font-weight: bold; font-size: 20px; }
  footer .f_up a i { font-size: 50px; display: block; }
  /* ▽ SP layout ========== */ }

@media only screen and (max-width: 766px) and (max-width: 420px) { footer .f_sec .container .f_up a { font-size: 15px; }
  footer .f_up a i { font-size: 30px; display: block; } }

footer .f_logo{
  margin: 0 auto 20px;
  width: 80%;
}
footer .lp2-footer.white{
    background: #fff;
    padding-bottom: 85px !important;
}

@media print, screen and (min-width: 767px) {
  footer .f_logo{
    width: 40%;
  }
  footer .lp2-footer.white{
    padding-bottom: 30px !important;
  }
}

.bnr_toplink {
  margin: 30px auto 0;
  width: 70%;
}

@media only screen and (max-width: 766px) {
  .bnr_toplink {
  margin: 15px auto 0;
  width: 60%;
  }
}
.link-prevent {
  pointer-events: none;
}

.map_area_desc {
  display: inline-block;
  background: #21508A;
  padding: 5px 20px;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.map_area__stair {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 766px) {
  .map_area__stair {
    flex-direction: column;
    align-items: center;
  }
}