body:before {
	background-color : #fef3d6;
}

#l-topicpath {
	display : none;
}

.m-box-mainv {
	overflow : visible !important;
	position : relative;
	background : none;
}
.m-box-mainv .mainv-bg {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 99%;
	overflow : hidden;
}
.m-box-mainv .mainv-bg span {
	display : block;
	position : absolute;
	top : -20px;
	left : 0;
	width : 120%;
	height : 120%;
	background : url('../../images/bg_mainv.jpg') no-repeat center top;
	background-size : 100% auto;
	z-index : 0;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-bg span {
		width : 110%;
		height : 110%;
		background-image : url('../../images/sp/bg_mainv.jpg');
	}
}
.m-box-mainv .mainv-ttl {
	z-index : 1;
	top : 18% !important;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl {
		top : 50% !important;
		-webkit-transform : translateY(-35%);
		    -ms-transform : translateY(-35%);
		        transform : translateY(-35%);
	}
}
.m-box-mainv .mainv-ttl .ttl-cache {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	margin-top : 30px;
	-webkit-transition : all 1s ease;
	        transition : all 1s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-cache {
		display : inline-block;
		margin-top : 0;
		margin-left : -50px;
		-webkit-transition : all 1.5s ease;
		        transition : all 1.5s ease;
	}
}
.ready .m-box-mainv .mainv-ttl .ttl-cache {
	margin-top : 0;
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.ready .m-box-mainv .mainv-ttl .ttl-cache {
		margin-top : -60px;
	}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-cache .cache-pc {
		display : none;
	}
}
.m-box-mainv .mainv-ttl .ttl-cache .cache-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-cache .cache-sp {
		display : block;
		width : 209px;
		height : auto;
	}
}
.m-box-mainv .mainv-ttl .ttl-read {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	margin-top : 35px;
	-webkit-transform : translate3d(0, 0, 0, 100);
	        transform : translate3d(0, 0, 0, 100);
	-webkit-transition : all 1s ease 0.1s;
	        transition : all 1s ease 0.1s;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-read {
		margin-top : 0;
		-webkit-transition : all 1.3s ease 0.2s;
		        transition : all 1.3s ease 0.2s;
	}
}
.ready .m-box-mainv .mainv-ttl .ttl-read {
	margin-top : 0;
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.ready .m-box-mainv .mainv-ttl .ttl-read {
		margin-top : 0;
	}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-read .read-pc {
		display : none;
	}
}
.m-box-mainv .mainv-ttl .ttl-read .read-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv .mainv-ttl .ttl-read .read-sp {
		display : block;
		width : 250.5px;
		height : auto;
		margin : 0 auto;
	}
}
.m-box-mainv:after {
	background : url('../../images/deco_mainv_top.png') no-repeat center bottom;
	background-size : 100% auto;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv.mainv-top {
		background-size : 100% auto;
	}
}
.m-box-mainv.mainv-top:before {
	padding-top : 33.6%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-mainv.mainv-top:before {
		padding-top : 76%;
	}
}
.m-box-mainv.mainv-top .mainv-ttl {
	top : 25%;
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.m-txt-copy {
		padding : 0 15px;
	}
}

