@charset "UTF-8";

html {
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: "Noto Sans JP", sans-serif;
	color: #00003e;
}

body{
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	/* overflow-x: hidden; */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.grecaptcha-badge { visibility: hidden; }

#wrapper a:link      { text-decoration: none; /* color: #20aee5; */ }
#wrapper a:visited   { text-decoration: none; /* color: #20aee5; */ }
#wrapper a:hover     { text-decoration: none; }
#wrapper a:active    { text-decoration: none; }

a[href^="tel:"] {
	pointer-events: none;
}

a,:focus {
	outline: none;
}

::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.img img {
	width: 100%;
	height: auto;
}

.tb   { display: none!important;}
.tbsp { display: none!important;}
.sp   { display: none!important;}

.pc   { display: block!important;}
.pctb { display: block!important;}
.pcsp { display: block!important;}

.opacity a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

/*======================================================
  common
======================================================*/

.cntWrp {
	max-width: 1200px;
	margin: 0 auto;
}

/* title */
.cntTtl {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1.35;
	margin: 0 0 70px;
}

.cntTtl:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 25px);
	width: 50px;
	height: 2px;
	background: #b39354;
}

.cntTtlEn {
	text-align: center;
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	font-size:  1.6rem;
	line-height: 1;
	color: #b39354;
	margin: 0 0 10px;
}

.ctBox {
	text-align: center;
}

.rtBox {
	text-align: right;
}

.cntCapTxt {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 10px 0 0;
	padding: 0 0 0 20px;
}

.cntCapTxt:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
	color: #b39354!important;
}

.wtLnk a:link,
.wtLnk a:visited {
	color: #fff!important;
}

.bkLnk a:link,
.bkLnk a:visited {
	color: #00003e!important;
}

.undPc {
	display: none;
}

.midPc {
	display: none;
}

@media screen and (max-width:1700px) {
	.midPc {
		display: block;
	}
}

@media screen and (max-width:1500px) {
	.cntTtl {
		font-size: 3.4rem;
		margin: 0 0 60px;
	}

	.cntTtl:after {
		bottom: -17px;
		left: calc(50% - 20px);
		width: 40px;
	}
	
	.cntTtlEn {
		font-size:  1.5rem;
		margin: 0 0 5px;
	}
}

@media screen and (max-width:767px) {
	.cntTtl {
		font-size: 2rem;
		margin: 0 0 30px;
	}

	.cntTtl:after {
		bottom: -10px;
		left: calc(50% - 10px);
		width: 20px;
	}
	
	.cntTtlEn {
		font-size:  1.2rem;
		margin: 0 0 2px;
	}
}

/*======================================================
  header
======================================================*/

/* header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	box-sizing: border-box;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
	background: #fff;
	z-index: 100;
} */

.hdrLg {
	max-width: 170px;
}

.hdrNavBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.gNav {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
}

.gNav a {
	display: block;
	padding: 20px;
}

.hdrCctNav {
	text-align: center;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	overflow: hidden;
}

.hdrCctNav li {
	margin: 0 0 0 20px;
}

.hdrCctNav a {
	display: block;
	padding: 15px 35px;
	border-radius: 50px;
}

.hdrCctNav li:nth-child(1) a {
	background: #00003e;
}

.hdrCctNav li:nth-child(2) a {
	background: #b39354;
}

@media screen and (max-width:1500px) {
	/* header {
		padding: 0 15px;
	} */

	.hdrLg {
		max-width: 150px;
	}

	.gNav a {
		padding: 20px 15px;
	}

	.hdrCctNav li {
		margin: 0 0 0 10px;
	}

	.hdrCctNav a {
		padding: 15px 20px;
	}
}

@media screen and (max-width:767px) {
	/* header {
		height: 60px;
	} */
	
	.hdrLg {
		max-width: 120px;
	}
}

/* mdlAra */
.mdlAra {
	display: none;
}

@media screen and (max-width:1200px) {
	.hdrNavBox {
		display: none;
	}
	
	.mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top: 15px;
		right: 15px;
		width: 50px;
		height: 50px;
		background: #250f72;
		border-radius: 5px;
		z-index: 2000;
		cursor: pointer;
	}

	.menu:hover {
		opacity: 0.60;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-moz-opacity: 0.60;
		-khtml-opacity: 0.60;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	.menu.active {
		background: #7ccdf2;
	}

	.menu span {
		width: 26px;
		height: 2px;
		position: absolute;
		left: 12px;
		background: #fff;
		z-index: 100;
	}
	
	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 17px;
	}

	.menu span:nth-of-type(2) {
		top: 25px;
	}

	.menu span:nth-of-type(3) {
		top: 33px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}

	.mdlBox {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2000;
		width: 100% ;
		height: 100vh;
		opacity: 0;
		padding: 95px 20px 30px;
		overflow-y: scroll;
		box-sizing: border-box;
		background: url(../images/bg_modal.jpg) top no-repeat;
		background-size: cover;
		background-attachment: fixed;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		visibility: hidden;
	}

	.mdlBox.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	.mdlNavBox {
		padding: 30px;
		background: #fff;
		border-radius: 15px;
		box-shadow: 0 0 8px rgba(13,22,52,0.4);
	}
	
	.mdlLg {
		max-width: 150px;
		margin: 0 auto 10px;
	}
	
	.gNav {
		display: block;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
	}
	
	.gNav li {
		position: relative;
	}
	
	.gNav li:before {
		content: "";
		position: absolute;
		top: calc(50% - 3px);
		left: 0;
		width: 6px;
		height: 6px;
		background: #b39354;
	}
	
	.gNav li:not(:last-child) {
		border-bottom: dotted 2px #969696;
	}

	.gNav a {
		display: block;
		padding: 20px;
	}
	
	.hdrCctNav {
		justify-content: center;
	}
	
	.hdrCctNav li {
		margin: 0 5px;
	}
	
	.hdrCctNav a {
		min-width: 200px;
	}
}

@media screen and (max-width:767px) {
	.menu {
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		border-radius: 4px;
	}
	
	.menu span {
		width: 20px;
		left: 10px;
	}
	
	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 13px;
	}

	.menu span:nth-of-type(2) {
		top: 20px;
	}

	.menu span:nth-of-type(3) {
		top: 27px;
	}
	
	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
	
	.mdlBox {
		padding: 60px 20px 30px;
	}
	
	.mdlNavBox {
		padding: 20px;
		border-radius: 10px;
	}
	
	.mdlLg {
		max-width: 120px;
		margin: 0 auto;
	}
	
	.gNav {
		font-size: 1.5rem;
		margin: 0 0 10px;
	}
	
	.gNav a {
		padding: 15px;
	}
	
	.hdrCctNav {
		display: block;
	}
	
	.hdrCctNav li:first-child {
		margin: 0 0 10px;
	}
	
	.hdrCctNav a {
		min-width: 100%;
		box-sizing: border-box;
	}
}

/*======================================================
  layout
======================================================*/

.content {
	/* margin: 80px 0 0; */
	display: flex;
	background-color: #fff;
}

.sidAra {
	order: 2;
	max-width: 450px;
	width: 100%;
	height: 100vh;
	position: sticky;
	/* top: 80px; */
	top: 0;
	right: 0;
	padding: 40px;
	box-sizing: border-box;
	background: #f4efe6;
	z-index: 10;
}

.ctrAra {
	order: 1;
	width: calc(100% - 450px);
	overflow: hidden;
}

@media screen and (max-width:1500px) {
	.sidAra {
		max-width: 400px;
		padding: 30px;
	}

	.ctrAra {
		width: calc(100% - 400px);
	}
}

@media screen and (max-width:1200px) {
	.content {
		display: block;
	}
	
	.sidAra {
		display: none;
	}

	.ctrAra {
		width:100%;
	}
}

/*======================================================
  sidAra
======================================================*/

