@charset "utf-8";
/**
 * base.css
 */

/* import
--------------------------------------------------*/
@import "init.css";


/* html, body
--------------------------------------------------*/
body {
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}


/* siteCommonStyle
--------------------------------------------------*/
/* selection */
::-moz-selection {
	background: #b2d7fe;
}
/*::selection {
	background: #b2d7fe;
}*/

/* a */
a {
	color: #6666ff;
	text-decoration: underline;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.noT a:hover {
	text-decoration: none;
}

/* cap */
.caption,
.cap {
	color: #999999;
	font-size: 83.4%;
}
.cap {
	padding-top: 5px;
}

/* formText */
.formText {
	padding: 3px 2px;
	border: #ccc solid 1px;
}

/* img */
img {
	max-width: 100%;
	height: auto;
}
img.w100 {
	width: 100%;
}

@media only screen and (min-width:768px) {
	.ovOff,
	.ovOff img {
		transition: 0.2s;
		-webkit-transition: 0.2s;
		background-color: transparent;
	}
/*	a:hover .ovOff {
		background-color: #000;
	}*/
	a:hover .ovOff img {
		opacity: 0.7;
	}
}


/* sp pc */
.sp,
.sp_cont {
	display: none !important;
}
@media only screen and (max-width:767px) {
	.sp {
		display: block !important;
	}
	.sp_cont {
		display: inline-block !important;
	}
	.pc {
		display: none !important;
	}
}

/* fade */
@media only screen and (min-width:768px) {
	.fade:hover,
	.fadeArea a:hover {
		opacity: 0.7;
	}
}

/* mintyo */
.mintyo {
	font-family: 'Hannari', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', '游明朝', YuMincho, serif;
}

.gothic {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

/*.shadow {
	text-shadow:0px 0px 1px #fff,0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff;
}*/

/*#spMenu.on:before {
	margin-top: 0;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
#spMenu.on:after {
	margin-top: 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}*/


/*--------------------------------------------------
 wrapper
--------------------------------------------------*/
#wrapper {
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	background-color: #fff;
}
.wrap {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
@media only screen and (max-width:767px) {
	#wrapper {
		font-size: 14px;
	}
}



/*--------------------------------------------------
 header
--------------------------------------------------*/
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: #fff;
}
#header .headerInner {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
	padding: 16px 0 6px;
}
@media only screen and (max-width:767px) {
	#header {
		position: fixed;
	}
	#header .headerInner {
		padding: 8px 0 6px 12px;
	}
}

/* logos
----------------------------------*/
#header .logos {
	line-height: 0;
}
#header .logos > * {
	position: relative;
	float: left;
}
#header .logos a {
	display: block;
}
#header .logos .siteLogo01 a {
	width: 364px;
	height: 58px;
	background: url(../../images/common/hdr_logo02.png) no-repeat center center;
	text-indent: -9999px;
}
#header .logos .siteLogo02:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 1px;
	height: 54px;
	margin-top: -27px;
	background-color: #bab9b9;
}
#header .logos .siteLogo02 span {
	display: block;
	width: 285px;
	height: 58px;
	background: url(../../images/common/hdr_logo02.png) no-repeat center center;
	text-indent: -9999px;
}
@media only screen and (max-width:900px) {
	#header .logos .siteLogo01 a {
		width: 355px;
		background-image: url(../../images/common/hdr_logo02.png);
	}
}
@media only screen and (max-width:767px) {
	#header .logos .siteLogo01 a {
		width: 130px;
		height: 36px;
		background-size: 100% auto;
	}
}
@media only screen and (max-width:350px) {
	#header .logos .siteLogo01 a {
		width: 130px;
	}
}


/* hdrLinks
----------------------------------*/
#header .hdrLinks {
	position: absolute;
	top: 0;
	right: 0;
	width: 48.04%;
}
#header .hdrLinks li {
	float: left;
	/*width: 33%;*/
}
#header .hdrLinks li a {
	display: block;
	padding: 9px 16px 7px 16px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.hdrLinks .pc-none{
    display: none;
}
#header .hdrLinks li:nth-child(1) a {
	background-color: #f2ac00;
}
#header .hdrLinks li:nth-child(2) a {
	background-color: #00b6d0;
}
#header .hdrLinks li:nth-child(3) a {
	background-color: #ff0054;
}
#header .hdrLinks li:nth-child(4) a {
	background-color: #0071ed;
}
@media only screen and (max-width:767px) {
	#header .hdrLinks {
		width: 210px;
		line-height: 1;
	}
	#header .hdrLinks li a {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		height: 50px;
		padding: 35px 0 0;
		font-size: 10px;
		background-repeat: no-repeat;
		background-position: center 5px;
		background-size: auto 25px;
	}
    #header .hdrLinks li:last-of-type a{
        padding-top: 15px;
    }
    #header .hdrLinks .pc-none{
        display: block;
    }
    #header .hdrLinks .sp-none{
        display: none;
    }
	#header .hdrLinks li:nth-child(1) a {
		background-image: url(../../images/common/_sp/hdr_icon01.png);
	}
	#header .hdrLinks li:nth-child(2) a {
		background-image: url(../../images/common/_sp/hdr_icon02.png);
	}
	#header .hdrLinks li:nth-child(3) a {
		background-image: url(../../images/common/_sp/hdr_icon03.png);
	}
}

/* hdrBtns
----------------------------------*/
#header .hdrBtns {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 48.04%;
}
#header .hdrBtns li {
	float: left;
}
#header .hdrBtns li + li {
	margin-left: 10px;
}
#header .hdrBtns li a {
	display: block;
	width: 32px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#header .hdrBtns li:nth-child(1) a {
	background-image: url(../../images/common/hdr_btn01.png);
}
#header .hdrBtns li:nth-child(2) a {
	background-image: url(../../images/common/hdr_btn02.png);
}
#header .hdrBtns li:nth-child(3) a {
	background-image: url(../../images/common/hdr_btn03.png);
}
#header .hdrBtns li:nth-child(4) a {
	background-image: url(../../images/common/hdr_btn04.png);
}
#header .hdrBtns li:nth-child(5) a {
	background-image: url(../../images/common/hdr_btn05.png);
}
@media only screen and (max-width:767px) {
	#header .hdrBtns {
		display: none;
	}
}

/* hdrTel
----------------------------------*/
#header .hdrTel {
	position: absolute;
	bottom: 5px;
	right: 0;
}
#header .hdrTel a {
	position: relative;
	display: block;
	padding-left: 30px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	line-height: 1;
}
#header .hdrTel a:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	margin-top: -12px;
	background: url(../../images/common/icon_tel01.png) no-repeat center center;
}
#header .hdrTel a small {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
}
@media only screen and (max-width:767px) {
	#header .hdrTel {
		display: none;
	}
}


/*--------------------------------------------------
 gNav
--------------------------------------------------*/
.gNav {
	position: relative;
	background-color: #000;
	text-align: center;
	line-height: 1.35;
}
.gNav .mainNavs > li {
	display: inline-block;
	vertical-align: top;
}
.gNav .mainNavs > li > a {
	display: block;
	padding: 9px 25px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.gNav .mainNavs > li.on > a {
	opacity: 0.7;
}
.gNav .mainNavs > li > a br {
	display: none;
}

/* child */
.gNav .mainNavs > li .child {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
	background-color: #313131;
	text-align: left;
}
.gNav .mainNavs > li .child .inList {
	max-width: 800px;
	margin: 0 auto;
	padding: 35px 10px;
}
.gNav .mainNavs > li .child ul {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 33.3333%;
	font-size: 14px;
}
.gNav .mainNavs > li:last-child .child ul {
	width: 25%;
}
.gNav .mainNavs > li .child li + li {
	margin-top: 15px;
}
.gNav .mainNavs > li .child li.close + li {
	margin-top: 0;
}
.gNav .mainNavs > li .child a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
@media only screen and (max-width:1050px) {
	.gNav .mainNavs > li > a {
		padding: 11px 20px 12px;
		font-size: 13px;
	}
}
@media only screen and (max-width:900px) {
	.gNav .mainNavs > li > a span {
		display: none;
	}
}
@media only screen and (max-width:767px) {
	.gNav .mainNavs > li {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		float: left;
		display: block;
		width: 14.2857%;
	}
	.gNav .mainNavs > li > a {
		padding: 12px 0;
		font-size: 10px;
	}
	.gNav .mainNavs > li > a br {
		display: inline;
	}


	/* child */
	.gNav .mainNavs > li .child {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: auto;
		position: fixed;
		top: 100px;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		padding-bottom: 150px;
		background-color: rgba(0,0,0,0.7);
		-webkit-overflow-scrolling: touch;
	}
	.gNav .mainNavs > li .child .inList {
		position: relative;
		max-width: none;
		padding: 0;
		border-top: #fff solid 3px;
	}
	.gNav .mainNavs > li .child ul {
		float: none;
		width: auto;
		font-size: 14px;
	}
	.gNav .mainNavs > li:last-child .child ul {
		width: auto;
	}
	.gNav .mainNavs > li .child li + li {
		margin-top: 0;
	}
	.gNav .mainNavs > li .child a {
		position: relative;
		display: block;
		padding: 15px 53px 15px 0;
		font-size: 15px;
		text-align: center;
		background-color: #313131;
		border-right: #fff solid 3px;
		border-left: #fff solid 3px;
		border-bottom: #fff solid 3px;
	}
	.gNav .mainNavs > li .child a:before {
		position: absolute;
		top: 0;
		right: 50px;
		display: block;
		content: '';
		width: 3px;
		height: 100%;
		background-color: #fff;
	}
	.gNav .mainNavs > li .child a:after {
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		content: '';
		margin-top: -5px;
		border-left: #fff solid 8px;
		border-top: transparent solid 5px;
		border-bottom: transparent solid 5px;
	}
	.gNav .mainNavs > li .child .close a:after {
		margin-top: -8px;
		border: none;
		content: '×';
		line-height: 1;
	}

}



/*--------------------------------------------------
 fixedNav
--------------------------------------------------*/
#fixedNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	background-color: #fff;
	transition: 0.3s;
	transform: translateY(-110px);
}
#fixedNav.on {
	transform: translateY(0);
}
#fixedNav #fixedNavInner {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
}
@media only screen and (max-width:767px) {
	#fixedNav {
		display: none !important;
	}
}