.u-merit {
	margin-top : 60px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit {
		margin-top : 40px;
	}
}
.u-merit .merit-list {
	counter-reset : merit;
	*zoom : 1;
}
.u-merit .merit-list:after {
	content : ' ';
	display : table;
	clear : both;
}
.u-merit .merit-list > li {
	position : relative;
	float : left;
	width : 33.3333%;
	height : 167px;
	cursor : pointer;
	background-repeat : no-repeat;
	background-size : 100% auto;
	background-position : center;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li {
		height : 78px;
	}
}
.multiplebgs .u-merit .merit-list > li {
	background-color : rgba(155, 155, 155, 0.8);
	background-blend-mode : multiply;
}
.no-multiplebgs .u-merit .merit-list > li:before, .is-ie .u-merit .merit-list > li:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.36;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=36)';
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 1080px) {
	.multiplebgs .u-merit .merit-list > li:hover {
		background-color : rgba(26, 120, 184, 0.8);
	}
	.no-multiplebgs .u-merit .merit-list > li:hover:before, .is-ie .u-merit .merit-list > li:hover:before {
		background-color : #1a78b8;
		opacity : 0.7;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
}
.u-merit .merit-list > li:after {
	content : '';
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 24px 15.5px 0 15.5px;
	border-color : #1a78b8 transparent transparent transparent;
	position : absolute;
	bottom : -23px;
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	z-index : 2;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : opacity 0.3s ease;
	        transition : opacity 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li:after {
		bottom : -17px;
		border-width : 18px 11px 0 11px;
	}
}
.u-merit .merit-list > li.is-active:after {
	opacity : 0.6;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}
.no-multiplebgs .u-merit .merit-list > li.is-active:before, .is-ie .u-merit .merit-list > li.is-active:before {
	background-color : #1a78b8;
	opacity : 0.7;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}
.multiplebgs .u-merit .merit-list > li.is-active {
	background-color : rgba(26, 120, 184, 0.8);
}
.u-merit .merit-list > li dl {
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	width : 100%;
	text-align : center;
	color : #fff;
}
.u-merit .merit-list > li dl dt {
	display : inline-block;
	line-height : 1;
	font-family : 'Roboto', sans-serif;
	font-weight : 100;
	font-style : italic;
	font-size : 40px;
	font-size : 2.5rem;
	letter-spacing : 0.2em;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li dl dt {
		font-size : 1.4rem;
	}
}
.u-merit .merit-list > li dl dt span {
	display : inline-block;
	padding : 0 5px 8px 6px;
	vertical-align : middle;
	border-bottom : 1px solid #fff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li dl dt span {
		display : block;
		padding : 0 2px 3px 3px;
	}
}
.u-merit .merit-list > li dl dt:after {
	display : inline-block;
	vertical-align : middle;
	margin-left : 5px;
	counter-increment : merit;
	content : '0' counter(merit);
	font-size : 83.2px;
	font-size : 5.2rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li dl dt:after {
		padding-top : 5px;
		font-size : 3.35rem;
	}
}
.u-merit .merit-list > li dl dd {
	margin-top : 12px;
	letter-spacing : 1.6px;
	letter-spacing : 0.1rem;
	font-size : 25.6px;
	font-size : 1.6rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-list > li dl dd {
		display : none;
	}
}
.u-merit .merit-list > li.merit01 {
	background-image : url('../../images/bg_merit01.jpg');
}
.u-merit .merit-list > li.merit02 {
	background-image : url('../../images/bg_merit02.jpg');
}
.u-merit .merit-list > li.merit03 {
	background-image : url('../../images/bg_merit03.jpg');
}
.u-merit .merit-content {
	overflow : hidden;
	height : 570px;
	background : #c8e9ff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content {
		height : auto;
		man-height : 500px;
		padding-bottom : 39px;
	}
}
.u-merit .merit-content .content-section {
	width : auto !important;
	display : none;
	position : relative;
	padding : 70px 0 !important;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section {
		padding : 0 15px !important;
	}
}
.u-merit .merit-content .content-section:after {
	content : '';
	position : absolute;
	top : 0;
	right : 0;
	width : 50%;
	height : 100%;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section:after {
		width : 100%;
		height : 154px;
		z-index : 0;
	}
}
.u-merit .merit-content .content-section > [data-fixed] {
	width : 1080px !important;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section > [data-fixed] {
		width : auto !important;
	}
}
.u-merit .merit-content .content-section.is-active {
	display : block;
}
.u-merit .merit-content .content-section.section01:after {
	background-image : url('../../images/bg_merit01.jpg');
}
.u-merit .merit-content .content-section.section02:after {
	background-image : url('../../images/bg_merit02.jpg');
}
.u-merit .merit-content .content-section.section03:after {
	background-image : url('../../images/bg_merit03.jpg');
}
.u-merit .merit-content .content-section .section-inner {
	width : 50%;
	padding-right : 48px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section .section-inner {
		position : relative;
		width : auto;
		padding-right : 0;
		z-index : 1;
	}
}
.u-merit .merit-content .content-section .section-num {
	display : inline-block;
	font-family : 'Roboto', sans-serif;
	margin-bottom : 40px;
	padding-bottom : 20px;
	font-weight : 100;
	font-style : italic;
	font-size : 140.8px;
	font-size : 8.8rem;
	line-height : 1;
	color : #2078b8;
	border-bottom : 1px solid #2078b8;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section .section-num {
		padding-top : 138px;
		padding-bottom : 12px;
		font-size : 4.6rem;
		margin-bottom : 10px;
	}
}
.u-merit .merit-content .content-section dl dt {
	font-size : 44.8px;
	font-size : 2.8rem;
	letter-spacing : 0.02em;
	margin-bottom : 10px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section dl dt {
		font-size : 2.2rem;
	}
}
.u-merit .merit-content .content-section dl dd {
	line-height : 2;
	font-size : 25.6px;
	font-size : 1.6rem;
	letter-spacing : 0.1em;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section dl dd {
		font-size : 1.2rem;
	}
}
.u-merit .merit-content .content-section .section-more {
	margin-top : 40px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section .section-more {
		margin-top : 15px;
	}
}
.u-merit .merit-content .content-section .section-more a {
	position : relative;
	display : block;
	padding : 25px 0;
	color : #1a78b8;
	text-align : center;
	font-size : 33.6px;
	font-size : 2.1rem;
	letter-spacing : 0.1em;
	line-height : 1;
	background : #fff;
	border-radius : 40px;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-merit .merit-content .content-section .section-more a {
		padding : 16px 0;
		font-size : 1.3rem;
	}
}
.u-merit .merit-content .content-section .section-more a:before, .u-merit .merit-content .content-section .section-more a:after {
	content : '';
	position : absolute;
	top : 50%;
	margin-top : -8px;
	right : 38px;
	width : 13px;
	height : 16px;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
.u-merit .merit-content .content-section .section-more a:before {
	background : url('../../images/i_ar_btnBlue.png') no-repeat center;
}
.u-merit .merit-content .content-section .section-more a:after {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	background : url('../../images/i_ar_btnWh.png') no-repeat center;
}
@media screen and (min-width: 1080px) {
	.u-merit .merit-content .content-section .section-more a:hover {
		text-decoration : none;
		color : #fff;
		background : #1a78b8;
	}
	.u-merit .merit-content .content-section .section-more a:hover:before {
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	.u-merit .merit-content .content-section .section-more a:hover:after {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

.u-pickup {
	position : relative;
	padding-top : 75px;
	padding-bottom : 75px;
	background : #ffedd2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-pickup {
		padding-top : 45px;
		padding-bottom : 55px;
	}
}
.u-pickup .m-txt-ttl2 {
	position : relative;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-pickup .pickup-inner {
		padding : 0 15px;
	}
}
.u-pickup .pickup-inner .pickup-list > li {
	text-align : center;
	margin-top : 50px;
}
.u-pickup .pickup-inner .pickup-list > li:nth-child(1), .u-pickup .pickup-inner .pickup-list > li:nth-child(2), .u-pickup .pickup-inner .pickup-list > li:nth-child(3) {
	margin-top : 0;
}
.u-pickup .pickup-inner .pickup-list > li a {
	display : block;
}
.u-pickup .pickup-inner .pickup-list > li a > dl dt {
	overflow : hidden;
	position : relative;
	width : 301px;
	height : 301px;
	border-radius : 50%;
	margin : 0 auto;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-pickup .pickup-inner .pickup-list > li a > dl dt {
		width : auto;
		height : auto;
	}
}
.u-pickup .pickup-inner .pickup-list > li a > dl dt:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background-image : -webkit-radial-gradient(#fff 10%, transparent 20%), -webkit-radial-gradient(#fff 10%, transparent 20%);
	background-image :         radial-gradient(#fff 10%, transparent 20%), radial-gradient(#fff 10%, transparent 20%);
	background-size : 10px 10px;
	background-position : 0 0, 5px 5px;
	background-color : #88bde6;
	z-index : 1;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : opacity 0.3s ease;
	        transition : opacity 0.3s ease;
	border-radius : 50%;
}
.u-pickup .pickup-inner .pickup-list > li a > dl dt img {
	-webkit-transition : all 0.5s linear;
	        transition : all 0.5s linear;
	z-index : 1;
}
.u-pickup .pickup-inner .pickup-list > li a > dl dd {
	display : inline-block;
	margin-top : 35px;
	padding-left : 70px;
	margin-left : -70px;
	line-height : 52px;
	vertical-align : middle;
	font-size : 28.8px;
	font-size : 1.8rem;
	font-weight : bold;
	background : url('../../images/i_ar_pickup.png') no-repeat left center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-pickup .pickup-inner .pickup-list > li a > dl dd {
		margin-top : 0;
		padding-bottom : 2px;
		padding-top : 10px;
		padding-left : 25px;
		margin-left : 0;
		font-size : 11px;
		text-align : center;
		line-height : 1.4;
		background-position : left top 9px;
		background-size : 18px auto;
	}
}
@media screen and (min-width: 1080px) {
	.u-pickup .pickup-inner .pickup-list > li a:hover {
		text-decoration : none;
	}
	.u-pickup .pickup-inner .pickup-list > li a:hover > dl dt:after {
		opacity : 0.3;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	}
	.u-pickup .pickup-inner .pickup-list > li a:hover > dl dt img {
		-webkit-transform : scale(1.1);
		    -ms-transform : scale(1.1);
		        transform : scale(1.1);
		-webkit-transition : all 2.5s linear;
		        transition : all 2.5s linear;
	}
	.u-pickup .pickup-inner .pickup-list > li a:hover > dl dd {
		text-decoration : underline;
	}
}

.u-top-ttl {
	background-color : #fff;
	padding-top : 65px;
	padding-bottom : 65px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-top-ttl {
		padding-top : 45px;
		padding-bottom : 45px;
	}
}
.u-top-ttl .m-txt-ttl2 {
	margin : 0;
	position : relative;
	z-index : 1;
}

.u-what {
	position : relative;
	padding-top : 75px;
	padding-bottom : 75px;
	background : #ffedd2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what {
		padding-top : 55px;
		padding-bottom : 55px;
	}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner {
		padding : 0 15px;
	}
}
.u-what .what-inner .what-video {
	position : relative;
	text-align : center;
	height : 341px;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video {
		height : calc((100vw - 30px) * 0.56);
	}
}
.u-what .what-inner .what-video .video-poster {
	position : absolute;
	top : 0;
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	width : 606px;
	height : 341px;
	z-index : 2;
	cursor : pointer;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video .video-poster {
		width : 100%;
		height : 100%;
		overflow : hidden;
	}
}
.u-what .what-inner .what-video .video-poster img {
	width : 100%;
	height : auto;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video .video-poster img {
		position : absolute;
		top : 50%;
		left : 0;
		-webkit-transform : translateY(-50%);
		    -ms-transform : translateY(-50%);
		        transform : translateY(-50%);
	}
}
.u-what .what-inner .what-video .video-poster:before {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	width : 118px;
	height : 118px;
	border : 1px solid #fff;
	border-radius : 50%;
	background : rgba(255, 255, 255, 0.5);
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video .video-poster:before {
		width : 56px;
		height : 56px;
	}
}
.u-what .what-inner .what-video .video-poster:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	margin-left : 5px;
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 18px 0 18px 36px;
	border-color : transparent transparent transparent #fff;
	z-index : 3;
	-webkit-transition : all 0.5s ease;
	        transition : all 0.5s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video .video-poster:after {
		margin-left : 3px;
		border-width : 9px 0 9px 18px;
	}
}
.u-what .what-inner .what-video .video-poster .poster-bg {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : rgba(0, 0, 0, 0.3);
	z-index : 0;
	-webkit-transition : all 0.5s ease;
	        transition : all 0.5s ease;
}
.u-what .what-inner .what-video .video-poster .poster-bg:after {
	content : '';
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%) scale(0);
	    -ms-transform : translate(-50%, -50%) scale(0);
	        transform : translate(-50%, -50%) scale(0);
	width : 118px;
	height : 118px;
	background : #fff;
	border-radius : 50%;
	z-index : 1;
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video .video-poster .poster-bg:after {
		width : 56px;
		height : 56px;
	}
}
@media screen and (min-width: 1080px) {
	.u-what .what-inner .what-video .video-poster:hover:after {
		border-color : transparent transparent transparent #1a78b8;
	}
	.u-what .what-inner .what-video .video-poster:hover .poster-bg {
		background : rgba(0, 0, 0, 0);
	}
	.u-what .what-inner .what-video .video-poster:hover .poster-bg:after {
		-webkit-transform : translate(-50%, -50%) scale(1);
		    -ms-transform : translate(-50%, -50%) scale(1);
		        transform : translate(-50%, -50%) scale(1);
	}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-video > iframe {
		width : 100%;
		height : 100%;
	}
}
.u-what .what-inner .what-glance {
	margin-top : 52px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance {
		margin-top : 19px;
	}
}
.u-what .what-inner .what-glance .glance-bnr {
	position : relative;
	display : block;
	width : 606px;
	height : 246px;
	margin : 0 auto;
	background : #fcc146;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance .glance-bnr {
		width : auto;
		height : 117px;
	}
}
.u-what .what-inner .what-glance .glance-bnr:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background-image : -webkit-radial-gradient(#fff 10%, transparent 20%), -webkit-radial-gradient(#fff 10%, transparent 20%);
	background-image :         radial-gradient(#fff 10%, transparent 20%), radial-gradient(#fff 10%, transparent 20%);
	background-size : 10px 10px;
	background-position : 0 0, 5px 5px;
	background-color : #88bde6;
	z-index : 1;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : opacity 0.3s ease;
	        transition : opacity 0.3s ease;
}
.u-what .what-inner .what-glance .glance-bnr .bnr-inner {
	position : absolute;
	text-align : center;
	top : 50%;
	left : 25%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	width : 50%;
	font-size : 44.8px;
	font-size : 2.8rem;
	letter-spacing : 2.56px;
	letter-spacing : 0.16rem;
	color : #fff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance .glance-bnr .bnr-inner {
		top : 0;
		bottom : 0;
		left : 0;
		margin : auto 0;
		width : calc(100% - 143px);
		height : 42px;
		font-size : 1.2rem;
		-webkit-transform : none;
		    -ms-transform : none;
		        transform : none;
	}
}
.u-what .what-inner .what-glance .glance-bnr .bnr-inner > p {
	padding-bottom : 70px;
	background : url('../../images/bg_ar_glance.gif') no-repeat center bottom;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance .glance-bnr .bnr-inner > p {
		padding-bottom : 20px;
		background-size : 18px auto;
	}
}
.u-what .what-inner .what-glance .glance-bnr .bnr-img {
	position : absolute;
	top : 0;
	right : 0;
	width : 50%;
	height : 100%;
	overflow : hidden;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance .glance-bnr .bnr-img {
		top : 0;
		bottom : 0;
		right : 0;
		width : 143px;
		height : 117px;
	}
}
.u-what .what-inner .what-glance .glance-bnr .bnr-img img {
	width : 100%;
	height : auto;
	-webkit-transition : all 0.5s linear;
	        transition : all 0.5s linear;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-what .what-inner .what-glance .glance-bnr .bnr-img img {
		width : auto;
		height : 100%;
	}
}
@media screen and (min-width: 1080px) {
	.u-what .what-inner .what-glance .glance-bnr:hover:after {
		opacity : 0.3;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	}
	.u-what .what-inner .what-glance .glance-bnr:hover .bnr-img img {
		-webkit-transform : scale(1.1);
		    -ms-transform : scale(1.1);
		        transform : scale(1.1);
		-webkit-transition : all 2.5s linear;
		        transition : all 2.5s linear;
	}
}