.sidFrmAra .frmBox {
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

/*======================================================
  mnAra
======================================================*/

.mnAra {
	padding: 0 30px;
	background: url(../images/bg_main_pc.png) top right no-repeat #b4cad7;
	background-size: cover;
}

.order {
	background: url(../images/bg_main_order_pc.png) top right no-repeat #b4cad7;
}

.mnWrp {
	max-width: 1200px;
	min-height: 800px;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.mnCth {
	font-weight: 700;
	font-size: 4.7rem;
	line-height: 1.4;
	color: #fff;
	text-shadow: 0 0 8px rgba(13,22,52,0.6);
	margin: 0 0 25px;
}

.mnCntInr {
	display: inline-block;
}

.mnTxt {
	font-weight: 700;
	font-size: 2rem;
	line-height: 2;
	color: #fff;
	text-shadow: 0 0 8px rgba(13,22,52,0.6);
	margin: 0 0 25px;
}

.mnLst {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	color: #fff;
	text-shadow: 0 0 8px rgba(13,22,52,0.6);
	margin: 0 0 25px;
}

.mnLst li {
	position: relative;
	padding: 12px 0 12px 35px;
}

.mnLst li:before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../images/icn_check.png) center no-repeat #b39354;
	background-size: 15px auto;
	border-radius: 50%;
}

.mnLst li:not(:last-child) {
	border-bottom: dotted 2px rgba(255,255,255,0.5);
}

