@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
/* ================================================================================
CSS information
	file name	: layout.css
	style info	: 基本レイアウト設定
	author		: SAHO+DESIGN
	author URI	: https://saho-design.com
================================================================================ */
html{
	font-size: 62.5%;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;
}
body {
	font-family: 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight:400;
	font-style: normal;
}
body{
	font-size: 1.5rem;
	font-feature-settings: "palt";
	line-height: 1.7;
	letter-spacing: .1rem;
	color: #281A14;
  background: #F9FCFF;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	body{
    font-size: 1.6rem;
		line-height: 1.8;
	}
}

/* -- ul + ol -- */
ul, ol {
	margin: 0;
}
ul.ul-disc{
	list-style-type: disc;
}
ul.ul-num{
	list-style-type: decimal;
}
ul.ul-none{
	list-style-type: none;
}

.is-bgWhite {
	background: #fff;
}
.is-bgGray {
	background: #F2F2F2;
}
.is-bgCorp {
	background: #00365F;
}
.is-bg{
	background: #EFF7FF;
}

.is-white {
	color: #fff;
}
.is-black {
	color: #000;
}
.is-corp {
	color: #00365F;
}
.is-blue {
	color: #00ACDB;
}
.is-red {
	color: #BA2636;
}

/* リンク設定
----------------------------------------------------*/
a{
	color: #281A14;
	transition: all .5s ease-in-out;
}
a[href^="tel:"]{
	cursor:default;
}
a:hover{
	opacity:0.7;
	transition: all .5s ease-in-out;
}
a.uline{
	text-decoration:underline;
}
a.No-uline{
	text-decoration:none !important;
}

ul.is-decimal{
	padding-left: 1.6rem;
	list-style-type:decimal;
}
ul.is-disc{
	padding-left: 1.6rem;
	list-style-type:disc;
}
ul.is-decimal li span, ul.is-disc li span {
	color: #0d0015;
}



/* =========================================   COLUMN   ========================================= */
.column {
	display: block;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 8px 8px;
	text-align:left;
}

.column.is-radius {
	border-radius: 8px;
}

.column.is-bottom {
	align-self: flex-end;
}

.columns.is-mobile > .column.is-full {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 50%;
}
.columns.is-mobile > .column.is-one-third {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 25%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
	margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
	margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
	margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
	margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
	margin-left: 25%;
}
.columns.is-mobile > .column.is-1 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 10%;
}
.columns.is-mobile > .column.is-offset-1 {
	margin-left: 10%;
}
.columns.is-mobile > .column.is-2 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 20%;
}
.columns.is-mobile > .column.is-offset-2 {
	margin-left: 20%;
}
.columns.is-mobile > .column.is-3 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 30%;
}
.columns.is-mobile > .column.is-offset-3 {
	margin-left: 30%;
}
.columns.is-mobile > .column.is-4 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 30%;
}
.columns.is-mobile > .column.is-offset-4 {
	margin-left: 40%;
}
.columns.is-mobile > .column.is-5 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 50%;
}
.columns.is-mobile > .column.is-offset-5 {
	margin-left: 50%;
}
.columns.is-mobile > .column.is-6 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 60%;
}
.columns.is-mobile > .column.is-offset-6 {
	margin-left: 60%;
}
.columns.is-mobile > .column.is-7 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 70%;
}
.columns.is-mobile > .column.is-offset-7 {
	margin-left: 70%;
}
.columns.is-mobile > .column.is-8 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 80%;
}
.columns.is-mobile > .column.is-offset-8 {
	margin-left: 80%;
}
.columns.is-mobile > .column.is-9 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 90%;
}
.columns.is-mobile > .column.is-offset-9 {
	margin-left: 90%;
}
.columns.is-mobile > .column.is-10 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
}
.columns.is-mobile > .column.is-offset-10 {
	margin-left: 100%;
}

@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.column{
		padding: 8px 8px 0;
	}
	.column.is-three-quarters{
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 75%;
  }
  .column.is-two-thirds {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 66.6666%;
  }
  .column.is-half {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 50%;
  }
  .column.is-one-third {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 33.3333%;
  }
  .column.is-one-quarter {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 25%;
  }
  .column.is-offset-three-quarters {
		margin-left: 75%;
  }
  .column.is-offset-two-thirds {
		margin-left: 66.6666%;
  }
  .column.is-offset-half {
		margin-left: 50%;
  }
  .column.is-offset-one-third {
		margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter {
		margin-left: 25%;
  }
  .column.is-1 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 10%;
  }
  .column.is-offset-1 {
		margin-left: 10%;
  }
  .column.is-2 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 20%;
  }
  .column.is-offset-2 {
		margin-left: 20%;
  }
  .column.is-3 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 30%;
  }
  .column.is-offset-3 {
		margin-left: 30%;
  }
  .column.is-4 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 40%;
  }
  .column.is-offset-4 {
		margin-left: 40%;
  }
  .column.is-5 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 50%;
  }
  .column.is-offset-5 {
		margin-left: 50%;
  }
  .column.is-6 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 60%;
  }
  .column.is-offset-6 {
		margin-left: 60%;
  }
  .column.is-7 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 70%;
  }
  .column.is-offset-7 {
		margin-left: 70%;
  }
  .column.is-8 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 80%;
  }
  .column.is-offset-8 {
		margin-left: 80%;
  }
  .column.is-9 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 90%;
  }
  .column.is-offset-9 {
		margin-left: 90%;
  }
  .column.is-10 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
  }
}
.columns {
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
}
.columns:last-child {
	margin-bottom: -16px;
}
.columns:not(:last-child) {
	margin-bottom: 8px;
}
.columns.is-centered {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.columns.is-gapless {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding:0;
}
.columns.is-gapless:last-child {
	margin-bottom: 0;
}
.columns.is-gapless:not(:last-child) {
	margin-bottom: 8px;
}
.columns.is-gapless > .column {
	margin: 0;
	padding: 0;
}
.columns.is-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.columns.is-multiline {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.columns.is-vcentered {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}

@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.columns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: -8px;
		margin-right: -8px;
	}
}