.u-news {
	margin-top : 60px;
	margin-bottom : 120px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-news {
		margin-top : 30px;
		margin-bottom : 60px;
	}
}
.u-news .m-list-news {
	width : 750px;
	margin : 0 auto;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-news .m-list-news {
		width : auto;
		padding : 0 15px;
	}
}
.u-news .news-more {
	text-align : right;
}
.u-news .news-more a {
	color : #1a78b8;
	font-size : 19.2px;
	font-size : 1.2rem;
}
.u-news [data-fixed] {
	padding : 0 15px;
}

#login {
	position : absolute;
	bottom : 150px;
	right : 0;
	z-index : 10;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	#login {
		display : none;
	}
}
#login .login-btn {
	padding : 13px 14px 13px 28px;
	background : #1a78b8;
	border-radius : 5px 0 0 5px;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
	cursor : pointer;
}
#login .login-btn:hover {
	background : #145b8b;
}
#login .login-content {
	position : absolute;
	top : 0;
	right : 0;
	width : 330px;
	padding : 25px 18px;
	background : #e7eaed;
	border-radius : 5px 0 0 5px;
	z-index : 20;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	-webkit-transform : translateX(100%);
	    -ms-transform : translateX(100%);
	        transform : translateX(100%);
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
}
#login .login-content .content-ttl {
	margin-bottom : 18px;
	color : #2078b8;
	font-size : 25.6px;
	font-size : 1.6rem;
	line-height : 1;
	letter-spacing : 0.1em;
}
#login .login-content form {
	padding-bottom : 20px;
	border-bottom : dotted 2px #a6a7a9;
}
#login .login-content .content-filed tbody tr th, #login .login-content .content-filed tbody tr td {
	padding : 5px 0;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	font-size : 22.4px;
	font-size : 1.4rem;
	font-weight : normal;
}
#login .login-content .content-filed tbody tr th {
	color : #2078b8;
}
#login .login-content .content-filed tbody tr td {
	padding-left : 10px;
}
#login .login-content .content-filed tbody tr td input {
	width : 188px;
	height : 38px;
	padding : 3px;
	border-radius : 5px;
	-webkit-box-shadow : none;
	        box-shadow : none;
	outline : none;
	background : transparent;
	background-color : #fff;
	border : 1px solid #ccc;
}
#login .login-content .content-submit a {
	position : relative;
	display : block;
	width : 186px;
	margin : 15px auto 0 auto;
	line-height : 1;
	padding : 10px 0;
	text-align : center;
	color : #fff;
	background : #1a78b8;
	border-radius : 5px;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