.mnLncBox {
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

.mnLncTtl {
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #fff;
	padding: 10px;
	background: rgba(13,22,52,0.8);
}

.mnLncInr {
	padding: 20px 15px;
}

.mnLncLst {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mnLncLst dt {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #b39354;
	padding: 5px 15px;
	background: #fff;
	border: solid 1px #b39354;
	border-radius: 30px;
}

.mnLncLst dt:nth-child(3) {
	margin: 0 0 0 20px;
}
 
.mnLncLst dd {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	margin: -10px 10px 0;
}

.mnLncLst dd .bigTxt {
	font-size: 3rem;
}

.mnBtnBox {
	text-align: center;
	position: absolute;
	bottom: -45px;
	left: calc(50% - 250px);
	z-index: 50;
}

.mnBtnCth {
	position: relative;
	display: inline-block;
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 1.2;
	padding: 5px 25px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 0 4px rgba(13,22,52,0.4);
}

.mnBtnCth:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent;
  translate: -50% 100%;
}

.mnBtnCth .gdTxt {
	color: #b39354;
	
}

.mnBtn {
	width: 500px;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1;
	margin: -15px auto 0;
}

.mnBtn a {
	display: block;
	padding: 35px 60px 30px 20px;
	background: url(../images/icn_arrow_rt_wt.png) right 25px top 40px no-repeat #b39354;
	background-size: 15px auto;
	border: solid 1px #fff;
	border-radius: 50px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.mnBtn a:hover {
	background: url(../images/icn_arrow_rt_wt.png) right 25px top 40px no-repeat #e83820;
	background-size: 15px auto;
}

.mnBtn .btnImgBox {
	padding: 10px 0 10px 90px;
	background: url(../images/bg_button.png) left no-repeat;
	background-size: 80px auto;
}

.mnBtn .freTxt {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #b39354;
	margin: 0 10px 0 0;
	padding: 1px 12px;
	background: #fff;
	border-radius: 30px;
}

.mnBtn a:hover .freTxt {
	color: #e83820;
}

@media screen and (max-width:1500px) {
	.mnAra {
		background: url(../images/bg_main_pc.png) top 0 right -250px no-repeat #b4cad7;
	}

	.order {
		background: url(../images/bg_main_order_pc.png) top 0 right -250px no-repeat #b4cad7;
	}
	
	.mnWrp {
		min-height: 750px;
	}
	
	.mnCth {
		font-size: 3.8rem;
		margin: 0 0 20px;
	}

	.mnTxt {
		font-size: 1.8rem;
		margin: 0 0 20px;
	}

	.mnLst {
		font-size: 1.8rem;
		margin: 0 0 20px;
	}
	
	.mnLst li {
		padding: 12px 0 12px 30px;
	}

	.mnLst li:before {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		background-size: 12px auto;
	}
	
	.mnLncTtl {
		font-size: 1.6rem;
	}
	
	.mnLncInr {
		padding: 15px 10px;
	}
	
	.mnLncLst dt {
		font-size: 1.4rem;
	}
	
	.mnLncLst dd {
		font-size: 1.6rem;
		margin: -7px 10px 0;
	}
	
	.mnBtnCth {
		font-size: 1.5rem;
		padding: 5px 20px;
	}

	.mnBtn {
		width: 460px;
		font-size: 2rem;
		margin: -15px auto 0;
	}

	.mnBtn a {
		padding: 30px 55px 25px 15px;
		background: url(../images/icn_arrow_rt_wt.png) right 20px top 30px no-repeat #b39354;
		background-size: 15px auto;
	}

	.mnBtn a:hover {
		background: url(../images/icn_arrow_rt_wt.png) right 20px top 30px no-repeat #e83820;
		background-size: 15px auto;
	}

	.mnBtn .btnImgBox {
		padding: 10px 0 10px 80px;
		background-size: 70px auto;
	}

	.mnBtn .freTxt {
		font-size: 1.5rem;
		padding: 1px 10px;
	}
}

@media screen and (max-width:767px) {
	.mnAra {
		padding: 30px 20px;
		background: url(../images/bg_main_sp.png) top no-repeat #00003e;
		background-size: 100%;
	}

	.order {
		background: url(../images/bg_main_order_sp.png) top no-repeat #00003e;
	}
	
	.mnWrp {
		min-height: auto;
		/* height: 750px; */
		height: 510px;
		align-items: flex-end;
		justify-content: center;
		position: relative;
	}

	.order .mnWrp {
		height: 510px;
	}
	
	.mnCntBox {
		width: 100%;
	}
	
	.mnCth {
		font-size: 2rem;
		/*margin: 0 0 20px;*/
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mnCntInr {
		display: block;
	}

	.mnTxt {
		font-size: 1.4rem;
		margin: 0 0 10px;
		line-height: 1.4;
	}

	.mnLst {
		font-size: 1.4rem;
		margin: 0 0 20px;
	}
	
	.mnLst li {
		padding: 5px 0 5px 30px;
	}

	.mnLst li:before {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		background-size: 12px auto;
	}
	
	.mnLncBox {
		margin: 0 0 25px;
	}
	
	.mnLncTtl {
		font-size: 1.5rem;
		padding: 5px;
	}
	
	.mnLncInr {
		padding: 10px 10px 5px;
	}
	
	.mnLncLst {
		text-align: center;
		display: block;
		margin: 0 0 -5px;
	}
	
	.mnLncLst dt {
		width: 100%;
		font-size: 1.2rem;
		margin: 0!important;
		padding: 3px 10px;
		box-sizing: border-box;
	}
	
	.mnLncLst dd {
		font-size: 1.5rem;
		margin: 0 0 5px;
	}
	
	.mnLncLst dd .bigTxt {
		font-size: 2rem;
	}
	
	.mnBtnBox {
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
	}
	
	.mnBtnCth {
		font-size: 1.3rem;
		padding: 3px 15px;
	}

	.mnBtn {
		width: 100%;
		font-size: 1.6rem;
		margin: -10px auto 0;
	}

	.mnBtn a {
		padding: 20px 30px 15px;
		background: url(../images/icn_arrow_rt_wt.png) right 15px top 25px no-repeat #b39354;
		background-size: 10px auto;
	}

	.mnBtn a:hover {
		background: url(../images/icn_arrow_rt_wt.png) right 15px top 25px no-repeat #e83820;
		background-size: 10px auto;
	}

	.mnBtn .btnImgBox {
		padding: 0;
		background: none;
	}

	.mnBtn .freTxt {
		font-size: 1.3rem;
		padding: 1px 7px;
	}
}

/*======================================================
  content
======================================================*/

/* clgAra */
.clgTpAra {
	position: relative;
	padding: 100px 0 0;
	z-index: 1;
}

.clgBtAra {
	position: relative;
	padding: 20px 0;
	z-index: 1;
}

@keyframes clgLst {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-100%);
	}
}

.clgLstBox {
	display: flex;
	overflow: hidden;
}

.clgLst {
	display: flex;
	animation: clgLst 36s infinite linear 0s both;
}

.clgLst li {
	margin: 0 20px;
}

.clgLst img {
	width: auto;
	height: 60px!important;
	max-width: unset;
}

@media screen and (max-width:1500px) {
	.clgTpAra {
		padding: 80px 0 0;
	}
	
	.clgLst li {
		margin: 0 15px;
	}

	.clgLst img {
		height: 50px!important;
	}
}

@media screen and (max-width:767px) {
	.clgTpAra {
		padding: 30px 0 0;
	}
	
	.clgBtAra {
		padding: 15px 0;
	}

	.clgLst li {
		margin: 0 10px;
	}

	.clgLst img {
		height: 30px!important;
	}
}

/* prbAra */
.prbAra {
    padding: 100px 30px;
}

.prbLst {
	display: flex;
	margin: 0 -30px;
}

.prbLst li {
	width: calc(33.33% - 60px);
	position: relative;
	margin: 0 30px;
	z-index: 1;
}

.prbNbr {
	position: absolute;
	top: -20px;
	left: -15px;
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1;
	color: #b39354;
	z-index: 3;
}

.prbImg {
	position: relative;
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
	z-index: 1;
}

.prbTxt {
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
}

@media screen and (max-width:1500px) {
	.prbAra {
		padding: 80px 30px;
	}

	.prbLst {
		margin: 0 -15px;
	}

	.prbLst li {
		width: calc(33.33% - 30px);
		margin: 0 15px;
	}
	
	.prbNbr {
		top: -15px;
		left: -10px;
		font-size: 4.5rem;
	}

	.prbImg {
		margin: 0 0 20px;
		border-radius: 15px;
	}

	.prbTxt {
		font-size: 1.8rem;
	}
}

@media screen and (max-width:767px) {
	.prbAra {
		padding: 30px 20px;
	}

	.prbLst {
		display: block;
		margin: 0;
	}

	.prbLst li {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 0;
	}
	
	.prbLst li:not(:last-child) {
		margin: 0 0 20px;
	}
	
	.prbNbr {
		top: -7px;
		left: -5px;
		font-size: 2rem;
	}

	.prbImg {
		max-width: 120px;
		margin: 0 20px 0 0;
		border-radius: 10px;
		box-shadow: 0 0 4px rgba(13,22,52,0.4);
	}

	.prbTxt {
		text-align: left;
		width: calc(100% - 140px);
		font-size: 1.6rem;
	}
}

/* whtAra */
.whtAra {
	padding: 100px 30px;
	background: url(../images/bg_whats.jpg) center no-repeat;
	background-size: cover;
}

.whtAra .cntTtlEn,
.whtAra .cntTtl {
	color: #fff!important;
}

.whtAra .cntTtl:after {
	background: #fff!important;
}

.whtLst li {
	display: flex;
}

.whtLst li:not(:last-child) {
	margin: 0 0 100px;
}

.whtImgBox {
	order: 1;
	max-width: 450px;
	margin: 0 40px 0 0;
}

.whtImg {
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

.whtLst li:nth-child(even) .whtImgBox {
	order: 2;
	margin: 0 0 0 40px;
}

.whtCntBox {
	order: 2;
	width: calc(100% - 490px);
}

.whtLst li:nth-child(even) .whtCntBox {
	order: 1;
}

.whtTtlBox {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}

.whtNbrIcn {
	text-align: center;
	width: 74px;
	height: 74px;
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin: 0 30px 0 0;
	padding: 17px 0 0;
	box-sizing: border-box;
	background: #b39354;
	border-radius: 50%;
}

.whtNbrTtl {
	font-size: 1.6rem;
	margin: 0 0 4px;
}

.whtNbr {
	font-size: 2.8rem;
}

.whtTtl {
	width: calc(100% - 104px);
	font-weight: 700;
	font-size:  3.4rem;
	line-height: 1.3;
	color: #fff;
}

.whtTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #fff;
}

@media screen and (max-width:1500px) {
	.whtAra {
		padding: 80px 30px;
	}

	.whtLst li:not(:last-child) {
		margin: 0 0 80px;
	}
	
	.whtImgBox {
		max-width: 330px;
		margin: 0 20px 0 0;
	}
	
	.whtImg {
		border-radius: 15px;
	}

	.whtLst li:nth-child(even) .whtImgBox {
		margin: 0 0 0 20px;
	}

	.whtCntBox {
		width: calc(100% - 350px);
	}
	
	.whtTtlBox {
		margin: 0 0 20px;
	}
	
	.whtNbrIcn {
		width: 60px;
		height: 60px;
		margin: 0 15px 0 0;
		padding: 14px 0 0;
	}
	
	.whtNbrTtl {
		font-size: 1.4rem;
		margin: 0 0 3px;
	}

	.whtNbr {
		font-size: 2.4rem;
	}

	.whtTtl {
		width: calc(100% - 75px);
		font-size:  2.4rem;
	}
}

@media screen and (max-width:767px) {
	.whtAra {
		padding: 30px 20px;
	}
	
	.whtLst li {
		display: block;
	}
	
	.whtLst li:not(:last-child) {
		margin: 0 0 30px;
	}
	
	.whtImgBox {
		max-width: 100%;
		margin: 0 0 15px;
	}
	
	.whtImg {
		border-radius: 10px;
	}

	.whtLst li:nth-child(even) .whtImgBox {
		margin: 0 0 15px;
	}

	.whtCntBox {
		width: 100%;
	}
	
	.whtTtlBox {
		margin: 0 0 15px;
	}
	
	.whtNbrIcn {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
		padding: 11px 0 0;
	}
	
	.whtNbrTtl {
		font-size: 1.2rem;
		margin: 0 0 1px;
	}

	.whtNbr {
		font-size: 2rem;
	}

	.whtTtl {
		width: calc(100% - 60px);
		font-size:  1.8rem;
	}
}

/* voiAra */
.voiAra {
	padding: 100px 30px;
}

.voiLst {
	display: flex;
	margin: 0 -30px;
}

.voiLst li {
	width: calc(33.33% - 60px);
	margin: 0 30px;
	padding: 35px 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

.voiTtlCntBox {
	text-align: center;
	margin: 0 0 20px;
}

.voiTyp {
	display: inline-block;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.1;
	color: #fff;
	white-space: nowrap;
	margin: 0 0 10px;
	padding: 5px 20px;
	background: #b39354;
	border-radius: 50px
}

.voiTtlBox {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.voiTtl {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.3;
}

.voiTtl .minTxt {
	font-size: 1.8rem;
}

.voiImg {
	text-align: center;
	height: 60px;
	margin: 0 0 15px;
}

.voiImg img {
	width: auto;
	height: 60px;
	margin: auto;
}

.voiTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
}

@media screen and (max-width:1700px) {
	.voiTtlBox {
		min-height: 90px;
	}
}

@media screen and (max-width:1500px) {
	.voiAra {
		padding: 80px 30px;
	}

	.voiLst {
		margin: 0 -15px;
	}

	.voiLst li {
		width: calc(33.33% - 30px);
		margin: 0 15px;
		padding: 25px 15px;
		border-radius: 15px;
	}
	
	.voiTtlCntBox {
		margin: 0 0 15px;
	}

	.voiTyp {
		font-size: 1.4rem;
		margin: 0 0 7px;
		padding: 5px 10px;
	}
	
	.voiTtlBox {
		min-height: 80px;
	}

	.voiTtl {
		font-size: 1.8rem;
	}
	
	.voiTtl .minTxt {
		font-size: 1.6rem;
	}
	
	.voiImg {
		margin: 0 0 10px;
	}
}

@media screen and (max-width:767px) {
	.voiAra {
		padding: 30px 20px 10px;
	}

	.voiLst {
		margin: 0;
		display: block;
	}

	.voiLst li {
		width: 100%;
		margin: 0 0 20px;
		padding: 15px 10px;
		border-radius: 10px;
	}
	
	.voiTtlCntBox {
		margin: 0 0 10px;
	}
	
	.voiTtlBox {
		min-height: auto;
	}

	.voiTtl {
		font-size: 1.8rem;
	}
	
	.voiTtl .minTxt {
		font-size: 1.5rem;
	}
	
	.voiTtl .midPc {
		display: none;
	}
	
	.voiImg {
		margin: 0 0 10px;
	}
}

/* ctaAra */
.ctaAra {
	padding: 30px;
	background: url(../images/bg_cta_01.png) right no-repeat,
	url(../images/bg_cta_02.png) center no-repeat;
	background-size: auto 100%, cover;
}

.ctaWrp {
	max-width: 1200px;
	height: 450px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.ctaCth {
	text-align: center;
	font-weight: 700;
	font-size: 3.8rem;
	line-height: 1.4;
	text-shadow: 0 0 8px rgba(255,255,255,1),
	0 0 12px rgba(255,255,255,1);
	margin: 0 0 40px;
}

.ctaCth .gdTxt {
	color: #b39354;
}

.ctaBtnBox {
	text-align: center;
}

@media screen and (max-width:1500px) {
	.ctaAra {
		padding: 30px;
		background: url(../images/bg_cta_01.png) left 50% center no-repeat;
		background-size: auto 100%;
	}

	.ctaWrp {
		height: 400px;
		justify-content: center;
	}
	
	.ctaBox {
		margin: 180px 0 0;
	}
	
	.ctaCth {
		font-size: 3.4rem;
		color: #fff;
		text-shadow: 0 0 12px rgba(13,22,52,1);
		margin: 0 0 20px;
	}
}

@media screen and (max-width:767px) {
	.ctaAra {
		padding: 20px;
		background: url(../images/bg_cta_01.png) left 50% center no-repeat;
		background-size: auto 100%;
	}

	.ctaWrp {
		height: 250px;
		align-items: flex-end;
		justify-content: center;
	}
	
	.ctaBox {
		margin: 0;
	}
	
	.ctaCth {
		font-size: 2rem;
		line-height: 1.2;
		color: #fff;
		text-shadow: 0 0 10px rgba(13,22,52,1),
		0 0 20px rgba(13,22,52,1);
		margin: 0 0 15px;
	}
	
	.ctaCth .gdTxt {
		color: #fff;
	}
}

/* cpsAra */
.cpsAra {
	padding: 100px 30px 0;
}

.cpsImgBox {
	padding: 25px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
	background: #00003e;
	border-radius: 20px;
}

@media screen and (max-width:1500px) {
	.cpsAra {
		padding: 80px 30px 0;
	}

	.cpsImgBox {
		padding: 20px;
		border-radius: 15px;
	}
}

@media screen and (max-width:767px) {
	.cpsAra {
		padding: 30px 0 0;
	}

	.cpsImgBox {
		text-align: center;
		overflow-x: scroll;
		border-radius: 0px;
	}
	
	.cpsImgBox img {
		width: auto!important;
		height: 300px;
	}
}

/* plnAra */
.plnAra {
	padding: 100px 30px;
}

.plnLst:not(.plnCntLst) {
	display: flex;
	margin: 0 -30px;
}

.plnLst li:not(.plnCntLst li) {
	width: calc(100% - 33.33%);
	margin: 0 30px;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

.plnTtl {
	text-align: center;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1;
	color: #fff;
	padding: 20px;
	background: #b39354;
}

.plnCntBox {
	padding: 40px 20px 30px;
}

.plnPrc {
	text-align: center;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dotted 2px #969696;
}

.plnPrc .prcTxt {
	font-family: "Quattrocento Sans", serif;
	font-size: 5rem;
	line-height: 0.8;
	letter-spacing: -0.01em;
}

.plnPrc .minTxt {
	font-size: 2.4rem;
	color: #9fa0a0;
	margin: 0 0 0 5px;
}

.plnCntLst {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.6;
	margin: 0 10px;
}

.plnCntLst li {
	position: relative;
	padding: 0 0 0 20px;
}

.plnCntLst li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #b39354;
	border-radius: 50%;
}

.plnCntLst li:not(:last-child) {
	margin: 0 0 10px;
}

.plnTxt {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.8;
}

.plnInfBox {
	max-width: 500px;
	margin: 60px auto 0;
	padding: 120px 0 0;
	background: url(../images/icn_arrow_gr.png) top no-repeat;
	background-size: 300px auto;
}

.plnInfTtl {
	text-align: center;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 30px;
	padding: 10px;
	background: #b39354;
	border-radius: 50px;
}

.plnInfCth {
	text-align: center;
	font-weight: 700;
	font-size: 4.2rem;
	line-height: 1.15;
	margin: 0 0 40px;
}

.plnInfCth .gdTxt {
	font-family: "Quattrocento Sans", serif;
	letter-spacing: -0.05em;
	color: #b39354;
	white-space: nowrap;
}

.plnInfCth .midTxt {
	font-size: 9rem;
}

.plnInfCth .bigTxt {
	font-size: 11rem;
}

.plnInfDta {
	text-align: center;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.4;
	margin: 0 0 30px;
	padding: 15px 10px;
	border: solid 1px #9fa0a0;
}

.plnCapLst {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.3;
}

.plnCapLst li {
	position: relative;
	padding: 0 0 0 20px;
}

.plnCapLst li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
	color: #b39354!important;
}

.plnCapLst li:not(:last-child) {
	margin: 0 0 10px;
}

@media screen and (max-width:1500px) {
	.plnAra {
		padding: 80px 30px;
	}

	.plnLst:not(.plnCntLst) {
		margin: 0 -15px;
	}

	.plnLst li:not(.plnCntLst li) {
		width: calc(33.33% - 30px);
		margin: 0 15px;
		border-radius: 15px;
	}
	
	.plnTtl {
		font-size: 2.6rem;
		padding: 15px;
	}

	.plnCntBox {
		padding: 30px 15px 20px;
	}

	.plnPrc {
		font-size: 2.6rem;
	}
	
	.plnPrc .prcTxt {
		font-size: 3.4rem;
	}

	.plnPrc .minTxt {
		font-size: 1.6rem;
	}
	
	.plnCntLst {
		font-size: 1.6rem;
	}
	
	.plnInfBox {
		max-width: 450px;
		margin: 40px auto 0;
		padding: 100px 0 0;
		background-size: 250px auto;
	}

	.plnInfTtl {
		font-size: 2.8rem;
		margin: 0 0 25px;
	}

	.plnInfCth {
		font-size: 3.8rem;
		margin: 0 0 30px;
	}

	.plnInfCth .midTxt {
		font-size: 8rem;
	}

	.plnInfCth .bigTxt {
		font-size: 10rem;
	}

	.plnInfDta {
		font-size: 1.8em;
		margin: 0 0 25px;
		padding: 10px 5px;
	}
}

@media screen and (max-width:767px) {
	.plnAra {
		padding: 30px 20px;
	}

	.plnLst:not(.plnCntLst) {
		flex-wrap: wrap;
		margin: 0 0 -20px;
	}

	.plnLst li:not(.plnCntLst li) {
		width: 100%;
		margin: 0 0 20px;
		border-radius: 10px;
	}
	
	.plnTtl {
		font-size: 2rem;
		padding: 10px;
	}

	.plnCntBox {
		padding: 15px;
	}

	.plnPrc {
		font-size: 2.2rem;
		margin: 0 0 15px;
		padding: 0 0 15px;
	}
	
	.plnPrc .prcTxt {
		font-size: 3rem;
	}

	.plnPrc .minTxt {
		font-size: 1.4rem;
	}
	
	.plnCntLst {
		font-size: 1.6rem;
	}
	
	.plnInfBox {
		max-width: 100%;
		margin: 20px auto 0;
		padding: 60px 0 0;
		background-size: 150px auto;
	}

	.plnInfTtl {
		font-size: 1.8rem;
		margin: 0 0 20px;
	}

	.plnInfCth {
		font-size: 2.2rem;
		margin: 0 0 25px;
	}

	.plnInfCth .midTxt {
		font-size: 3rem;
	}

	.plnInfCth .bigTxt {
		font-size: 5rem;
	}

	.plnInfDta {
		font-size: 1.6em;
		margin: 0 0 20px;
		padding: 10px 5px;
	}
}

/* flwAra */
.flwAra {
	padding: 100px 30px;
	background: url(../images/bg_flow.jpg) center no-repeat;
	background-size: cover;
}

.flwAra .cntTtlEn,
.flwAra .cntTtl {
	color: #fff!important;
}

.flwAra .cntTtl:after {
	background: #fff!important;
}

.flwSttLst {
	text-align: center;
	display: flex;
	margin: 0 0 60px;
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
}

.flwSttLst li {
	height: 60px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
}

.flwSttLst li:nth-child(1) {
	width: 28.6%;
	background: #7f7f9e;
	z-index: 3;
}

.flwSttLst li:nth-child(1):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 70px 0 0 20px;
	border-color: transparent transparent transparent #7f7f9e;
	translate: 100%;
	z-index: 4;
}

.flwSttLst li:nth-child(2) {
	width: 28.6%;
	background: #40406e;
	z-index: 2;
}

.flwSttLst li:nth-child(2):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 70px 0 0 20px;
	border-color: transparent transparent transparent #40406e;
	translate: 100%;
	z-index: 4;
}