/* =========================================   CONTAINER & BOX   ========================================= */
.container, .container-narrow, .container-gapless{
	position: relative;
	margin: 0 auto;
	padding: 50px 20px;
}
.container-gapless{
	padding-top:0;
	padding-bottom:0;
}
.innerBox {
	margin: 10px 0;
	padding: 10px;
  background: #fff;
}

.lineBumpy{
  position: relative;
  width: 100%;
	margin: 0 auto;
	padding: 0;
}
.lineBumpy::before{
	content: "";
	display: block;
  position: relative;
  width: 100%;
	height: calc( (100vw * 185) / 1920);
	background:url("../images/common/line-top.svg") no-repeat center;
  background-size: contain;
  background-position: bottom;
}
.lineBumpy::after{
	content: "";
	display: block;
  position: relative;
  width: 100%;
	height: calc( (100vw * 185) / 1920);
	background:url("../images/common/line-bottom.svg") no-repeat center;
  background-size: contain;
  background-position: top;
}
.space{padding-top:60px;}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.container, .container-narrow, .container-gapless {
		padding: 60px 20px;
	}
	.container-gapless{
		padding-top:0;
		padding-bottom:0;
	}
  .innerBox {
    margin: 10px 0 20px;
		padding: 20px;
	}
  .space{padding-top:80px;}
	.innerRs {padding-right:30px;}
	.innerLs {padding-left:30px;}
	.innerR {padding-right:60px;}
	.innerL {padding-left:60px;}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.container, .container-narrow, .container-gapless{
		padding: 80px 10px;
		max-width: 1200px;
	}
	.container-narrow{
		max-width: 870px;
	}
	.container-gapless{
		padding-top:0;
		padding-bottom:0;
	}
  .space{padding-top:100px;}
	.innerRs {padding-right:60px;}
	.innerLs {padding-left:60px;}
	.innerR {padding-right:120px;}
	.innerL {padding-left:120px;}
}



/* =========================================   HEADER   ========================================= */
header{
	position:relative;
	width:100%;
	height:65px;
	color: #00365F;
	font-weight:600;
	z-index:50
}
header:after{
	content:"";
	display:block;
	width:100%;
	height:65px;
	position:absolute;
	top:0;
	left:0
}
header a{
  color: #00365F;
}
.logo{
	width:110px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50px;
	text-align:center;
	padding:10px 0;
	transform:none;
	z-index:10
}

.menuBtn {
  position: fixed;
	top:0;
	left:5px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: all .5s ease-in-out;
  z-index: 999;
  color: #00365F;
  background: #F9FCFF;
  border-radius: 0 0 1rem 0;
}
.menuBtn::after{
  content: "MENU";
  position: absolute;
  left:50%;
  bottom: 0;
	font-weight:500;
  transform: translateX(-50%);
  font-size: 1.2rem;
}

.menuBtn .menuBtn-burger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.5rem;
  transition: all .5s ease-in-out;
  z-index: 1000;
}
.menuBtn .menuBtn-burger::before,
.menuBtn .menuBtn-burger::after {
  content: '';
  position: absolute;
  width: 3.5rem;
  height: 2px;
  background: #00365F;
  transition: all .5s ease-in-out;
}
.menuBtn .menuBtn-burger::before {
  top: .5rem;
}
.menuBtn .menuBtn-burger::after {
  top: -.5rem;
}
.menuBtn.active {
  background: #e8e5db;
}
.menuBtn.active .menuBtn-burger {
	background: transparent;
}
.menuBtn.active .menuBtn-burger::before {
  top: 0;
  transform: scale(.8) rotate(45deg);
}
.menuBtn.active .menuBtn-burger::after {
  top: 0;
  transform: scale(.8) rotate(135deg);
}
.navi ul li.gnavi a:hover{color:#0075C2;}
@media screen and (max-width: 1025px) { /* ---------------   pc   --------------- */
	#menu{
		width:100%;
		height:100%;
		z-index:100;
		position:fixed;
		top:0;
		right:0;
		pointer-events:none;
		background:#e8e5db;
		opacity:0;
		transition:.3s ease-in-out;
		overflow:scroll;
	}
	#menu.normal{
		right:0;
		height:100%;
		pointer-events:auto;
		opacity:1;
	}
	#menu .navi ul li.gnavi, #menu .navi .snavi a{pointer-events:none;}
	#menu.normal .navi ul li.gnavi, #menu.normal .navi .snavi a{pointer-events:auto;}
}

