@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700,900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&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;
	object-fit: cover;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
body{
	font-size: 1.6rem;
	font-weight: 300;
	font-feature-settings: "palt";
	color: #2B2B2B;
	line-height: 1.9;
  background: #fff;

}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	body{
    font-size: 1.7rem;
		line-height: 2.0;
	}
}
main {
  min-height: calc(100vh);
}

/* -- ul + ol -- */
ul.ul-disc{
	list-style-type: disc;
}
ul.ul-num{
	list-style-type: decimal;
}
ul.ul-maru{
	list-style-type: circle;
}
ul.ul-none{
	list-style-type: none;
}

.is-pCorp {
	colre: #0ABAB5;
}
.is-pWhite {
	color: #fff;
}
.is-pBlack {
	color: #2B2B2B;
}
.is-bgCorp {
	background: #0ABAB5;
}
.is-bgGray {
	background: #E8ECE9;
}


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



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



/* =========================================   TILE   ========================================= */
.tile {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;
	display: block;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-height: -webkit-min-content;
	min-height: -moz-min-content;
	min-height: min-content;
}
.tile.is-ancestor {
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
}
.tile.is-ancestor:last-child {
	margin-bottom: -8px;
}
.tile.is-ancestor:not(:last-child) {
	margin-bottom: 8px;
}

.tile.is-child {
	margin: 0 !important;
}

.tile.is-parent {
	padding: 8px;
}

.tile.is-vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
	margin-bottom: 16px !important;
}

.tile.is-reverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media screen and (min-width: 480px) {/* ---------------   media (min-width 480px)   --------------- */
	.tile:not(.is-child) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
  }
	.tile.is-1 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 10%;
  }
	.tile.is-2 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 20%;
  }
  .tile.is-3 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 30%;
  }
  .tile.is-4 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 40%;
  }
  .tile.is-5 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 50%;
  }
  .tile.is-6 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 60%;
  }
  .tile.is-7 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 70%;
  }
  .tile.is-8 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 80%;
  }
  .tile.is-9 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 90%;
  }
  .tile.is-10 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
  }
  .tile.is-one-third {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 33.3333%;
  }
  .tile.is-two-third {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 66.6666%;
  }
	.tile.is-orderEnd {
		-webkit-order: 1;
		order: 1;
	}
	.tile.is-centered {
		justify-content: center;
		align-items: center;
	}
	.tile.is-start {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.tile.is-bottom {
		-webkit-align-self: flex-end;
		align-self: flex-end;
	}
	.tile.is-center {
		-webkit-align-self: center;
		align-self: center;
	}
}



/* =========================================   CONTAINER & BOX   ========================================= */
.container, .container-gapless, .container700, .container1200{
	position: relative;
  top: 0;
  left: 0;
	margin: 0 auto;
	padding: 40px 20px;
}
.container-gapless{
	padding-top:0;
	padding-bottom:0;
}
.innerBox {
	background: #fff;
	padding:20px 10px;
}
.entryBox{
	color: #fff;
	margin:30px auto 0;
	padding:10px 10px;
	background: #0ABAB5;
	border: 1px solid #fff;
	text-align:left;
}
.sizeImg{
	width:90%;
	margin:0 auto;
}
.space{padding-top:30px;}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.container, .container-gapless, .container700, .container1200{
		padding: 60px 10px;
	}
	.container-gapless{
		padding-top:0;
		padding-bottom:0;
	}
	.innerBox {
		padding:20px;
	}
	.entryBox{
	text-align:center;
	}
	.sizeImg{
		width:100%;
	}
	.innerR {padding-right:20px;}
	.innerL {padding-left:20px;}
  .space{padding-top:55px;}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.container, .container-gapless, .container700, .container1200{
		padding: 100px 20px;
		max-width: 1400px;
	}
	.container-gapless{
		padding-top:0;
		padding-bottom:0;
	}
	.container700{
		max-width: 700px;
	}
	.container1200{
		max-width: 1200px;
	}
	.entryBox{
		width:770px;
		margin:50px auto 0;
		padding:30px 10px;
	}
	.innerR {padding-right:80px;}
	.innerL {padding-left:80px;}
  .space{padding-top:80px;}
}


/* =========================================   LOGO   ========================================= */
.logo {
  width: 100px;
	margin-top:5px;
	margin-left:10px;
  z-index: 9;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .logo {
    width: 140px;
  }
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .logo {
    width: 160px;
		margin-top:0;
		margin-left:50px;
  }
}
@media screen and (min-width: 1200px) {  /* ---------------   PC   --------------- */
  .logo {
    width: 180px;
		margin-left:100px;
  }
}