.flwSttLst li:nth-child(3) {
	width: 42.8%;
	background: #00003e;
}

.flwSttTxt {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #fff;
}

.flwLst:not(.flwCntLst) {
	display: flex;
	position: relative;
	margin: 0 -20px 40px;
}

.flwLst:before {
	content: "";
	position: absolute;
	top: 34px;
	left: calc(50% - 45%);
	width: 85%;
	height: 6px;
	background: #b39354;
	z-index: 1;
}

.flwLst li:not(.flwCntLst li) {
	text-align: center;
	width: calc(14.285% - 40px);
	margin: 0 20px;
}

.flwNbrIcn {
	text-align: center;
	width: 74px;
	height: 74px;
	position: relative;
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin: 0 auto 30px;
	padding: 17px 0 0;
	box-sizing: border-box;
	background: #b39354;
	border-radius: 50%;
	z-index: 2;
}

.flwNbrTtl {
	font-size: 1.6rem;
	margin: 0 0 4px;
}

.flwNbr {
	font-size: 2.8rem;
}

.flwTtl {
	text-align: left;
	min-height: 300px;
	display: inline-block;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.flwLstCntBox {
	text-align: left;
	min-height: 500px;
	display: flex;
	justify-content: center;
	position: relative;
	padding: 30px 10px 10px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #b39354;
	border-radius: 10px;
	z-index: 2;
}

.flwCntLst {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.flwCntLst .minTxt {
	font-size: 1.5rem;
}

.flwCntLst li {
	position: relative;
	padding: 20px 0 0;
}

.flwCntLst li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 7px;
	width: 8px;
	height: 8px;
	background: #b39354;
	border-radius: 50%;
}

.flwCntLst li:not(:last-child) {
	margin: 0 0 5px;
}

.flwCntTxt {
	display: inline-block;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.flwCth {
	text-align: center;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	color: #fff;
	padding: 10px;
	background: #b39354;
	border-radius: 10px;
}

.flwCth .bigTxt {
	font-size: 3.4rem;
}

@media screen and (max-width:1500px) {
	.flwAra {
		padding: 80px 30px;
	}
	
	.flwSttLst {
		margin: 0 0 50px;
	}

	.flwSttTxt {
		font-size: 1.6rem;
	}

	.flwLst:not(.flwCntLst) {
		margin: 0 -10px 40px;
	}
		
	.flwLst:before {
		top: 30px;
		height: 5px;
	}
	
	.flwLst li:not(.flwCntLst li) {
		width: calc(14.285% - 20px);
		margin: 0 10px;
	}

	.flwNbrIcn {
		width: 60px;
		height: 60px;
		margin: 0 auto 20px;
		padding: 14px 0 0;
	}

	.flwNbrTtl {
		font-size: 1.4rem;
		margin: 0 0 3px;
	}

	.flwNbr {
		font-size: 2.4rem;
	}

	.flwTtl {
		min-height: 250px;
		font-size: 2.2rem;
	}

	.flwLstCntBox {
		min-height: 450px;
		padding: 20px 10px 10px;
		border-radius: 8px;
	}

	.flwCntLst {
		font-size: 1.6rem;
	}

	.flwCntLst .minTxt {
		font-size: 1.4rem;
	}

	.flwCntTxt {
		font-size: 1.6rem;
	}

	.flwCth {
		font-size: 2.4rem;
		border-radius: 8px;
	}

	.flwCth .bigTxt {
		font-size: 3rem;
	}
}

@media screen and (max-width:767px) {
	.flwAra {
		padding: 30px 20px;
	}
	
	.flwBox {
		display: flex;
		margin: 0 0 30px;
	}
	
	.flwSttLst {
		width: 40px;
		position: relative;
		display: block;
		margin: 0 15px 0 0;
		border-radius: 6px;
		z-index: 1;
	}
	
	.flwSttLst li {
		width: 100%!important;
		height: auto;
		padding: 6px;
	}

	.flwSttLst li:nth-child(1) {
		height: 27%;
	}

	.flwSttLst li:nth-child(1):after {
		top: auto;
		right: auto;
		bottom: -40px;
		left: 0;
		transform: rotate(90deg);
		border-width: 70px 0 0 20px;
	}

	.flwSttLst li:nth-child(2) {
		height: 27%;
	}

	.flwSttLst li:nth-child(2):after {
		top: auto;
		right: auto;
		bottom: -40px;
		left: 0;
		transform: rotate(90deg);
		border-width: 70px 0 0 20px;
	}

	.flwSttLst li:nth-child(3) {
		height: 46%;
	}

	.flwSttTxt {
		font-size: 1.3rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}

	.flwLst:not(.flwCntLst) {
		width: calc(100% - 55px);
		display: block;
		margin: 0;
	}

	.flwLst:before {
		top: calc(50% - 45%);
		left: 23px;
		width: 4px;
		height: 90%;
	}

	.flwLst li:not(.flwCntLst li) {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 0;
	}
	
	.flwLst li:not(:last-child,.flwCntLst li) {
		margin: 0 0 20px!important;
	}
	
	.flwNbrIcn {
		width: 50px;
		height: 50px;
		margin: 0 15px 0 0;
		padding: 11px 0 0;
	}

	.flwNbrTtl {
		font-size: 1.2rem;
		margin: 0 0 1px;
	}

	.flwNbr {
		font-size: 2rem;
	}
	
	.flwCntWrp {
		width: calc(100% - 65px);
	}
	
	.flwTtl {
		width: 100%;
		min-height: auto;
		font-size: 1.8rem;
		margin: 0 0 5px;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.flwLstCntBox {
		min-height: auto;
		display: block;
		padding: 7px;
		border-radius: 6px;
	}

	.flwCntLst {
		font-size: 1.6rem;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	
	.flwCntLst li {
		padding: 0 0 0 15px;
	}
	
	.flwCntLst li:before {
		top: 8px;
		left: 0;
		width: 6px;
		height: 6px;
	}
	
	.flwCntLst .minTxt {
		font-size: 1.4rem;
	}

	.flwCntTxt {
		font-size: 1.6rem;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.flwCth {
		font-size: 1.6rem;
		padding: 5px;
		border-radius: 6px;
	}

	.flwCth .bigTxt {
		font-size: 2rem;
	}
}

/* pspAra */
.pspAra {
	padding: 100px 30px 0;
}

.pspBox {
	display: flex;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 20px;
}

.pspImgBox {
	max-width: 400px;
	margin: 0 30px 0 0;
}

.pspImg {
	overflow: hidden;
	border-radius: 20px;
}

.pspCntBox {
	width: calc(100% - 430px);
}

.pspTtl {
	font-weight: 700;
	font-size: 4rem;
	line-height: 1.4;
	color: #b39354;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: solid 1px #d0d0d0;
}

.pspTxt {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.8;
	margin: 0 0 30px;
}

.pspNme {
	text-align: right;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1;
}

@media screen and (max-width:1500px) {
	.pspAra {
		padding: 80px 30px 0;
	}

	.pspBox {
		padding: 20px;
		border-radius: 15px;
	}
	
	.pspImgBox {
		max-width: 300px;
	}

	.pspImg {
		border-radius: 15px;
	}

	.pspCntBox {
		width: calc(100% - 330px);
	}
	
	.pspTtl {
		font-size: 3.2rem;
		margin: 0 0 15px;
		padding: 0 0 15px;
	}
	
	.pspTxt {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.pspNme {
		font-size: 2rem;
	}
}

@media screen and (max-width:767px) {
	.pspAra {
		padding: 30px 20px 0;
	}

	.pspBox {
		display: block;
		padding: 15px;
		border-radius: 10px;
	}
	
	.pspImgBox {
		max-width: 100%;
		margin: 0 0 15px;
	}

	.pspImg {
		border-radius: 10px;
	}

	.pspCntBox {
		width: 100%;
	}
	
	.pspTtl {
		text-align: center;
		font-size: 2rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	
	.pspTxt {
		font-size: 1.6rem;
		margin: 0 0 10px;
	}

	.pspNme {
		text-align: center;
		font-size: 1.5rem;
	}
}

/* qesAra */
.qesAra {
	padding: 100px 30px;
}

.qesLst dt {
	position: relative;
	overflow: hidden;
	background: #00003e;
	border-radius: 20px;
	transition: all  0.5s ease;
	cursor: pointer;
	z-index: 1;
}

.qesLst dt:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.qesLst dt.opn {
	border-radius: 20px 20px 0 0;
}

.qesLst dt:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	background: #b39354;
	z-index: 2;
}

.qesLst dt:not(:first-child) {
	margin: 20px 0 0;
}

.qesTtlBox {
	display: flex;
	position: relative;
	padding: 20px 100px 20px 30px;
}

.qesTtlBox:before {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 25px;
	width: 30px;
	height: 4px;
	background: #00003e;
	z-index: 3;
}

.qesTtlBox:after {
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	right: 38px;
	width: 4px;
	height: 30px;
	background: #00003e;
	z-index: 3;
}

.qesLst dt.opn .qesTtlBox:after {
	content: none;
}

.qesIcn {
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1;
	color: #b39354;
	margin: 0 20px 0 0;
}

.qesTtl {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #fff;
	margin: 5px 0 0;
}

.qesLst dd {
	display: flex;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 0 0 20px 20px;
}

.qesLst dd.opn {
	display: block;
}

.ansIcn {
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1;
	margin: 0 20px 0 0;
}

.ansTxt {
	font-weight: 400;
	font-size:  1.6rem;
	line-height: 1.8;
	margin: 5px 0 0;
}

.ansTxt a {
	color: #20aee5;
}

@media screen and (max-width:1500px) {
	.qesAra {
		padding: 80px 30px;
	}

	.qesLst dt {
		border-radius: 15px;
	}

	.qesLst dt.opn {
		border-radius: 15px 15px 0 0;
	}

	.qesLst dt:after {
		width: 70px;
	}

	.qesLst dt:not(:first-child) {
		margin: 15px 0 0;
	}

	.qesTtlBox {
		display: flex;
		position: relative;
		padding: 15px 90px 15px 20px;
	}

	.qesTtlBox:before {
		right: 20px;
	}

	.qesTtlBox:after {
		right: 33px;
	}

	.qesIcn {
		font-size: 3.6rem;
		margin: 0 15px 0 0;
	}

	.qesTtl {
		font-size: 1.6rem;
	}

	.qesLst dd {
		padding: 25px;
		border-radius: 0 0 15px 15px;
	}

	.ansIcn {
		font-size: 3.6rem;
		margin: 0 15px 0 0;
	}
}

@media screen and (max-width:767px) {
	.qesAra {
		padding: 30px 20px;
	}

	.qesLst dt {
		border-radius: 10px;
	}

	.qesLst dt.opn {
		border-radius: 10px 10px 0 0;
	}

	.qesLst dt:after {
		width: 50px;
	}

	.qesLst dt:not(:first-child) {
		margin: 15px 0 0;
	}

	.qesTtlBox {
		display: flex;
		position: relative;
		padding: 10px 70px 10px 15px;
	}

	.qesTtlBox:before {
		right: 15px;
		width: 20px;
	}

	.qesTtlBox:after {
		top: calc(50% - 10px);
		right: 23px;
		height: 20px;
	}

	.qesIcn {
		font-size: 2.4rem;
		margin: 0 10px 0 0;
	}

	.qesTtl {
		font-size: 1.6rem;
		margin: 0;
	}

	.qesLst dd {
		padding: 20px;
		border-radius: 0 0 10px 10px;
	}

	.ansIcn {
		font-size: 2.4rem;
		margin: 0 10px 0 0;
	}
	
	.ansTxt {
		font-size: 1.6rem;
		margin: 0;
	}
}

/* useAra */

.useLst {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 0 30px;
}

.useLst li {
	width: calc((100% - 30px)/2);
	position: relative;
	z-index: 1;
}

.useImg {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
	z-index: 1;
	margin: 0 0 20px;
}

.useTxt {
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
}

@media screen and (max-width:1500px) {
	.useImg {
		margin: 0 0 20px;
		border-radius: 15px;
	}

	.useTxt {
		font-size: 1.8rem;
	}
}

@media screen and (max-width:767px) {
	.useLst {
		gap: 20px;
		margin: 0;
	}
	
	.useLst li {
		width: calc((100% - 20px)/2);
	}

	.useImg {
		margin: 0 0 12px;
	}

	.useTxt {
		font-size: 1.6rem;
		word-break: auto-phrase;
	}
}

@media screen and (max-width:450px) {
	.useTxt {
		font-size: 1.4rem;
	}
}


/*======================================================
  footer
======================================================*/

#ftr,
#ftr_order {
	padding: 60px 30px;
	background: url(../images/bg_footer.png) bottom left no-repeat #00003e;
	background-size: auto 100%;
}

.ftrWrp {
	max-width: 1200px;
	display: flex;
	margin: 0 auto;
}

.ftrCntBox {
	width: calc(100% - 450px);
	display: flex;
	padding: 60px 0 0;
}

.ftrCntInr {
	width: 100%;
}

.ftrTtlBox {
	text-align: center;
	margin: 0 0 60px;
	border-bottom: dotted 2px #f5f5f5;
}

.ftrCth {
	display: inline-block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 15px;
	padding: 5px 20px;
	background: #b39354;
	border-radius: 30px;
}

.ftrTtl {
	font-weight: 700;
	font-size: 4rem;
	line-height: 1.1;
	color: #fff;
	padding: 0 0 20px;
}

.ftrDocBox {
	display: flex;
}

.ftrDocImg {
	order: 2;
	max-width: 380px;
	margin: 0 0 0 20px;
}

.ftrDocExpCtr {
	order: 1;
	width: calc(100% - 400px);
}

.ftrDocExpBox {
	text-align: center;
	padding: 30px 20px;
	box-sizing: border-box;
	border: solid 1px rgba(255,255,255,0.7);
	border-radius: 10px;
}

.ftrDocExpTtl {
	display: inline-block;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 15px;
	padding: 0 0 0 30px;
	background: url(../images/icn_document.png) left no-repeat;
	background-size: 20px auto;
}

.ftrDocExpLst {
	text-align: left;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
}

.ftrDocExpLst li {
	position: relative;
	padding: 0 0 0 15px;
}

.ftrDocExpLst li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
}

.ftrDocExpLst li:not(:last-child) {
	margin: 0 0 10px;
}

@media screen and (max-width:1700px) {
	.ftrCntBox {
		width: calc(100% - 370px);
		padding: 0;
	}
	
	.ftrTtlBox {
		margin: 0 0 20px;
	}

	.ftrCth {
		font-size: 1.6rem;
		margin: 0 0 10px;
		padding: 5px 15px;
	}

	.ftrTtl {
		font-size: 2.8rem;
	}
	
	.ftrDocBox {
		display: block;
	}

	.ftrDocImg {
		max-width: 300px;
		margin: 0 auto 20px;
	}

	.ftrDocExpCtr {
		width: 100%;
	}
	
	.ftrDocExpBox {
		padding: 25px 20px;
	}

	.ftrDocExpTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 0 25px;
		background-size: 18px auto;
	}
}

@media screen and (max-width:767px) {
	
	.ftrWrp {
		display: block;
	}
	
	.ftrCntBox {
		width: 100%;
		margin: 0 0 30px;
		padding: 0;
	}
	
	.ftrTtlBox {
		margin: 0 0 10px;
	}

	.ftrCth {
		font-size: 1.4rem;
		margin: 0 0 10px;
		padding: 5px 10px;
	}

	.ftrTtl {
		font-size: 2.4rem;
	}
	
	.ftrDocBox {
		display: block;
	}

	.ftrDocImg {
		max-width: 250px;
		margin: 0 auto 10px;
	}

	.ftrDocExpCtr {
		width: 100%;
	}
	
	.ftrDocExpBox {
		padding: 20px 15px;
	}

	.ftrDocExpTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 0 25px;
		background-size: 18px auto;
	}
}

/* form */
.ftrFrmBox {
	max-width: 400px;
	width: 100%;
	margin: 0 0 0 50px;
}

.sidFrmTtl {
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.2;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: dotted 2px #969696;
}

.sidFrmTtl .gdTxt {
	font-size: 2.2rem;
	color: #b39354;
}

.frmBox {
	padding: 20px;
	background: #fff;
	border-radius: 20px;
}

.frmLst {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 0 10px;
}

.frmLst dt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}

.frmTtlBox {
	display: flex;
	align-items: center;
}

.essIcn {
	display: inline-block;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	margin: 0 10px 0 0;
	padding: 5px;
	background: #e83820;
	border-radius: 2px;
}

.frmTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
}