#login .login-content .content-submit a:after {
	content : '';
	position : absolute;
	top : 50%;
	margin-top : -5px;
	right : 10px;
	width : 7px;
	height : 10px;
	background : url('../../images/i_ar_loginbtn.png') no-repeat center;
}
#login .login-content .content-submit a:hover {
	text-decoration : none;
	background : #145b8b;
}
#login .login-content .content-pw {
	display : inline-block;
	padding-left : 15px;
	margin-top : 13px;
	font-size : 22.4px;
	font-size : 1.4rem;
	background : url('../../images/i_ar_pw.gif') no-repeat left center;
}
#login .login-content .content-pw a {
	text-decoration : underline;
}
#login .login-content .content-pw a:hover {
	text-decoration : none;
}
#login .login-content .content-close {
	position : absolute;
	top : 12px;
	right : 12px;
	width : 27px;
	height : 27px;
	z-index : 2;
	cursor : pointer;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
#login .login-content .content-close:before, #login .login-content .content-close:after {
	content : '';
	position : absolute;
	top : 12px;
	left : 0;
	width : 100%;
	height : 1px;
	background : #808080;
	z-index : 2;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	-webkit-transform-origin : center;
	    -ms-transform-origin : center;
	        transform-origin : center;
}
#login .login-content .content-close:after {
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
}
#login .login-content .content-close:hover {
	-webkit-transform : rotate(90deg);
	    -ms-transform : rotate(90deg);
	        transform : rotate(90deg);
}
#login .login-content.is-active {
	-webkit-transform : translateX(0);
	    -ms-transform : translateX(0);
	        transform : translateX(0);
}