.navi ul{
	position:relative;
	width:100%;
	margin:65px 0 0;
	line-height:1;
	text-align:center;
	border-top:1px solid #00365F;
	z-index:10;
}
.navi ul li.gnavi{
	display:block;
	margin:0;
	padding:6vw;
	border-right:none;
	line-height:1;
	text-align:center;
	border-bottom:1px solid #00365F;
}
.navi ul li.access{
	display:block;
	padding-bottom:80px;
}
.navi ul li.mypage:before {
	position: relative;
	top: 3px;
	margin: 0 5px 0 0;
	content: url(../images/common/icon-memberON.svg);
}
.snavi{
	position:static;
	text-align:center;
	padding:7vw 4vw;
}
.snavi a{
	margin:0 15px 0 0;
	font-size:1.2rem;
}
.snavi a.mypage, .naviApply, .naviContact {
	display:none;
}
.lang-switcher select {
	display:block;
	position:absolute;
	top: 20px;
	right:5px;
	font-size:1.2rem;
	padding: 3px 6px;
	border-radius: 4px;
	border: 1px solid #00365F;
	z-index:10;
}

@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	header{height:100px}
	header:after{height:105px}
	.logo{
		width:140px;
		margin-left:-70px;
		padding:15px 0;
	}
	.menuBtn{
		transform:scale(1.2);
	}
	.navi ul li.gnavi{
		padding:4vw;
	}
	.snavi{
		padding:5vw 3vw;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	header{
		height:160px;
	}
	header:after{
		height:166px;
	}
	.logo{
		width:180px;
		margin-left:-90px;
		padding:20px 0;
	}
	.menuBtn{display:none}
	.snavi{
		position:absolute;
		top:8px;
		left:0;
		margin:0;
		padding:0;
		padding-left:20px;
		width:100%;
		text-align:left;
	}
	.snavi a{
		display:inline-block;
		padding:0 0 0 5px;
		margin:0 20px 0 0;
		font-size:1.2rem;
		line-height:40px;
		pointer-events:auto;
	}
	.snavi a.mypage{
		display:block;
		position:absolute;
		top:0;
		right:370px;
	}
	.snavi a.mypage:before {
		position: relative;
		top: 5px;
		margin: 0 5px 0 0;
		content: url(../images/common/icon-memberON.svg);
	}
	.navi ul{
		position:relative;
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		border: none;
		z-index:10;
	}
	.navi ul{line-height:1;pointer-events:none}
	.navi ul li.gnavi{
		display:inline-block;
		margin:100px 0 0;
		padding:20px 20px;
		line-height:1;
		border: none;
		pointer-events:auto;
		transition:.2s ease-in-out;
	}
	.navi ul li.gnavi:nth-child(3){margin-right:20vw}
	.navi ul li.access{display:none;}
	.navi ul li.mypage{display:none;}
	.naviApply{
		display:block;
		position:absolute;
		top:0;
		right:121px;
		width:110px;
		height:100px;
		color:#fff;
		font-size:1.3rem;
		padding:35px 0 0;
		text-align:center;
		background:#00365F;
		z-index:10;
		border-radius: 0 0 0 10px;
		transition:.2s ease-in-out;
	}
	.naviContact{
		display:block;
		position:absolute;
		top:0;
		right:10px;
		width:110px;
		height:100px;
		color:#fff;
		font-size:1.3rem;
		padding:25px 0 0;
		text-align:center;
		background:#00365F;
		z-index:10;
		transition:.2s ease-in-out;
	}
	.lang-switcher select {
		display:block;
		position:absolute;
		top: 10px;
		right:232px;
		font-size:1.3rem;
		padding: 4px 8px;
	}
}
@media screen and (min-width: 1250px) {  /* ---------------   PC   --------------- */
	.navi ul li.gnavi{
		padding:20px 30px;
	}
}



/* =========================================   FOOTER   ========================================= */
footer{
	color: #fff;
	padding-bottom:30px;
	background: #00365F;
}
footer a{
	color: #fff;
}
.ft-logo{text-align:center; margin-bottom:10px;}
.ft-logo img{transform:scale(0.8);}
.ft-add{text-align:center; margin-bottom:10px;}
.ft-link{text-align:center;}
.ft-sns{text-align:center; margin-top:20px;}
.ft-sns li{display:inline-block;}
.ft-navi{display: none;}

