@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
@font-face {
	font-family: Noto Serif JP;
	src: url("../font/NotoSerifMedium.woff") format("woff"), url("../font/NotoSerifMedium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Cinzel;
	src: url("../font/Cinzel-Regular.ttf") format("truetype");
}

@font-face {
	font-family: Montserrat;
	src: url("../font/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
	font-family: Tenali Ramakrishna;
	src: url("../font/TenaliRamakrishna-Regular.ttf") format("truetype");
}

@font-face {
	font-family: Questrial;
	src: url("../font/Questrial-Regular.ttf") format("truetype");
}

@font-face {
	font-family: Cormorant Infant;
	src: url("../font/CormorantInfant-Regular.ttf") format("truetype");
}

@font-face {
	font-family: FontAwesome;
	src: url("../font/fontawesome-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'ic';
	src: url("../fonts/ic.ttf?h6h1x") format("truetype"), url("../fonts/ic.woff?h6h1x") format("woff"), url("../fonts/ic.svg?h6h1x#ic") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* -----------------------------------------------------------
	con_int
----------------------------------------------------------- */
.con_int {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	justify-content: flex-space-between;
	-webkit-align-items: center;
	align-items: center;
	background: url("../images/common/bg_wave.png") no-repeat top left;
}

.con_int .box_txt {
	text-align: center;
	padding-left: 20px;
}

.con_int .box_txt .btn {
	margin-top: 40px;
}

.con_int .box_txt .btn a {
	width: 200px;
}

/* -----------------------------------------------------------
	#pnav
----------------------------------------------------------- */
#pnav {
	width: 92%;
	margin: auto;
	margin-top: 50px;
	display: -webkit-flex;
	display: flex;
}

#pnav:before, #pnav:after {
	width: 140%;
}

#pnav:before {
	bottom: -10px;
}

#pnav:after {
	bottom: -17px;
}

#pnav li {
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
}

#pnav li + li {
	margin-left: 10px;
}

#pnav li a {
	-webkit-flex: 1;
	flex: 1;
	-webkit-align-items: center;
	align-items: center;
	display: block;
	padding: 10px 0;
	text-align: center;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}

#pnav li a:hover {
	background: #ecf4fa;
}

/* -----------------------------------------------------------
	.con_acc
----------------------------------------------------------- */
.con_acc {
	margin-top: 70px;
}

.con_acc > li {
	padding-bottom: 35px;
	margin-bottom: 70px;
}

.con_acc > li:before, .con_acc > li:after {
	width: 130%;
}

.con_acc > li:before {
	bottom: -20px;
}

.con_acc > li:after {
	bottom: -27px;
}

.con_acc > li:first-child .img1, .con_acc > li:first-child .img2, .con_acc > li:nth-child(2) .img1, .con_acc > li:nth-child(2) .img2 {
	margin-top: 35px;
}

.con_acc > li:first-child .img3, .con_acc > li:nth-child(2) .img3 {
	margin-top: 30px;
}

.con_acc > li .img1 {
	margin-top: 50px;
}

.con_acc > li .btn {
	margin-top: 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.con_acc > li .btn li + li {
	margin-left: 40px;
}

.con_acc > li .btn li a {
	width: 260px;
}

/*# sourceMappingURL=../maps/access.css.map */