.errTxt {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1;
	color: #e83820;
	margin: 0 0 0 10px;
}

.frmLst dd {
	position: relative;
}

.frmLst dd .wpcf7-not-valid-tip {
	color: #c00;
	position: absolute;
	right: 0;
	top: -29px;
	text-align: right;
	display: block;
	font-size: 1.2rem;
}

.wpcf7-not-valid-tip {
	color: #c00;
	font-size: 1.2rem;
}

.frmLst dd:not(:last-child) {
	margin: 0 0 15px;
}

.frmTxtBox {
	width: 100%;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #939598!important;
	border-radius: 5px!important;
}

input::placeholder {
  color: rgba(147,149,152,0.7);
}

.frmTxt {
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.5;
	margin: 0 0 10px;
}

.frmTxt a {
	color: #20aee5;
}

.frmBtn input {
	text-align: center;
	max-width: 260px;
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	margin: 0 auto;
	padding: 15px 30px;
	box-sizing: border-box;
	box-shadow: 0 0 4px rgba(13,22,52,0.4);
	background: url(../images/icn_arrow_rt_wt.png) right 20px center no-repeat #b39354;
	background-size: 10px auto;
	border-radius: 50px!important;
	border: solid 1px #fff;
	cursor: pointer;
}

.frmBtn input:hover {
	background: url(../images/icn_arrow_rt_wt.png) right 20px center no-repeat #e83820;
	background-size: 10px auto;
}