footer ul li{
	display: block;
	padding:3px 10px;
}
footer .btn{
  color: #fff;
	width:85%;
  padding: .8rem 0;
	background: #00365F;
	border: 2px solid #fff;
  border-radius: 4rem;
}
footer .btn:hover{
	color: #00365F;
	background: #fff;
	opacity:1;
}
footer .copyright{
	font-size: 90%;
	padding:10px 0;
	text-align:center;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	footer{
		height:240px;
		padding-bottom:0;
	}
	footer ul{
		display: flex;
	}
	.ft-logo{display:block;width:128px;height:auto;margin:0;position:absolute;top:20px;left:20px;}
	.ft-logo img{transform:scale(0.8);}
	.ft-add{display:inline-block;width:auto;height:auto;margin:0;position:absolute;top:35px;left:220px;text-align:left;}
	.ft-link{display:inline-block; width:auto;height:auto;margin:0;position:absolute;top:95px;left:200px;}
	.ft-sns{width:auto;height:auto;margin:0;position:absolute;top:175px;left:210px;}
	footer .btn{
	  color: #fff;
		width:220px;
	}
	footer .copyright{
		position:absolute;
		bottom:10px;
		font-size: 90%;
		padding:10px 0 30px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	footer{
		height:280px;
	}
	.ft-logo{display:block;width:128px;height:auto;margin:0;position:absolute;top:10%;left:20px;}
	.ft-logo img{transform:scale(1.0);}
	.ft-add{display:inline-block; width:auto;height:auto;margin:0;position:absolute;top:50px;left:25%;}
	.ft-link{display:inline-block; width:auto;height:auto;margin:0;position:absolute;top:45px;left:45%;}
	.ft-sns{width:auto;height:auto;margin:0;height:auto;position:absolute;top:65px;left:88%;}
	.ft-navi{display:inline-block;width:76%;height:auto;margin:0;position:absolute;top:180px;left:24%;}
	.ft-navi ul{display:flex;justify-content:space-between;}
}

#gMap {
  width: 100%;
  height: 250px;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	#gMap {
		height: 380px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	#gMap {
		height: 480px;
	}
}



/* =========================================   TITLE & SUBTITLE   ========================================= */
.topImg {
  position: relative;
	width:calc(100vw - 40px);
  height: 300px;
	margin: 0 20px;
	background-size: cover;
	border-radius: 10px;
  z-index: -1;
}
.sloganTitle{
	position:absolute;
	top:50%;
	left:50%;
	width:350px;
	height:auto;
	transform:translate(-50%,-50%);
	line-height:1;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}
.sloganTitle img{
	max-width:100%;
	height:auto;
}
h2{
	position: relative;
	color: #00365F;
	margin-bottom:20px;
	text-align: center;
}
h2.title {
	font-size: 1.3rem;
	font-weight:800;
	letter-spacing:.1em;
	line-height: 1.4;
}
h2.title::before, h2.subtitle::before {
	content: "";
	display: block;
	width:44px;
	height:36px;
	margin:0 auto 15px;
	background: url("../images/common/titleImg.svg") no-repeat;
	background-size: cover;
}
h2.title::after {
	content: attr(data-en);
	display: block;
	font-family: "Lato", sans-serif;
  font-weight: 900;
	font-size: 3.8rem;
	letter-spacing:.05em;
	text-transform: uppercase;
}
h2.subtitle {
	position: relative;
	font-size: 2.4rem;
	font-weight:800;
	line-height:1.4;
	letter-spacing:.1em;
}
h3{
	color: #00365F;
	font-size: 1.8rem;
	font-weight:800;
	line-height:1.6;
	letter-spacing:.1em;
	margin-bottom:20px;
}
h4{
	font-size: 1.8rem;
	font-weight:600;
	line-height:1.2;
	text-align:center;
}
.note{
	width:100%;
	margin:0 0 10px;
	padding:15px 10px;
	border:2px solid #000;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .topImg {
		width: calc(100vw - 40px);
		height:300px;
		margin: 0 20px;
  }
	.sloganTitle{width:500px;}
	h2{
		margin-bottom:25px;
	}
	h2.title {
		font-size: 1.4rem;
	}
	h2.title::before,	h2.subtitle::before {
		width:59px;
		height:48px;
		margin:0 auto 15px;
	}
	h2.title::after {
		font-size: 4.2rem;
	}
	h2.subtitle {
		font-size: 2.8rem;
	}
	h3{
		font-size: 2.0rem;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .topImg {
		width: calc(100vw - 80px);
		height: 350px;
		margin: 0 40px;
  }
	.sloganTitle{width:600px;}
	h2{
		margin-bottom:30px;
	}
	h2.title {
		font-size: 1.5rem;
	}
	h2.title::before,	h2.subtitle::before {
		width:74px;
		height:60px;
		margin:0 auto 20px;
	}
	h2.title::after {
		font-size: 5.0rem;
	}
	h2.subtitle {
		font-size: 3.3rem;
	}
	h3{
		font-size: 2.4rem;
	}
}



/* =========================================   BUTTON   ========================================= */
.btn{
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
	text-align: center;
  vertical-align: middle;
  text-decoration: none;
	color: #fff;
	letter-spacing: .2rem;
	width:70%;
	margin: 10px auto 0;
  padding: 0.5rem 30px;
	background: #00365F;
	border: 2px solid #00365F;
  border-radius: 1rem;
}
.btn:hover{
	opacity:1;
}
.btn:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	vertical-align: middle;
}
.btn.arrow:after {
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	content: "\f0da";
	vertical-align: middle;
}
.btn.wide{
	width:100%;
}
.btn.short{
	width:90%;
}
.btn.narrow{
  padding: 0.2rem 30px;
}
.btn.ellipse{
  border-radius: 3rem;
}
.btn.reverse{
	color: #00365F;
	font-weight:600;
	background: #fff;
}
.btn.reverse:hover{
	color: #fff;
	background: #00365F;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.btn {
		width:350px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.btn {
		width:430px;
	}
}


