@charset "utf-8";
/*
Theme Name: なかい水泳予備校
Theme URI: https://suieiyobikou.jp/
Description: なかい水泳予備校
*/

.lp-header img {
	width:100%;
	height:auto;
}

@media (max-width: 1280px){
.lp-header {
	margin-top:100px;
}
}

@media (max-width: 980px){
.lp-header {
	margin-top:0;
}
}

.lp_title01 {
	margin-bottom: 4.5rem;
	font-size: clamp(20px, 2.4vw, 48px);
}

.lp_title01:after {
	content:"";
	width:1px;
	height:60px;
	background:#0620a0;
	margin:0 auto;
	display:block;
	margin-top:1.5rem;
}

.lp_title01 strong {
	text-align: center;
	position: relative;
	display:block;
	margin-bottom:1rem;
}

.lp_title01 span {
	display:block;
	color:#1a2c87;
	text-align: center;
	font-size: 0.35em;
}

.box1280 {
	width:100%;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
}

.box1580 {
	width:100%;
	max-width:1580px;
	margin-left:auto;
	margin-right:auto;
}

#kaijo01 {
	background:url(../../images/kaijo/lp_sec01_bg.png) no-repeat center center #FFF;
	background-size:100%;
}

#kaijo01 h1 {
	text-align:center;
	font-size:clamp(20px, 2.4vw, 32px);
	color:#1a2c87;
	font-weight:500;
	line-height:1.8;
	margin-bottom:7.5rem;
}

#kaijo01 h1 strong {
	display:block;
	margin-top:1.5rem;
}

#kaijo01 h1 strong span {
	display:inline-block;
	padding:0.5rem 1rem 1.5rem 1rem;
	background:#1a2c87;
	color:#FFF;
	font-size:clamp(30px, 3.6vw, 50px);
	line-height:1;
	margin:0 0.5rem;
}


#kaijo01 dl dd p {
	font-size:clamp(16px, 1.4vw, 18px);
	text-align: justify;
	font-weight: 500;
}

#kaijo01 dl dd p em {
	display:block;
	font-style:normal;
	margin-bottom:1.5rem;
}

#kaijo01 dl dd p strong {
	letter-spacing:1px;
	margin-bottom:3rem;
	font-size:clamp(18px, 1.5vw, 26px);
	
	background: linear-gradient(transparent 0%,#ffb400 0%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: #fff;
	padding: 1rem 1rem 1rem 0;
	
	line-height: 2.8;
}

#kaijo01 dl dd p span {
	
	background: linear-gradient(transparent 50%, #ffc0c0 50%);
}

#main #primary section#kaijo02 {
	background:url(../../images/kaijo/lp_sec02_bg01.png) no-repeat center 6rem #e6edfb;
	background-size:100%;
	padding-bottom: 4.5%;
}

#kaijo02 #kaijo02_inner {
	background:url(../../images/kaijo/lp_sec02_bg02.png) no-repeat center bottom ;
	background-size:100%;
	padding-bottom:4.5%;
}

#kaijo02 .box_wrapper {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}


#kaijo02 .box_wrapper dl {
	margin-bottom:6rem;
	background:#FFF;
	position:relative;
	z-index:1;
	box-shadow: 10px 10px 0px 0px #0620a0;
}

#kaijo02 .box_wrapper dl:nth-child(2) {
	margin-left:3.5%;
	margin-right:3.5%;
}

#kaijo02 .box_wrapper dl dd {
	padding-left:3rem;
	padding-right:3rem;
	padding-bottom:3rem;
}

#kaijo02 .box_wrapper dl dd h3 {
	text-align:center;
	margin:3rem auto;
	font-size:clamp(20px, 2vw, 26px);
	color:#1a2c87;
}

#kaijo02 .box_wrapper dl dd h3 span {
	background: linear-gradient(transparent 50%, #ffb400 50%);
	font-weight:500;
}

#kaijo02 .box_wrapper dl dd p {
	line-height:1.6;
	font-size:clamp(16px, 1.4vw, 18px);
	text-align: justify;
	font-weight: 500;
}

#kaijo02 .box_wrapper dl:nth-child(4) {
	margin-right:3.5%;
	margin-bottom:0;
}

#kaijo02 .box_wrapper dl:nth-child(5) {
	margin-bottom:0;
}


#kaijo03 {
	background:url(../../images/kaijo/lp_sec03_bg.png) center center repeat #FFF;
}

#kaijo03 ul {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

#kaijo03 ul li {
	width:50%;
}

#kaijo03 ul li:nth-child(1) {
	text-align:right;
	padding-right:3%;
}