.ptpBtn {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 50;
}

.ptpBtn a {
	text-align: center;
	width: 74px;
	height: 74px;
	display: block;
	font-family: "Quattrocento Sans", serif;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.2;
	color: #fff;
	padding: 30px 0 0;
	box-sizing: border-box;
	background: url(../images/icn_arrow_tp_wt.png) top 15px center no-repeat #b39354;
	background-size: 10px auto;
	border-radius: 50%;
}

/* cpyAra */
.cpyAra {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00003e;
}

.cpyTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
}


@media screen and (max-width:1500px) {
	.ftrFrmBox {
		max-width: 340px;
		margin: 0 0 0 30px;
	}
	
	.frmBox {
		border-radius: 15px;
	}
}

@media screen and (max-width:767px) {
	.ftrFrmBox {
		max-width: 100%;
		margin: 0;
	}
	
	.essIcn {
		font-size: 1rem;
		margin: 0 5px 0 0;
		padding: 3px;
	}

	.frmTtl {
		font-size: 1.5rem;
	}
	
	.frmTxtBox {
		font-size: 1.5rem;
	}
	
	.frmBox {
		padding: 15px;
		border-radius: 10px;
	}
	
	.frmBtn input {
		max-width: 100%;
		font-size: 1.5rem;
	}

	.ptpBtn a {
		text-align: center;
		width: 50px;
		height: 50px;
		background: url(../images/icn_arrow_tp_wt.png) top 20px center no-repeat #b39354;
		background-size: 10px auto;
		border-radius: 50%;
	}
	
	.ptpBtn {
		bottom: 10px;
		right: 10px;
	}

	.ptpBtn span {
		display: none;
	}
	
	.cpyAra {
		height: 40px;
	}

	.cpyTxt {
		font-size: 1.2rem;
	}
}

