@charset "UTF-8";

.btmSp1em { margin: 0 0 1em 0; }
.btmSp2em { margin: 0 0 2em 0; }
.btmSp3em { margin: 0 0 3em 0; }
.btmSp4em { margin: 0 0 4em 0; }
.topSp02em { margin: 0.2em 0 0 0; }
.topSp1em { margin: 1em 0 0 0; }
.topSp2em { margin: 2em 0 0 0; }
.topSp3em { margin: 3em 0 0 0; }
.topSp4em { padding: 4em 0 0 0; }
.topSp34em { padding: 3em 0 4em 0; }
.topbtmSp2em { margin: 2em 0; }

@media screen and (max-width: 767px) {
.btmSp3em { margin: 0 0 1.5em 0; }
.btmSp4em { margin: 0 0 2em 0; }
.topSp2em { margin: 1em 0 0 0; }
.topSp3em { margin: 2em 0 0 0; }
.topSp4em { padding: 2em 0 0 0; }
.topSp34em { padding: 1.5em 0 }
}

/* --------------------------------------------
 *                      texts
 * -------------------------------------------- */

.textCenter { text-align: center; }
.textCenterTo { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textBold { font-weight: bold; }
.textNormal { font-weight: normal; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.textBig { font-size: 1.5em; }

.textColor { color: #39acc5; }
.textRed { color: #e10000; }
.textWhite { color: #fff; }
.textYellow { color: #ffea00; }
.textGray { color: #777; }

@media all and (max-width: 767px) {
	.textCenterTo { text-align: left; }
	.textBig { font-size: 1.2em; }
}

/* --------------------------------------------
 *                      etc
 * -------------------------------------------- */

.iMore {
	margin: 0 0 0 .5em;
}
.iCheck {
	font-size: .8em;
}
.iLeft {
	margin: 0 .3em 0 0;
}
.iBlue {
	color: #009cff;
}

.markerBlue {
	background: linear-gradient(transparent 50%, #99e8ff 0%);
}

@media all and (min-width: 768px) {
.spNone01 { display: block; display:inline; }
.pcNone01 { display: none; }
}
@media all and (max-width: 767px) {
.spNone01 { display: none; }
.pcNone01 { display: block; display:inline; }
}

@media all and (min-width: 641px) {
.spNone640 { display: block; display:inline; }
}
@media all and (max-width: 640px) {
.spNone640 { display: none; }
}

/* --------------------------------------------
 *                      links
 * -------------------------------------------- */

a.links {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a.links:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* --------------------------------------------
 *                   button
 * -------------------------------------------- */

.btnBox {
	padding: 2.5em 0 0 0;
	display: flex;
	justify-content: center;
}
.btnBox .btnMore {
	width: 32%;
	margin: 0;
}
.btnBox .btnMore a {
	width: 100%;
	text-align: center;
	background: #ff6c00;
	color: #fff;
	font-weight: bold;
	padding: 0.5em;
	border-radius: 50px;
	display: flex;
	align-items: center;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
.btnBox .btnMore a:hover {
	opacity: .6;
}
.btnBox .btnMore p {
	flex-grow: 1;
}

@media all and (max-width: 767px) {
	.btnBox .btnMore {
		width: 100%;
	}
}

/* --------------------------------------------
 *                 contents
 * -------------------------------------------- */

.conArea {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.conArea02 {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}
.conArea03 {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 30px 0;
}
.conArea04 {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}
.conArea05 {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 60px;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	.conArea {
		width: 100%;
		padding: 0 1.5em;
		box-sizing: border-box;
	}
	.conArea02 {
		width: 100%;
		padding: 1.5em;
		box-sizing: border-box;
	}
	.conArea03 {
		width: 100%;
		padding: 1.5em 1.5em 0.5em 1.5em;
		box-sizing: border-box;
	}
	.conArea04 {
		width: 100%;
		padding: 1.5em 1.5em 0 1.5em;
		box-sizing: border-box;
	}
	.conArea05 {
		width: 100%;
		margin: 0 auto;
		padding: 0.5em 1.5em 1.5em 1.5em;
	}
}

@media all and (max-width: 767px) {
	.conArea {
		width: 100%;
		padding: 0 1em;
		box-sizing: border-box;
	}
	.conArea02 {
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
	}
	.conArea03 {
		width: 100%;
		padding: 1em 1em 0.5em 1em;
		box-sizing: border-box;
	}
	.conArea04 {
		width: 100%;
		padding: 1em 1em 0 1em;
		box-sizing: border-box;
	}
	.conArea05 {
		width: 100%;
		margin: 0 auto;
		padding: 0.5em 1em 1em 1em;
	}
}

/* --------------------------------------------
 *                pageTtile
 * -------------------------------------------- */

.pageTitleArea {
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.pageTitleArea {	
	background-color: #b8e9ff;
	background-image:
		url("../images/page_title_img.png"),
		url("../images/page_title_bg.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left 10px top -21px,
		center;
	background-size:
		388px 188px,
		cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageTitleArea {
	background-color: #b8e9ff;
	background-image:
		url("../images/page_title_img@2x.png"),
		url("../images/page_title_bg@2x.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left 10px top -21px,
		center;
	background-size:
		388px 188px,
		cover;
	}
}

.pageTitle {
	margin: 0;
	padding: 0;
}
.pageTitle h3 {
	width: 100%;
	color: #03008c;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageTitle p {
	width: 100%;
	color: #fff;
	font-family: 'Anton', sans-serif;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

@media all and (min-width: 768px) and (max-width: 1100px) {
	.pageTitleArea {	
		background-color: #b8e9ff;
		background-image:
			url("../images/page_title_img.png"),
			url("../images/page_title_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			left -20px top -10px,
			center;
		background-size:
			300px auto,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.pageTitleArea {
		background-color: #b8e9ff;
		background-image:
			url("../images/page_title_img@2x.png"),
			url("../images/page_title_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			left -20px top -10px,
			center;
		background-size:
			300px auto,
			cover;
		}
	}
}

@media all and (max-width: 767px) {
	.pageTitleArea {	
		background-color: #b8e9ff;
		background-image:
			url("../images/page_title_img.png"),
			url("../images/page_title_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			left -10px bottom -10px,
			center;
		background-size:
			200px auto,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.pageTitleArea {
		background-color: #b8e9ff;
		background-image:
			url("../images/page_title_img@2x.png"),
			url("../images/page_title_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			left -10px bottom -10px,
			center;
		background-size:
			200px auto,
			cover;
		}
	}
}

@media all and (max-width: 767px) {
	.pageTitleArea {
		height: 100px;
	}
	.pageTitle h3 {
		font-size: 26px;
	}
	.pageTitle p {
		font-size: 16px;
	}
}

/* --------------------------------------------
 *                  subTitle
 * -------------------------------------------- */

.subTitle {
	text-align: center;
	margin: 0 auto 3em auto;
}

@media all and (max-width: 767px) {
	.subTitle {
		margin: 0 auto 1.5em auto;
	}
}

/*--- subTitle01 ----------------------------------------------------------------- */

.subTitle01 {
	text-align: center;
	margin: 0;
}
.subTitle01 h3 {
	color: #03008c;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 .4em 0;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.subTitle01line {
	width: 30%;
	text-align: center;
	margin: 0 auto;
	border-image: linear-gradient(to right, #0056cb, #0297ff, #0056cb) 1/0 0 4px 0;
	border-style: solid;
}

@media all and (max-width: 767px) {
	.subTitle01 h3 {
		font-size: 1.3em;
	}
}

/*--- subTitle02 ----------------------------------------------------------------- */

.subTitle02 {
	text-align: center;
	margin: 0;
	border: 2px solid #009cff;
	display: inline-block;
}
.subTitle02 h3 {
	color: #009cff;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
	padding: .1em .3em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

@media all and (max-width: 767px) {
	.subTitle02 h3 {
		font-size: 1.3em;
	}
}

/*--- subTitle03 ----------------------------------------------------------------- */

.subTitle03 {
	text-align: center;
	margin: 0 auto;
}
.subTitle03 p {
	font-family: 'Anton', sans-serif;
	color: #009cff;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 .3em 0;
	padding: 0;
	letter-spacing: .2em;
}
.subTitle03 p span {
	font-size: 1.6em;
}
.subTitle03Line {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.subTitle03Line:before,
.subTitle03Line:after {
	border-top: #03008c 4px solid;
	content: "";
	width: 5%;
}
.subTitle03Line:before {
	margin-right: 1.5em;
}
.subTitle03Line:after {
	margin-left: 1.5em;
}
.subTitle03 h4 {
	color: #03008c;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

@media all and (max-width: 767px) {
	.subTitle03 p {
		font-size: 16px;
		margin: 0 0 .2em 0;
	}
	.subTitle03 h4 {
		font-size: 1.3em;
	}
	.subTitle03Line:before,
	.subTitle03Line:after {
		width: 7%;
	}
	.subTitle03Line:before {
		margin-right: 0.5em;
	}
	.subTitle03Line:after {
		margin-left: 0.5em;
	}
}

/* --------------------------------------------
 *                    bg
 * -------------------------------------------- */

.bgWhite { background: #fff; }
.bgGreen { background: #58b200; }
.bgBlue { background: #b3dcff; }
.bgBlue02 { background: #c0f1ff; }
.bgGray { background: #f1f1f1; }
.bgGray02 { background: #f3f3f3; }

/* --------------------------------------------
 *             goArea
 * -------------------------------------------- */

.bgGo {
	width: 100%;
	background-color: #030089;
	background-image:
		url("../images/go_woman.png"),
		url("../images/go_bg.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		right 10px bottom 0px,
		center;
	background-size:
		300px 380px,
		cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgGo {
	background-color: #030089;
	background-image:
		url("../images/go_woman@2x.png"),
		url("../images/go_bg@2x.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		right 10px bottom 0px,
		center;
	background-size:
		300px 380px,
		cover;
	}
}
.goArea {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	padding: 40px 0;
}
.goTitle {
	margin: 0;
	padding: 0 0 18px 0;
}
.goTitle img {
	max-width: 710px;
	width: 100%;
	height: auto;
}
.goBtmArea {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-end;
}
.goTel {
	margin: 0 12px 0 0;
	padding: 0;
}
.goTel img {
	max-width: 588px;
	width: 100%;
	height: auto;
}
.goMail {
	margin: 0;
	padding: 0;
}
.goMail img {
	max-width: 360px;
	width: 100%;
	height: auto;
	background: #1ca800;
	border-radius: 50px;
}
.goTel a , 
.goMail a {
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
.goTel a:hover , 
.goMail a:hover {
	opacity: .8;
}

@media all and (min-width: 768px) and (max-width: 1100px) {
	.bgGo {
		width: 100%;
		background-color: #030089;
		background-image:
			url("../images/go_woman.png"),
			url("../images/go_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			right -50px bottom 0px,
			center;
		background-size:
			300px 380px,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgGo {
		background-color: #030089;
		background-image:
			url("../images/go_woman@2x.png"),
			url("../images/go_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			right -50px bottom 0px,
			center;
		background-size:
			300px 380px,
			cover;
		}
	}
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	.goArea {
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 40px 0;
	}
	.goTitle img {
		max-width: 600px;
	}
}

@media all and (min-width: 641px) and (max-width: 767px) {
	.bgGo {
		width: 100%;
		background-color: #030089;
		background-image:
			url("../images/go_woman.png"),
			url("../images/go_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			right -80px top 5px,
			center;
		background-size:
			300px 380px,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgGo {
		background-color: #030089;
		background-image:
			url("../images/go_woman@2x.png"),
			url("../images/go_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			right -80px top 5px,
			center;
		background-size:
			300px 380px,
			cover;
		}
	}
	.goArea {
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 1em 0;
	}
	.goTitle img {
		max-width: 500px;
	}
}

@media all and (max-width: 641px) {
	.bgGo {
		width: 100%;
		background-color: #030089;
		background-image: none;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgGo {
		background-color: #030089;
		background-image: none;
		}
	}
	.goArea {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 1em 0;
	}
	.goTitle img {
		max-width: 710px;
	}
	.goBtmArea {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.goTel {
		width: 100%;
		margin: 0;
		padding: 0;
		order: 2;
	}
	.goTel img {
		max-width: 470px;
	}
	.goMail {
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0;
		order: 1;
	}
}