.footer-top .footer-group {
	margin-top : 45px;
	padding : 58px 0;
	background : #c3e7ff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-group {
		padding : 20px 15px 15px 15px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
	}
}
.footer-top .footer-group .group-list {
	*zoom : 1;
	margin : 0 -20px;
	width : auto;
}
.footer-top .footer-group .group-list:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-group .group-list {
		width : 100%;
		margin : 0;
	}
}
.footer-top .footer-group .group-list > li {
	float : left;
	width : 25%;
	padding : 0 20px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-group .group-list > li {
		width : auto;
		padding : 0;
	}
}
.footer-top .footer-group .group-list > li a {
	display : block;
	-webkit-transition : opacity 0.3s ease-in-out;
	        transition : opacity 0.3s ease-in-out;
}
.footer-top .footer-group .group-list > li a:hover {
	text-decoration : none;
	opacity : 0.8;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.footer-top .footer-group .group-list > li a img {
	width : 100%;
	height : auto;
}
.footer-top .footer-group .swiper-pagination {
	position : static;
	margin-top : 10px;
}
.footer-top .footer-group .swiper-pagination .swiper-pagination-bullet {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	background : #fff;
}
.footer-top .footer-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background : #54baff;
}

.footer-top .footer-contact {
	padding : 60px 0;
	margin-top : 45px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact {
		padding : 35px 15px;
		margin-top : 25px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
	}
}
.footer-top .footer-contact .contact-list {
	margin-top : 0 !important;
}
.footer-top .footer-contact .contact-list > li > a, .footer-top .footer-contact .contact-list > li > div {
	position : relative;
	display : block;
	height : 85px;
	text-align : center;
	color : #fff;
	border-radius : 5px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li > a, .footer-top .footer-contact .contact-list > li > div {
		height : 47px;
	}
}
.footer-top .footer-contact .contact-list > li > a > *, .footer-top .footer-contact .contact-list > li > div > * {
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	display : block;
	width : 100%;
}
.footer-top .footer-contact .contact-list > li.list-phone > div {
	background : url('../../images/i_phone.png') no-repeat left 40px center #fcc146;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li.list-phone > div {
		background-size : 25px auto;
	}
}
.footer-top .footer-contact .contact-list > li.list-phone > div > dl dt {
	letter-spacing : 0.075em;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li.list-phone > div > dl dt {
		font-size : 0.9rem;
	}
}
.footer-top .footer-contact .contact-list > li.list-phone > div > dl dd {
	font-family : 'Roboto', sans-serif;
	line-height : 1;
	font-size : 59.2px;
	font-size : 3.7rem;
	letter-spacing : 0.015em;
	color : #fff !important;
}
.footer-top .footer-contact .contact-list > li.list-phone > div > dl dd a {
	color : #fff !important;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li.list-phone > div > dl dd {
		font-size : 2.1rem;
	}
}
.footer-top .footer-contact .contact-list > li.list-mail a {
	position : relative;
	font-size : 35.2px;
	font-size : 2.2rem;
	letter-spacing : 0.075em;
	background : url('../../images/i_mail.png') no-repeat left 40px center #1a78b8;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li.list-mail a {
		font-size : 1.2rem;
		background-size : 28px auto;
	}
}
.footer-top .footer-contact .contact-list > li.list-mail a:after {
	content : '';
	position : absolute;
	top : 50%;
	right : 40px;
	margin-top : -8px;
	width : 13px;
	height : 16px;
	background : url('../../images/i_ar_btnWh.png') no-repeat center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-contact .contact-list > li.list-mail a:after {
		width : 10px;
		height : 14px;
		background-size : 100% auto;
	}
}
.footer-top .footer-contact .contact-list > li.list-mail a:hover {
	background-color : #145b8b;
}