/* =========================================   PAGE TOP   ========================================= */
.btn.pageTop {
  position: fixed;
  right: 1.0rem;
  bottom: 5.0rem;
  display: block;
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
  line-height: 0;
  padding: .8rem 1rem 1rem 1.2rem;
	color: #00365F;
	background: #fff;
	border: 2px solid #00365F;
  border-radius: 50%;
	z-index:999;
}
@media screen and (min-width: 481px) {/* ---------------   481px以上   --------------- */
  .btn.pageTop {
    right: 1.5rem;
    bottom:1.5rem;
  }
}



/* =========================================   SIDE MENU LINK   ========================================= */
#subMenuLink{
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	width: 100%;
	z-index: 799;
}
#subMenuLink a{
	color: #fff;
}
#subMenuLink li {
	width:50%;
	padding:10px 0;
	text-align: center;
	background: #00365F;
	border-top: 1px solid #fff;
}
#subMenuLink li:not(:first-child){
	border-left: 1px solid #fff;
}
#subMenuLink li a{
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	#subMenuLink li{
		display: none;
	}
}



/* =========================================   TAB   ========================================= */
.tab {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.tabLabel {
	color: #666;
	font-size:1.8rem;
	font-weight:600;
	width:45%;
	margin:10px 5px 30px;
	padding: 5px 3px 10px;
	text-align:center;
	background: #F9FCFF;
	border-bottom:2px solid #666;
	order: -1;
}
.tabContent {
	display: none;
	width: 100%;
}
.tabSwitch:checked + .tabLabel {
	color: #00365F;
  background: #F9FCFF;
	border-bottom:2px solid #00365F;
}
.tabSwitch:checked + .tabLabel + .tabContent {
  display: block;
}
.tabSwitch {
  display: none;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.tabLabel {
		font-size:2.2rem;
		width: calc(100vw / 3.8);
		margin: 10px 20px 50px;
		padding: 5px 10px 15px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.tabLabel {
		font-size:2.2rem;
		width: calc(100vw / 4);
		margin: 10px 20px 50px;
		padding: 5px 10px 15px;
	}
}



/* =========================================   ACCORDION   ========================================= */
.accordion {
	display: none;
	margin:0;
	padding:0;
}
.accordionBox{
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #DCD6D9;
	border-radius: 10px;
}
.accordionTitle {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:110%;
	color: #00365F;
	padding: 0.6em 2.5em 0.1em 0.7em;
	font-weight: 600;
	cursor: pointer;
}
.accordionTitle::before{
	position:absolute;
	right:15px;
	font-size:140%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f055";
	color: #14274c;
}
.accordionTitle, .accordionContent {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.5s;
}
.accordionContent {
	width:100%;
	height: 0;
	margin-bottom:10px;
	padding:0 10px;
	overflow: hidden;
}
.accordionContent p{
	line-height: 1.7;
}
.accordion:checked + .accordionTitle + .accordionContent {
	height: auto;
	transition: all 0.5s;
}
.accordion:checked + .accordionTitle::before {
	position:absolute;
	right:15px;
	font-size:140%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f056";
	color: #14274c;
}
.accordionBox-c{
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #00365F;
}
.accordionTitle-c {
	position: relative;
	display: block;
	padding: 0.6em 1em 0.1em;
	color: #00365F;
	font-weight: 600;
	text-align:left;
	cursor: pointer;
}
.accordionTitle-c::before{
	position:absolute;
	right:10px;
	font-size:120%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	color: #14274c;
}
.accordionTitle-c, .accordionContent-c {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.5s;
}
.accordionContent-c {
	width:100%;
	height: 0;
	margin-bottom:10px;
	padding:0 10px;
	overflow: hidden;
}
.accordion:checked + .accordionTitle-c + .accordionContent-c {
	height: auto;
	transition: all 0.5s;
}
.accordion:checked + .accordionTitle-c::before {
	position:absolute;
	right:10px;
	font-size:120%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	color: #14274c;
}
.accordionContent p, .accordionContent-c p {
	line-height: 1.5;
}
.accordionColumns{
	display: block;
	margin: 10px 0;
	padding: 10px;
}
.accordionColumn{
	width:100%;
	margin: 0;
	padding: 5px 0;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.accordionTitle {
		padding: 0.6em 1em 0.1em;
	}
	.accordionTitle::before, .accordion:checked + .accordionTitle::before {
		right:30px;
	}
	.accordionTitle-c::before, .accordion:checked + .accordionTitle-c::before {
		right:15px;
	}
	.accordionContent p, .accordionContent-c p {
		line-height: 1.6;
	}
	.accordionColumns{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
    margin: 10px 0 20px;
		padding: 20px;
	}
	.accordionColumn{
		width:calc(50% - 30px);
		margin: 0;
		padding: 5px 0;
	}
}


/* =========================================   iFRAME   ========================================= */
.iframeWrapper{
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin: 10px 0 0;
}
.iframeWrapperShort{
	width: 100%;
	position: relative;
	padding-top: 177.51%;
	margin: 10px 0 0;
}
.iframeWrapper iframe, .iframeWrapperShort iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}

.iframeWrapperCalender iframe{
	width:100%;
	height:400px;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.iframeWrapperCalender iframe{
		height:600px;
	}
}



/* =========================================   TABLE   ========================================= */
table {
	width: 100%;
	margin: 20px 0;
	padding:0;
	border-collapse: separate;
	border:1px solid #00365F;
	border-spacing: 0;
	border-radius: 5px;
}
table th {
	white-space: nowrap;
	color:#fff;
	margin:0;
	padding: .714286em;
	text-align:center;
	vertical-align: middle;
	background: #00365F;
}
table td {
	margin:0;
	padding: .714286em;
	text-align:center;
	vertical-align:middle;
}
table th:first-child{
  border-radius: 5px 0 0 0;
}
table th:last-child{
  border-radius: 0 5px 0 0;
}
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table td:first-child{
	border-right:1px solid #00365f;
}
table.yoko tr, table.yoko th{
  border-radius: 0;
}
table.yoko{
	border-radius: 5px;
	border-spacing: 0;
	border: none;
	border-left: 1px solid #00365F;
	border-top: 1px solid #00365F;
}
table.yoko tr>*{
	border: none;
	border-right: 1px solid #00365F;
	border-bottom: 1px solid #00365F;
}
table.yoko th{
	vertical-align: middle;
}
table.yoko td{
	text-align:center;
}
table.yoko tr:first-child>*:first-child{
	border-radius: 5px 0 0 0;
}
table.yoko tr:first-child>*:last-child{
	border-radius: 0 5px 0 0;
}
table.yoko tr:last-child>*:first-child{
	border-radius: 0 0 0 5px;
}
table.yoko tr:last-child>*:last-child{
	border-radius: 0 0 5px 0;
}
@media screen and (max-width: 600px) { /* ---------------   タブレット   --------------- */
	.tbl-yokoTate {
		width: 100%;
	}
	.tbl-yokoTate tr {
		display: block;
		float: left;
	}
	.tbl-yokoTate tr td, .tbl-yokoTate tr th {
		border-left: none;
		display: block;
	}
	.tbl-yokoTate tr td {
		text-align:left;
	}
	.tbl-yokoTate thead {
		display: block;
		float: left;
		width: 30%;
	}
	.tbl-yokoTate th {
		padding-top:25px;
	}
	.tbl-yokoTate thead tr {
		width: 100%;
	}
	.tbl-yokoTate tbody {
		display: block;
		float: left;
		width: 70%;
	}
	.tbl-yokoTate tbody tr {
		width: 100%;
	}
	.tbl-yokoTate td:first-child{
		border-right:none;
	}
	.tbl-yokoTate td:first-child{
		border-right:none;
	}
	.tbl-yokoTate th:last-child {
	  border-radius: 0;
	}
	.tbl-yokoTate td:first-child {
	  border-radius: 0;
	}
	.tbl-yokoTate td:last-child {
		border-top:1px solid #00365f;
	}
	table.yoko td{
		text-align:left;
	}
}



/* =========================================   PHOTO LISTS   ========================================= */
.photoLists {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0;
}
.photoList {
	position: relative;
	width: calc((100% - 4px)/2);
	overflow:hidden;
}
.photoList img {
  width: 100%;
  height: calc((100vw - 44px)/2);
  object-fit: cover;
	transition:1s all;
}
.photoList img:hover {
	transform:scale(1.1,1.1);
	transition:1s all;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.photoList {
		position: relative;
		width: calc((100% - 8px)/4);
		overflow:hidden;
	}
	.photoList img {
	  width: 100%;
	  height: calc((100vw - 44px)/4);
	  object-fit: cover;
		transition:1s all;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.photoList img {
	  width: 100%;
	  height: calc((600px - 44px)/2);
	  object-fit: cover;
		transition:1s all;
	}
}



/* =========================================   OTHER SETTING   ========================================= */
/* テキストの設定
----------------------------------------------------*/
.is-center {
	text-align: center;
}
.is-left {
	text-align: left;
}
.is-right {
	text-align: right;
}
.strong {
  font-weight: bold;
}
.noStrong {
  font-weight: normal;
}
.xsmall {
	font-size: 60%;
}
.small {
	font-size: 80%;
}
.large {
	font-size: 110%;
}
.xlarge {
	font-size: 120%;
}
.is-center_sp {
	text-align: center;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.is-center_sp {
		text-align: left;
	}
	.is-center_pc {
		text-align: center;
	}
	.is-left_pc {
		text-align: left;
	}
	.is-right_pc {
		text-align: right;
	}
	.br_sp {
		display:block;
	}
	.large {
		font-size: 120%;
	}
	.xlarge {
		font-size: 160%;
	}
}


/* マージンの設定
----------------------------------------------------*/
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.ml0 { margin-left:0px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}
.ml100 { margin-left:100px !important;}
.mr0 { margin-right:0px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}
.mr100 { margin-right:100px !important;}

/* パディングの設定
----------------------------------------------------*/
.pt0 { padding-top:0px !important;}
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}
.pb0 { padding-bottom:0px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}
.pl0 { padding-left:0px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl60 { padding-left:60px !important;}
.pl70 { padding-left:70px !important;}
.pl80 { padding-left:80px !important;}
.pl90 { padding-left:90px !important;}
.pl100 { padding-left:100px !important;}
.pr0 { padding-right:0px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}
.pr60 { padding-right:60px !important;}
.pr70 { padding-right:70px !important;}
.pr80 { padding-right:80px !important;}
.pr90 { padding-right:90px !important;}
.pr100 { padding-right:100px !important;}

/*----- pc -----*/
.pt10_pc { padding-top:0;}
.pt15_pc { padding-top:0;}
.pt20_pc { padding-top:0;}
.pt25_pc { padding-top:0;}
.pt30_pc { padding-top:0;}
.pt35_pc { padding-top:0;}
.pt40_pc { padding-top:0;}
.pt45_pc { padding-top:0;}
.pt50_pc { padding-top:0;}
.pt60_pc { padding-top:0;}
.pt70_pc { padding-top:0;}
.pt80_pc { padding-top:0;}
.pt90_pc { padding-top:0;}
.pt100_pc { padding-top:0;}
.pb10_pc { padding-bottom:0;}
.pb15_pc { padding-bottom:0;}
.pb20_pc { padding-bottom:0;}
.pb25_pc { padding-bottom:0;}
.pb30_pc { padding-bottom:0;}
.pb35_pc { padding-bottom:0;}
.pb40_pc { padding-bottom:0;}
.pb50_pc { padding-bottom:0;}
.pb60_pc { padding-bottom:0;}
.pb70_pc { padding-bottom:0;}
.pb80_pc { padding-bottom:0;}
.pb90_pc { padding-bottom:0;}
.pb100_pc { padding-bottom:0;}
.pl10_pc { padding-left:0;}
.pl15_pc { padding-left:0;}
.pl20_pc { padding-left:0;}
.pl25_pc { padding-left:0;}
.pl30_pc { padding-left:0;}
.pl40_pc { padding-left:0;}
.pl50_pc { padding-left:0;}
.pl60_pc { padding-left:0;}
.pl70_pc { padding-left:0;}
.pl80_pc { padding-left:0;}
.pl90_pc { padding-left:0;}
.pl100_pc { padding-left:0;}
.pr10_pc { padding-right:0;}
.pr15_pc { padding-right:0;}
.pr20_pc { padding-right:0;}
.pr25_pc { padding-right:0;}
.pr30_pc { padding-right:0;}
.pr40_pc { padding-right:0;}
.pr50_pc { padding-right:0;}
.pr60_pc { padding-right:0;}
.pr70_pc { padding-right:0;}
.pr80_pc { padding-right:0;}
.pr90_pc { padding-right:0;}
.pr100_pc { padding-right:0;}
.plStep { padding-left:10px;}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.pt10_pc { padding-top:10px;}
	.pt15_pc { padding-top:15px;}
	.pt20_pc { padding-top:20px;}
	.pt25_pc { padding-top:25px;}
	.pt30_pc { padding-top:30px;}
	.pt35_pc { padding-top:35px;}
	.pt40_pc { padding-top:40px;}
	.pt45_pc { padding-top:45px;}
	.pt50_pc { padding-top:50px;}
	.pt60_pc { padding-top:60px;}
	.pt70_pc { padding-top:70px;}
	.pt80_pc { padding-top:80px;}
	.pt90_pc { padding-top:90px;}
	.pt100_pc { padding-top:100px;}
	.pb10_pc { padding-bottom:10px;}
	.pb15_pc { padding-bottom:15px;}
	.pb20_pc { padding-bottom:20px;}
	.pb25_pc { padding-bottom:25px;}
	.pb30_pc { padding-bottom:30px;}
	.pb35_pc { padding-bottom:35px;}
	.pb40_pc { padding-bottom:40px;}
	.pb50_pc { padding-bottom:50px;}
	.pb60_pc { padding-bottom:60px;}
	.pb70_pc { padding-bottom:70px;}
	.pb80_pc { padding-bottom:80px;}
	.pb90_pc { padding-bottom:90px;}
	.pb100_pc { padding-bottom:100px;}
	.pl10_pc { padding-left:10px;}
	.pl15_pc { padding-left:15px;}
	.pl20_pc { padding-left:20px;}
	.pl25_pc { padding-left:25px;}
	.pl30_pc { padding-left:30px;}
	.pl40_pc { padding-left:40px;}
	.pl50_pc { padding-left:50px;}
	.pl60_pc { padding-left:60px;}
	.pl70_pc { padding-left:70px;}
	.pl80_pc { padding-left:80px;}
	.pl90_pc { padding-left:90px;}
	.pl100_pc { padding-left:100px;}
	.pr10_pc { padding-right:10px;}
	.pr15_pc { padding-right:15px;}
	.pr20_pc { padding-right:20px;}
	.pr25_pc { padding-right:25px;}
	.pr30_pc { padding-right:30px;}
	.pr40_pc { padding-right:40px;}
	.pr50_pc { padding-right:50px;}
	.pr60_pc { padding-right:60px;}
	.pr70_pc { padding-right:70px;}
	.pr80_pc { padding-right:80px;}
	.pr90_pc { padding-right:90px;}
	.pr100_pc { padding-right:100px;}
	.plStep { padding-left:20px;}
}
/*----- sp -----*/
.pt0_sp { padding-top:0;}
.pt10_sp { padding-top:10px;}
.pt15_sp { padding-top:15px;}
.pt20_sp { padding-top:20px;}
.pt25_sp { padding-top:25px;}
.pt30_sp { padding-top:30px;}
.pt40_sp { padding-top:40px;}
.pt50_sp { padding-top:50px;}
.pt60_sp { padding-top:60px;}
.pt70_sp { padding-top:70px;}
.pt80_sp { padding-top:80px;}
.pt90_sp { padding-top:90px;}
.pt100_sp { padding-top:100px;}
.pb0_sp { padding-bottom:0;}
.pb10_sp { padding-bottom:10px;}
.pb15_sp { padding-bottom:15px;}
.pb20_sp { padding-bottom:20px;}
.pb25_sp { padding-bottom:25px;}
.pb30_sp { padding-bottom:30px;}
.pb40_sp { padding-bottom:40px;}
.pb50_sp { padding-bottom:50px;}
.pb60_sp { padding-bottom:60px;}
.pb70_sp { padding-bottom:70px;}
.pb80_sp { padding-bottom:80px;}
.pb90_sp { padding-bottom:90px;}
.pb100_sp { padding-bottom:100px;}
.pl10_sp { padding-left:10px;}
.pl15_sp { padding-left:15px;}
.pl20_sp { padding-left:20px;}
.pl25_sp { padding-left:25px;}
.pl30_sp { padding-left:30px;}
.pl40_sp { padding-left:40px;}
.pl50_sp { padding-left:50px;}
.pl60_sp { padding-left:60px;}
.pl70_sp { padding-left:70px;}
.pl80_sp { padding-left:80px;}
.pl90_sp { padding-left:90px;}
.pl100_sp { padding-left:100px;}
.pr10_sp { padding-right:10px;}
.pr15_sp { padding-right:15px;}
.pr20_sp { padding-right:20px;}
.pr25_sp { padding-right:25px;}
.pr30_sp { padding-right:30px;}
.pr40_sp { padding-right:40px;}
.pr50_sp { padding-right:50px;}
.pr60_sp { padding-right:60px;}
.pr70_sp { padding-right:70px;}
.pr80_sp { padding-right:80px;}
.pr90_sp { padding-right:90px;}
.pr100_sp { padding-right:100px;}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.pt10_sp { padding-top:0;}
	.pt15_sp { padding-top:0;}
	.pt20_sp { padding-top:0;}
	.pt25_sp { padding-top:0;}
	.pt30_sp { padding-top:0;}
	.pt40_sp { padding-top:0;}
	.pt50_sp { padding-top:0;}
	.pt60_sp { padding-top:0;}
	.pt70_sp { padding-top:0;}
	.pt80_sp { padding-top:0;}
	.pt90_sp { padding-top:0;}
	.pt100_sp { padding-top:0;}
	.pb10_sp { padding-bottom:0;}
	.pb15_sp { padding-bottom:0;}
	.pb20_sp { padding-bottom:0;}
	.pb25_sp { padding-bottom:0;}
	.pb30_sp { padding-bottom:0;}
	.pb40_sp { padding-bottom:0;}
	.pb50_sp { padding-bottom:0;}
	.pb60_sp { padding-bottom:0;}
	.pb70_sp { padding-bottom:0;}
	.pb80_sp { padding-bottom:0;}
	.pb90_sp { padding-bottom:0;}
	.pb100_sp { padding-bottom:0;}
	.pl10_sp { padding-left:0;}
	.pl15_sp { padding-left:0;}
	.pl20_sp { padding-left:0;}
	.pl25_sp { padding-left:0;}
	.pl30_sp { padding-left:0;}
	.pl40_sp { padding-left:0;}
	.pl50_sp { padding-left:0;}
	.pl60_sp { padding-left:0;}
	.pl70_sp { padding-left:0;}
	.pl80_sp { padding-left:0;}
	.pl90_sp { padding-left:0;}
	.pl100_sp { padding-left:0;}
	.pr10_sp { padding-right:0;}
	.pr15_sp { padding-right:0;}
	.pr20_sp { padding-right:0;}
	.pr25_sp { padding-right:0;}
	.pr30_sp { padding-right:0;}
	.pr40_sp { padding-right:0;}
	.pr50_sp { padding-right:0;}
	.pr60_sp { padding-right:0;}
	.pr70_sp { padding-right:0;}
	.pr80_sp { padding-right:0;}
	.pr90_sp { padding-right:0;}
	.pr100_sp { padding-right:0;}
}

/* その他設定
----------------------------------------------------*/
hr {
	background-color: #666;
	border: none;
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
}
.indent {
	padding-left: 1.6rem;
	text-indent: -1.5rem;
}

.br_sp {
	display:none;
}
@media screen and (max-width: 601px) {/* ---------------   タブレット   --------------- */
	.br_sp {
		display:block;
	}
	.br_pc {
		display:none;
	}
}
.visible_sp {
	display: none;
}
.visible_pc {
	display: block;
}
@media screen and (max-width: 601px) {/* ---------------   タブレット   --------------- */
	.visible_sp {
		display:block;
	}
	.visible_pc {
		display: none;
	}
}