/*====================================================== 2025-03-03追記ここから *======================================================/

/*======================================================
  lower
======================================================*/

.cntMinWrp {
	max-width: 900px;
	margin: 0 auto;
}

.lwrTtl {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.2;
	margin: 0 0 40px;
}

.lwrTtl:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: calc(50% - 15px);
	width: 30px;
	height: 2px;
	background: #b39354;
}

.cntTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

@media screen and (max-width:767px) {
	.lwrTtl {
		font-size: 2rem;
		margin: 0 0 25px;
	}

	.lwrTtl:after {
		bottom: -10px;
        left: calc(50% - 10px);
        width: 20px;
	}

	.cntTxt {
		margin: 0 0 15px;
	}
}

/*======================================================
  privacy policy
======================================================*/

.plcAra {
	box-sizing: border-box;
	margin: 80px 0 0;
	padding: 50px 30px;
}

.plcLst {
	margin: 0 0 50px;
}

.plcLst dt {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #b39354;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: dotted 2px #969696;
}

.plcLst dd {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
}

.plcLst dd:not(:last-child) {
	margin: 0 0 30px;
}

.plcDotLst {
	font-size: 1.5rem;
	padding: 0 0 0 20px;
}

.plcDotLst li {
	position: relative;
	padding: 0 0 0 20px;
}

.plcDotLst li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.plcDotLst li:not(:last-child) {
	margin: 0 0 10px;
}