.footer-top .footer-recruite {
	position : relative;
	min-width : 1080px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-recruite {
		min-width : 0;
	}
}
.footer-top .footer-recruite .recruite-img {
	overflow : hidden;
	position : relative;
}
.footer-top .footer-recruite .recruite-img:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	z-index : 1;
	-webkit-transition : opacity 0.3s ease-in-out;
	        transition : opacity 0.3s ease-in-out;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-recruite .recruite-img {
		display : none;
	}
}
.footer-top .footer-recruite .recruite-img img {
	width : 100%;
	height : auto;
	-webkit-transition : all 0.5s linear;
	        transition : all 0.5s linear;
}
.footer-top .footer-recruite .recruite-txt {
	position : absolute;
	top : 50%;
	left : 50%;
	margin-left : -250px;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	color : #fff;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-recruite .recruite-txt {
		display : none;
	}
}
.footer-top .footer-recruite .recruite-txt dt, .footer-top .footer-recruite .recruite-txt dd {
	display : inline-block;
	vertical-align : middle;
}
.footer-top .footer-recruite .recruite-txt dt {
	font-size : 60.8px;
	font-size : 3.8rem;
	letter-spacing : 0.2em;
}
.footer-top .footer-recruite .recruite-txt dd {
	position : relative;
	padding : 0 45px;
	margin-left : 20px;
	text-align : center;
	line-height : 1;
	font-size : 28.8px;
	font-size : 1.8rem;
	letter-spacing : 0.2em;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
.footer-top .footer-recruite .recruite-txt dd:before {
	content : '';
	position : absolute;
	left : 0;
	bottom : -10px;
	width : 100%;
	height : 2px;
	background : #fff;
}
.footer-top .footer-recruite .recruite-txt dd:after {
	content : '';
	position : absolute;
	right : -4px;
	bottom : -2px;
	width : 24px;
	height : 2px;
	background : #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
}
.footer-top .footer-recruite .recruite-txt .txt-desc {
	padding-left : 96px;
	text-align : left;
	line-height : 1;
	font-size : 28.8px;
	font-size : 1.8rem;
	letter-spacing : 0.2em;
}
.footer-top .footer-recruite a {
	display : block;
}
.footer-top .footer-recruite a:hover .recruite-img:before {
	opacity : 0.2;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}
.footer-top .footer-recruite a:hover .recruite-img img {
	-webkit-transform : scale(1.1);
	    -ms-transform : scale(1.1);
	        transform : scale(1.1);
	-webkit-transition : all 5s linear;
	        transition : all 5s linear;
}
.footer-top .footer-recruite a:hover .recruite-txt dd {
	padding-right : 80px;
}
.footer-top .footer-recruite .recruite-img-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.footer-top .footer-recruite .recruite-img-sp {
		display : block;
	}
}
.footer-top .footer-recruite .recruite-img-sp img {
	width : 100%;
	height : auto;
}