/* logos
----------------------------------*/
#fixedNav .logos {
	line-height: 0;
}
#fixedNav .logos > * {
	position: relative;
	float: left;
}
#fixedNav .logos a {
	display: block;
}
#fixedNav .logos .siteLogo01 a {
	width: 290px;
	height: 50px;
	background: url(../../images/common/hdr_logo.png) no-repeat center center;
	text-indent: -9999px;
	background-size: 100% auto;
}

/* hdrLinks
----------------------------------*/
#fixedNav .hdrLinks {
	position: absolute;
	top: 0;
	right: 0;
	/*width: 58.825%;*/
}
#fixedNav .hdrLinks li {
	float: left;
	/*width: 33.3333%;*/
}
#fixedNav .hdrLinks li a {
	display: block;
	padding: 14px 24px 12px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}
#fixedNav .hdrLinks li:nth-child(1) a {
	background-color: #f2ac00;
}
#fixedNav .hdrLinks li:nth-child(2) a {
	background-color: #00b6d0;
}
#fixedNav .hdrLinks li:nth-child(3) a {
	background-color: #ff0054;
}
#fixedNav .hdrLinks li:nth-child(4) a {
	background-color: #0071ed;
}

/* hdrLinks hdrTel
----------------------------------*/
#fixedNav .hdrBtns,
#fixedNav .hdrTel {
	display: none;
}






/*--------------------------------------------------
 spMenu
--------------------------------------------------*/
#spMenu {
	display: none;
}
@media only screen and (max-width:991px) {
	#spMenu {
		position: absolute;
		top: 20px;
		right: 0;
		display: block;
		width: 70px;
		height: 50px;
		cursor: pointer;
		z-index: 5;
	}
	#spMenu span,
	#spMenu:before,
	#spMenu:after {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		content: '';
		width: 30px;
		height: 4px;
		margin-left: -15px;
		background-color: #23255a;
	}
	#spMenu span {
		margin-top: -2px;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#spMenu:before {
		margin-top: -11px;
	}
	#spMenu:after {
		margin-top: 7px;
	}

	.open #spMenu:before {
		animation: menuAnime01 .4s forwards;
	}
	.open #spMenu:after {
		animation: menuAnime02 .4s forwards;
	}
	.open #spMenu span {
		opacity: 0;
	}
	.close #spMenu:before {
		animation: menuAnime01_close .4s forwards;
	}
	.close #spMenu:after {
		animation: menuAnime02_close .4s forwards;
	}
}
@media only screen and (max-width:767px) {
	#spMenu {
		width: 50px;
	}
}

@keyframes menuAnime01 {
	50% {
		margin-top: -2px;
		transform: rotate(0deg);
	}
	100% {
		margin-top: -2px;
		transform: rotate(45deg);
	}
}
@keyframes menuAnime01_close {
	0% {
		margin-top: -2px;
		transform: rotate(45deg);
	}
	50% {
		margin-top: -2px;
		transform: rotate(0deg);
	}
	100% {
		margin-top: -11px;
		transform: rotate(0deg);
	}
}
@keyframes menuAnime02 {
	50% {
		margin-top: -2px;
		transform: rotate(0deg);
	}
	100% {
		margin-top: -2px;
		transform: rotate(-45deg);
	}
}
@keyframes menuAnime02_close {
	0% {
		margin-top: -2px;
		transform: rotate(-45deg);
	}
	50% {
		margin-top: -2px;
		transform: rotate(0deg);
	}
	100% {
		margin-top: 7px;
	}
}



/*--------------------------------------------------
 container
--------------------------------------------------*/
#container {
	position: relative;
	padding-top: 120px;
	font-family: 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'ＭＳ Ｐゴシック', sans-serif;
	z-index: 1;
}
@media only screen and (max-width:767px) {
	#container {
		padding-top: 100px;
	}
}



/*--------------------------------------------------
 commonEndBtn
--------------------------------------------------*/
.bgBlack {
	background-color: #000;
}
.commonEndBtn {
	max-width: 1305px;
	margin: 0 auto;
	padding: 70px 30px;
}
.commonEndBtn li {
	float: left;
	width: 33.3333%;
}
.commonEndBtn li a {
	display: block;
	padding: 22px 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.commonEndBtn li:nth-child(1) a {
	background-color: #f2ac00;
}
.commonEndBtn li:nth-child(2) a {
	background-color: #00b6d0;
}
.commonEndBtn li:nth-child(3) a {
	background-color: #ff0054;
}
@media only screen and (max-width:767px) {
	.commonEndBtn {
		padding: 17px 15px;
	}
    .commonEndBtn ul {
        display: flex;
        flex-direction: column;
    }
    .commonEndBtn li {
        width: 100%;
    }
	.commonEndBtn li a {
		padding: 9px 0 8px;
		font-size: 14px;
	}
}



/*--------------------------------------------------
 footer
--------------------------------------------------*/
#footer {
	position: relative;
	z-index: 5;
}



/* ftrSns
----------------------------------*/
#footer .ftrSns {
	padding: 35px 30px;
	text-align: right;
	background-color: #000;
	line-height: 0;
}
#footer .ftrSns ul {
	max-width: 1305px;
	margin: 0 auto;
}
#footer .ftrSns li {
	display: inline-block;
}
#footer .ftrSns li + li {
	margin-left: 20px;
}
#footer .ftrSns li a {
	display: block;
	width: 30px;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
}
#footer .ftrSns li:nth-child(1) a {
	background-image: url(../../images/common/ftr_btn01.png);
}
#footer .ftrSns li:nth-child(2) a {
	background-image: url(../../images/common/ftr_btn02.png);
}
#footer .ftrSns li:nth-child(3) a {
	background-image: url(../../images/common/ftr_btn03.png);
}
#footer .ftrSns li:nth-child(4) a {
	background-image: url(../../images/common/ftr_btn04.png);
}
@media only screen and (max-width:767px) {
	#footer .ftrSns {
		margin-bottom: 10px;
		padding: 0;
		text-align: center;
		background-color: transparent;
	}
	#footer .ftrSns li,
	#footer .ftrSns li + li {
		margin: 0 7px
	}
	#footer .ftrSns li a {
		background-size: 100% auto;
	}
	#footer .ftrSns li:nth-child(1) a {
		background-image: url(../../images/common/_sp/ftr_btn01.png);
	}
	#footer .ftrSns li:nth-child(2) a {
		background-image: url(../../images/common/_sp/ftr_btn02.png);
	}
	#footer .ftrSns li:nth-child(3) a {
		background-image: url(../../images/common/_sp/ftr_btn03.png);
	}
	#footer .ftrSns li:nth-child(4) a {
		background-image: url(../../images/common/_sp/ftr_btn04.png);
	}
}


/* ftrLinks
----------------------------------*/
#footer .ftrLinks {
	display: none;
}
@media only screen and (max-width:767px) {
	#footer .ftrLinks {
		display: block;
		padding: 12px 0 8px;
		text-align: center;
		background-color: #424242;
		line-height: 1;
	}
	#footer .ftrLinks li {
		display: inline-block;
		vertical-align: top;
	}
	#footer .ftrLinks li + li {
		margin-left: 15px;
		padding-left: 15px;
		border-left: #aaa solid 1px;
	}
	#footer .ftrLinks li a {
		display: block;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
	}
}



/* ftrLists
----------------------------------*/
#footer .ftrLists {
	padding: 0 30px 70px;
	background-color: #000;
	text-align: center;
}
#footer .ftrLists .ftrListsBox {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: top;
	text-align: left;
}
#footer .ftrLists .ftrListsBox + .ftrListsBox {
	margin-left: 45px;
}
#footer .ftrLists .ftrListsBox a {
	color: #b3b3b3;
	font-weight: bold;
	text-decoration: none;
}
#footer .ftrLists .ftrListsBox dl + dl {
	margin-top: 40px;
}
#footer .ftrLists .ftrListsBox dt {
	margin-bottom: 15px;
	font-size: 16px;
}
#footer .ftrLists .ftrListsBox dt a {
	color: #fff;
}
#footer .ftrLists .ftrListsBox dd li + li {
	margin-top: 10px;
}
@media only screen and (max-width:1000px) {
	#footer .ftrLists .ftrListsBox {
		font-size: 10px;
	}
	#footer .ftrLists .ftrListsBox + .ftrListsBox {
		margin-left: 25px;
	}
	#footer .ftrLists .ftrListsBox dt {
		font-size: 14px;
	}
}
@media only screen and (max-width:767px) {
	#footer .ftrLists {
		display: none;
	}
}




/* ftrEnd
----------------------------------*/
#footer .ftrEnd {
	padding: 20px 0 30px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	background-color: #212121;
	line-height: 1.5;
}
#footer .ftrEnd .ftrLogo {
	width: 85%;
	max-width: 306px;
	margin: 0 auto 35px;
}
#footer .ftrEnd .ftrLogo a {
	display: block;
	height: 0;
	padding-bottom: 13.4%;
	text-align: left;
	background: url(../../images/common/ftr_logo.png) no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
}
@media only screen and (max-width:767px) {
	#footer .ftrEnd {
		padding-bottom: 50px;
		font-size: 8px;
	}
	#footer .ftrEnd .ftrLogo {
		margin-bottom: 20px;
	}
}






/*--------------------------------------------------
 commonBorderWrap
--------------------------------------------------*/
#commonBorderWrap {
	padding: 0 30px;
	background-color: #fff;
}