/* =========================================   HEADER   ========================================= */
.header{
  position: relative;
  top: 0;
  left: 0;
	font-weight:600;
  width: 100%;
	height:60px;
}
.header > .container {
  display: flex;
  align-items: center;
	margin:0;
  padding: 0;
  max-width: 2000px;
}
.gnav {
  display: none;
}
.menuBtn {
  cursor: pointer;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
	background: #fff;
	border: 1px solid #2CB4AD;
  transition: all .5s ease-in-out;
  z-index: 999;
}
.menuBtn .menuBtn-burger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 2px;
  background: #2CB4AD;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  z-index: 1000;
}
.menuBtn .menuBtn-burger::before,
.menuBtn .menuBtn-burger::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #2CB4AD;
  border-radius: 5px;
  transition: all .5s ease-in-out;
}
.menuBtn .menuBtn-burger::before {
  top: 10px;
}
.menuBtn .menuBtn-burger::after {
  top: -10px;
}
.menuBtn.open {
  border: 1px solid #2CB4AD;
}
.menuBtn.open .menuBtn-burger {
  background: transparent;
}
.menuBtn.open .menuBtn-burger::before {
  top: 0;
  transform: rotate(45deg);
}
.menuBtn.open .menuBtn-burger::after {
  top: 0;
  transform: rotate(135deg);
}
.snav{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: column;
	background-color: #fff;
	transform: translateX(100%);
	transition: all .5s ease-in-out;
  z-index: 998;
}
.snav.active{
	transform: translateX(0);
}
.snav ul.snavMenu {
  position: relative;
}
.snav ul.snavMenu li{
  font-size: 1.7rem;
  padding: 0;
  text-align: center;
}
.snav ul.snavMenu li a{
	position: relative;
	display: block;
	text-decoration: none;
	padding:5px 15px;
	transition: all .5s ease-in-out;
}
.snav ul.snavMenu li:first-child a{
	margin-top: 7rem;
  padding-bottom: 3rem;
}
.snav ul.snavMenu li:first-child img{
	width:80%;
}

.snav ul.snavSNS {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.snav ul.snavSNS li{
  font-size: 140%;
}
.snav ul.snavSNS li + li{
  padding-left: 30px;
}

.mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(56, 54, 54, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-in-out;
  z-index: 997;
}
.mask.active{
	opacity: 1;
	visibility: visible;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.header{
		height:80px;
	}
  .snav {
		width: 70%;
	}
	.menuBtn {
	  top: 20px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.header{
		height:100px;
	}
  .gnav {
    display: block;
    margin-left: auto;
  }
  .gnav a{
    display: block;
		padding: 34px 35px;
	}
  .gnav ul.gnavMenu{
    display: flex;
		flex-flow: row;
    align-items: center;
  }
	.gnav ul.gnavMenu li.entry{
		color: #fff;
		width:200px;
		height:100px;
		padding-left:20px;
		background: #0ABAB5;
	}
  .menuBtn, .snav {
    display: none;
  }
}

/* =========================================   FOOTER   ========================================= */
footer{
	color: #fff;
	text-align: center;
	background-color: #0ABAB5;
	margin-bottom:60px;
	line-height: 1.6;
}
footer .container{
	padding-top: 30px;
	padding-bottom: 20px;
}
footer .copyright {
	font-size: 70%;
	padding: 10px 0;
	text-align: center;
	background-color: #000;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	footer{
		line-height: 1.7;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	footer{
		margin:0;
	}
	footer .container{
		padding-top: 40px;
	}
}



/* =========================================   TITLE & SUBTITLE   ========================================= */
.topImg {
	height:200px;
	margin-bottom:20px;
	background-size:cover;
}
.sloganTitle{
	position:relative;
	top:150px;
	left:50%;
	width:230px;
	line-height:1;
	transform: translate(-50%, 0);
}
.sloganTitle img{
	width:100%;
	height:auto;
}
.is-iconImg{
	width: 50px;
	margin: 0 auto;
	text-align: center;
}
h2, h2.line {
	font-size: 2.2rem;
	font-weight: 500;
	margin: 0 0 15px;
	text-align:center;
}
h2.line:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -35px;
	width: 3px;
	height: 30px;
	background: #2B2B2B;
}
h3 {
	font-size:2.2rem;
	font-weight: 500;
	margin-bottom:20px;
	padding: 0;
	line-height:1.5;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.topImg {
		height:300px;
	}
	.sloganTitle{top:230px;	left:80%; width:130px;}
	.is-iconImg{
		width: 65px;
	}
	h2, h2.line{
		font-size: 2.4rem;
		margin: 0 0 20px;
	}
	h2{
		margin-bottom:25px;
	}
	h2.line:after {
		bottom: -40px;
		height: 40px;
	}
	h3{
    font-size: 2.4rem;
		margin-bottom:25px;
		letter-spacing: 0.1rem;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.topImg {
		height:520px;
	}
	.sloganTitle{top:400px; left:80%; width:185px;}
	.is-iconImg{
		width: 85px;
	}
	h2, h2.line{
		font-size: 2.8rem;
	}
	h2{
		margin-bottom:30px;
	}
	h2.line:after {
		bottom: -50px;
		height: 50px;
	}
	h3 {
		font-size: 2.6rem;
		margin-bottom:30px;
	}
}



/* =========================================   WORK AREA   ========================================= */
.workArea {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom:20px;
	background: #0ABAB5;
}
.workArea .area {
	padding: 20px;
	text-align: center;
}
.workArea p {
	color: #fff;
	font-weight:400;
	margin-bottom:10px;
}
.workArea p.areaName{
	color: #fff;
	font-size:120%;
	font-weight:400;
	line-height:1.4;
}
.workArea .map {
	overflow: hidden;
}
.workArea iframe {
	width: 100%;
	height: 300px;
	margin-top: -68px;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.workArea {
		display: flex;
		margin-bottom:40px;
		align-items: center;
	}
	.workArea .area {
		width: 43%;
		padding: 0 20px;
	}
	.workArea p {
		margin-bottom:15px;
	}
	.workArea p.areaName{
		font-size:160%;
		line-height:1.4;
	}
	.workArea .map {
		width:57%;
	}
	.workArea iframe {
		height: 400px;
	}
}


/* =========================================   BUTTON   ========================================= */
.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
	width:70%;
	margin: 1.5rem 0 1.0rem;
  padding: .5rem 0;
	background: #2CB4AD;
	border: 1px solid #2CB4AD;
  border-radius: 4rem;
	transition: all .5s ease-in-out;
}
.btn:hover {
	color: #0ABAB5;
	background: #fff;
	opacity:0.7;
}
.btn:hover span {
  display: inline-block;
}
.btn.areaBtn {
	color: #0ABAB5;
	background: #fff;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.btn {
		font-size:110%;
		width:350px;
		margin: 2.5rem 0 1.0rem;
	  padding: 1.0rem 0;
	}
	.btn.areaBtn {
		width:270px;
	}
}