.u-important {
	display : table;
	width : 900px;
	margin-top : -40px;
	margin-bottom : 60px;
	padding : 10px;
	background : #efefef;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-important {
		display : block;
		width : auto;
		padding : 15px;
		margin-top : -10px;
		margin-bottom : 30px;
	}
}
.u-important .important-ttl {
	display : table-cell;
	vertical-align : middle;
	width : 190px;
	padding : 15px;
	font-size : 32px;
	font-size : 2rem;
	font-weight : 700;
	color : #e31b13;
	letter-spacing : 0.05em;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-important .important-ttl {
		display : block;
		width : auto;
		margin-bottom : 5px;
		padding : 0;
		text-align : center;
	}
}
.u-important .important-inner {
	display : table-cell;
	padding-left : 20px;
	vertical-align : middle;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-important .important-inner {
		display : block;
		width : auto;
		padding-left : 0;
	}
}
.u-important .important-inner > ul > li {
	padding : 5px 0;
}
.u-important .important-inner > ul > li a {
	display : table;
	width : 100%;
	text-align : left;
}
.u-important .important-inner > ul > li a .important-date {
	width : 150px;
	display : table-cell;
	font-weight : bold;
	vertical-align : top;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-important .important-inner > ul > li a .important-date {
		display : block;
		width : auto;
	}
}
.u-important .important-inner > ul > li a .important-title {
	display : table-cell;
	vertical-align : top;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-important .important-inner > ul > li a .important-title {
		display : block;
		width : auto;
	}
}
.u-important .important-inner > ul > li a .important-title.m-icon-pdf, .u-important .important-inner > ul > li a .important-title.m-icon-blank {
	position : relative;
	padding-left : 1.0em;
}
.u-important .important-inner > ul > li a .important-title.m-icon-pdf:before, .u-important .important-inner > ul > li a .important-title.m-icon-blank:before {
	left : 0;
	top : 0.3em !important;
}

#l-footer .footer-pagetop {
	margin-top : 0 !important;
}