.plcAddBox {
	font-size: 1.5rem;
	padding: 15px;
	background: #f5f5f5;
	border-radius: 10px;
}

@media screen and (max-width:767px) {
	.plcAra {
		margin: 60px 0 0;
		padding: 30px 20px;
	}

	.plcLst {
		margin: 0 0 30px;
	}

	.plcLst dt {
		font-size: 1.6rem;
		margin: 0 0 10px;
		padding: 0 0 5px;
	}
	
	.plcDotLst {
		padding: 0 0 0 15px;
	}

	.plcDotLst li {
		padding: 0 0 0 15px;
	}

	.plcDotLst li:not(:last-child) {
		margin: 0 0 5px;
	}
	
	.plcLst dd:not(:last-child) {
		margin: 0 0 20px;
	}

	.plcAddBox {
		border-radius: 6px;
	}
}

/*======================================================
  contact
======================================================*/

/* cctAra */
.cctAra {
	min-height: calc(100vh - 140px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 80px 0 0;
	padding: 50px 30px;
	background: url(../images/bg_contact.jpg) center no-repeat;
	background-size: cover;
}

.cctAra .frmBox {
	padding: 30px;
	background: rgba(255,255,255,0.97);
	box-shadow: 0 0 8px rgba(13,22,52,0.4);
}

.cctAra .frmLst dt {
	margin: 0 0 15px;
}

.cctAra .frmTtl {
	font-size: 1.8rem;
}

.cctAra .frmTxtBox {
	padding: 15px;
	background: none;
}

.frmTxtCntBox {
	width: 100%;
	height: 200px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	padding: 15px;
	box-sizing: border-box;
	background: none;
	border: solid 1px #939598!important;
	border-radius: 5px!important;
}

.cctAra .frmTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: dotted 2px #969696;
}

.frmCktBox label {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

.frmCktBox input {
	appearance: auto;
}

@media screen and (max-width:767px) {
	.cctAra {
		min-height: calc(100vh - 100px);
		margin: 60px 0 0;
		padding: 30px 20px;
	}

	.cctAra .frmBox {
		padding: 15px;
	}

	.cctAra .frmLst dt {
		margin: 0 0 10px;
	}

	.cctAra .frmTtl {
		font-size: 1.5rem;
		letter-spacing: -0.01em;
	}

	.cctAra .frmTxtBox {
		padding: 5px;
	}

	.frmTxtCntBox {
		height: 120px;
		font-size: 1.6rem;
		padding: 5px;
	}

	.cctAra .frmTxt {
		font-size: 1.3rem;
		line-height: 1.5;
		margin: 0 0 15px;
		padding: 0 0 10px;
	}
}

/*======================================================
  thanks
======================================================*/

.tnkAra {
	/* min-height: calc(100vh - 140px); */
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 80px 0;
	padding: 50px 30px;
}

.thkImg {
	max-width: 250px;
	margin: 0 auto 20px;
}

.thkLg {
	max-width: 170px;
	margin: 0 auto 20px;
}

.thkTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.4;
	color: #b39354;
	margin: 0 0 20px;
}

.thkTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2;
	margin: 0 0 30px;
}

.cntBtn a {
	text-align: center;
	max-width: 260px;
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1;
	color: #fff;
	margin: 0 auto;
	padding: 15px 30px;
	box-sizing: border-box;
	box-shadow: 0 0 4px rgba(13,22,52,0.4);
	background: url(../images/icn_arrow_rt_wt.png) right 20px center no-repeat #b39354;
	background-size: 10px auto;
	border-radius: 50px!important;
	border: solid 1px #fff;
}

.cntBtn a:hover {
	background: url(../images/icn_arrow_rt_wt.png) right 20px center no-repeat #e83820;
	background-size: 10px auto;
}

@media screen and (max-width:767px) {
	.tnkAra {
		/* min-height: calc(100vh - 100px); */
		margin: 60px 0;
		padding: 30px 20px;
	}
	
	.tnkWrp {
		width: 100%;
	}

	.thkImg {
		max-width: 200px;
		margin: 0 auto 15px;
	}
	
	.thkLg {
		max-width: 150px;
		margin: 0 auto 15px;
	}

	.thkTtl {
		font-size: 2rem;
		margin: 0 0 15px;
	}

	.thkTxt {
		font-size: 1.6rem;
		line-height: 1.8;
		letter-spacing: -0.025em;
		margin: 0 0 20px;
	}

	.cntBtn a {
		max-width: 100%;
		width: 100%;
		font-size: 1.4rem;
		padding: 15px 20px;
		background: url(../images/icn_arrow_rt_wt.png) right 15px center no-repeat #b39354;
		background-size: 10px auto;
	}
}

/*====================================================== 2025-03-03追記ここまで *======================================================*/

.screen-reader-response {
	display: none!important;
}


/*=========================================================

TB

=========================================================*/

@media screen and (min-width:768px) and (max-width:1040px) {

	.pc   { display: none!important;}
	.pcsp { display: none!important;}
	.sp   { display: none!important;}
	
	.pctb { display: block!important;}
	.tb   { display: block!important;}
	.tbsp { display: block!important;}

}

/*=========================================================

SP

=========================================================*/

@media screen and (max-width:767px) {
	
	.pc   { display: none!important;}
	.tb   { display: none!important;}
	.pctb { display: none!important;}
	
	.pcsp { display: block!important;}
	.tbsp { display: block!important;}   
	.sp   { display: block!important;}
	
	.opacity a:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
		text-decoration: none!important;
	}
	
	a[href^="tel:"] {
		pointer-events: auto!important;
	}
	
	input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}

}

/*=========================================================

tab

=========================================================*/

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
	background-color: #00003e;
	justify-content: center;
    gap: 0 20px;
}

.tab-label {
	color: #00003e;
	background: #e5e5eb;
	font-weight: 700;
	white-space: nowrap;
	text-align: center;
	padding: 10px 0;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 2.5rem 2.5rem 0 0;
	width: 35%;
	font-size: 2.4rem;
}

.tab-content {
	width: 100%;
	height: 0;
	/* overflow: hidden; */
	opacity: 0;
	display: none;
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #20aee5;
	color: #fff;
}

.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	/* overflow: auto; */
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	display: block;
}

/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}

@media screen and (max-width:767px) {
	.tab-wrap {
		padding-top: 10px;
		gap: 0 10px;
	}

	.tab-label {
		order: -1;
		border-radius: 1.5rem 1.5rem 0 0;
		width: 40%;
		font-size: 1.6rem;
		padding: 7px 0;
	}
}


/*=========================================================

float

=========================================================*/

.p-about__float {
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	display: none;
	background-color: #fff;
	padding: 15px;
	width: calc(100% - 450px);
}

@media screen and (max-width:1500px) {
	.p-about__float {
		width: calc(100% - 400px);
	}
}

@media screen and (max-width:1200px) {
	.p-about__float {
		width: 100%;
	}
}

.p-about__float .p-about-float__list {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.p-about__float .p-about-float__list .c-btn {
	max-width: 400px;
	height: 55px;
}

.p-about__float .p-about-float__list .c-btn br {
	display: none;
}

@media screen and (max-width: 768px) {
	.p-about__float {
	  padding: 10px 15px;
	}

	.p-about__float .p-about-float__list .c-btn {
		height: 45px;
	}
}

  @media screen and (max-width: 450px) {
	.p-about__float {
	  padding: 5px 7px;
	}

	.p-about__float .p-about-float__list {
		gap: 8px;
	}

	.p-about__float .p-about-float__list .c-btn {
		padding: 0 15px;
		font-size: clamp(11px, 1.3vw, 13px);
	}

	.p-about__float .p-about-float__list .c-btn::after {
		right: 15px;
	}

	.p-about__float .p-about-float__list .c-btn br {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	.p-about__float .p-about-float__list {
		gap: 5px;
	}
}