#kaijo03 ul li:nth-child(2) {
	text-align:left;
	padding-left:3%;
}

#kaijo03 .kaijo_area {
	margin-top:7.5rem;
}

#kaijo03 .kaijo_area h3 {
	font-size: clamp(20px, 2vw, 28px);
	text-align:center;
	margin-bottom:4.5rem;
}

#kaijo03 .kaijo_area h3:after {
	content:"";
	display:block;
	width:50px;
	height:1px;
	background:#182d9a;
	margin:1.5rem auto 0 auto
}

#kaijo03 .kaijo_area dl {
	text-align:center;
	margin:0 auto;
	padding: 4.5rem;
	border: 1px solid #DDD;
	background:#FFF;
	border-radius: 3rem;
	max-width: 1000px;
	
}

#kaijo03 .kaijo_area dl dt {
	margin-bottom:0.5rem;
	font-size: clamp(18px, 1.6vw, 20px);
	border-bottom: 1px solid #ddd;
	padding-bottom:1.5rem;
	color:#182d9a;
	
}

#kaijo03 .kaijo_area dl dd {
	margin-bottom:3rem;
	font-size: clamp(16px, 1.4vw, 18px);
	line-height:2;
}

#kaijo03 .kaijo_area dl dd:last-child {
	margin-bottom:0;
}

#kaijo04 {
	background:url(../../images/kaijo/lp_sec04_bg.jpg) repeat;
}

#kaijo04 .lp_title01:after {
	background:#FFF;
}

#kaijo04 .lp_title01 strong {
	color:#FFF;
}

#kaijo04 .lp_title01 span {
	color:#FFF;
}

.price_box_wrapper {
	background:#FFF;
	padding:6rem;
}

.price_box_wrapper h3 {
	color:#1a2c87;
	font-size:clamp(18px, 1.8vw, 24px);
	padding-left:1rem;
}

.price_box_wrapper h3:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right:0.75rem;
}

.price_box_wrapper h4 {
	color:#FFF;
	display:inline-block;
	background:#1a2c87;
	font-size:clamp(16px, 1.6vw, 20px);
	padding:0.25rem 0.5rem 0.5rem 0.5rem;
	margin-bottom:1rem;
}

.price_box_wrapper p {
	letter-spacing:1px !important;
}

.price_box_wrapper ul li {
	line-height:1.8;
	font-size:clamp(14px, 1.2vw, 16px);
}

.price_box_wrapper .price_box01,
.price_box_wrapper .price_box02 {
	margin-bottom:4.5rem;
}

.price_box_wrapper .price_box01 .inbox p,
.price_box_wrapper .price_box02 .inbox p {
	font-size:clamp(18px, 1.6vw, 20px);
	line-height:1.6 !important;
}

.price_box_wrapper .price_box01 .inbox p span,
.price_box_wrapper .price_box02 .inbox p span {
	font-size:clamp(16px, 1.4vw, 18px);
	background: linear-gradient(transparent 50%, #ffc0c0 50%);
}

.price_box_wrapper .inbox {
	border-bottom:1px solid #1a2c87;
	padding-bottom:1.5rem;
}

.price_box_wrapper .price_box02 .inbox,
.price_box_wrapper .price_box03 .inbox {
	margin-bottom:3rem;
}

.price_box_wrapper .price_box03 h5 {
	margin-bottom:1rem;
	font-size:clamp(16px, 1.4vw, 17px);
}

.price_box_wrapper .price_box03 h5:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right:0.75rem;
	color:#1a2c87;
}

.price_box_wrapper .price_box03 .inbox02 {
	margin-bottom:4.5rem;
	padding-bottom:1.5rem;
	border-bottom:1px dashed #DDD;
}

.price_box_wrapper .price_box03 .inbox02 ul {
	border:1px solid #DDD;
	padding:1rem;
	margin-top:1.5rem;
}

.price_box_wrapper .price_box03 .inbox02 table {
	margin-bottom:3rem;
}

.price_box_wrapper .price_box03 .inbox02 table th {
	text-align:center;
	letter-spacing:1px;
	background:#f3f9fe;
	border:1px solid #FFF;
	vertical-align:middle;
}

.price_box_wrapper .price_box03 .inbox02 table td {
	background:#fafafa;
	border:1px solid #FFF;
	vertical-align:middle;
}

.price_box_wrapper .price_box03 .inbox02:nth-child(2) table td {
	width:50%;
	text-align:center;
	letter-spacing:1px;
	padding-left:0;
	padding-right:0;
}

.price_box_wrapper .price_box03 .inbox02:nth-child(3) {
	padding-bottom:0;
	border-bottom:0;
	margin-bottom:0;
}