/* =========================================   SIDE MENU LINK   ========================================= */
#sideLink {
	position: fixed;
	bottom: 0;
  display: flex;
	justify-content: center;
	align-items: center;
	height:60px;
	background: #0ABAB5;
  border-top: 1px solid #fff;
	z-index: 599;
}
#sideLink li {
  text-align: center;
	padding:3px 0;
}
#sideLink li:first-child{
	border-right:1px solid #fff;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	#sideLink{
		position:	fixed;
		top: 1vh;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 160px;
		height:auto;
		background: none;
		border: none;
	}
	#sideLink li {
		margin-bottom: 10px;
		padding: 0;
		border: none;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	#sideLink {
		width: 212px;
	}
}



/* =========================================   PAGE TOP   ========================================= */
#pageTop {
	position: fixed;
	right: 10px;
	bottom: 70px;
	z-index: 600;
}
#pageTop a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/common/pageTop.svg) no-repeat top left;
	background-size: 40px 40px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	#pageTop {
		right: 20px;
		bottom: 20px;
	}
	#pageTop a {
		width: 60px;
		height: 60px;
		background-size: 60px 60px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	#pageTop a {
		width: 80px;
		height: 80px;
		background-size: 80px 80px;
	}
}



/* =========================================   TABLE   ========================================= */
table{
	border-collapse: separate;  /* 表の線と線の間を空ける */
	border-spacing: 1px;       /* 表の線と線の間の幅 */
	empty-cells:show;
	width:100%;
	padding: 0;
	text-align:left;
}
table th, td {
	padding: 10px;
}
table th {
	white-space: nowrap;
	color: #fff;
	font-weight:400;
	background-color: #0ABAB5;
}
table td {
	background-color: #E8ECE9;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	table{
		border-spacing: 3px;
	}
	table th, td {
		padding: 20px 15px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	table{
		border-spacing: 5px;
	}
	table th, td {
		padding: 30px 20px;
	}
}



/* =========================================   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;
}
.is-line {
  border-bottom: 1px solid #0d0015;
}
@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;
	}
	.large {
		font-size: 120%;
	}
	.xlarge {
		font-size: 160%;
	}
}


/* マージンの設定
----------------------------------------------------*/
.mt0 { margin-top:0px !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 -----*/
.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;}
.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;}
}

/* その他設定
----------------------------------------------------*/
.indent {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .indent {
    padding-left: 1.6rem;
    text-indent: -1.6rem;
  }
}
.br_sp {
	display:none;
}
@media screen and (max-width: 600px) { /* ---------------   タブレット   --------------- */
	.br_sp {
		display:block;
	}
	.br_pc {
		display:none;
	}
}
.visible_sp {
	display: none;
}
.visible_pc {
	display: block;
}
@media screen and (max-width: 600px) { /* ---------------   タブレット   --------------- */
	.visible_sp {
		display:block;
	}
	.visible_pc {
		display: none;
	}
}