/*--------------------------------------------------
 pagetop
--------------------------------------------------*/
#pagetop {
	position: relative;
	height: 0;
	z-index: 99;
}
#pagetop > div {
	position: fixed;
	bottom: 10px;
	right: 40px;
	transition: 0.3s;
	transform: translateY(80px);
	/*border: #000 solid 1px;*/
	z-index: 99;
}
#pagetop > div.on {
	transform: translateY(0);
}
#pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../../images/common/pagetop.png) no-repeat center center;
	background-size: contain;
}
@media only screen and (min-width:768px) {
	#pagetop > div.on.stop {
		position: absolute;
	}
}
@media only screen and (max-width:767px) {
	#pagetop > div {
		bottom: 10px;
		right: 10px;
	}
	#pagetop a {
		width: 37px;
		height: 37px;
	}
}




/*--------------------------------------------------
 common parts style
--------------------------------------------------*/

/* commonSideMargin
----------------------------------*/
.commonSideMargin {
	margin: 0 30px;
}
@media only screen and (max-width:767px) {
	.commonSideMargin {
		margin: 0;
	}
}


/* each background
----------------------------------*/
.commonBg {
	padding: 80px 30px;
	background: #0184cb;
	background: -moz-linear-gradient(left, #0184cb 0%, #26d5b0 100%);
	background: -webkit-linear-gradient(left, #0184cb 0%,#26d5b0 100%);
	background: linear-gradient(to right, #0184cb 0%,#26d5b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0184cb', endColorstr='#26d5b0',GradientType=1 );
}
.commonBg.redBg {
	background: #e30215;
	background: -moz-linear-gradient(left, #e30215 0%, #ff80a7 100%);
	background: -webkit-linear-gradient(left, #e30215 0%,#ff80a7 100%);
	background: linear-gradient(to right, #e30215 0%,#ff80a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30215', endColorstr='#ff80a7',GradientType=1 );
}
.commonBg.purpleBg {
	background: #4d2682;
	background: -moz-linear-gradient(left, #4d2682 0%, #8457a6 100%, #8457a6 100%);
	background: -webkit-linear-gradient(left, #4d2682 0%,#8457a6 100%,#8457a6 100%);
	background: linear-gradient(to right, #4d2682 0%,#8457a6 100%,#8457a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2682', endColorstr='#8457a6',GradientType=1 );
}
.commonBg.orangeBg {
	background: #e95705;
	background: -moz-linear-gradient(left, #e95705 0%, #f2b72c 100%);
	background: -webkit-linear-gradient(left, #e95705 0%,#f2b72c 100%);
	background: linear-gradient(to right, #e95705 0%,#f2b72c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95705', endColorstr='#f2b72c',GradientType=1 );
}
.commonBg.blueBg {
	background: #1c2187;
	background: -moz-linear-gradient(left, #1c2187 0%, #27a0da 100%);
	background: -webkit-linear-gradient(left, #1c2187 0%,#27a0da 100%);
	background: linear-gradient(to right, #1c2187 0%,#27a0da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2187', endColorstr='#27a0da',GradientType=1 );
}
.commonBg.greenBg {
	background: #25a735;
	background: -moz-linear-gradient(left, #25a735 0%, #f6e902 100%);
	background: -webkit-linear-gradient(left, #25a735 0%,#f6e902 100%);
	background: linear-gradient(to right, #25a735 0%,#f6e902 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a735', endColorstr='#f6e902',GradientType=1 );
}

.commonBg.pink_yellowBg {
	background: #ee007f;
	background: -moz-linear-gradient(left, #ee007f 0%, #faea01 100%);
	background: -webkit-linear-gradient(left, #ee007f 0%,#faea01 100%);
	background: linear-gradient(to right, #ee007f 0%,#faea01 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee007f', endColorstr='#faea01',GradientType=1 );
}



@media only screen and (max-width:767px) {
	.commonBg {
		padding: 40px 35px;
	}
}


/* commonWrap
----------------------------------*/
.commonWrap {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.commonLargeWrap {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.commonMinWrap {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}




/* commonSection
----------------------------------*/
.commonSection {
	overflow: hidden;
	position: relative;
}
.commonSection + .commonSection {
	margin-top: 30px;
}
.commonSection .enTxt {
	position: absolute;
	z-index: 2;
}
.commonSection .enTxt01 {
	top: 0;
	left: 0;
}
.commonSection .enTxt02 {
	bottom: 0;
	right: 0;
}
@media only screen and (max-width:767px) {
	.commonSection .enTxt img {
		width: 30px;
		height: auto;
	}
	.commonSection,
	.commonSection + .commonSection {
		margin-top: 20px;
	}
}

/* commonGroup
----------------------------------*/
.commonGroup + .commonGroup {
	margin-top: 120px;
}
@media only screen and (max-width:767px) {
	.commonGroup + .commonGroup {
		margin-top: 50px;
	}
}



/* commonBigTitle
----------------------------------*/
.commonBigTitle {
	position: relative;
	max-width: 1000px;
	margin: 0 auto 80px;
	padding: 26px 0;
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.commonBigTitle:before,
.commonBigTitle:after {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 14px;
	background: url(../../images/common/border.png) no-repeat center top;
}
.commonBigTitle:before {
	top: 0;
}
.commonBigTitle:after {
	bottom: 0;
}
.commonBigTitle small {
	display: block;
	margin: 3px 0 5px;
	font-size: 18px;
}
.commonBigTitle small.color01 {
	color: #faea01;
}
@media only screen and (max-width:767px) {
	.commonBigTitle {
		max-width: 270px;
		margin: 0 auto 30px;
		padding: 22px 0;
		font-size: 20px;
		line-height: 1.3;
	}
	.commonBigTitle:before,
	.commonBigTitle:after {
		left: 50%;
		max-width: 265px;
		transform: translateX(-50%);
		height: 9px;
		background: url(../../images/common/_sp/border.png) no-repeat center center;
		background-size: 100% auto;
	}
	.commonBigTitle small {
		font-size: 9px;
		font-weight: bold;
	}
}

/* type02 */
.commonBigTitle.type02 {
	max-width: 460px;
	margin-left: 0;
	padding-left: 15px;
	text-align: left;
}
.commonBigTitle.type02:before,
.commonBigTitle.type02:after {
	background-image: url(../../images/common/border02.png);
}
@media only screen and (max-width:767px) {
	.commonBigTitle.type02 {
		max-width: 270px;
		margin: 0 auto 30px;
		padding-left: 0;
		text-align: center;
	}
	.commonBigTitle.type02:before,
	.commonBigTitle.type02:after {
		background-image: url(../../images/common/_sp/border02.png);
	}
}

/* type03 */
.commonBigTitle.type03 {
	max-width: 505px;
	margin-left: 0;
	padding: 40px 0 40px 15px;
	text-align: left;
}
.commonBigTitle.type03 * {
	font-weight: bold;
}
.commonBigTitle.type03 > * {
	display: inline-block;
}
.commonBigTitle.type03:before,
.commonBigTitle.type03:after {
	background-image: url(../../images/common/border03.png);
}
@media only screen and (max-width:767px) {
	.commonBigTitle.type03 {
		max-width: 322px;
		margin: 0 auto 30px;
		padding: 25px 0;
		font-size: 24px;
		text-align: center;
	}
	.commonBigTitle.type03 small {
		font-size: 16px;
	}
	.commonBigTitle.type03 > * {
		text-align: left;
	}
	.commonBigTitle.type03:before,
	.commonBigTitle.type03:after {
		width: 100%;
		max-width: none;
		background-image: url(../../images/common/_sp/border03.png);
	}
}

/* commonMidTitle
----------------------------------*/
.commonMidTitle {
	margin-bottom: 50px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.6;
}
.commonMidTitle.bdr span {
	position: relative;
	display: inline-block;
}
.commonMidTitle.bdr span:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	opacity: 0.6;
}
@media only screen and (max-width:767px) {
	.commonMidTitle {
		margin-bottom: 30px;
		font-size: 17px;
	}
	.commonMidTitle.bdr span:before {
		height: 2px;
	}
}


/* commonSmlTitle
----------------------------------*/
.commonSmlTitle {
	margin-bottom: 50px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.8;
}

@media only screen and (max-width:767px) {
	.commonSmlTitle {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 1.4;
	}
}


/* commonTexts
----------------------------------*/
.commonTexts {
	margin-bottom: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.9;
}
.commonTexts p {
	font-weight: bold;
}
.commonTexts p + p {
	margin-top: 1.5em;
}
@media only screen and (max-width:767px) {
	.commonTexts {
		margin-bottom: 25px;
		font-size: 13px;
		line-height: 1.7;
	}
}


/* commonCaps
----------------------------------*/
.commonCaps {
	margin-bottom: 60px;
	color: #fff;
	font-size: 15px;
}
@media only screen and (max-width:767px) {
	.commonCaps {
		margin-bottom: 40px;
		font-size: 12px;
	}
}

/* commonFaQTexts
----------------------------------*/
.commonFaQTexts {
	margin-bottom: 60px;
}
.commonFaQTexts > div {
	position: relative;
	padding-left: 80px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
.commonFaQTexts > div * {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
.commonFaQTexts > div p + p {
	margin-top: 1.7em;
}
.commonFaQTexts .icon {
	position: absolute;
	top: 0;
	left: 0;
	color: #faea01;
	font-size: 38px;
	font-weight: normal;
	line-height: 1;
}
@media only screen and (max-width:767px) {
	.commonFaQTexts {
		margin-bottom: 25px;
	}
	.commonFaQTexts > div {
		padding-left: 42px;
		font-size: 13px;
		line-height: 1.7;
	}
	.commonFaQTexts > div * {
		font-size: 13px;
		line-height: 1.7;
	}
	.commonFaQTexts .icon {
		font-size: 23px;
	}
}


/* commonPointTexts
----------------------------------*/
.commonPointTexts {
	margin-bottom: 60px;
}
.commonPointTexts > div {
	position: relative;
	padding-left: 100px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
.commonPointTexts .icon {
	position: absolute;
	top: 5px;
	left: 0;
	color: #faea01;
	font-size: 24px;
	line-height: 1;
}
@media only screen and (max-width:767px) {
	.commonPointTexts {
		margin-bottom: 25px;
	}
	.commonPointTexts > div {
		padding-left: 70px;
		font-size: 13px;
		line-height: 1.7;
	}
	.commonPointTexts .icon {
		font-size: 16px;
	}
}


/* commonImageTexts
----------------------------------*/
.commonImageTexts {
	margin-bottom: 80px;
}
.commonImageTexts .image {
	float: left;
	width: 46%;
}
.commonImageTexts.rev .image {
	float: right;
}
.commonImageTexts .texts {
	float: right;
	width: 48%;
}
.commonImageTexts.rev .texts {
	float: left;
}
.commonImageTexts .commonTextsBox {
	margin-bottom: 0;
}
@media only screen and (max-width:767px) {
	.commonImageTexts {
		margin-bottom: 50px;
	}
	.commonImageTexts .image {
		float: none !important;
		width: auto;
		text-align: center;
	}
	.commonImageTexts .texts {
		float: none !important;
		width: auto;
		margin-top: 15px;
	}
}

/* commonTextsBox
----------------------------------*/
.commonTextsBox {
	margin-bottom: 70px;
}
.commonTextsBox .commonMidTitle {
	margin-bottom: 20px;
}
.commonTextsBox .commonSmlTitle {
	margin-bottom: 20px;
}
.commonTextsBox .commonTexts {
	margin-bottom: 0;
	font-size: 18px;
}
.commonTextsBox.bdr {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 880px;
	margin: 0 auto 60px;
	padding: 29px;
	border: #fff solid 1px;
}
.commonTextsBox.bdr .image {
	float: right;
	width: 25%;
}
.commonTextsBox.bdr .image + .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 75%;
	padding-right: 45px;
}
.commonTextsBox.bdr .commonMidTitle {
	font-size: 28px;
	line-height: 1.5;
}
.commonTextsBox.bdr .commonMidTitle * {
	font-weight: bold;
	line-height: 1.5;
}
.commonTextsBox.bdr .commonTexts {
	font-size: 16px;
	line-height: 1.5;
}
.commonTextsBox.bdr .commonMidTitle .image {
	display: none;
}
@media only screen and (max-width:767px) {
	.commonTextsBox {
		margin-bottom: 50px;
	}
	.commonTextsBox .commonMidTitle {
		margin-bottom: 15px;
	}
	.commonTextsBox .commonSmlTitle {
		margin-bottom: 15px;
	}
	.commonTextsBox .commonTexts {
		font-size: 13px;
	}
	.commonTextsBox.bdr {
		margin-left: -8px;
		margin-right: -8px;
		padding: 9px 14px;
	}
	.commonTextsBox.bdr .commonTexts {
		font-size: 13px;
	}
	.commonTextsBox.bdr .image + .texts {
		width: auto;
		float: none;
		padding: 0;
	}
	.commonTextsBox.bdr .commonMidTitle {
		display: table;
		width: 100%;
		font-size: 15px;
	}
	.commonTextsBox.bdr .commonMidTitle > *,
	.commonTextsBox.bdr .commonMidTitle .image {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	.commonTextsBox.bdr .commonMidTitle .inTtl {
		padding-right: 12px;
	}
	.commonTextsBox.bdr .commonMidTitle .image {
		width: 25%;
	}
}


/* commonLinks
----------------------------------*/
.commonLinks {
	margin-bottom: 50px;
}
.commonLinkArw,
.commonLinkBlank {
	position: relative;
	display: inline-block;
	padding-left: 22px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
}
.commonLinkArw:before {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	content: '';
	border-left: #fff solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonLinkBlank:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 13px;
	height: 1.5em;
	background: url(../../images/common/icon_blank.png) no-repeat center center;
	background-size: 100% auto;
}
.commonLinkBottom{
  display: block;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 12px 12px;
  box-sizing: border-box;
  text-decoration: none;
}

@media only screen and (max-width:767px) {
	.commonLinks {
		margin-bottom: 30px;
	}
	.commonLinkArw,
	.commonLinkBlank {
		padding-left: 13px;
		font-size: 13px;
	}
	.commonLinkArw:before {
		top: 5px;
	}
	.commonLinkBlank:before {
		width: 9px;
	}
}



/* commonImageLead
----------------------------------*/
.commonImageLead {
	max-width: 880px;
	margin: 0 auto 60px;
	color: #000;
	background-color: #fff;
}
.commonImageLead > a {
	display: block;
	color: #000;
	text-decoration: none;
}
.commonImageLead .image {
	float: left;
	width: 28.86%;
}
.commonImageLead.rev .image {
	float: right;
}
.commonImageLead .inTitle,
.commonImageLead .catName,
.commonImageLead .inText,
.commonImageLead .inCapBg,
.commonImageLead .inBtn {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
	width: 71.14%;
	padding: 0 30px;
}
.commonImageLead.rev .inTitle,
.commonImageLead.rev .catName,
.commonImageLead.rev .inText,
.commonImageLead.rev .inCapBg,
.commonImageLead.rev .inBtn {
	float: left;
}
.commonImageLead .inTitle {
	padding-top: 30px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}
.commonImageLead .catName {
	margin-bottom: 10px;
	padding-top: 15px;
}
.commonImageLead .catName > * {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	font-weight: bold;
}
.commonImageLead .catName .cat {
	margin-right: 25px;
	padding: 3px 10px;
	color: #fff;
	font-size: 14px;
	background-color: #e30013;
}
.commonImageLead .catName .name {
	margin-right: 10px;
	font-size: 28px;
}
.commonImageLead .catName small {
	font-size: 16px;
}
.commonImageLead .inText {
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.commonImageLead .inText * {
	font-weight: bold;
}
.commonImageLead .inText p + p {
	margin-top: 1.5em;
}
.commonImageLead .inCapBg {
	padding: 0 0 10px;
	text-align: right;
}
.commonImageLead .inCapBg span {
	display: inline-block;
	padding: 3px 15px;
	color: #fff;
	font-weight: bold;
	background-color: #000;
}
.commonImageLead .inBtn {
	margin-top: 17px;
	padding: 0 15px 10px;
	text-align: right;
	transition: 0.2s;
}
.noT .commonImageLead > a:hover .inBtn {
	opacity: 0.7;
}
.commonImageLead .inBtn > span {
	position: relative;
	display: inline-block;
	padding-right: 33px;
}
.commonImageLead .inBtn > span:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #000;
}
.commonImageLead .inBtn > span:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #fff solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonImageLead .inBtn > span span {
	display: block;
	padding: 3px 15px;
	color: #fff;
	font-weight: bold;
	background-color: #000;
}
@media only screen and (max-width:767px) {
	.commonImageLead {
		margin-left: -8px;
		margin-right: -8px;
	}
	.commonImageLead .image {
		float: left;
		width: 28.86%;
	}
	.commonImageLead.rev .image {
		float: right;
	}
	.commonImageLead .inTitle,
	.commonImageLead .catName,
	.commonImageLead .inText,
	.commonImageLead .inCapBg,
	.commonImageLead .inBtn {
		padding: 0 15px;
	}
	.commonImageLead .inText,
	.commonImageLead .inCapBg,
	.commonImageLead .inBtn {
		width: 100%;
	}
	.commonImageLead .inTitle {
		padding-top: 12px;
		font-size: 15px;
	}
	.commonImageLead .catName {
		margin-bottom: 0;
		padding-top: 5px;
	}
	.commonImageLead .catName .cat {
		margin-right: 7px;
		padding: 1px 5px;
		font-size: 11px;
	}
	.commonImageLead .catName .name {
		margin-right: 2px;
		font-size: 15px;
	}
	.commonImageLead .catName small {
		font-size: 11px;
	}
	.commonImageLead .inText {
		margin-top: 20px;
		padding-bottom: 20px;
		font-size: 13px;
	}
	.commonImageLead .inCapBg {
		padding: 0 0 10px;
	}
	.commonImageLead .inCapBg span {
		padding: 2px 10px;
		font-size: 12px;
	}
	.commonImageLead .inBtn {
		margin-top: 20px;
		padding: 0 10px 10px;
	}
	.commonImageLead .inBtn > span {
		padding-right: 20px;
	}
	.commonImageLead .inBtn > span:before {
		width: 18px;
	}
	.commonImageLead .inBtn > span:after {
		right: 7px;
		margin-top: -3px;
		border-left: #fff solid 4px;
		border-top: transparent solid 3px;
		border-bottom: transparent solid 3px;
	}
	.commonImageLead .inBtn > span span {
		display: block;
		padding: 2px 10px;
		font-size: 12px;
	}
}




/* commonImageLead02
----------------------------------*/
.commonImageLead02 {
	max-width: 880px;
	margin: 0 auto 60px;
	color: #000;
	background-color: #fff;
}
.commonImageLead02 > a {
	display: block;
	color: #000;
	text-decoration: none;
}
.commonImageLead02 .image {
	float: left;
	width: 19.32%;
}
.commonImageLead02.rev .image {
	float: right;
}
.commonImageLead02 .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
	width: 80.68%;
	padding: 0 30px;
}
.commonImageLead02.rev .texts {
	float: left;
}
.commonImageLead02 .inTitle {
	padding-top: 30px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}
.commonImageLead02 .catName {
	margin-bottom: 15px;
	padding-top: 15px;
}
.commonImageLead02 .catName > * {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	font-weight: bold;
}
.commonImageLead02 .catName .spImage {
	display: none;
}
.commonImageLead02 .catName .inCell > * {
	display: inline-block;
	vertical-align: middle;
}
.commonImageLead02 .catName .cat {
	margin-right: 25px;
}
.commonImageLead02 .catName .cat span {
	display: block;
	padding: 3px 10px;
	color: #fff;
	font-size: 14px;
	background-color: #e30013;
}
.commonImageLead02 .catName .names {
	margin-right: 10px;
	font-size: 28px;
}
.commonImageLead02 .catName .names small {
	font-size: 16px;
}
.commonImageLead02 .inText {
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.commonImageLead02 .inText * {
	font-weight: bold;
}
.commonImageLead02 .inText p + p {
	margin-top: 1.5em;
}
.commonImageLead02 .inCapBg {
	padding: 0 0 10px;
	text-align: right;
}
.commonImageLead02 .inCapBg span {
	display: inline-block;
	padding: 3px 15px;
	color: #fff;
	font-weight: bold;
	background-color: #000;
}
.commonImageLead02 .inBtn {
	margin-right: -15px;
	text-align: right;
	transition: 0.2s;
}
.noT .commonImageLead02 > a:hover .inBtn {
	opacity: 0.7;
}
.commonImageLead02 .inBtn > span {
	position: relative;
	display: inline-block;
	padding-right: 33px;
}
.commonImageLead02 .inBtn > span:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #000;
}
.commonImageLead02 .inBtn > span:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #fff solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonImageLead02 .inBtn > span span {
	display: block;
	padding: 3px 15px;
	color: #fff;
	font-weight: bold;
	background-color: #000;
}
@media only screen and (max-width:767px) {
	.commonImageLead02 {
		margin-left: -8px;
		margin-right: -8px;
	}
	.commonImageLead02 .texts {
		width: auto;
		padding: 0;
	}
	.commonImageLead02 .inTitle {
		padding-top: 12px;
		font-size: 15px;
	}
	.commonImageLead02 .catName {
		display: table;
		width: 100%;
		margin-bottom: 15px;
		padding-top: 0;
	}
	.commonImageLead02 .catName > * {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
	}
	.commonImageLead02 .catName .spImage {
		display: table-cell;
		width: 32.31%;
	}
	.commonImageLead02 .catName .inCell {
		width: 67.69%;
		padding: 0 15px;
	}
	.commonImageLead02 .catName .cat {
		display: block;
		margin: 0 0 5px;
	}
	.commonImageLead02 .catName .cat span {
		display: inline-block;
		padding: 1px 5px;
		font-size: 11px;
	}
	.commonImageLead02 .catName .names {
		font-size: 20px;
	}
	.commonImageLead02 .catName small {
		font-size: 16px;
	}
	.commonImageLead02 .inText {
		padding: 0 20px 15px;
		font-size: 13px;
	}
	.commonImageLead02 .inCapBg {
		padding: 0 0 10px;
	}
	.commonImageLead02 .inCapBg span {
		padding: 2px 10px;
		font-size: 12px;
	}
	.commonImageLead02 .inBtn {
		margin: 0;
		padding: 0 10px 15px;
	}
	.commonImageLead02.rev .inBtn {
		text-align: left;
	}
	.commonImageLead02 .inBtn > span {
		padding-right: 20px;
	}
	.commonImageLead02 .inBtn > span:before {
		width: 18px;
	}
	.commonImageLead02 .inBtn > span:after {
		right: 7px;
		margin-top: -3px;
		border-left: #fff solid 4px;
		border-top: transparent solid 3px;
		border-bottom: transparent solid 3px;
	}
	.commonImageLead02 .inBtn > span span {
		display: block;
		padding: 2px 10px;
		font-size: 12px;
	}
}




/* commonCol4Lists
----------------------------------*/
.commonCol4Lists {
	max-width: 860px;
	margin: 0 auto 40px;
}
.commonCol4Lists * {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.commonCol4Lists .commonCol4ListsInner {
	margin-left: -55px;
}
.commonCol4Lists .inColItem {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 25%;
	padding-left: 55px;
	font-size: 13px;
}
.commonCol4Lists .inColTitle {
	margin-bottom: 20px;
	font-size: 16px;
}
.commonCol4Lists .inColList li + li {
	margin-top: 10px;
}
.noT .commonCol4Lists .inColList li a:hover {
	text-decoration: underline;
}
.commonCol4Lists .inColList .arw {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}
.commonCol4Lists .inColList .arw:before {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	content: '';
	border-left: #fff solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
@media only screen and (max-width:767px) {
	.commonCol4Lists .commonCol4ListsInner {
		margin-left: 0;
	}
	.commonCol4Lists .inColItem {
		float: none;
		width: auto;
		padding-left: 0;
		font-size: 12px;
	}
	.commonCol4Lists .inColItem + .inColItem {
		margin-top: 30px;
	}
	.commonCol4Lists .inColTitle {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.commonCol4Lists .inColList li + li {
		margin-top: 10px;
	}
}


/* commonBorderCat
----------------------------------*/
.commonBorderCat {
	margin-bottom: 30px;
	line-height: 1;
}
.commonBorderCat span {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border: #fff solid 1px;
}
@media only screen and (max-width:767px) {
	.commonBorderCat {
		margin-bottom: 13px;
	}
	.commonBorderCat span {
		padding: 4px 8px;
		font-size: 10px;
	}
}



/* commonBoxOne
----------------------------------*/
.commonBoxOne {
	max-width: 800px;
	margin: 0 auto 80px;
}
.commonBoxOne > a {
	display: block;
	text-decoration: none;
}
.commonBoxOne .image {
	margin-bottom: 40px;
}
.commonBoxOne .commonMidTitle {
	margin-bottom: 25px;
	line-height: 1.5;
}
.commonBoxOne .commonTexts {
	line-height: 1.6;
}
.commonBoxOne .inBtn {
	margin-top: 35px;
	text-align: center;
	transition: 0.2s;
}
.commonBoxOne .inBtn > span {
	position: relative;
	display: inline-block;
	padding-right: 60px;
	color: #000;
	font-weight: bold;
}
.commonBoxOne .inBtn > span span {
	display: block;
	padding: 15px 50px;
	font-size: 18px;
	background-color: #fff;
}
.commonBoxOne .inBtn > span:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 56px;
	height: 100%;
	background-color: #fff;
}
.commonBoxOne .inBtn > span:after {
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	content: '';
	margin-top: -6px;
	border-left: #000 solid 10px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
.noT .commonBoxOne > a:hover .inBtn {
	opacity: 0.7;
}
@media only screen and (max-width:767px) {
	.commonBoxOne {
		margin-bottom: 60px;
	}
	.commonBoxOne .image {
		margin-bottom: 17px;
		text-align: center;
	}
	/*.commonBoxOne .image img {
		max-width: 85%;
	}*/
	.commonBoxOne .commonMidTitle {
		margin-bottom: 10px;
	}
	.commonBoxOne .inBtn {
		margin-top: 20px;
	}
	.commonBoxOne .inBtn > span {
		display: block;
		padding-right: 35px;
	}
	.commonBoxOne .inBtn > span span {
		padding: 10px;
		font-size: 13px;
	}
	.commonBoxOne .inBtn > span:before {
		width: 33px;
	}
	.commonBoxOne .inBtn > span:after {
		right: 14px;
		margin-top: -4px;
		border-left: #000 solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
}


/* commonBoxTwo
----------------------------------*/
.commonBoxTwoWrap {
	max-width: 980px;
	margin: 0 auto 70px;
}
.commonBoxTwo {
	float: left;
	width: 47%;
}
.commonBoxTwo > a {
	display: block;
	text-decoration: none;
}
.commonBoxTwo:nth-child(2n) {
	float: right;
}
.commonBoxTwo .commonSmlTitle {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.5;
}
.commonBoxTwo .commonSmlTitle > * {
	display: table-cell;
	vertical-align: top;
}
.commonBoxTwo .image {
	margin-bottom: 20px;
}
.commonBoxTwo .commonBorderCat {
	margin-bottom: 10px;
}
.commonBoxTwo .commonTexts {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
}
.commonBoxTwo .commonBorderCat span {
	font-size: 12px;
}
.commonBoxTwo > a .commonTexts {
	position: relative;
	position: relative;
	padding-right: 50px;
}
.commonBoxTwo > a .commonTexts:before,
.commonBoxTwo > a .commonTexts:after {
	position: absolute;
	display: block;
	content: '';
	transition: 0.2s;
}
.commonBoxTwo > a .commonTexts:before {
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	background-color: #fff;
}
.commonBoxTwo > a .commonTexts:after {
	right: 12px;
	bottom: 12px;
	border-left: #000 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.noT .commonBoxTwo > a:hover .commonTexts:before,
.noT .commonBoxTwo > a:hover .commonTexts:after {
	opacity: 0.7;
}
@media only screen and (max-width:767px) {
	.commonBoxTwoWrap {
		margin-bottom: 60px;
	}
	.commonBoxTwo {
		float: none !important;
		width: auto;
	}
	.commonBoxTwo + .commonBoxTwo {
		margin-top: 60px;
	}
	.commonBoxTwo .commonSmlTitle {
		display: block;
		margin-bottom: 10px;
	}
	.commonBoxTwo .commonSmlTitle > * {
		display: block;
	}
	.commonBoxTwo .image {
		margin-bottom: 15px;
		text-align: center;
	}
	/*.commonBoxTwo .image img {
		max-width: 85%;
	}*/
	.commonBoxTwo .commonBorderCat {
		margin-bottom: 10px;
	}
	.commonBoxTwo .commonTexts {
		font-size: 13px;
	}
	.commonBoxTwo .commonBorderCat span {
		font-size: 10px;
	}
	.commonBoxTwo > a .commonSmlTitle {
		padding-right: 50px;
	}
}



/* commonBoxThree
----------------------------------*/
.commonBoxThreeWrap {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 980px;
	margin: 0 auto 70px;
	padding-left: 76px;
}
.commonBoxThree {
	float: left;
	width: 33.3333%;
	margin: 55px 0 0 38px;
}
.commonBoxThree > a {
	display: block;
	text-decoration: none;
}
.commonBoxThree > a * {
	transition: 0.2s;
}
.commonBoxThree:first-child,
.commonBoxThree:nth-child(3n+1) {
	margin-left: -76px;
}
.commonBoxThree:nth-child(1),
.commonBoxThree:nth-child(2),
.commonBoxThree:nth-child(3) {
	margin-top: 0;
}
.commonBoxThree .commonSmlTitle {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.5;
}
.commonBoxThree .commonSmlTitle > * {
	display: table-cell;
	vertical-align: top;
}
.commonBoxThree .image {
	width: 100%;
	margin-bottom: 20px;
	/*background-color: #000;*/
}
.commonBoxThree .image span {
	overflow: hidden;
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}
.commonBoxThree .image span img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	transform: translate(-50%,-50%);
}
.commonBoxThree .commonBorderCat {
	margin-bottom: 10px;
}
.commonBoxThree .commonTexts {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
}
.commonBoxThree .commonBorderCat span {
	font-size: 12px;
}
.commonBoxThree > a .commonTexts {
	position: relative;
	position: relative;
	padding-right: 50px;
}
.commonBoxThree > a .commonTexts:before,
.commonBoxThree > a .commonTexts:after {
	position: absolute;
	display: block;
	content: '';
	transition: 0.2s;
}
.commonBoxThree > a .commonTexts:before {
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	background-color: #fff;
}
.commonBoxThree > a .commonTexts:after {
	right: 12px;
	bottom: 12px;
	border-left: #000 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.noT .commonBoxThree > a:hover .image img,
.noT .commonBoxThree > a:hover .commonTexts:before,
.noT .commonBoxThree > a:hover .commonTexts:after {
	opacity: 0.7;
}

.imageSizeSame .commonBoxThree .image {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 75%;
	height: 0;
}
.imageSizeSame .commonBoxThree .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	transform: translate(-50%,-50%);
}

@media only screen and (max-width:767px) {
	.commonBoxThreeWrap {
		margin-bottom: 60px;
		padding-left: 0;
	}
	.commonBoxThree {
		float: none !important;
		width: auto;
		margin-left: 0 !important;
	}
	.commonBoxThree + .commonBoxThree {
		margin-top: 60px !important;
	}
	.commonBoxThree .commonSmlTitle {
		display: block;
		margin-bottom: 10px;
	}
	.commonBoxThree .commonSmlTitle > * {
		display: block;
	}
	.commonBoxThree .image {
		margin-bottom: 15px;
		text-align: center;
	}
	/*.commonBoxThree .image img {
		max-width: 85%;
	}*/
	.commonBoxThree .commonBorderCat {
		margin-bottom: 10px;
	}
	.commonBoxThree .commonTexts {
		font-size: 13px;
	}
	.commonBoxThree .commonBorderCat span {
		font-size: 10px;
	}
	.commonBoxThree > a .commonSmlTitle {
		padding-right: 50px;
	}
}




/* commonBreadcrumb
----------------------------------*/
.commonBreadcrumb {
	padding: 5px 0;
}
.commonBreadcrumb * {
	color: #b3b3b3;
	font-size: 12px;
	font-weight: bold;
}
.commonBreadcrumb li {
	position: relative;
	float: left;
}
.commonBreadcrumb li a {
	display: block;
	text-decoration: none;
}
.commonBreadcrumb li + li {
	padding-left: 3em;
}
.commonBreadcrumb li + li:before {
	position: absolute;
	top: 0;
	left: 1em;
	display: block;
	content: '＞';
}
@media only screen and (max-width:767px) {
	.commonBreadcrumb {
		display: none;
	}
}




/* animeSec
----------------------------------*/
@media only screen and (min-width:768px) {
	.noT .animeSec {
		overflow: hidden;
		position: relative;
	}
	.noT .animeSec:after {
		position: absolute;
		top: 0;
		right: 0;
		height: 0;
		display: block;
		content: '';
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 10;
	}
	/* animetion */
	.noT .animeSec:after {
		transition-timing-function: cubic-bezier(.9,0,.1,1);
		transition-duration: 0.8s;
	}
	.noT .animeSec.anime_start:after {
		width: 0;
	}

	.noT .animeSec .fade_up {
		opacity: 0;
		transform: translateY(20px);
		transition: 0.5s;
	}
	.noT .animeSec .fade_up.fade_start {
		opacity: 1;
		transform: translateY(0);
	}
}



/* commonSubNav2col
----------------------------------*/
.commonSubNav2col {
	max-width: 466px;
	margin: 0 auto 60px;
}
.commonSubNav2col ul {
	margin-left: -30px;
}
.commonSubNav2col li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding-left: 30px;
}
.commonSubNav2col li a {
	position: relative;
	display: block;
	padding-right: 34px;
	color: #1c1f86;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.commonSubNav2col li a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #fff;
}
.commonSubNav2col li a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #1c1f86 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonSubNav2col li a span {
	display: block;
	padding: 5px 0 4px;
	background-color: #fff;
}
@media only screen and (max-width:767px) {
	.commonSubNav2col {
		max-width: 310px;
		margin-bottom: 35px;
		padding: 0 30px;
	}
	.commonSubNav2col ul {
		margin-left: -20px;
	}
	.commonSubNav2col li {
		padding-left: 20px;
	}
	.commonSubNav2col li a {
		padding-right: 34px;
		font-size: 13px;
	}
	.commonSubNav2col li a span {
		padding: 8px 0 7px;
	}
}


/* commonSubNav4col
----------------------------------*/
.commonSubNav4col {
	max-width: 960px;
	margin: 0 auto 60px;
}
.commonSubNav4col ul {
	margin: -30px 0 0 -30px;
}
.commonSubNav4col li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 30px 0 0 30px;
}
.commonSubNav4col li a {
	position: relative;
	display: block;
	padding-right: 34px;
	color: #1c1f86;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.commonSubNav4col li a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #fff;
}
.commonSubNav4col li a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #1c1f86 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonSubNav4col li a span {
	display: block;
	padding: 5px 0 4px;
	background-color: #fff;
}
.commonSubNav4col select {
	display: none;
}
@media only screen and (max-width:767px) {
	.commonSubNav4col {
		position: relative;
		max-width: 210px;
		margin-bottom: 35px;
	}
	.commonSubNav4col ul {
		margin: 0;
	}
	.commonSubNav4col li {
		display: none;
		width: 100%;
		padding: 0;
	}
	.commonSubNav4col li:first-child {
		display: block;
	}
	.commonSubNav4col li a {
		padding-right: 34px;
		font-size: 13px;
	}
	.commonSubNav4col li a span {
		padding: 8px 0 7px;
	}
	.commonSubNav4col select {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}


/* commonPager01
----------------------------------*/
.commonPager01 {
	text-align: center;
}
.commonPager01 ul {
	position: relative;
	margin: 0 10px;
}
.commonPager01 li {
	display: inline-block;
	margin: 5px 7px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
.commonPager01 a {
	position: relative;
	display: block;
	color: #1c1f86;
	background-color: #fff;
	text-decoration: none;
	width: 30px;
}
.commonPager01 li.prev {
	margin: 5px 17px 5px 0;
}
.commonPager01 li.next {
	margin: 5px 0 5px 17px;
}
.commonPager01 li.prev a,
.commonPager01 li.next a {
	width: auto;
	background-color: transparent;
}
.commonPager01 li.prev a {
	padding-left: 33px;
}
.commonPager01 li.next a {
	padding-right: 33px;
}
.commonPager01 li.prev a:before,
.commonPager01 li.next a:before {
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	display: block;
	content: '';
	background-color: #fff;
}
.commonPager01 li.prev a:after,
.commonPager01 li.next a:after {
	position: absolute;
	top: 50%;
	display: block;
	content: '';
	margin-top: -4px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
.commonPager01 li.prev a:before {
	left: 0;
}
.commonPager01 li.prev a:after {
	left: 12px;
	border-right: #1c1f86 solid 6px;
}
.commonPager01 li.next a:before {
	right: 0;
}
.commonPager01 li.next a:after {
	right: 12px;
	border-left: #1c1f86 solid 6px;
}
.commonPager01 li.prev a span,
.commonPager01 li.next a span {
	display: block;
	width: 86px;
	background-color: #fff;
}

@media only screen and (max-width:767px) {
	.commonPager01 ul {
		margin: 0 30px;
		padding-top: 50px;
	}
	.commonPager01 li {
		display: inline-block;
		margin: 5px 4px;
		font-size: 12px;
	}
	.commonPager01 li.prev,
	.commonPager01 li.next {
		position: absolute;
		top: 0;
		margin: 0;
	}
	.commonPager01 li.prev {
		left: 0;
	}
	.commonPager01 li.next {
		right: 0;
	}
	.commonPager01 li.prev a {
		padding-left: 33px;
	}
	.commonPager01 li.next a {
		padding-right: 33px;
	}
}




/* commonPager02
----------------------------------*/
.commonPager02 {
	max-width: 800px;
	margin: 50px auto 0;
	padding: 0 30px;
}
.commonPager02 .pos {
	position: relative;
}
.commonPager02 .pos > div {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 150px;
}
.commonPager02 a {
	position: relative;
	display: block;
	padding-right: 60px;
	color: #1c1f86;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.commonPager02 a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 56px;
	height: 100%;
	background-color: #fff;
}
.commonPager02 a:after {
	position: absolute;
	top: 50%;
	right: 25px;
	display: block;
	content: '';
	margin-top: -6px;
	border-right: #1c1f86 solid 10px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
.commonPager02 a span {
	display: block;
	padding: 15px 0 14px;
	background-color: #fff;
}

.commonPager02 .pos > div.index {
	position: static;
	max-width: 230px;
	margin: 0 auto;
}

.commonPager02 .pos > div.prev {
	left: 0;
}
.commonPager02 .pos > div.next {
	right: 0;
}
.commonPager02 .pos > div.next a:after {
	right: 23px;
	border-left: #1c1f86 solid 10px;
	border-right: none;
}

@media only screen and (max-width:767px) {
	.commonPager02 {
		margin: 40px auto 0;
	}
	.commonPager02 .pos {
		padding-top: 60px;
	}
	.commonPager02 .pos > div {
		max-width: 46.34%;
	}
	.commonPager02 a {
		padding-right: 35px;
		font-size: 13px;
	}
	.commonPager02 a:before {
		width: 33px;
	}
	.commonPager02 a:after {
		right: 14px;
		margin-top: -5px;
		border-right: #1c1f86 solid 8px;
		border-top: transparent solid 5px;
		border-bottom: transparent solid 5px;
	}
	.commonPager02 a span {
		padding: 9px 0 8px;
	}

	.commonPager02 .pos > div.index {
		max-width: 100%;
	}

	.commonPager02 .pos > div.prev {
		left: 0;
	}
	.commonPager02 .pos > div.next {
		right: 0;
	}
	.commonPager02 .pos > div.next a:after {
		right: 13px;
		border-left: #1c1f86 solid 8px;
		border-right: none;
	}
}




/* commonBtn01
----------------------------------*/
.commonBtn01 a,
.commonBtn01 > span {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: block;
	max-width: 400px;
	margin: 0 auto;
	padding-right: 60px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.commonBtn01 a span,
.commonBtn01 > span span {
	display: block;
	padding: 15px 0 14px;
	background-color: #fff;
}
.commonBtn01 a span.al,
.commonBtn01 > span span.al {
	padding-left: 15px;
}
.commonBtn01 a:before,
.commonBtn01 > span:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 56px;
	height: 100%;
	background-color: #fff;
}
.commonBtn01 a:after,
.commonBtn01 > span:after {
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	content: '';
	margin-top: -6px;
	border-left: #000 solid 9px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}


@media only screen and (max-width:767px) {
	.commonBtn01 {
		margin-top: 25px;
	}
	.commonBtn01 a,
	.commonBtn01 > span {
		padding-right: 35px;
		font-size: 13px;
	}
	.commonBtn01 a span,
	.commonBtn01 > span span {
		padding: 8px 0;
		background-color: #fff;
	}
	.commonBtn01 a span.al,
	.commonBtn01 > span span.al {
		padding-left: 10px;
	}
	.commonBtn01 a:before,
	.commonBtn01 > span:before {
		width: 32px;
	}
	.commonBtn01 a:after,
	.commonBtn01 > span:after {
		right: 13px;
		margin-top: -4px;
		border-left: #000 solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
}

/* each width */
.commonBtn01 a.w420 {
	max-width: 420px;
}
.commonBtn01 a.w360 {
	max-width: 360px;
}
.commonBtn01 a.w320 {
	max-width: 320px;
}
.commonBtn01 a.w300 {
	max-width: 300px;
}
.commonBtn01 a.w190 {
	max-width: 190px;
}
.commonBtn01 a.w160 {
	max-width: 160px;
}
@media only screen and (max-width:767px) {
	.commonBtn01 a.w420,
	.commonBtn01 a.w360,
	.commonBtn01 a.w320,
	.commonBtn01 a.w300,
	.commonBtn01 a.w190,
	.commonBtn01 a.w160 {
		max-width: 90%;
	}
}

/* each position */
.commonBtn01 a.posL {
	margin-left: 0;
}
.commonBtn01 a.posR {
	margin-right: 0;
}

/* slim */
.commonBtn01 a.slim {
	padding-right: 45px;
	font-size: 16px;
}
.commonBtn01 a.slim span {
	padding-top: 8px;
	padding-bottom: 8px;
}
.commonBtn01 a.slim:before {
	width: 40px;
}
.commonBtn01 a.slim:after {
	right: 15px;
	margin-top: -4px;
	border-left-width: 6px;
	border-top-width: 4px;
	border-bottom-width: 4px;
}
@media only screen and (max-width:767px) {
	.commonBtn01 a.slim {
		max-width: 80%;
		padding-right: 30px;
		font-size: 12px;
	}
	.commonBtn01 a.slim span {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.commonBtn01 a.slim:before {
		width: 27px;
	}
	.commonBtn01 a.slim:after {
		right: 10px;
	}
}

/* moreSlim */
.commonBtn01 a.moreSlim {
	padding-right: 34px;
	font-size: 14px;
}
.commonBtn01 a.moreSlim span {
	padding-top: 5px;
	padding-bottom: 5px;
}
.commonBtn01 a.moreSlim:before {
	width: 30px;
}
.commonBtn01 a.moreSlim:after {
	right: 12px;
	margin-top: -4px;
	border-left-width: 6px;
	border-top-width: 4px;
	border-bottom-width: 4px;
}
@media only screen and (max-width:767px) {
	.commonBtn01 a.moreSlim {
		max-width: 80%;
		padding-right: 30px;
		font-size: 12px;
	}
	.commonBtn01 a.moreSlim:before {
		width: 27px;
	}
	.commonBtn01 a.moreSlim:after {
		right: 10px;
	}
}

/* black */
.commonBtn01 a.black span {
	color: #fff;
	background-color: #000;
}
.commonBtn01 a.black:before {
	background-color: #000;
}
.commonBtn01 a.black:after {
	border-left-color: #fff;
}




/* commonAraOnly01
--------------------------------------------------*/
.commonAraOnly01 a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
}
.commonAraOnly01 a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #000 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}



/* common2rowBtn
--------------------------------------------------*/
.common2rowBtn a {
	position: relative;
	display: block;
	max-width: 320px;
	padding-right: 75px;
	text-decoration: none;
}
.common2rowBtn a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 70px;
	height: 100%;
	background-color: #fff;
}
.common2rowBtn a:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	content: '';
	margin-top: -6px;
	border-left: #006d08 solid 9px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
.common2rowBtn a span {
	display: block;
	padding: 12px 0 12px 20px;
	color: #006d08;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
}
.common2rowBtn a span small {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
}
@media only screen and (max-width:767px) {
	.common2rowBtn a {
		max-width: 80%;
		padding-right: 45px;
	}
	.common2rowBtn a:before {
		width: 43px;
	}
	.common2rowBtn a:after {
		right: 13px;
		margin-top: -4px;
		border-left: #006d08 solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
	.common2rowBtn a span {
		display: block;
		padding: 10px 0 10px 10px;
		font-size: 14px;
	}
	.common2rowBtn a span small {
		display: block;
		margin-bottom: 2px;
		font-size: 11px;
	}
	.common2rowBtn a:after {
		right: 18px;
	}
}

/* commonWhiteBdrBtn
--------------------------------------------------*/
.commonWhiteBdrBtn a {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border: #fff solid 1px;
	text-decoration: none;
}
.noT .commonWhiteBdrBtn a:hover {
	background-color: #000;
	border-color: #000;
}


/* commonRelationArea
--------------------------------------------------*/
.commonRelationArea {
	padding: 80px 0;
	background: #026e08;
	background: -moz-linear-gradient(left, #026e08 0%, #90b51b 100%);
	background: -webkit-linear-gradient(left, #026e08 0%,#90b51b 100%);
	background: linear-gradient(to right, #026e08 0%,#90b51b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026e08', endColorstr='#90b51b',GradientType=1 );
}
.commonRelationArea .sttl {
	margin-bottom: 80px;
}
.commonRelationArea .chara {
	position: absolute;
	bottom: 0;
	right: 40px;
	z-index: 2;
}
.commonRelationArea .btnList {
	overflow: hidden;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 3;
}
.commonRelationArea .btnList ul {
	margin: -22px 0 0 -24px;
}
.commonRelationArea .btnList li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 33.3333%;
	padding: 22px 0 0 24px;
}
.commonRelationArea .btnList li a {
	position: relative;
	display: block;
	padding-right: 75px;
	text-decoration: none;
}
.commonRelationArea .btnList li a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 70px;
	height: 100%;
	background-color: #fff;
}
.commonRelationArea .btnList li a:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	content: '';
	margin-top: -6px;
	border-left: #006d08 solid 9px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
.commonRelationArea .btnList li a span {
	display: block;
	padding: 12px 0 12px 20px;
	color: #006d08;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
}
.commonRelationArea .btnList li a span small {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
}

.commonRelationArea .btnList.tableBtnStyle li a {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
}
.commonRelationArea .btnList.tableBtnStyle li a span {
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width:1200px) {
	.commonRelationArea .chara {
		width: 330px;
		right: 10px;
	}
	.commonRelationArea .btnList li a {
		padding-right: 50px;
	}
	.commonRelationArea .btnList li a span {
		padding: 12px 0 12px 15px;
		font-size: 14px;
	}
	.commonRelationArea .btnList li a span small {
		font-size: 10px;
	}
	.commonRelationArea .btnList li a:before {
		width: 47px;
	}
	.commonRelationArea .btnList li a:after {
		right: 20px;
		margin-top: -4px;
		border-left: #006d08 solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
}
@media only screen and (max-width:767px) {
	.commonRelationArea {
		padding: 40px 0;
	}
	.commonRelationArea .btnList {
		max-width: 280px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.commonRelationArea .btnList ul {
		margin: 0;
	}
	.commonRelationArea .btnList li {
		float: none;
		width: auto;
		padding: 0;
	}
	.commonRelationArea .btnList li + li {
		margin-top: 18px;
	}
	.commonRelationArea .btnList li a {
		position: relative;
		display: block;
		padding-right: 45px;
		text-decoration: none;
	}
	.commonRelationArea .btnList li a:before {
		width: 43px;
	}
	.commonRelationArea .btnList li a:after {
		right: 13px;
		margin-top: -4px;
		border-left: #006d08 solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
	.commonRelationArea .btnList li a span {
		display: block;
		padding: 12px 0 12px 10px;
		font-size: 14px;
	}
	.commonRelationArea .btnList li a span small {
		display: block;
		margin-bottom: 3px;
		font-size: 11px;
	}
	.commonRelationArea .btnList li a:after {
		right: 18px;
	}
	.commonRelationArea .chara {
		display: none;
	}
}





/* commonPageHeadImage
--------------------------------------------------*/
.commonPageHeadImage {}

.commonPageHeadImage {
	background-color: #00b3b3;
}
.commonPageHeadImage .commonBigTitle {
	margin-bottom: 0;
}
.commonPageHeadImage .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 80px;
}
.commonPageHeadImage .texts .textInner {
	max-width: 525px;
	margin-left: auto;
}
.commonPageHeadImage .texts .inTb {
	display: table;
	width: 100%;
	height: 460px;
}
.commonPageHeadImage .texts .inCell {
	display: table-cell;
	vertical-align: middle;
}
.commonPageHeadImage .commonBigTitle .type02 {
	font-size: 28px;
}
.commonPageHeadImage .image {
	overflow: hidden;
	position: relative;
	float: right;
	width: 50%;
	height: 460px;
	background-repeat: no-repeat;
	background-position: center center;
	backfont-size: 28px;
}
.commonPageHeadImage .image.image02 {
	background-position: top center;
}
.commonPageHeadImage.containBG .image {
	background-size: contain;
	background-color: #424242;
}
.commonPageHeadImage .image img {
	opacity: 0;
}
@media only screen and (max-width:767px) {
	.commonPageHeadImage .texts {
		float: none;
		width: auto;
		padding: 30px 25px;
	}
	.commonPageHeadImage .texts .textInner {
		max-width: 525px;
		margin: 0 auto;
	}
	.commonPageHeadImage .texts .inTb {
		display: table;
		width: 100%;
		height: auto;
	}
	.commonPageHeadImage .texts .inCell {
		display: table-cell;
		vertical-align: middle;
	}
	.commonPageHeadImage .commonBigTitle .type02 {
		font-size: 18px;
	}
	.commonPageHeadImage .image {
		float: none;
		width: auto;
		height: auto;
	}
	.commonPageHeadImage .image img {
		opacity: 1;
	}
}


.commonPageHeadImage.aqua {
	background-color: #27a2db;
}
.commonPageHeadImage.blue {
	background-color: #1c1f86;
}
.commonPageHeadImage.orange {
	background-color: #ff5a00;
}





/* commonTableStyle01
--------------------------------------------------*/
.commonTableStyle01 {
	overflow: auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.commonTableStyle01 table {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	border-left: #fff solid 5px;
	border-right: #fff solid 5px;
}
.commonTableStyle01 th,
.commonTableStyle01 td {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 33.3333%;
	text-align: center;
	vertical-align: middle;
}
.commonTableStyle01.col6 th,
.commonTableStyle01.col6 td {
	width: 16.66666%;
}
.commonTableStyle01.col7 th,
.commonTableStyle01.col7 td {
	width: 14.2857%;
}
.commonTableStyle01 th:last-child,
.commonTableStyle01 td:last-child {
	border-right: none;
}
.commonTableStyle01 th {
	padding: 10px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;
	border-right: #000 solid 3px;
	border-top: #fff solid 5px;
}
.commonTableStyle01 td {
	padding: 15px;
	color: #fff;
	font-weight: bold;
	border-right: #fff solid 5px;
	border-bottom: #fff solid 5px;
}
.commonTableStyle01 td table {
	border-right: none;
	border-left: none;
}
.commonTableStyle01 td th,
.commonTableStyle01 td td {
	border-bottom: none;
	border-left: none;
}
@media only screen and (max-width:767px) {
	.commonTableStyle01 .spScW550 {
		width: 550px;
	}
	.commonTableStyle01 table {
		border-width: 2px;
	}
	.commonTableStyle01 th {
		padding: 10px 8px;
		font-size: 11px;
		border-right-width: 2px;
	}
	.commonTableStyle01 td {
		padding: 10px 8px;
		border-width: 2px;
		font-size: 11px;
	}
}



/* commonTableStyle02
--------------------------------------------------*/
.commonTableStyle02 table {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	border: #fff solid 5px;
}
.commonTableStyle02 th,
.commonTableStyle02 td {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 27%;
	text-align: center;
	vertical-align: middle;
}
.commonTableStyle02 td:last-child {
	border-right: none;
}
.commonTableStyle02 tr:last-child td,
.commonTableStyle02 tr:last-child th {
	border-bottom: none;
}
.commonTableStyle02 th {
	width: 19%;
	padding: 10px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;
	border-bottom: #000 solid 3px;
}
.commonTableStyle02 td {
	padding: 15px;
	color: #fff;
	font-weight: bold;
	border-right: #fff solid 5px;
	border-bottom: #fff solid 5px;
}
@media only screen and (max-width:767px) {
	.commonTableStyle02 table {
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
	}
	.commonTableStyle02 th,
	.commonTableStyle02 td {
		width: 25%;
	}
	.commonTableStyle02 th {
		padding: 10px 8px;
		font-size: 11px;
		border-right-width: 2px;
	}
	.commonTableStyle02 td {
		padding: 10px 8px;
		border-width: 2px;
		font-size: 11px;
	}
}


/* commonTiupArea
--------------------------------------------------*/
.commonTiupArea {}

.commonTiupArea .commonBg {
	padding-left: 0;
	padding-right: 0;
	background: url(../../images/common/tiup_bg.png) no-repeat center center;
	background-size: cover;
}
.commonTiupArea .commonBigTitle {
	margin-bottom: 40px;
}
.commonTiupArea .inLead {
	margin: 0 30px 50px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}
.commonTiupArea .inLead span {
	display: inline-block;
}
.commonTiupArea .tieupSlide {
	position: relative;
	margin-bottom: 35px;
}
.commonTiupArea .tieupSlide * {
	outline: none;
}
.commonTiupArea .tieupSlide .slick-list {
	max-width: 1064px;
	margin: 0 auto;
}
.commonTiupArea .tieupSlide li > * {
	padding: 0 27px;
}
.commonTiupArea .tieupSlide li * {
	color: #fff;
}
/* slick-arrow */
.commonTiupArea .tieupSlide .slick-arrow {
	position: absolute;
	top: 50%;
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	margin-top: -30px;
	padding: 0;
	background-color: #000;
	background-position: center center;
	cursor: pointer;
	outline: none;
	appearance: none;
	text-indent: -9999px;
	z-index: 2;
}
.commonTiupArea .tieupSlide .slick-prev {
	left: 0;
	background-image: url(../../images/top_pc/arw01.png);
}
.commonTiupArea .tieupSlide .slick-next {
	right: 0;
	background-image: url(../../images/top_pc/arw02.png);
}
@media only screen and (max-width:767px) {
	.commonTiupArea {
		background: url(../../images/top_sp/sec09_bg.png) no-repeat center center;
		background-size: cover;
	}
	.commonTiupArea .commonBigTitle {
		margin-bottom: 25px;
	}
	.commonTiupArea .inLead {
		margin-bottom: 20px;
		font-size: 13px;
		line-height: 1.6;
	}
	.commonTiupArea .tieupSlide {
		position: relative;
		margin-bottom: 35px;
	}
	.commonTiupArea .tieupSlide * {
		outline: none;
	}
	.commonTiupArea .tieupSlide .slick-list {
		max-width: 1064px;
		margin: 0 auto;
	}
	.commonTiupArea .tieupSlide li > * {
		padding: 0 20px;
	}
	.commonTiupArea .commonBtn01 a {
		max-width: 230px;
	}
}



/* commonExperienceArea
--------------------------------------------------*/
.commonExperienceArea {
	padding: 80px 10px;
	background: url(../../images/top_pc/sec07_bg.png) no-repeat center center;
	background-size: cover;
}
.commonExperienceArea * {
	font-weight: bold;
	color: #fff;
}
.commonExperienceArea .sttl {
	margin-bottom: 105px;
}
.commonExperienceArea .movies {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
}
.commonExperienceArea .movies ul {
	margin-left: -40px;
}
.commonExperienceArea .movies li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding-left: 40px;
}
.commonExperienceArea .movies li > div {
	border: #fff solid 10px;
	background-color: #000;
}
.commonExperienceArea .movies li p {
	margin-top: 15px;
	font-size: 20px;
	font-weight: bold;
}
.commonExperienceArea .commonBtn01 a span {
	color: #000;
}
.commonExperienceArea .commonBtn01 a:after {
	border-left-color: #000;
}


.commonExperienceArea .movies .oneBox {
	margin-left: 0;
}
.commonExperienceArea .movies .oneBox li {
	max-width: 460px;
	float: none;
	margin: 0 auto;
	padding-left: 0;
}

@media only screen and (max-width:767px) {
	.commonExperienceArea {
		padding: 40px 20px;
	}
	.commonExperienceArea .commonBigTitle {
		max-width: 320px;
	}
	.commonExperienceArea .commonBigTitle:before,
	.commonExperienceArea .commonBigTitle:after {
		max-width: 100%;
		background-image: url(../../images/common/_sp/border02.png);
	}
	.commonExperienceArea .movies {
		max-width: 325px;
		margin: 0 auto;
	}
	.commonExperienceArea .movies li {
		float: none;
		width: auto;
	}
	.commonExperienceArea .movies li + li {
		margin-top: 20px;
	}
	.commonExperienceArea .movies li > div {
		border-width: 7px;
	}
	.commonExperienceArea .movies li p {
		margin-top: 8px;
		font-size: 14px;
		font-weight: bold;
	}
}







/* commonSpSc
--------------------------------------------------*/
@media only screen and (max-width:767px) {
	.commonSpSc {
		margin-right: -35px;
	}
	.commonSpSc .innerWrap {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.commonSpSc .innerWidth {
		width: 560px;
		margin: 0 auto;
	}
	.commonSpSc .innerWidth img {
		width: 100%;
	}
	/*スクロールバー全体*/
	.commonSpSc ::-webkit-scrollbar {
		width: 10px;
	}
	/*スクロールバーの軌道*/
	.commonSpSc ::-webkit-scrollbar-track {
		border-radius: 10px;
		/*box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);*/
	}
	/*スクロールバーの動く部分*/
	.commonSpSc ::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 50, .5);
		border-radius: 10px;
		/*box-shadow:0 0 0 1px rgba(255, 255, 255, .3);*/
	}
}

/*---20181105 今村追加ここから---*/
#footer .ftrEnd .ftrLogo a {
	background: url(../../../ftr_logo01.png) no-repeat center center;
    background-size: contain;
}
/*---20181105 今村追加ここまで---*/



/*---20240924---*/
.commonBreadcrumb * {
	color: #777777;
	font-size: 14px;
}
@media only screen and (max-width:767px) {
	.commonBreadcrumb {
		display: block;
		padding: 8px 15px;
	}
}
/*---/20240924---*/