.price_box_wrapper .price_box03 .inbox02:nth-child(3) table td {
	width:33.333%;
	text-align:center;
	letter-spacing:1px;
	padding-left:0;
	padding-right:0;
}

#main #primary section#kaijo05 {
	background:#FFF;
	padding-bottom:0;
}

#kaijo05 .photo {
	text-align:center;
}


#kaijo05 .photo img {
	width:100%;
	max-width:1280px;
	height:auto;
}

#kaijo05 .text_box {
	margin-top:-11em;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background:#f7f7f7;
	padding-top:9em;
	padding-bottom:9rem;
}

#kaijo05 .text_box .text_box_inner {
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

#kaijo05 .text_box .text_box_inner > p {
	font-size:clamp(16px, 1.4vw, 18px);
	padding-right:6rem;
}

#kaijo05 .text_box .text_box_inner > p strong {
	font-size:1.2em;
	font-weight:300;
}

#kaijo05 .text_box .text_box_inner .inbox {
    /*コレ*/align-items: flex-end;
	margin-bottom:4.5rem;
}

#kaijo05 .text_box .text_box_inner .inbox p {
	padding:0 6rem;
	font-size:clamp(16px, 1.4vw, 18px);
}

@media (max-width: 1400px){
.price_box_wrapper .price_box03 .inbox02 .w48 {
	width:100%;
	margin-bottom:2rem;
}

.price_box_wrapper .price_box03 .inbox02 .w50 {
	width:100%;
}

}

@media (max-width: 1280px){
#kaijo01 dl dt.w48 {
	width:100%;
	text-align:center;
	margin-bottom:2rem;
}

#kaijo01 dl dd.w50 {
	width:100%;
	text-align:center;
}
}

@media (max-width: 980px){


.lp_title01 {
	margin-bottom: 2.5rem;
}

.lp_title01:after {
	height:30px;
}

#kaijo01 dl dd p strong {
	padding: 1rem 1rem 1rem 0.5rem;
}

#kaijo05 .text_box {
  margin-top: -6em;
  padding-top: 6em;
  padding-bottom: 6rem;
}

#kaijo05 .text_box .text_box_inner .inbox {
	margin-bottom:0;
}

#kaijo05 .text_box .text_box_inner .inbox p.w49 {
	width:100%;
	padding:2rem;
}

#kaijo05 .text_box .text_box_inner .inbox p.w49:nth-child(2) {
	padding-top:0;
}

#kaijo05 .text_box .text_box_inner > p {
	padding-right:2rem;
}

}

@media (max-width: 680px){
#kaijo01 h1 {
	margin-bottom:4.5rem;
}

#kaijo02 .box_wrapper {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#kaijo02 .box_wrapper dl.w31 {
	width:48%;
	margin-right:0;
	margin-left:0;
	margin-bottom:3rem;
}

#kaijo02 .box_wrapper dl dd {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 1.5rem;
}

#kaijo03 .kaijo_area dl {
	padding: 2rem;
}

#kaijo03 .kaijo_area dl dd {
	margin-bottom:1.5rem;
}

.price_box_wrapper {
	padding:1.5rem;
}

.price_box_wrapper h3.w48 {
	width:100%;
	margin-bottom:1.5rem;
}

.price_box_wrapper .price_box01 .inbox p.w48,
.price_box_wrapper .price_box02 .inbox p.w48 {
	width:100%;
}

.price_box_wrapper .price_box02 .inbox,
.price_box_wrapper .price_box03 .inbox {
	margin-bottom:2rem;
}


.price_box_wrapper .price_box03 .inbox02:nth-child(2) table th:nth-child(1) {
	width:25%;
}

.price_box_wrapper .price_box03 .inbox02:nth-child(2) table td:nth-child(1) {
	width:25%;
}


.price_box_wrapper .price_box03 .inbox02:nth-child(3) table th:nth-child(1) {
	width:16%;
}

.price_box_wrapper .price_box03 .inbox02:nth-child(3) table td:nth-child(1) {
	width:16%;
}


}

@media (max-width: 480px){

#main #primary section#kaijo03 {
	padding-bottom:15%;
}

#kaijo01 h1 strong span {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  font-size: clamp(26px, 3.6vw, 50px);
  margin: 0 0.2rem;
}

#kaijo02 .box_wrapper dl.w31 {
	width:100%;
}

#kaijo03 ul li {
	width:80%;
	padding-right: 0;
	margin:0 auto 3rem auto;
}

#kaijo03 ul li:nth-child(2) {
	width:80%;
	padding-left: 0;
	margin:0 auto;
}

}