@charset "utf-8";

body{
	word-break : break-all;
}
/** header **/
@media screen and (min-width: 768px){
	/* St-CS-PP-3 */
	#header #header__logo img.jwest {
		width: 121px;
		height: 40px;
	}
	/* St-CS-PP-4 */
	#header #header__logo img.iy {
		width: 112px;
		height: 21px;
	}
	/* St-CS-PP-5 */
	#header #header__logo img.op {
		width: 199px;
		height: 17px;
	}
	#header.min {
		height:auto;
	}
	.contents__inner p.blueTxt {
		font-size: 28px;
		color: #008dec;
	}
	.contents__inner p.blueTxt .small {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px){
	/* St-CS-PP-3 */
	#header #header__logo img.jwest {
		width: 60px;
		height: auto;
	}
	/* St-CS-PP-4 */
	#header #header__logo img.iy {
		width: 80px;
		height: auto;
	}
	/* St-CS-PP-5 */
	#header #header__logo img.op {
		width: 130px;
		height: auto;
	}
	#header.min {
		min-height:44px;
		background-color: #fff;
	}
	#header.min #header__logo ,
	#header.noMenu #header__logo {
		background-color: #fff;
		background-image: url(/common_new/images/common/opacity_black.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	.contents__inner p.blueTxt {
		font-size: 18px;
		color: #008dec;
	}
	.contents__inner p.blueTxt .small {
		font-size: 15px;
	}
}
/* St-CS-PP-2 */
#contents.nonHeader{
	border-top:4px solid #008eed;
	height:auto;
	min-height:auto;
}
/* St-PR-GO St-PR-PR St-PR-TC*/
.mainContents .ttlArea.premium{
	background-image: url(/common_new/images/service/premium/gradation-gold.png);
	padding-top: 8px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 8px;
}
/* St-PR-PL*/
.mainContents .ttlArea.platinum{
	background-image: url(/common_new/images/service/premium/gradation-platinum.png);
	padding-top: 8px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 8px;
}


/* speakAnchor */
.speakAnchor,
#navSpeak {
	position:absolute;
	top:0;
	left:-9999em;
}

/* .mainContents */
.mainContents > div:last-child {
	margin-bottom:5em;
}
#contents__release__detail .mainContents > div:last-child ,
.mainContents > div.typePL-corporate ,
.mainContents div.form {
	margin-bottom:0;
}
#contents .mainContents div.form section{
	padding-bottom:2em;
}
.mainContents > #contents__card__personal__detail__basicInfo:last-child {
	margin-bottom:-1px;
}
.carddetail #contents__card__personal__detail__links {
	margin-bottom:0;
}
/* a */
.mainContents a {
	color: #008dec;
}
.mainContents a:hover {
	text-decoration: underline;
}
.mainContents #contents__card__personal__detail__basicService a:hover,
.mainContents .module__cardUtilitiesSet a:hover ,
.mainContents .module__currentCheckSet a:hover ,
.mainContents .module__utilities__2elm a:hover,
.mainContents .module__utilities__3elm a:hover,
.mainContents .module__utilities__4elm a:hover,
.mainContents .module__utilities__5elm a:hover,
.mainContents .module__utilities__6elm a:hover{
	text-decoration: none;
}
.mainContents a.hover:hover img {
	opacity: .5;
}

/* img */
.mainContents img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	width /***/: auto;
}
.mainContents img.actual {
	width:auto!important;
	height:auto!important;
}

.mainContents img.el {
    max-width: 129px;
    max-height: 81px;
    width: 100%;
    margin: 0 auto;
    padding: 5px 13px 6px 13px;
}

@media screen and (max-width: 767px) {
.el_img_space {
    padding: 3% 8%;
}
.mainContents img.el {
    padding: 0;
}
}

@media screen and (max-width: 305px) {
.mainContents img.el {
    max-width: 100%;
}
}

.mainContents p{
	margin-top:1em;
}
/* title module */
.mainContents .ttlType1 {
	font-size: 40px;
	font-weight: normal;
}
.mainContents .row + .ttlType1 {
	margin-top:3em;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType1 {
		font-size: 20px;
	}
}
.mainContents .ttlType2 {
	font-size: 32px;
	margin: 0 0 1em;
	padding-top: 88px;
	font-weight: normal;
	line-height:1.3;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType2 {
		font-size: 19px;
		padding-top: 44px;
	}
}
.mainContents .ttlType3 {
	font-size: 28px;
	padding: 2em 0 0;
	margin: 0 0 0.5em;
	font-weight: normal;
	color: #727272;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType3 {
		font-size: 18px;
	}
}
.mainContents .ttlType4 {
	font-size: 22px;
	margin: 1em 0 0;
	font-weight: normal;
}
.mainContents table.type01 + .ttlType4 {
	margin: 4em 0 0;
}
.carddetail .mainContents #contents__card__personal__detail__service table.type01 + h4.ttlType4 {
	margin-top:3em;
}
.mainContents .row-2-1-1 + .ttlType4 {
	margin: 3em 0 0!important;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType4 {
		font-size: 16px;
	}
	.mainContents table.type01 + .ttlType4 {
		margin: 2em 0 0;
	}
}
.mainContents .ttlType5 {
	font-size: 20px;
	margin: 1em 0 0;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType5 {
		font-size: 15px;
	}
}
.mainContents .ttlType6 {
	font-size: 16px;
	margin: 1em 0 0;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlType6 {
		font-size: 13px;
	}
}
/* text module */
.mainContents .colorType1 {
	color: #008dec;
}
.mainContents .colorType2 {
	color: #f5493f;
}
.mainContents .colorType3 {
	color: #737373;
}
.mainContents .txtType1 {
	font-size: 28px;
}
.mainContents .ttlArea + section .txtType1,
.mainContents .ttlArea + section .txtType2,
.mainContents .ttlArea + section .txtType3 {
	margin-top:4em;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlArea + section .txtType1,
	.mainContents .ttlArea + section .txtType2,
	.mainContents .ttlArea + section .txtType3 {
		margin-top:2em;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .txtType1 {
		font-size: 18px;
	}
}
.mainContents .txtType2 {
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.mainContents .txtType2 {
		font-size: 16px;
	}
}
.mainContents .txtType3 {
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.mainContents .txtType3 {
		font-size: 15px;
	}
}
.mainContents .txtType4 {
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.mainContents .txtType4 {
		font-size: 11px;
	}
}
/* list module */
.mainContents ul {
	padding-left: 0;
	list-style-type: none;
}
.mainContents .contents__card__personal__detail__toggleContent .module__utilities__4elm ul{
	padding: 0 12px;
}
.mainContents .module__cardUtilitiesSet .module__utilities__4elm ul {
	padding: 0 12px;
}
.mainContents #contents__card__personal__detail__quicpay ul {
	list-style-type: disc;
}
.mainContents #contents__card__personal__detail__quicpay ul.caution > li,
.mainContents #contents__card__personal__detail__quicpay ul.cautionA > li{
	list-style-type: none;
}
.mainContents ul.disc {
	padding-left: 0;
	list-style-type: disc;
}
.mainContents ul.disc > li {
	margin: 0 0 0 2em;
	text-indent: 0;
	list-style-type: disc;
}
.mainContents ul.disc ul,
.mainContents ul.disc ol {
	margin: 0;
}
.mainContents ol.decimal {
	padding-left: 0;
	list-style-type: decimal;
}
.mainContents ol.decimal > li {
	margin: 0 0 0 2em;
	text-indent: 0;
}
.mainContents ol.decimal > li:nth-child(n+10) {
	margin-left: 2.5em;
	text-indent: 0;
}
.mainContents ol.decimal ul,
.mainContents ol.decimal ol{
	margin: 0;
}
.mainContents ul.caution,
.mainContents ul.cautionA {
	padding-left: 0;
	list-style-type: none;
}
.mainContents ul.caution > li ,
.mainContents ul.cautionA > li {
	margin-left: 1.2em;
	text-indent: -1em;
	font-size: 11px;
}
.mainContents ul.caution > li:before ,
.mainContents ul.cautionA > li:before {
	content: "\0203B";
}
.mainContents ul.caution ul,
.mainContents ul.caution ol,
.mainContents ul.cautionA ul,
.mainContents ul.cautionA ol {
	margin: 0;
}
.mainContents ul.cautionA li{
/*	color: #f5493f;*/
}
.mainContents ul.normal li a{
	line-height: 2;
}
.mainContents ul.normal li > ul{
	margin-left: 1.5em;
}

/* link module */
.mainContents a.internal:visited,
.mainContents a.external:visited,
.mainContents a.anchorLink:visited,
.mainContents a.file:visited {
	color:#3545bf;
}
.mainContents .submitBtn a.internal:visited,
.mainContents .submitBtn a.external:visited,
.mainContents .submitBtn a.file:visited {
	color:inherit;
}

.mainContents a.internal::after,
.mainContents a.external::after,
.mainContents a.file::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 7px;
	height: 12px;
	background: url(/common_new/images/common/icon_arrow-blue.png) no-repeat 50% 50%;
	-webkit-background-size: 7px 12px;
	background-size: 7px 12px;
}
.mainContents a.external::after {
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_blank10-blue.png);
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}

.corporate .mainContents #contents__corporate__service__myjcb .module--button--blue.external,
.corporate .mainContents #contents__corporate__service__eco .module--button--blue.external {
	display:inline-block;
	padding: 2px 10px 2px 10px;
	color: #fff !important;
	background-color: #008eed !important;
	width:auto;
}

.corporate .mainContents #contents__corporate__service__myjcb .module--button--blue.external::after,
.corporate .mainContents #contents__corporate__service__eco .module--button--blue.external::after {
	content: " ";
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_blank-white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 10px 10px;
}
.mainContents a.anchorLink::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 12px;
	height: 7px;
	background: url(/common_new/images/common/icon_anchor-blue.png) no-repeat 50% 50%;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
}
.mainContents a.file::after {
	width: 15px;
	height: 15px;
	background-image: url(/common_new/images/common/icon_file-blue.png);
	-webkit-background-size: 10px 10px;
	background-size: 15px 15px;
}
.mainContents a.linkType1 {
	display: block;
	margin-top: 40px;
	padding: 19px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	font-size:16px;
}
.mainContents a.linkType1:after {
	width: 7px;
	height: 16px;
	background-size: 7px 12px;
	display: inline-block;
	margin-left: 6px;
	content: '';
	vertical-align: middle;
	background-image: url(/common_new/images/common/icon_arrow-blue.png);
	background-repeat: no-repeat;
	background-position: right top;
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.mainContents a.linkType1 {
	    font-size: 15.29412px;
	}
}
@media screen and (max-width: 767px) {
	.mainContents a.linkType1 {
		font-size:13.79412px;
	}
}
@media screen and (max-width: 479px){
	.mainContents a.linkType1 {
		font-size: 13px;
	}
}
.mainContents .anchorLinkType1 {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: center;
}
.mainContents .anchorLinkType1 li {
	float: left;
	margin-right: 20px;
}
.mainContents .anchorLinkType1 li a {
	line-height: 2;
}
.mainContents .anchorLinkType1 li a::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 12px;
	height: 7px;
	background: url(/common_new/images/common/icon_anchor-blue.png) no-repeat 50% 50%;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
}
.carddetail .mainContents #contents__card__personal__detail__intro__recommend .anchorLinkType1 {
	margin-top: 1em;
}
.carddetail .mainContents #contents__card__personal__detail__intro__recommend .anchorLinkType1 li {
	margin-left: 0;
}
.carddetail .mainContents #contents__card__personal__detail__intro__recommend .anchorLinkType1 li:before {
	background: none;
}
@media screen and (max-width: 767px) {
	.mainContents .anchorLinkType1 li{
		float:none;
		text-align:left;
	}
}

/* .social */
.mainContents .social {
	list-style-type: none;
	padding: 0;
}
.mainContents .social li {
	float: left;
	margin: 0 15px 5px 0;
}

/* .clearfix */
.mainContents .social:before,
.mainContents .social:after {
	content: " ";
	display: table;
}
.mainContents .social:after {
	clear: both;
}
.mainContents .social {
	*zoom: 1;
}
/* column module */
.mainContents .container {
	margin: 0 -12px;
	padding: 0 12px;
}
.mainContents .swapArea{
	display:none;
}
@media screen and (max-width: 767px) {
	.mainContents .container {
		margin: 0 -6px;
		padding: 0 6px;
	}
}
.mainContents .row {
	margin: 2em -12px 0;
}
.mainContents .row + .row {
	margin: 2em -12px 0;
}
.mainContents .row .row {
	margin: 1em -12px 0;
}
.mainContents .btnBlock + .row {
	margin-top: 1em;
}
@media screen and (max-width: 767px) {
	.mainContents .row {
		margin: 0 -6px 0;
	}
	.mainContents .row + .row {
		margin: 0 -6px 0;
	}
	.mainContents .row .row {
		margin: 0 -6px 0;
	}
}
.mainContents .col12,.mainContents .colSP12,
.mainContents .col11,.mainContents .colSP11,
.mainContents .col10,.mainContents .colSP10,
.mainContents .col9,.mainContents .colSP9,
.mainContents .col8,.mainContents .colSP8,
.mainContents .col7,.mainContents .colSP7,
.mainContents .col6,.mainContents .colSP6,
.mainContents .col5,.mainContents .colSP5,
.mainContents .col4,.mainContents .colSP4,
.mainContents .col3,.mainContents .colSP3,
.mainContents .col2,.mainContents .colSP2,
.mainContents .col1,.mainContents .colSP1 {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	min-height: 1px;
	padding: 0 12px;
}
@media screen and (max-width: 767px) {
	.mainContents .col12,.mainContents .colSP12,
	.mainContents .col11,.mainContents .colSP11,
	.mainContents .col10,.mainContents .colSP10,
	.mainContents .col9,.mainContents .colSP9,
	.mainContents .col8,.mainContents .colSP8,
	.mainContents .col7,.mainContents .colSP7,
	.mainContents .col6,.mainContents .colSP6,
	.mainContents .col5,.mainContents .colSP5,
	.mainContents .col4,.mainContents .colSP4,
	.mainContents .col3,.mainContents .colSP3,
	.mainContents .col2,.mainContents .colSP2,
	.mainContents .col1,.mainContents .colSP1 {
		padding: 0 6px;
	}
}

.mainContents .col12 > *:first-child,.mainContents .colSP12 > *:first-child,
.mainContents .col11 > *:first-child,.mainContents .colSP11 > *:first-child,
.mainContents .col10 > *:first-child,.mainContents .colSP10 > *:first-child,
.mainContents .col9 > *:first-child,.mainContents .colSP9 > *:first-child,
.mainContents .col8 > *:first-child,.mainContents .colSP8 > *:first-child,
.mainContents .col7 > *:first-child,.mainContents .colSP7 > *:first-child,
.mainContents .col6 > *:first-child,.mainContents .colSP6 > *:first-child,
.mainContents .col5 > *:first-child,.mainContents .colSP5 > *:first-child,
.mainContents .col4 > *:first-child,.mainContents .colSP4 > *:first-child,
.mainContents .col3 > *:first-child,.mainContents .colSP3 > *:first-child,
.mainContents .col2 > *:first-child,.mainContents .colSP2 > *:first-child,
.mainContents .col1 > *:first-child,.mainContents .colSP1 > *:first-child {
	margin-top: 0;
	margin-bottom: 0;
}
.mainContents .col12 {
	width: 100%;
}
.mainContents .col11 {
	width: 91.66666667%;
}
.mainContents .col10 {
	width: 83.33333333%;
}
.mainContents .col9 {
	width: 75%;
}
.mainContents .col8 {
	width: 66.66666667%;
}
.mainContents .col7 {
	width: 58.33333333%;
}
.mainContents .col6 {
	width: 50%;
}
.mainContents .col5 {
	width: 41.66666667%;
}
.mainContents .col4 {
	width: 33.33333333%;
}
.mainContents .col3 {
	width: 25%;
}
.mainContents .col2 {
	width: 16.66666667%;
}
.mainContents .col1 {
	width: 8.33333333%;
}
.mainContents .pull12 {
	right: 100%;
}
.mainContents .pull11 {
	right: 91.66666667%;
}
.mainContents .pull10 {
	right: 83.33333333%;
}
.mainContents .pull9 {
	right: 75%;
}
.mainContents .pull8 {
	right: 66.66666667%;
}
.mainContents .pull7 {
	right: 58.33333333%;
}
.mainContents .pull6 {
	right: 50%;
}
.mainContents .pull5 {
	right: 41.66666667%;
}
.mainContents .pull4 {
	right: 33.33333333%;
}
.mainContents .pull3 {
	right: 25%;
}
.mainContents .pull2 {
	right: 16.66666667%;
}
.mainContents .pull1 {
	right: 8.33333333%;
}
.mainContents .push12 {
	left: 100%;
}
.mainContents .push11 {
	left: 91.66666667%;
}
.mainContents .push10 {
	left: 83.33333333%;
}
.mainContents .push9 {
	left: 75%;
}
.mainContents .push8 {
	left: 66.66666667%;
}
.mainContents .push7 {
	left: 58.33333333%;
}
.mainContents .push6 {
	left: 50%;
}
.mainContents .push5 {
	left: 41.66666667%;
}
.mainContents .push4 {
	left: 33.33333333%;
}
.mainContents .push3 {
	left: 25%;
}
.mainContents .push2 {
	left: 16.66666667%;
}
.mainContents .push1 {
	left: 8.33333333%;
}
@media screen and (max-width: 767px) {
	.mainContents .colSP12 {
		width: 100%;
	}
	.mainContents .colSP11 {
		width: 91.66666667%;
	}
	.mainContents .colSP10 {
		width: 83.33333333%;
	}
	.mainContents .colSP9 {
		width: 75%;
	}
	.mainContents .colSP8 {
		width: 66.66666667%;
	}
	.mainContents .colSP7 {
		width: 58.33333333%;
	}
	.mainContents .colSP6 {
		width: 50%;
	}
	.mainContents .colSP5 {
		width: 41.66666667%;
	}
	.mainContents .colSP4 {
		width: 33.33333333%;
	}
	.mainContents .colSP3 {
		width: 25%;
	}
	.mainContents .colSP2 {
		width: 16.66666667%;
	}
	.mainContents .colSP1 {
		width: 8.33333333%;
	}
	.mainContents .colSP12 + .colSP12 {
		margin-top: 1em;
	}
	.mainContents .pull12,
	.mainContents .pull11,
	.mainContents .pull10,
	.mainContents .pull9,
	.mainContents .pull8,
	.mainContents .pull7,
	.mainContents .pull6,
	.mainContents .pull5,
	.mainContents .pull4,
	.mainContents .pull3,
	.mainContents .pull2,
	.mainContents .pull1 {
		right: auto;
	}
	.mainContents .push12,
	.mainContents .push11,
	.mainContents .push10,
	.mainContents .push9,
	.mainContents .push8,
	.mainContents .push7,
	.mainContents .push6,
	.mainContents .push5,
	.mainContents .push4,
	.mainContents .push3,
	.mainContents .push2,
	.mainContents .push1 {
		left: auto;
	}
}

.mainContents .col12 > .colIn,
.mainContents .col11 > .colIn,
.mainContents .col10 > .colIn,
.mainContents .col9 > .colIn,
.mainContents .col8 > .colIn,
.mainContents .col7 > .colIn,
.mainContents .col6 > .colIn,
.mainContents .col5 > .colIn,
.mainContents .col4 > .colIn,
.mainContents .col3 > .colIn,
.mainContents .col2 > .colIn,
.mainContents .col1 > .colIn {

}

@media screen and (max-width: 767px) {
	.mainContents .col12.spLine,
	.mainContents .col11.spLine,
	.mainContents .col10.spLine,
	.mainContents .col9.spLine,
	.mainContents .col8.spLine,
	.mainContents .col7.spLine,
	.mainContents .col6.spLine,
	.mainContents .col5.spLine,
	.mainContents .col4.spLine,
	.mainContents .col3.spLine,
	.mainContents .col2.spLine,
	.mainContents .col1.spLine {
		width: auto;
		float: none
	}
	.mainContents .spLine {
		margin-top: 2em;
	}
	.mainContents .row > .spLine:first-child {
		margin-top: 0;
	}
	.mainContents .row + .row > .spLine:first-child {
		margin-top: 2em;
	}
	.mainContents .borderBox.type2 + .container .row > .spLine:first-child {
		margin-top: 2em;
	}
	.mainContents .ttlArea + section .row > .spLine:first-child{
		margin-top: 2em;
	}
}
/* .clearfix */
.mainContents .row:before,
.mainContents .row:after,
.mainContents .cf:before,
.mainContents .cf:after {
	content: " ";
	display: table;
}
.mainContents .row:after,
.mainContents .cf:after {
	clear: both;
}
.mainContents .row,
.mainContents .cf {
	*zoom: 1;
}
/* important */
.mainContents .txtAL {
	text-align: left !important;
}
.mainContents .txtAC {
	text-align: center !important;
}
.mainContents .txtAR {
	text-align: right !important;
}
.mainContents .vaT {
	vertical-align: top !important;
}
.mainContents .vaM {
	vertical-align: middle !important;
}
.mainContents .vaB {
	vertical-align: bottom; !important;
}
.mainContents .fwB {
	font-weight: bold !important;
}
.mainContents .fwN {
	font-weight: normal !important;
}
.mainContents .mt20 {
	margin-top:20px;
}
.mainContents .mt30 {
	margin-top:30px;
}
.mainContents .mt40 {
	margin-top:40px;
}
.mainContents .mt50 {
	margin-top:50px;
}
.mainContents .mtL {
	margin-top:88px!important;
}
.mainContents .pb30 {
	padding-bottom:30px;
}

/* .pcBlock/.spBlock */
.mainContents .pcBlock {
	display:block;
}
.mainContents .spBlock {
	display:none;
}
.mainContents .pcBlock .img,
.mainContents .spBlock .img {
	text-align:center;
}
@media screen and (max-width: 767px) {
	.mainContents .pcBlock {
		display:none;
	}
	.mainContents .spBlock {
		display:block;
	}
	.mainContents .mtL {
		margin-top:44px!important;
	}
}

/* .ttlArea */
.mainContents .ttlArea{
	background-image: url(/common_new/images/common/opacity_black.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1.5em;
	background-color:#fff;;
}
.mainContents div.ttlArea:last-child{
	margin-bottom:0;
}
.mainContents .ttlArea.img {
	overflow: hidden;
	height: 576px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding-bottom: 0;
}

.mainContents .ttlArea .heroItem {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 106px;
	width: 100%;
	text-align: center;
	max-width: 816px;
	margin: 0 auto;
}
.mainContents .ttlArea .ttlType1 {
	text-align: center;
	font-size: 35.76471px;
	margin: 0 auto 1.5em;
	padding-top: 75px;
	max-width: 816px;
}
.mainContents .ttlArea.img .ttlType1 {
	color: #fff;
	margin:0 auto 17px;
	padding-top: 0;
}
.mainContents .ttlArea .txt {
	text-align: center;
	font-size: 20px;
	margin:0 auto;
	padding-top:3em;
	padding-bottom:2em;
	max-width: 816px;
}
.mainContents .ttlArea .txt + .ttlType1{
	padding-top:0;
}
.mainContents .ttlArea.img .txt {
	padding-bottom:0;
}
.mainContents .ttlArea .txt + .txt,
.mainContents .ttlArea .ttlType1 + .txt {
	padding-top:0;
}
.mainContents .ttlArea .txt + p {
	margin-top:0;
}

.mainContents .ttlArea ol.decimal,
.mainContents .ttlArea ul.normal,
.mainContents .ttlArea ul.disc,
.mainContents .ttlArea ul.caution,
.mainContents .ttlArea ul.cautionA ,
.mainContents .ttlArea p ,
.mainContents .ttlArea .anchorLinkType1 ,
.mainContents .ttlArea .attList {
	margin: 1em auto;
	padding:0 1em;
	max-width: 816px;
}
.mainContents .ttlArea table.type01,
.mainContents .ttlArea .container,
.mainContents .ttlArea .row{
	margin: 1em auto;
	max-width: 984px;
	text-align:center;
}
.mainContents .ttlArea .borderBox{
	margin: 1em auto;
	max-width: 816px;
	text-align:center;
}
.mainContents .ttlArea .submitBtn,
.mainContents .ttlArea .normalBtn,
.mainContents .ttlArea .submitBtn.green,
.mainContents .ttlArea .normalBtn.green,
.mainContents .ttlArea .submitBtn.orange,
.mainContents .ttlArea .normalBtn.orange,
.mainContents .ttlArea .submitBtn.orange02,
.mainContents .ttlArea .normalBtn.orange02,
.mainContents .ttlArea .submitBtn.white,
.mainContents .ttlArea .normalBtn.white,
.mainContents .ttlArea .submitBtn.gray,
.mainContents .ttlArea .normalBtn.gray{
	margin: 1em auto;
	max-width: 816px;
	text-align:center;
	width:300px;
}
.mainContents .ttlArea .submitBtn a,
.mainContents .ttlArea .normalBtn a,
.mainContents .ttlArea .submitBtn.green a,
.mainContents .ttlArea .normalBtn.green a,
.mainContents .ttlArea .submitBtn.orange a,
.mainContents .ttlArea .normalBtn.orange a,
.mainContents .ttlArea .submitBtn.orange02 a,
.mainContents .ttlArea .normalBtn.orange02 a,
.mainContents .ttlArea .submitBtn.white a,
.mainContents .ttlArea .normalBtn.white a,
.mainContents .ttlArea .submitBtn.gray a,
.mainContents .ttlArea .normalBtn.gray a{
	display:inline-block;
	width:auto;
}
.mainContents .ttlArea .borderBox{
	padding:5px 10px;
}
.mainContents .ttlArea .module__utilities__1elm,
.mainContents .ttlArea .module__utilities__2elm,
.mainContents .ttlArea .module__utilities__3elm,
.mainContents .ttlArea .module__utilities__4elm,
.mainContents .ttlArea .module__utilities__5elm,
.mainContents .ttlArea .module__utilities__6elm,
.mainContents .ttlArea .module__utilities__7elm {
	padding-top:0;
	padding-bottom:0;
}


@media screen and (max-width: 767px) {
	.mainContents .ttlArea.img {
		height: 320px;
	}
	.mainContents .ttlArea .heroItem {
		bottom: 38px;
	}
	.mainContents .ttlArea .ttlType1 {
		font-size: 25.29412px;
	}
	.mainContents .ttlArea.img .ttlType1 {
		color: #fff;
		line-height: 1.3em;
		margin-bottom: 10px;
		padding: 0 32px;
	}
	.mainContents .ttlArea .txt {
		font-size: 14px;
	}
	.mainContents .ttlArea .borderBox,
	.mainContents .ttlArea .submitBtn,
	.mainContents .ttlArea .normalBtn,
	.mainContents .ttlArea .submitBtn.green,
	.mainContents .ttlArea .normalBtn.green,
	.mainContents .ttlArea .submitBtn.orange,
	.mainContents .ttlArea .normalBtn.orange,
	.mainContents .ttlArea .submitBtn.orange02,
	.mainContents .ttlArea .normalBtn.orange02,
	.mainContents .ttlArea .submitBtn.white,
	.mainContents .ttlArea .normalBtn.white,
	.mainContents .ttlArea .submitBtn.gray,
	.mainContents .ttlArea .normalBtn.gray{
		width:240px;
	}
}
.mainContents .ttlArea.img .txt {
	color: #fff;
}
/* .imgArea */
.mainContents .imgArea {
	overflow: hidden;
	margin: 0 auto;
	width: 984px;
	height: 284px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
@media screen and (max-width: 1023px) {
	.mainContents .imgArea {
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .imgArea {
		height: 264px;
	}
}
/* .imgTxtArea */
.mainContents .imgTxtArea {
	margin-top: 1em;
}
@media screen and (max-width: 1023px) {
	.mainContents .imgTxtArea.scroll {
		overflow: hidden;
	}
	.mainContents .imgTxtArea.scroll .container {
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.mainContents .imgTxtArea.scroll .container .row {
		width: 1008px;
	}
}
.mainContents .imgTxtArea figure {
	margin: 0;
}
.mainContents .imgTxtArea figure .img{
	text-align: center;
}
.mainContents .imgTxtArea figure figcaption .ttl {
	text-align: center;
	font-size: 17px;
}
.mainContents .imgTxtArea figure figcaption .txt {
	color: #737373;
}
.mainContents .imgTxtArea.os figure figcaption .txt {
	min-height:40px;
}
.mainContents .imgTxtArea.os .submitBtn.orange02,
.mainContents .imgTxtArea.os .normalBtn.orange02{
	margin-top:0;
}

@media screen and (max-width: 767px) {
	.mainContents .imgTxtArea figure figcaption .ttl {
		font-size: 13px;
	}
}

/* .itemPointArea */
.mainContents .itemPointArea {
	margin-top: 1em;
}
.mainContents .itemPointArea a{
	color:#262626;
}
.mainContents .itemPointArea a:hover{
	text-decoration: underline;
}
.mainContents .itemPointArea figure {
	margin: 0;
}
.mainContents .itemPointArea figure .img{
	text-align: center;
}
.mainContents .itemPointArea figure figcaption .ttl {
	text-align: center;
	font-size: 17px;
	color: #262626;
}
@media screen and (max-width: 767px) {
	.mainContents .itemPointArea figure figcaption .ttl {
		font-size: 14px;
	}
}
.mainContents .itemPointArea figure figcaption .point {
	padding: .5em 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.mainContents .itemPointArea figure figcaption .point {
		font-size: 14px;
	}
}
.mainContents .itemPointArea figure figcaption .point span {
	font-size: 12px;
	font-weight: normal;
	color: #737373;
}
@media screen and (max-width: 767px) {
	.mainContents .itemPointArea figure figcaption .point span {
		font-size: 10px;
	}
}

/* .leftImgArea */
.mainContents .leftImgArea {
	margin-top: 1em;
}
.mainContents .leftImgArea .ttl {
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.mainContents .leftImgArea .ttl {
		font-size: 16px;
	}
}
.mainContents .leftImgArea .icon {
	display:table;
	border-collapse: separate;
	border-spacing: 3px 3px;
	padding-left: 0;
	list-style-type: none;
}
.mainContents .leftImgArea .icon li {
	display:table-cell;
	margin-right: 5px;
	padding: 2px 8px;
	border: 1px solid #333;
	border-radius: 3px;
	font-size: 11px;
	width:190px;
	text-align:center;
	min-height:40px;
	vertical-align:middle;
}

/* .imgFloat */
.mainContents .imgLeft img {
	display: inline;
	float:left;
	margin: 0 1em 1em 0;
}
.mainContents .imgRight img {
	display: inline;
	float:right;
	margin: 0 0 1em 1em;
}
.mainContents .imgFloat:before,
.mainContents .imgFloat:after {
	content: " ";
	display: table;
}
.mainContents .imgFloat:after {
	clear: both;
}
.mainContents .imgFloat {
	*zoom: 1;
}

/* .imageLink */
.mainContents .imageLink {
	position: relative;
	min-height:160px;
	color:#FFF;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.mainContents .imageLink a {
	position: absolute;
	top: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	color:#FFF;
	text-decoration: none;
}
.mainContents .imageLink:after {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	right: 52px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-size: 40px 40px;
	background-image: url(/common_new/images/module/module__imageLink--arrow.png);
}
.mainContents .imageLink h3 {
	font-size: 26px;
	font-weight: normal;
	margin:22px 0 0 0;
	text-align: center;
}
.mainContents .imageLink p {
	font-size: 20px;
	text-align: center;
	margin:2em 0 0 0;
}

.mainContents .imageLink a {
	display: block;
}
.mainContents .imageLink p {
	padding-left: 22px;
	padding-right: 22px;
	font-size: 15px;
	text-align: center;
}
.mainContents .imageLink.small:after {
	top: 20px;
	right: 20px;
	width: 28px;
	height: 28px;
	margin-top: 0;
	background-size: 28px 28px;
	background-image: url(/common_new/images/module/module__imageLink--arrow.png);
}
.mainContents .imageLink.small h3 {
	font-size: 20px;
	margin: 22px 0 0 15px;
	text-align: left;
	padding-right: 50px;
}
.mainContents .imageLink.small p {
	position: absolute;
	left:15px;
	width: auto;
	bottom:15px;
	text-align: left;
	padding-left: 0;
}
@media screen and (max-width: 767px) {
	.mainContents .imageLink:after {
		top:auto;
		bottom: 15px;
		right: 10px;
		width: 28px;
		height: 28px;
		background-size: 28px 28px;
	}
	.mainContents .colSP12 > .imageLink {
		margin-top: 0;
	}
	.mainContents .imageLink h3 {
		font-size: 17px;
	}
	.mainContents .imageLink p {
		font-size: 14px;
	}
	.mainContents .imageLink.small:after {
		top: 10px;
		right: 10px;
	}
	.mainContents .imageLink.small h3 {
		margin-top: 15px;
		font-size: 15px;
	}
	.mainContents .imageLink.small p {
		font-size: 13px;
	}
}

/* .areaWhite */
.mainContents .areaWhite{
	background-color: #FFF;
	padding: 4em 0 ;
	border-bottom:1px solid #e1e1e1;
}
.mainContents > .areaWhite:last-child{
	margin-bottom:0;
}
.carddetail .mainContents .module__cardUtilitiesSet + .areaWhite{
	border-top:1px solid #e1e1e1;
}
/* .pictBlock */
.mainContents .pictBlock {
	overflow: hidden;
	overflow-x: auto;
	margin: 1em auto 0;
	text-align: center;
	max-width: 984px;
}
.mainContents .ttlArea + section .pictBlock {
	margin-top: 4em;
}
/* .pictLink */
.pictLinkInner .pictLinkContents{
	width: 47%;
	display: inline-block;
	margin-right: 2%;
	border-bottom: solid 1px #d9d9d9;
}
.pictLinkInner .pictSolidContents{
	width: 100%;
}
.pictLinkInner .pictLinkContents:first-child{
	border-top: solid 1px #d9d9d9;
}
.pictLinkInner .pictLinkContents:nth-child(2){
	border-top: solid 1px #d9d9d9;
}
.pictLinkInner .pictSolidContents:nth-child(2){
	border-top: none;
}
.pictLinkInner .pictLinkContents a{
	width: 95%;
	height: 100%;
	display: inline-block;
	padding: 2% 3% 2% 2%;
	position: relative;
	text-decoration: none;
}
.pictLinkInner .pictLinkContents a:hover:after,
.pictLinkInner .pictLinkContents a:hover h3{
	opacity: 0.5;
}
.pictLinkInner .pictLinkInone a{
	padding: 3.0949% 3% 3.094% 2%;
}
.pictLinkInner .pictLinkContents a.pictSolidNone{
	padding: 2.762% 3% 2.762% 2%;
}
.pictLinkInner .pictLinkContents a:after{
	content: "";
    position: absolute;
    top: 40%;
    right: 1.5%;
    width: 7px;
    height: 12px;
    background: url(/common_new/images/common/icon_arrow-gray.png) no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
}
.pictLinkInner .pictSolidContents a.external:after{
	width: 10px;
	height: 10px;
	background: url(/common_new/images/common/icon_blank10-blue.png) no-repeat;
	-webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
.pictLinkContents .pictLinkImg{
	width: 8%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 2%;
}
.pictLinkContents .pictLinkText{
	width: 87%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 1%;
}
.pictLinkContents .pictLinkText h3{
	margin:0px;
	color: #262626;
	font-weight: normal;
}
.pictLinkInner:after{
	content: "";
	display: block;
	clear: both;
}
.pictflex{
	display: flex;
}
@media screen and (max-width: 767px) {
	.mainContents .ttlArea + section .pictBlock {
		margin-top: 3em;
	}
	.pictLinkInner .pictLinkContents a{
		width: 94%;
		padding: 2% 4% 2% 2%;
	}
	.pictLinkInner .pictLinkInone a{
		padding: 3.321% 3% 3.311% 2%;
	}
	.pictLinkInner .pictLinkContents a.pictSolidNone{
		padding: 3.321% 3% 3.311% 2%;
	}
	.pictLinkInner .pictLinkContents a:after{
		top: 35%;
	}
	.pictLinkInner .pictSolidContents:nth-child(2){
		border-top: solid 1px #d9d9d9;
	}
}

.mainContents .pictBlock + .pictBlock {
	margin-top: 2em;
}
.mainContents .pictBlock h3 {
	margin: 5px 0 0 0;
	font-size:17px;
}
.mainContents .pictBlock .linkElm {
	color: #008eed;
}
.mainContents .pictBlock .linkElm:after {
	width: 15px;
	height: 15px;
	background-size: 7px 12px;
	display: inline-block;
	content: '';
	vertical-align: middle;
	background-image: url(/common_new/images/common/icon_arrow-blue.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mainContents .pictBlock .linkElm:hover {
	text-decoration: underline;
}
.mainContents .pictBlock p {
	margin: 0.5em 0 0;
	font-size:15px;
	color: #737373;
}
.mainContents .pictBlock p + p {
	margin-top: 5px;
}
.mainContents .pictBlock a {
	display: block;
	text-decoration: none;
	color: inherit;
}
.mainContents .pictBlock ul{
	text-align: center;
	margin:0 auto;
	padding: 0;
}
.mainContents .pictBlock ul li{
	display: inline-block;
	width: 215px;
	padding: 0 10px;
	border-left:1px solid transparent;
	float: left;
	vertical-align: top;
	min-height:160px;
/*	margin-bottom:-500px;
	padding-bottom:500px;*/
}
.mainContents .pictBlock.column5 ul li{
	width: 164px;
}
.mainContents .pictBlock ul li + li{
	border-left:1px solid #e1e1e1;
}
/** pictType01 **/
.mainContents .pictBlock ul.pictType01{
	display: inline-block;
	width: auto;
}
@media screen and (max-width: 767px) {
	.mainContents .pictBlock ul li{
		width: 164px;
	}
	.pictLinkInner .pictLinkContents{
		width: 100%;
	}
	.pictLinkContents .pictLinkImg{
		width: 9%;
		padding-left: 1%;
	}
	.pictLinkContents .pictLinkText{
		width: 85%;
		padding-left: 3%;
	}
	.pictLinkInner .pictLinkContents:first-child{
		border-bottom: none;
	}
	.pictLinkInner .pictLinkContents:first-child:nth-last-child(1){
		border-bottom: solid 1px #d9d9d9;
	}
}
@media screen and (min-width: 1024px) {
	.mainContents .pictBlock.column6 ul.pictType01 li:nth-child(5){
		border-left: 1px solid transparent;
	}
	.mainContents .pictBlock.column6 ul.pictType01 li:nth-child(n+5){
		margin-top: 2em;
	}
}
/** pictType02 **/
.mainContents .pictBlock ul.pictType02{
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .pictBlock ul.pictType02 li{
	display: table-cell;
	max-width: 230px;
	float: none;
}
.mainContents .pictBlock.column5 ul.pictType02 li{
	width: 203px;
}
.mainContents .pictBlock ul.pictType02 p.pictBlockImg img{
	max-width:230px;
}
.mainContents .pictBlock ul.pictType02.img100pr p.pictBlockImg img{
	width:100%;
}
@media screen and (min-width: 768px) {
	.mainContents .pictBlock.column6 ul.pictType02 li:nth-child(5){
		border-left: 1px solid transparent;
	}
	.mainContents .pictBlock.column6 ul.pictType02 li:nth-child(n+5){
		margin-top: 2em;
	}
	.mainContents .pictBlock.column6 ul.pictType02 li{
		float: left;
		width: 22.8%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.mainContents .pictBlock.column6 ul.pictType02 li{
		width: 22.2%;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .pictBlock ul.pictType02{
		width: auto;
	}
	.mainContents .pictBlock ul.pictType02 li{
		display: block;
		width: 70%;
		min-height:auto;
		margin:0 auto;
	}
	.mainContents .pictBlock.column5 ul.pictType02 li{
		width: 70%;
	}
	.mainContents .pictBlock ul.pictType02 li + li{
		padding:0;
		margin-top: 15px;
		border-left:none;
	}
	.mainContents .pictBlock ul.pictType02 p.pictBlockImg{
		text-align: center;
	}
	.mainContents .pictBlock ul.pictType02 p{
		text-align: left;
	}
}
/** pictType03 **/
.mainContents .pictBlock ul.pictType03{
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .pictBlock ul.pictType03 li{
	display: table-cell;
	width: 230px;
	float: none;
}
.mainContents .pictBlock.column5 ul.pictType03 li{
	width: 203px;
}
@media screen and (min-width: 768px) {
	.mainContents .pictBlock.column6 ul.pictType03 li:nth-child(5){
		border-left: 1px solid transparent;
	}
	.mainContents .pictBlock.column6 ul.pictType03 li:nth-child(n+5){
		margin-top: 2em;
	}
	.mainContents .pictBlock.column6 ul.pictType03 li{
		float: left;
		width: 22.8%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.mainContents .pictBlock.column6 ul.pictType03 li{
		width: 22.2%;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .pictBlock ul.pictType03{
		width: 100%;
	}
	.mainContents .pictBlock ul.pictType03 li{
		display: block;
		width: auto;
		min-height:70px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0 16px;
		clear: left;
		padding: 0;
	}
	.mainContents .pictBlock.column5 ul.pictType03 li{
		width: auto;
	}
	.mainContents .pictBlock ul.pictType03 li + li{
		padding-left:0;
		margin-top: 15px;
		padding-top: 15px;
		border-left:none;
		border-top:1px solid #e1e1e1;

	}
	.mainContents .pictBlock ul.pictType03 li a{
		display: block;
		background-image: url(/common_new/images/common/icon_arrow-gray.png);
		background-repeat: no-repeat;
		background-position: right 10px;
		background-size: 6px 10px;
	}
	.mainContents .pictBlock ul.pictType03 p.pictBlockImg{
		text-align: center;
		float: left;
		margin: 0;
		margin-left: 0;
		width: 60px;
	}
	.mainContents .pictBlock ul.pictType03 p.pictBlockImg img{
		width: 100%;
		height: auto;
	}
	.mainContents .pictBlock ul.pictType03 .pictBlockTxt{
		text-align: left;
		padding-left: 70px;
	}
	.mainContents .pictBlock ul.pictType03 .pictBlockTxt h3{
		margin-bottom: 0;
		margin-top: 0;
		font-size: 14px;
	}
	.mainContents .pictBlock ul.pictType03 .pictBlockTxt p{
		margin-bottom: 0;
		font-size: 12px;
	}
	.mainContents .pictBlock ul.pictType03 li:before,
	.mainContents .pictBlock ul.pictType03 li:after,
	.mainContents .pictBlock ul.pictType03 li a:before,
	.mainContents .pictBlock ul.pictType03 li a:after {
		content: " ";
		display: table;
	}
	.mainContents .pictBlock ul.pictType03 li:after,
	.mainContents .pictBlock ul.pictType03 li a:after {
		clear: both;
	}
	.mainContents .pictBlock ul.pictType03 li ,
	.mainContents .pictBlock ul.pictType03 li a {
		*zoom: 1;
	}
}
.mainContents .pictBlock ul:before,
.mainContents .pictBlock ul:after {
	content: " ";
	display: table;
}
.mainContents .pictBlock ul:after {
	clear: both;
}
.mainContents .pictBlock ul {
	*zoom: 1;
}

/* .cardTypeBlock */
.mainContents .cardTypeBlock{
	margin-top: 1em;
}
.mainContents .cardTypeBlock .cardIcon{
	text-align: center;
}
.mainContents .cardTypeBlock .cardText h3{
	margin: 0 0 0.5em 0;
}
.mainContents .cardTypeBlock .cardText p{
	margin:0.5em 0;
}
.mainContents .cardTypeBlock .col6.colSP12{
	margin-top: 2em;
}
@media screen and (max-width: 767px) {
	.mainContents .cardTypeBlock .col6.colSP12{
		margin-bottom: 0;
	}
	.mainContents .cardTypeBlock .col6.colSP12 + .col6.colSP12{
		margin-top: 15px;
		padding-top: 15px;
		border-top:1px solid #e1e1e1;
	}
}

/* imgTitle */
.mainContents .imgTitle{
	text-align: center;
	margin-top: 2em;
}
.mainContents .imgTitle .ttlType2{
	margin-bottom: 0;
}

/* borderBox */
.mainContents .borderBox{
	border:1px solid #d9d9d9;
	background-color: #FFF;
	margin-top: 4em;
	padding: 20px 15px;
}
.mainContents .negativeLink{
	padding: 0px;
}
.mainContents .negativeLink a{
	padding: 20px 20px;
	display: block;
	position: relative;
}
.mainContents .negativeLink a:hover{
	opacity: 0.5;
	text-decoration: none;
}
.mainContents .negativeLink a:after{
	content: "";
	position: absolute;
	top: 45%;
	right: 1.5%;
    width: 7px;
    height: 12px;
    background: url(/common_new/images/common/icon_arrow-blue.png) no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
}
.mainContents .areaWhite .borderBoxWrap:first-child > .borderBox{
	margin-top: 0;
}
.mainContents .borderBoxWrap .borderBox + .borderBox{
	margin-top: -1px;
}
.mainContents .borderBox > *:first-child {
	margin-top: 0;
}
.mainContents .borderBox.type2{
	border-left: none;
	border-right: none;
	background-color: transparent;
	text-align: center;
}
.mainContents .borderBox p{
	color:#737373;
}
.mainContents .borderBox .example{
	color:#262626;
	font-size:18px;
}
.mainContents .borderBox .comment{
	color: #262626;
}
.mainContents .borderBox ul.comment li{
	color: #262626;
}
.mainContents .borderBox .title{
	font-size:17px;
}
.mainContents .borderBox .title.negative{
	color:#f5493f;
}
.mainContents .borderBox .title.positive{
	color:#008dec;
}
.mainContents .borderBox .titleL{
	color:#008dec;
	font-size:28px;
	margin:0.5em 0 0 0;
}
.mainContents .borderBox .titleL{
	color:#008dec;
	font-size:28px;
	margin:0.5em 0 0 0;
}
.mainContents .borderBox .caution{
	color:#737373;
}
@media screen and (max-width: 767px) {
	.mainContents .borderBox{
		padding: 13px 10px 13px;
	}
	.mainContents .negativeLink{
		padding: 0px;
	}
	.mainContents .negativeLink a{
		padding: 10px 15px 10px 10px;
	}
	.mainContents .borderBox .example{
		font-size:15px;
	}
	.mainContents .borderBox .title{
		font-size:14px;
	}
	.mainContents .borderBox .titleL{
		font-size:18px;
	}
}

/* .pluginBlock */
.mainContents .pluginBlock{
	margin: 4em 0;
}
.mainContents .pluginBlock:before,
.mainContents .pluginBlock:after {
	content: " ";
	display: table;
}
.mainContents .pluginBlock:after {
	clear: both;
}
.mainContents .pluginBlock {
	*zoom: 1;
}
@media screen and (max-width: 767px) {
	.mainContents .pluginBlock .icon{
		text-align: center;
	}
}

/* .infoBox */
.mainContents .infoBox{
	border:1px solid #d9d9d9;
	background-color: #FFF;
	margin-top: 1em;
	padding: 25px 15px;
	text-align: center;
}
.mainContents .infoBox.radius{
	border-radius: 6px;
}
.mainContents .infoBox > *:first-child {
	margin-top: 0;
}
.mainContents .infoBox p{
	color:#737373;
	margin: 0.5em 0 0 0;
}
.mainContents .infoBox .example{
	color:#262626;
	font-size:18px;
}
.mainContents .infoBox .title{
	color:#262626;
	font-size: 20px;
	font-weight: bold;
}
.mainContents .infoBox .telLo{
	color:#262626;
	font-size: 22px;
}
.mainContents .infoBox .telNo{
	color:#008eed;
	font-size: 36px;
	margin:10px 0 0 0;
	white-space: nowrap;
}
.mainContents .infoBox .telNo,
.mainContents .infoBox .telNo:hover,
.mainContents .infoBox .telNo a,
.mainContents .infoBox .telNo a:hover{
	text-decoration:none;
}
.mainContents .infoBox .telNo,
.mainContents .infoBox .telNo:hover{
	color:#000;
}
.mainContents .infoBox .telNo a,
.mainContents .infoBox .telNo a:hover{
	color:#008dec;
}
@media screen and (min-width: 768px) {
	.mainContents .infoBox .telNo,
	.mainContents .infoBox .telNo:hover,
	.mainContents .infoBox .telNo a,
	.mainContents .infoBox .telNo a:hover{
		cursor: text;
		pointer-events: none;
	}
	.mainContents .module__dialBlock--whiteBg a,
	.mainContents .module__dialBlock--whiteBg a:hover{
		color:#000;
		cursor: text;
		pointer-events: none;
	}
}

.mainContents .infoBox .telInfo{
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.mainContents .infoBox .example{
		font-size:15px;
	}
	.mainContents .infoBox .title{
		font-size: 14px;
	}
	.mainContents .infoBox .telLo{
		font-size: 17px;
	}
	.mainContents .infoBox .telNo{
		font-size: 24px;
	}
	.mainContents .infoBox .telInfo{
		font-size: 14px;
	}
}
.mainContents .infoBox.flat{
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .infoBox.flat .title{
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	padding-right: 10px;
	width: 45%;
}
.mainContents .infoBox.flat .tel{
	display: table-cell;
	vertical-align: middle;
	border-left:1px solid #d9d9d9;
	width: 55%;
}
@media screen and (max-width: 767px) {
	.mainContents .infoBox.flat{
		display: block;
	}
	.mainContents .infoBox.flat .title{
		display: block;
		font-size: 14px;
	}
	.mainContents .infoBox.flat .tel{
		display: block;
		border-left:none;
		border-top:1px solid #d9d9d9;
		margin-top: 15px;
		padding-top: 15px;
	}
	.mainContents .infoBox.flat .title{
		width: 100%;
	}
	.mainContents .infoBox.flat .tel{
		width: 100%;
	}
}
.mainContents .infoBox .telArea{
	margin-top: 1.5em;
}
.mainContents .infoBox .telArea div{
	display: inline-block;
	width: 45%;
}
.mainContents .infoBox .telArea div p{
	display: inline-block;
	vertical-align: middle;
	margin:0 10px 10px;
}
@media screen and (max-width: 767px) {
	.mainContents .infoBox .telArea div{
		width: 100%;
	}
	.mainContents .infoBox .telArea div p{
		margin:0 5px 10px;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .colSP12 > .ttlType2{
		margin: 1.5em 0 0.5em;
	}
}

/* .relationBlock */
.mainContents .relationBlock{
	margin:3em 0;
}

/* .serviceListBlock */
.mainContents .serviceListBlock {
	margin-top: 4em;
}
.mainContents .ttlType3 + .serviceListBlock {
	margin-top: 0;
}
.mainContents .serviceListBlock .ttl{
	margin: 0;
	font-size: 22px;
	font-weight: normal;
}
.mainContents .serviceListBlock .cardIcon {
	text-align: center;
}
.mainContents .classification {
	display: table;
	margin: 10px 0 0 0;
	border-collapse: separate;
	border-spacing: 3px 3px;
}
.mainContents .classification span{
	display: table-cell;
	border:1.5px solid #333;
	text-align: center;
	padding: 3px 6px;
	font-size: 11px;
	-moz-border-radius: 4px 4px 4px 4px ;
	-webkit-border-radius: 4px 4px 4px 4px ;
	-o-border-radius: 4px 4px 4px 4px ;
	-ms-border-radius: 4px 4px 4px 4px ;
	border-radius: 4px 4px 4px 4px ;
}
.mainContents .classification span.non{
	border:1px solid #999;
	color:#999;
}
@media screen and (max-width: 767px) {
	.mainContents .serviceListBlock .ttl{
	font-size: 16px;
	}
	.mainContents .classification img + img{
	margin: 5px 0 0 0;
	}
	.mainContents .classification img{
		display: block;
	}
}

/* .cardsArea */
.mainContents .cardsArea{
	max-width: 984px;
	margin: 3em auto 0;
}
.mainContents .cardsArea .cardsAreaIn{
/*	margin: 0 -17px;*/
	overflow: hidden;
	overflow-x: auto;
	text-align: center;
}
.mainContents .cardsArea ul{
	display: table;
	padding: 0;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: separate;
	border-spacing: 17px 0;
}
.mainContents .cardsArea ul li{
	display: table-cell;
	position: relative;
	vertical-align: top;
}
.mainContents .cardsArea ul li .cardImg{
}
.mainContents .cardsArea ul li .cardImg img{
	width: 100%;
	height: auto;
}
.mainContents .cardsArea ul li .cardImgFront{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
}
.mainContents .cardsArea ul li .cardImgBack{
	width: 100%;
	display: inline-block;
}
.mainContents .cardsArea ul li .cardName{
	display: block;
	text-align: center;
	margin-top: 1em;
}
.mainContents .cardsArea ul.scroll{
	display: inline-block;
}
.mainContents .cardsArea ul.scroll li{
	display: inline-block;
	float: left;
	margin-left: 17px;
	width: 144px;
}
.mainContents .cardsArea ul.scroll:before,
.mainContents .cardsArea ul.scroll:after {
	content: " ";
	display: table;
}
.mainContents .cardsArea ul.scroll:after {
	clear: both;
}
.mainContents .cardsArea ul.scroll {
	*zoom: 1;
}
@media screen and (max-width: 767px) {
	.mainContents .cardsArea {
		overflow: hidden;
	}
	.mainContents .cardsArea .cardsAreaIn{
		margin-top: -2em;
		margin-right: -5%;
	}
	.mainContents .cardsArea ul li{
		margin-top: 2em;
		float: left;
		width: 29%;
		height: auto;
		margin-left: 9px;
		min-height: 167px;
	}
	.mainContents .cardsArea ul li span.cardImg{
		display: block;
		height: auto;
		margin: 0;
	}
	.mainContents .cardsArea ul li .cardImgFront{
	}
	.mainContents .cardsArea ul li span.cardName{
		display: block;
		height: auto;
		margin: 1em 8px 0;
	}

	.mainContents .cardsArea  ul.scroll li{
		margin-top: 2em;
		width: 144px;
		height: auto;
	}
	.mainContents .cardsArea ul.scroll li span.cardImg{
		display: block;
		height: auto;
		margin: 0;
	}
	.mainContents .cardsArea ul.scroll li span.cardName{
		display: block;
		height: auto;
		margin: 1em 0 0;
	}
}



/* .attList */
.mainContents .attList {
	margin-top: 2em;
	color: #737373;
}
.mainContents .attList dt{
	font-weight: bold;
}
.mainContents .attList dd{
	margin-left: 0;
}
.mainContents .attList dd ul{
	margin-top: 5px;
}

/* table */
.mainContents table.type01 {
	width: 100%;
	margin-top: 3em;
	border-collapse: separate;
	table-layout: fixed;
}
.mainContents .ttlType4 + table.type01 {
	margin-top: 0;
}
.mainContents table.type01.borderTop {
	border-top:1px solid #e0e0e0;
}
.mainContents table.type01 + table.type01 {
	margin-top: 3em;
}
.mainContents table.type01 tr{
}
.mainContents table.type01 th,
.mainContents table.type01 td{
	border-bottom:1px solid #e0e0e0;
	vertical-align: top;
	line-height: 1.5;
	overflow: hidden;
}
.mainContents table.type01 th{
	padding: 20px 20px 20px 0;
	font-weight: bold;
	text-align: left;
}
.mainContents table.type01 thead th{
	padding: 20px 10px;
}
.mainContents table.type01 thead th:first-child{
	padding-left: 0;
}
.mainContents table.type01 th .large,
.mainContents table.type01 td .large{
	font-size:180%;
}
.mainContents table.type01 .gray,
.mainContents table.type01 .gray th,
.mainContents table.type01 .gray td{
/*	color:#737373;*/
}
.mainContents table.type01 td{
	padding: 20px 10px;
}
.mainContents table.type01 td p{
	margin: 0;
}
.mainContents table.type01 td p + p{
	margin-top: 0.5em;
}
.mainContents table.type01 td .kikan{
	display: inline-block;
	margin-right: 15px;
}
.mainContents table.type01 td .inlineLink a{
	display: inline-block;
}
.mainContents table.type01.tdCenter th,
.mainContents table.type01.tdCenter td{
	text-align: center;
	vertical-align: middle;
}
.mainContents table.type01.tdCenter th:first-child,
.mainContents table.type01.tdCenter td:first-child{
	text-align: left;
}
.mainContents table.type01.tdCenter thead th:first-child{
	text-align: center;
}
.mainContents table.type01 .number{
	display: block;
	float: left;
}
.mainContents table.type01 .txt{
	display: block;
	padding-left: 1.5em;
}
.mainContents .scrollArea {
	overflow: hidden;
	overflow-x: auto;
}
.mainContents .scrollArea table.type01 th,
.mainContents .scrollArea table.type01 td{
	min-width: 70px;
}
.mainContents .scrollArea table.type01 th{
	vertical-align: middle;
}
.mainContents .scrollArea table.type01.fwN th,
.mainContents .scrollArea table.type01.fwN td,
.mainContents .scrollArea table.type01 tr.fwN th,
.mainContents .scrollArea table.type01 tr.fwN td,
.mainContents .scrollArea table.type01 th.fwN,
.mainContents .scrollArea table.type01 td.fwN{
	font-weight: normal;
}
.mainContents table.type01 th.fwN{
	font-weight: bold!important;
}
.mainContents table.type01 th.fwNormal{
	font-weight: normal!important;
}
.mainContents .scrollArea table.type01.txtAC th,
.mainContents .scrollArea table.type01.txtAC td,
.mainContents .scrollArea table.type01 tr.txtAC th,
.mainContents .scrollArea table.type01 tr.txtAC td,
.mainContents .scrollArea table.type01 th.txtAC,
.mainContents .scrollArea table.type01 td.txtAC{
	text-align: center;
}
.mainContents .scrollArea table.type01.vaM th,
.mainContents .scrollArea table.type01.vaM td,
.mainContents .scrollArea table.type01 tr.vaM th,
.mainContents .scrollArea table.type01 tr.vaM td,
.mainContents .scrollArea table.type01 th.vaM,
.mainContents .scrollArea table.type01 td.vaM{
	vertical-align: middle;
}
.mainContents .scrollArea table.type01.vaT th,
.mainContents .scrollArea table.type01.vaT td,
.mainContents .scrollArea table.type01 tr.vaT th,
.mainContents .scrollArea table.type01 tr.vaT td,
.mainContents .scrollArea table.type01 th.vaT,
.mainContents .scrollArea table.type01 td.vaT{
	vertical-align: top;
}
.mainContents .scrollArea table.type01.vaB th,
.mainContents .scrollArea table.type01.vaB td,
.mainContents .scrollArea table.type01 tr.vaB th,
.mainContents .scrollArea table.type01 tr.vaB td,
.mainContents .scrollArea table.type01 th.vaB,
.mainContents .scrollArea table.type01 td.vaB{
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.mainContents table.type01 thead th,
	.mainContents table.type01 tbody th{
		padding: 10px 10px 10px 0;
	}
	.mainContents table.type01 thead td,
	.mainContents table.type01 tbody td{
		padding: 5px;
	}
	.mainContents table.type01.s100 th{
		display: block;
		width: 100%!important;
		text-align: center;
		padding-bottom: 5px;
		float:left;
		clear:both;
	}
	.mainContents table.type01.s100 td{
		display: block;
		width: 100%!important;
		padding-top: 5px;
		float:left;
		clear:both;
		}
	.mainContents table.type01 .spGray th,
	.mainContents table.type01 .spGray td{
	color:#737373;
	}
	.mainContents table.type01 .number{
		display: inline;
		float: none;
	}
	.mainContents table.type01 .txt{
		display: inline;
		padding-left: 0;
	}
	.mainContents table.type01 .gray th,
	.mainContents table.type01 .spGray th{
		font-weight: normal;
	}
}

/* vLine */

.mainContents table.type01.vLine {
	border-collapse: collapse;
}
.mainContents table.type01.vLine th,
.mainContents table.type01.vLine td{
	border:1px solid #e0e0e0;
}
.mainContents table.type01.vLine th{
	padding:20px 10px;
}
@media screen and (max-width: 767px) {
	.mainContents table.type01.vLine th{
		padding:5px;
	}
}

/*table06*/
@media screen and (max-width: 767px) {
	.mainContents table.type01.scroll th,
	.mainContents table.type01.scroll td{
		display: block;
		border-bottom:1px solid #e0e0e0;
	}
	.mainContents table.type01.scroll thead{
		display: block;
		float: left;
	}
	.mainContents table.type01.scroll thead tr{
		display: block;
		border: none;
	}
	.mainContents table.type01.scroll thead th,
	.mainContents table.type01.scroll thead td{
		display: block;
	}
	.mainContents table.type01.scroll tbody{
		display: block;
		overflow: hidden;
		overflow-x: auto;
		white-space: nowrap;
	}
	.mainContents table.type01.scroll tbody tr{
		display: inline-block;
		vertical-align: top;
		border: none;
	}
	.mainContents table.type01.scroll tbody tr + tr{
		margin-left: -3px;
	}
	.mainContents table.type01.scroll tbody th,
	.mainContents table.type01.scroll tbody td{
		padding: 10px;
	}
	.mainContents table.type01.scroll:before,
	.mainContents table.type01.scroll:after {
		content: " ";
		display: table;
	}
	.mainContents table.type01.scroll:after {
		clear: both;
	}
	.mainContents table.type01.scroll {
		*zoom: 1;
	}
}
/*table10/11*/
.mainContents .spFixed {
	margin-top: 3em;
	overflow: hidden;
}
.mainContents .spFixed table.type01 {
	margin-top: 0;
}
.mainContents .spFixed table.type01 th,
.mainContents .spFixed table.type01 td{
	border-bottom:1px solid #e0e0e0;
}
.mainContents .spFixed table.type01.thead{
	display: block;
	float: left;
	width: 280px;
}
.mainContents .spFixed table.type01.thead thead{
	width: 100%;
}
.mainContents .spFixed table.type01.thead tr,
.mainContents .spFixed table.type01.thead th{
	width: 280px;
	white-space: nowrap;
}
.mainContents .spFixed .scroll {
	overflow: hidden;
	overflow-x: auto;
	margin-left: 280px;
}
.mainContents .spFixed .scroll table.type01.data{
	width: 100%;
	position: relative;
	white-space: nowrap;
}
.mainContents .spFixed .scroll table.type01.data tbody tr{
	vertical-align: top;
	border: none;
}
.mainContents .spFixed .scroll table.type01.data tbody tr + tr{
	margin-left: -3px;
}
.mainContents .spFixed:before ,
.mainContents .spFixed:after ,
.mainContents .spFixed table.type01:before,
.mainContents .spFixed table.type01:after {
	content: " ";
	display: table;
}
.mainContents .spFixed:after ,
.mainContents .spFixed table.type01:after {
	clear: both;
}
.mainContents .spFixed:after ,
.mainContents .spFixed table.type01 {
	*zoom: 1;
}
.mainContents .spFixed table.type01 th.rowspan2,
.mainContents .spFixed table.type01 td.rowspan2{
	height:5.95em;
}
.mainContents .spFixed table.type01 th.rowspan3,
.mainContents .spFixed table.type01 td.rowspan3{
	height:10.4em;
}
.mainContents .spFixed table.type01 th.rowspan4,
.mainContents .spFixed table.type01 td.rowspan4{
	height:14.8em;
}
.mainContents .spFixed table.type01 th.rowspan5,
.mainContents .spFixed table.type01 td.rowspan5{
	height:19.25em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.mainContents .spFixed table.type01 th{
		padding-left: 20px;
	}
	.mainContents .spFixed table.type01.thead{
		width: 210px;
	}
	.mainContents .spFixed table.type01.thead tr,
	.mainContents .spFixed table.type01.thead th{
		width: 210px;
	}
	.mainContents .spFixed .scroll {
		margin-left: 210px;
	}
	.mainContents .spFixed table.type01 th.rowspan2,
	.mainContents .spFixed table.type01 td.rowspan2{
		height:6.15em;
	}
	.mainContents .spFixed table.type01 th.rowspan3,
	.mainContents .spFixed table.type01 td.rowspan3{
		height:10.75em;
	}
	.mainContents .spFixed table.type01 th.rowspan4,
	.mainContents .spFixed table.type01 td.rowspan4{
		height:15.35em;
	}
	.mainContents .spFixed table.type01 th.rowspan5,
	.mainContents .spFixed table.type01 td.rowspan5{
		height:19.9em;
	}
}
@media screen and (max-width: 767px) {
	.mainContents .spFixed table.type01.thead{
		width: 170px;
	}
	.mainContents .spFixed table.type01.thead tr,
	.mainContents .spFixed table.type01.thead th{
		width: 170px;
	}
	.mainContents .spFixed .scroll {
		margin-left: 170px;
	}
	.mainContents .spFixed table.type01 th.rowspan2,
	.mainContents .spFixed table.type01 td.rowspan2{
		height:4.75em;
	}
	.mainContents .spFixed table.type01 th.rowspan3,
	.mainContents .spFixed table.type01 td.rowspan3{
		height:7.95em;
	}
	.mainContents .spFixed table.type01 th.rowspan4,
	.mainContents .spFixed table.type01 td.rowspan4{
		height:11.1em;
	}
	.mainContents .spFixed table.type01 th.rowspan5,
	.mainContents .spFixed table.type01 td.rowspan5{
		height:14.3em;
	}
}
@media screen and (max-width: 479px) {
	.mainContents .spFixed table.type01.thead{
		width: 140px;
	}
	.mainContents .spFixed table.type01.thead tr,
	.mainContents .spFixed table.type01.thead th{
		width: 100px;
	}
	.mainContents .spFixed .scroll {
		margin-left: 100px;
	}
	.mainContents .spFixed table.type01 th.rowspan2,
	.mainContents .spFixed table.type01 td.rowspan2{
		height:4.75em;
	}
	.mainContents .spFixed table.type01 th.rowspan3,
	.mainContents .spFixed table.type01 td.rowspan3{
		height:8em;
	}
	.mainContents .spFixed table.type01 th.rowspan4,
	.mainContents .spFixed table.type01 td.rowspan4{
		height:11.3em;
	}
	.mainContents .spFixed table.type01 th.rowspan5,
	.mainContents .spFixed table.type01 td.rowspan5{
		height:14.5em;
	}
}
/** width **/
.mainContents .wid10{width:10%!important;}
.mainContents .wid15{width:15%!important;}
.mainContents .wid20{width:20%!important;}
.mainContents .wid25{width:25%!important;}
.mainContents .wid30{width:30%!important;}
.mainContents .wid35{width:35%!important;}
.mainContents .wid40{width:40%!important;}
.mainContents .wid45{width:45%!important;}
.mainContents .wid50{width:50%!important;}
.mainContents .wid55{width:55%!important;}
.mainContents .wid60{width:60%!important;}
.mainContents .wid70{width:70%!important;}
.mainContents .wid75{width:75%!important;}
.mainContents .wid80{width:80%!important;}
.mainContents .wid100{width:100%!important;}


/* .openDetailArea */
.mainContents .openDetailArea {
	margin-top: 1em;
	border-top: 1px solid #e0e0e0;
}
.mainContents .openDetailArea.pcOpen {
	border-top: none;
}
.mainContents .plusonemile .openDetailArea {
	margin-top: 0;
	border-top: none;
	border-bottom: none;
}
.mainContents div.plusonemile{
	margin-bottom: 0;
}
.carddetail.plusonemile #contents__card__personal__detail__intro--single{
	padding-bottom: 0;
}

.mainContents .openDetailArea .btnBlock .btn {
	position: relative;
	margin: 0;
	padding: 45px 0 45px 0;
	font-size: 28px;
	cursor: pointer;
	color: #727272;
	padding-right:2.5em;
}
.mainContents .openDetailArea +.openDetailArea,
.mainContents .openDetailArea2 +.openDetailArea,		/* 190902公開分 追記 */
.mainContents .openDetailArea +.openDetailArea2 {		/* 190902公開分 追記 */
	margin-top: -1px;
}
@media screen and (max-width: 767px) {
	.mainContents .openDetailArea {
		margin-top: 35px;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.mainContents .openDetailArea .btnBlock .btn {
		font-size: 19px;
	}
}
.mainContents .openDetailArea .btnBlock .btn::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background: url(/common_new/images/common/icon_menu-open-sp.png) no-repeat;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
}
@media screen and (max-width: 767px) {
	.mainContents .openDetailArea .btnBlock .btn {
		padding: 20px 55px 20px 0;
	}
	.mainContents .openDetailArea .btnBlock .btn::after {
		margin-top: -12px;
		-webkit-background-size: 24px 24px;
		background-size: 24px 24px;
	}
}
.mainContents .openDetailArea .btnBlock.open .btn::after {
	background-image: url(/common_new/images/common/icon_menu-close-sp.png);
}
.mainContents .openDetailArea .detaiBlock {
	margin-top: 0;
	margin-bottom: 2em;
}
.mainContents .openDetailArea .detaiBlock .ttl {
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.mainContents .openDetailArea .detaiBlock .ttl {
		font-size: 15px;
	}
	.mainContents .openDetailArea.pcOpen {
		border-top: 1px solid #e0e0e0;
	}
}

@media screen and (min-width: 1023px) {
	.mainContents .openDetailArea.pcOpen .btnBlock .btn {
	cursor: default
	}
	.mainContents .openDetailArea.pcOpen .btnBlock .btn::after {
		display: none;
	}
}

/* .openDetailArea2 */
.mainContents .openDetailArea2 {
	margin-top: 1em;
	border-top: 1px solid #e0e0e0;
}
.mainContents .openDetailArea2.pcOpen {
	border-top: none;
}
.mainContents .plusonemile .openDetailArea2 {
	margin-top: 0;
	border-top: none;
	border-bottom: none;
}
.mainContents div.plusonemile{
	margin-bottom: 0;
}
.carddetail.plusonemile #contents__card__personal__detail__intro--single{
	padding-bottom: 0;
}

.mainContents .openDetailArea2 .btnBlock .btn {
	position: relative;
	margin: 0;
	padding: 45px 0 45px 0;
	font-size: 28px;
	cursor: pointer;
	color: #727272;
	padding-right:2.5em;
}
.mainContents .openDetailArea2 +.openDetailArea2 {
	margin-top: -1px;
}
@media screen and (max-width: 767px) {
	.mainContents .openDetailArea2 {
		margin-top: 35px;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.mainContents .openDetailArea2 .btnBlock .btn {
		font-size: 19px;
	}
}
.mainContents .openDetailArea2 .btnBlock .btn::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background: url(/common_new/images/common/icon_menu-open-sp.png) no-repeat;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
}

@media screen and (max-width: 767px) {
	.mainContents .openDetailArea2 .btnBlock .btn {
		padding: 20px 55px 20px 0;
	}
	.mainContents .openDetailArea2 .btnBlock .btn::after {
		margin-top: -12px;
		-webkit-background-size: 24px 24px;
		background-size: 24px 24px;
	}
}
.mainContents .openDetailArea2 .btnBlock.open .btn::after {
	background-image: url(/common_new/images/common/icon_menu-close-sp.png);
}
.mainContents .openDetailArea2 .detaiBlock {
	margin-top: 0;
	margin-bottom: 2em;
	display:none;
}
.mainContents .openDetailArea2.pcOpen .detaiBlock {
	margin-top: 0;
	margin-bottom: 2em;
}
.mainContents .openDetailArea2 .detaiBlock .ttl {
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.mainContents .openDetailArea2 .detaiBlock .ttl {
		font-size: 15px;
	}
	.mainContents .openDetailArea2.pcOpen {
		border-top: 1px solid #e0e0e0;
	}
	.mainContents .openDetailArea2.pcOpen .detaiBlock {
	display:none;
}
}

@media screen and (min-width: 1023px) {
	.mainContents .openDetailArea2.pcOpen .btnBlock .btn {
	cursor: default
	}
	.mainContents .openDetailArea2.pcOpen .btnBlock .btn::after {
		display: none;
	}
}

/* .tabArea */
.mainContents .tabArea {
	width: 984px;
	margin: 1em auto 49px;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.mainContents .tabArea {
		width: 100%;
	}
}
.mainContents .tabArea ul {
	overflow: hidden;
	overflow-x: auto;
	margin: 0;
	padding-left: 0;
	border-bottom: 1px solid #e0e0e0;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
}
.mainContents .tabArea ul li {
	display: inline-block;
	margin: 0 10px;
}
.mainContents .tabArea ul li a {
	display: block;
	margin-bottom: -1px;
	padding: 10px 0;
	border-bottom: 2px solid transparent;
	color: #262626;
}
.mainContents .tabArea ul li a.active,
.mainContents .tabArea ul li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #008eed;
	color: #008dec;
}
.mainContents .tabArea ul li.active a,
.mainContents .tabArea ul li:hover a {
	text-decoration: none;
	border-bottom: 2px solid #008eed;
	color: #008dec;
}

/* .anchorBtnArea */
.mainContents .anchorBtnArea .anchorBtn {
	margin: 3em 0 0;
	padding-left: 0;
	list-style-type: none;
}
.mainContents .anchorBtnArea .pictAnchor{
	display: flex;
	justify-content: center;
}
.mainContents .anchorBtnArea .anchorBtn:before,
.mainContents .anchorBtnArea .anchorBtn:after {
	content: " ";
	display: table;
}
.mainContents .anchorBtnArea .anchorBtn:after {
	clear: both;
}
.mainContents .anchorBtnArea .anchorBtn {
	*zoom: 1;
}
.mainContents .anchorBtnArea .anchorBtn li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 12.5%;
	border-right: 1px solid #e0e0e0;
	text-align: center;
}
.mainContents .anchorBtnArea .anchorBtn li:first-child {
	border-left: 1px solid #e0e0e0;
}
.mainContents .pictAnchor .pictBtn:after{
	content: "";
	display: block;
	clear: both;
}
.mainContents .anchorBtnArea .anchorBtn li a {
	position: relative;
	display: block;
	padding: 10px;
	min-height: 122px;
}
.mainContents .anchorBtnArea .pictAnchor li a{
	min-height: 95px;
}
.mainContents .anchorBtnArea .anchorBtn li a span{
	display: block;
	padding: 10px 0;
}
.mainContents .anchorBtnArea .anchorBtn li a:after {
	position: absolute;
	left: 50%;
	bottom:0px;
	content: " ";
	width: 12px;
	height: 6px;
	margin-left: -6px;
	background-image: url(/common_new/images/common/icon_anchor-blue.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 12px 6px;
}

@media screen and (max-width: 767px) {
	.mainContents .anchorBtnArea .anchorBtn li {
		width: 50%;
		border: none;
		margin-top: 1.5em;
		min-height: 116px;
	}
	.mainContents .anchorBtnArea .anchorBtn li:first-child {
		border-left: none;
	}
	.mainContents .anchorBtnArea .pictAnchor li:first-child{
		border-left: 1px solid #e0e0e0;
	}
	.mainContents .anchorBtnArea .pictAnchor li:nth-child(4n+1){
		border-left: 1px solid #e0e0e0;
	}
	.mainContents .anchorBtnArea .anchorBtn li:nth-child(odd) {
		border-right: 1px solid #e0e0e0;
	}
	.mainContents .anchorBtnArea .anchorBtn li a {
		min-height: 60px;
		padding: 0 10px 10px;
	}
	.mainContents .anchorBtnArea .pictAnchor li a{
		min-height: 95px;
	}
	.mainContents .anchorBtnArea .anchorBtn li a span{
		padding: 5px 0;
	}
	.mainContents .anchorBtnArea .pictAnchor li{
		width: 25%;
	}
	.anchorBtnArea .pictAnchor .pictBtn:only-child{
		width: 100%;
	}
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(2),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(2) ~ .pictBtn{
		width: 50%;
	}
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(3),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(3) ~ .pictBtn{
		width: 33.333%;
	}
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(4),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(4) ~ .pictBtn{
		width: 25%;
	}
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .pictBtn:nth-child(2n),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .pictBtn:nth-child(2n),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .pictBtn:nth-child(2n),
	.anchorBtnArea .pictAnchor .pictBtn:first-child:nth-last-child(n + 5):first-child:nth-last-child(n + 5) ~ .pictBtn:nth-child(2n){
		border-right: 1px solid #e0e0e0;
	}
}

/* .submitBtn */
.mainContents .submitBtn {
	background-color: #008eed;
	color:#fff;
	max-width:300px;
	margin:1em auto 0;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
}
.mainContents .submitBtn + .submitBtn {
	margin-top: 1em;
}
.mainContents table.type01 td .submitBtn {
	margin:0 auto;
}
.mainContents .submitBtn:hover {
	opacity: 0.5;
}
.mainContents .submitBtn a{
	display: block;
	padding: 6px 30px;
	color:#fff;
}
.mainContents .submitBtn a:hover{
	text-decoration: none;
}
.mainContents .submitBtn a.external:after,
.mainContents .normalBtn a:after{
	content: " ";
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_blank-white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 10px 10px;
}
.mainContents .submitBtn.cancel{
	background-color: #ccc;
}
@media screen and (max-width: 767px) {
	.mainContents .submitBtn{
		max-width:240px;
		font-size: 14px;
	}
}

/* .printBtn */
.mainContents .printBtn{
	display: inline-block;
	background-color: #008eed;
	color:#fff;
	width: 150px;
	margin:1em auto 0;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
}
.mainContents .printBtn:hover {
	opacity: 0.5;
}
.mainContents .printBtn a{
	display: block;
	padding: 6px;
	color:#fff;
}
.mainContents .printBtn a:hover{
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.mainContents .printBtn{
		display:none;
		width: 115px;
		font-size: 12px;
	}
}

/* .normalBtn */
.mainContents .normalBtn{
	display: inline-block;
	background-color: #008eed;
	color:#fff;
	margin:1em auto 0;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
}
.mainContents .normalBtn:hover {
	opacity: 0.5;
}
.mainContents .normalBtn a{
	display: block;
	padding: 6px 30px;
	color:#fff;
}
.mainContents .normalBtn a:visited{
	color:#fff;
}
@media screen and (max-width: 767px) {
	.mainContents .normalBtn a {
		font-size: 14px;
	}
}
.mainContents .normalBtn a:hover{
	text-decoration: none;
}
.mainContents .submitBtn.green,
.mainContents .normalBtn.green{
	background-color: #76c252;
}
.mainContents .submitBtn.orange,
.mainContents .normalBtn.orange{
	background-color: #fc7d73;
}
.mainContents .submitBtn.orange02,
.mainContents .normalBtn.orange02{
	background-color: #ff7a35;
}
.mainContents .submitBtn.white,
.mainContents .normalBtn.white{
	background-color: #fff;
}
.mainContents .submitBtn.white a,
.mainContents .normalBtn.white a{
	color:#737373;
}
.mainContents .submitBtn.gray,
.mainContents .normalBtn.gray{
	background-color: #c9c9c9;
}

/* .btnFlat */
.mainContents .btnFlat {
	text-align: center;
	margin-top: 1em;
}
.mainContents .btnFlat ul {
	display: inline-block;
	margin:0 auto;
	padding: 0;
}
.mainContents .btnFlat ul li{
	display: inline-block;
	float: left;
}
.mainContents .btnFlat ul li + li{
	margin-left: 18px;
}
.mainContents .btnFlat ul:before,
.mainContents .btnFlat ul:after {
	content: " ";
	display: table;
}
.mainContents .btnFlat ul:after {
	clear: both;
}
.mainContents .btnFlat ul {
	*zoom: 1;
}
@media screen and (max-width: 767px) {
	.mainContents .btnFlat ul li{
		display: block;
		width: 100%;
		float: none;
	}
	.mainContents .btnFlat ul li + li{
		margin-left: 0;
		margin-top: 1em;
	}
	.mainContents .btnFlat.spReverse{
		position: relative;
		min-height: 8em;
	}
	.mainContents .btnFlat.spReverse ul li{
		position: absolute;
		top:0;
		left:0;
	}
	.mainContents .btnFlat.spReverse ul li + li{
		margin-top: 0;
	}
	.mainContents .btnFlat.spReverse ul li:first-child{
		top:3.5em;
		left:0;
	}
}


/* .loadMore */
.mainContents .loadMore{
	display: block;
	overflow: hidden;
	margin: 3em auto;
	white-space: nowrap;
	text-indent: 100%;
	width: 64px;
	height: 64px;
	background-image: url(/common_new/images/common/icon_loadmore.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 48px 48px;
	cursor: pointer;
}
.mainContents .loadMore:hover{
	background-image: url(/common_new/images/common/icon_loadmore-hover.png);
}
@media screen and (max-width: 767px) {
	.mainContents .loadMore{
		width: 48px;
		height: 48px;
		background-size: 36px 36px;
	}
}


/*.typeCol3*/
@media screen and (min-width: 1024px){
	.module__cardListItemSet.typeCol3 .module__cardListItem--image, .module__cardListItemSet.typeCol3 .module__cardListItem--misc {
		width: 30%;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline, .module__cardListItemSet.typeCol3 .module__cardListItem--title {
		width: 35%;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h4, .module__cardListItemSet.typeCol3 .module__cardListItem--title h4 {
		margin-bottom: 15px;
		margin-right: 20px;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline p, .module__cardListItemSet.typeCol3 .module__cardListItem--title p {
		margin-bottom: 15px;
		margin-right: 20px;
		margin-left: 24px;
		color: #727272;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h5, .module__cardListItemSet.typeCol3 .module__cardListItem--title h5 {
		font-size:13px;
	}
}
@media screen and (min-width: 768px){
	.module__cardListItemSet.typeCol3 .module__cardListItem--image, .module__cardListItemSet.typeCol3 .module__cardListItem--misc {
		width: 30%;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline, .module__cardListItemSet.typeCol3 .module__cardListItem--title {
		width: 35%;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h4, .module__cardListItemSet.typeCol3 .module__cardListItem--title h4 {
		margin-bottom: 15px;
		margin-right: 20px;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline p, .module__cardListItemSet.typeCol3 .module__cardListItem--title p {
		margin-bottom: 15px;
		margin-right: 20px;
		margin-left: 24px;
		color: #727272;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h5, .module__cardListItemSet.typeCol3 .module__cardListItem--title h5 {
		font-size:12px;
	}
	.module__cardListItemSet.typeCol3 a .module__cardListItem--outline h4, .module__cardListItemSet.typeCol3 a .module__cardListItem--title h4 ,
	.module__cardListItemSet.typeCol3 a .module__cardListItem--outline h5, .module__cardListItemSet.typeCol3 a .module__cardListItem--title h5 {
		color:#262626;
	}
	.module__cardListItemSet.typeCol3 a:hover .module__cardListItem--image img {
		opacity: .5;
	}
}
@media screen and (max-width: 767px){
	.module__cardListItemSet.typeCol3 .module__cardListItem--title {
		background-image: none;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h4, .module__cardListItemSet.typeCol3 .module__cardListItem--title h4 {
		margin-bottom: 0.5em;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline p, .module__cardListItemSet.typeCol3 .module__cardListItem--title p {
		margin-top: 0;
		margin-bottom: 0.5em;
		color: #727272;
	}
	.module__cardListItemSet.typeCol3 .module__cardListItem--outline h5, .module__cardListItemSet.typeCol3 .module__cardListItem--title h5 {
		font-size:12px;
	}
	.module__cardListItemSet.typeCol3 a .module__cardListItem--outline h4, .module__cardListItemSet.typeCol3 a .module__cardListItem--title h4 ,
	.module__cardListItemSet.typeCol3 a .module__cardListItem--outline h5, .module__cardListItemSet.typeCol3 a .module__cardListItem--title h5 {
		color:#262626;
	}
	.module__cardListItemSet.typeCol3 a:hover .module__cardListItem--image img {
		opacity: .5;
	}
		.module__cardListItemSet.typeCol3 a:hover{
			text-decoration: none;
		}
}

.module__cardListItemSet .module__cardListItem--title a:hover,
a.module--button--blue:hover,
a.module--button--white:hover,
a.module--button--orange:hover,
a.module__cardListItem--checkButton:hover,
a.contents__cardListItem--compareButton:hover{
	text-decoration: none;
}
.cardlist .module--button--toggle{
	color:#262626;
}


.module__imageLink160--elm h3{
	font-weight: normal;
}
a.module__imageLink176__withCaption--elm,
a.module__imageLink160--elm{
	color: #fff;
}
a.module__imageLink176__withCaption--elm:hover,
a.module__imageLink160--elm:hover{
	text-decoration: none;
}

.cardpersonal #contents__card__personal__recommend .module__utilities__3elm p {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.card #contents__card__businessCard p,
	.card #contents__card__personalCard p {
		margin:1em 0;
	}
}

/* index_single_multi.html */
#singleMultiSlide {
	position:relative;
}
#singleMultiSlide li{
	display: block;
}
#singleMultiSlide img {
	left:0;
	top:0;
}
@media screen and (max-width: 767px){
	#singleMultiSlide {
		width: 212px;
		height: 132px;
		margin: 0 auto;
	}
}

/* #emergency */
#emergency{
	background-color: #fcebeb;
	color: #d5d5d7;
	font-size: 13px;
	line-height: 20px;
	border-bottom:1px solid #eebbb9;
}

#emergency .emergency-banner {
	position: relative;
	width:100%;
	margin:0 auto;
	max-width: 984px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#emergency .emergency-banner + .emergency-banner {
	border-top: 1px solid #eebbb9;
}

#emergency .emergency-banner p{
	margin:0;
	padding: 5px;
}
@media screen and (max-width: 1023px){
	#emergency .emergency-banner p {
		padding: 10px 15px;
	}
}
#emergency .emergency-banner p a{
    display: inline-block;
    padding-left: 25px;
    background: url(/common_new/images/common/icon_emergency.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px auto;;
    color: #000;

}
#emergency .emergency-banner p a:hover{
	cursor: pointer;
	text-decoration:underline;
}
#emergency .emergency-banner p a.external:after{
	display:inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_emergency-blank-black.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 10px 10px;
	margin:0 5px;
}
#emergency .emergency-banner .colorType1 {
	color: #008dec;
}
#emergency .emergency-banner .colorType2 {
	color: #f5493f;
}
#emergency .emergency-banner__label {
	color: #fff;
	display: block;
	font-size: 11px
}

@media (min-width: 768px) {
	#emergency .emergency-banner__label{
		display: inline-block
	}
}

#emergency .emergency-banner__close {
	color: #fff;
	cursor: pointer;
	height: 22px;
	position: absolute;
	right: 5px;
	top: 50%;
	vertical-align: middle;
	width: 22px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#emergency .emergency-banner__close:after {
	bottom: 0;
	right:0;
	-webkit-transform: translate3d(-4px, -11px, 0) rotate3d(0, 0, 1, -45deg);
	-ms-transform: translate(-4px, -11px) rotate(-45deg);
	transform: translate3d(-4px, -11px, 0) rotate3d(0, 0, 1, -45deg);
}

#emergency .emergency-banner__close:before {
	top: 0;
	right:0;
	-webkit-transform: translate3d(-4px, 10px, 0)rotate3d(0, 0, 1, 45deg);
	-ms-transform: translate(-4px, 10px)rotate(45deg);
	transform: translate3d(-4px, 10px, 0)rotate3d(0, 0, 1, 45deg);
}

#emergency .emergency-banner__close:before, #emergency .emergency-banner__close:after {
	background: currentColor;
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	width: 14px;
}

/*--------------------------------------------------

emergency 200930公開追加分

--------------------------------------------------*/

/*--------------------------------------------------

emergency 200930公開追加分 ここまで(削除済み)

--------------------------------------------------*/
/*--------------------------------------------------

emergeny 2107公開追加分

--------------------------------------------------*/
#emergency.both{
	border-bottom: none;
}
#emergency.both .emergency-banner:last-of-type{
	border-bottom: 1px solid #eebbb9;
}
.emergency-constant_wrap{
	border-bottom: 1px solid #eebbb9;
	background-color: #fcebeb;
}
.emergency-constant{
    margin: 0 auto;
	padding: 0;
	max-width: 984px;
	list-style: none;
	line-height: 20px;
}
.emergency-constant :not(:first-of-type){
	border-top: 1px solid #eebbb9;
}
.emergency-constant li{
	font-size: 13px;
	padding: 5px;
}
.emergency-constant li a{
	display: inline-block;
	padding-left: 25px;
	background: url(/common_new/images/common/icon_emergency.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20px auto;;
	color: #000;

}
.emergency-constant li a:hover{
	cursor: pointer;
	text-decoration:underline;
}
.emergency-constant .external::after{
	display:inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_emergency-blank-black.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 10px 10px;
	margin:0 5px;
}
@media screen and (max-width: 1023px) {
	.emergency-constant li {
		padding: 10px 15px;
	}
}

/*--------------------------------------------------

emergeny 2107公開追加分　ここまで

--------------------------------------------------*/

/* .carddetail */
.carddetail .contents__card__personal__detail__basicInfo__table {
	width:100%;
	margin-bottom:1em;
}
.carddetail .contents__card__personal__detail__basicInfo__table td {
	padding-right:10px;
	word-break : break-all;
}
.carddetail .contents__card__personal__detail__basicInfo__table .apiLineup td {
	text-align:center;
}
.carddetail .contents__card__personal__detail__basicInfo__table .cardFace{
	max-width:155px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
}
.carddetail .contents__card__personal__detail__basicInfo__table .cardFace p{
	margin-top:5px;
}
.carddetail .contents__card__personal__detail__basicInfo__table .apiCardType td{
	text-align:center;
}
.carddetail .contents__card__personal__detail__basicInfo__table .contents__card__personal__detail__basicInfo__table__tr--cardface img {
	width:95%;
}
.carddetail .contents__card__personal__detail__basicInfo__table a{
	color:#008dec;
}
.carddetail .contents__card__personal__detail__basicInfo__table a:hover{
	text-decoration:underline;
}
.carddetail #contents__card__personal__detail__service .contents__card__personal__detail__toggleContent .row-2-1-1:last-child{
	background-image:none;
	padding-bottom: 0;
}
@media screen and (max-width: 767px) {
	.carddetail .contents__card__personal__detail__basicInfo__table .contents__card__personal__detail__basicInfo__table__tr--cardface td div {
		margin-right:5px;
	}
	.carddetail .contents__card__personal__detail__basicInfo__table .cardFace{
		max-width:88px;
	}
}

/* .form */
.mainContents .form {
	margin-bottom: 3em;
}
.mainContents .form span{
	margin:0 0.5em 0.5em 0;
}
.mainContents .form span {
	display: inline-block;
}
.mainContents .form input[type="text"],
.mainContents .form input[type="password"],
.mainContents .form textarea{
	border: 1px solid #d9d9d9;
	padding: 6px 10px;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	min-width: auto;
	width: auto;
}
.mainContents .form input[type="checkbox"]{
	padding: 6px 10px;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .form input[type="radio"] {
	padding: 6px 10px;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContents .form input[type="checkbox"] + span,
.mainContents .form input[type="radio"] + span{
	margin-right: 1.5em;
}
.mainContents .form select {
	height: 2em;
	min-width: 150px;
	margin: 0;
	padding: 0.2em 0.6em;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
}
.mainContents .form .submitBtn input[type="submit"] ,
.mainContents .form .submitBtn input[type="button"] {
	width: auto;
	display: block;
	padding: 6px 30px;
	color: #fff;
	background-color: #008eed;
	color:#fff;
	margin:1em auto 0;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
	border:none;
}
.mainContents .form .submitBtn.green input[type="submit"],
.mainContents .form .submitBtn.green input[type="button"]{
	background-color: #76c252;
}
.mainContents .form .submitBtn.orange input[type="submit"],
.mainContents .form .submitBtn.orange input[type="button"]{
	background-color: #fc7d73;
}
.mainContents .form .submitBtn.orange02 input[type="submit"],
.mainContents .form .submitBtn.orange02 input[type="button"]{
	background-color: #ff7a35;
}
.mainContents .form .submitBtn.white input[type="submit"],
.mainContents .form .submitBtn.white input[type="button"]{
	background-color: #fff;
	color:#737373;
}
.mainContents .form .submitBtn.gray input[type="submit"],
.mainContents .form .submitBtn.gray input[type="button"]{
	background-color: #c9c9c9;
}
.mainContents .form .submitBtn.cancel input[type="submit"],
.mainContents .form .submitBtn.cancel input[type="button"]{
	background-color: #ccc;
}
@media screen and (max-width: 767px) {
	.mainContents .form .submitBtn input[type="submit"] ,
	.mainContents .form .submitBtn input[type="button"] {
		font-size: 14px;
		width:100%;
	}
	.mainContents .form .btnFlat.spReverse ul li:first-child{
		top:4.5em;
		left:0;
	}
}

.mainContents #contents__card__personal__detail__faq .contents__card__personal__detail__notes {
	text-align: center;
}
.mainContents .contents__card__personal__detail__notes {
	margin: 0;
	color: #727272;
}
.mainContents .contents__card__personal__detail__notes p,
.mainContents .contents__card__personal__detail__notes ul {
	font-size: 13px;
}
.mainContents #contents__card__personal__detail__intro--single .contents__card__personal__detail__notes ul li{
	list-style-type: none;
}
.mainContents .module__dialBlock--whiteBg {
	background-color: #fff;
}
.mainContents .module__dialBlock--whiteBg a:hover{
	text-decoration:none;
}
@media screen and (min-width: 768px) {
	.mainContents .module__cardCarouselList img {
		height: 136px;
	}
	.mainContents .module__cardCarouselList__carouselSp img {
		height: 136px;
	}
}
@media screen and (max-width: 767px){
	.mainContents .module__cardCarouselList img {
		height: 116px;
	}
	.mainContents .module__cardCarouselList__carouselSp img {
		height: 116px;
	}
	.mainContents #contents__card__personal__detail__carousel__type2 .module__cardCarouselList img {
		height: 185px;
		max-width: none;
		width: 116px;
	}
	.mainContents #contents__card__personal__detail__carousel__type2 .module__cardCarouselList__carouselSp img {
		height: 185px;
		max-width: none;
		width: 116px;
	}
}

@media screen and (max-width: 767px) {
	.mainContents .contents__card__personal__detail__notes ul {
		text-align: left;
	}
}

.premiumservice #contents__premiumservice__detail__report,
.premiumservicedetail #contents__premiumservice__detail__report{
	background-color: transparent;
}


/* RE01:お知らせ */
.mainContents .module__newsList{
	margin-bottom: 3em;
}
.mainContents .module__newsList ul{
	padding: 0;
}
.mainContents .module__newsList a {
	color: #262626;
	text-decoration: none;
}
.mainContents .module__newsList a:hover dd {
	text-decoration: none;
}
.mainContents .module__newsList .module__newsList--type.new {
	display: inline-block;
	min-width: auto;
	margin:0 10px 0 0;
	padding: 1px 10px;
	position: relative;
	top: -1px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f5493f;
	color:#fff;
}

/* YahooプレミアムDSPタグ */
img[src^="https://ads.yahoo.com"]{
	display:none;
}
/* /offers/index.html */
.mainContents .ncCampaign a {
	color: #262626;
}
.mainContents .ncCampaign a:hover {
	text-decoration: none;
}
.mainContents .ncCampaign a:hover img {
	opacity:.5;
}

/* /release/website/index.html */
.release #contents__release__detail__more .mainContents .ttlType2 {
	margin-top:0;
}
.release #contents__release__detail__more .mainContents img {
	display:inline;
	width:auto;
}
.release #contents__release__detail__more{
	padding-bottom:0;
	overflow:hidden;
}
/* お知らせ詳細 */
.release #contents__release__detail .mainContents section{
	background-image:none;
	padding-bottom:0;
}

/* カード特集 */
.card #contents__card__personalCard,
.card #contents__card__businessCard{
	padding-bottom:0;
}

.card #contents .mainContents #contents__card__personalCard section,
.card #contents .mainContents #contents__card__businessCard section{
	background-color:#f5f5f5;
}

.card #contents__card__personalCard + .cardlist > #contents__card__personal__list__cards,
.card #contents__card__businessCard + .cardlist > #contents__card__personal__list__cards{
	padding-bottom:0;
}
.card #contents__card__personalCard .contents__cardItem--image a:hover img,
.card #contents__card__businessCard .contents__cardItem--image:hover img {
	opacity: .5;
}
.card .mainContents #contents__card__personalCard p {
	max-width: 300px;
	margin-top: 20px;
}
@media screen and (max-width: 767px){
	.card .mainContents #contents__card__personalCard p {
		max-width: 240px;
		font-size: 14px;
		margin: 1em auto;
	}

}

section + .cardlist > .module__currentCheckSet{
	background-image:none;
}

/* 特集一覧 */
.mainContents #contents__card__personal__feature{
	padding-bottom:0;
	margin-bottom:-1px;
	background-color:transparent;
}
.mainContents #contents__card__personal__feature section{
	padding-bottom:0;
	margin-bottom:0;
	background-color:#fff;
}
.mainContents #contents__card__personal__feature section:nth-child(2n+1){
	background-color:transparent;
}
.mainContents #contents__card__personal__feature a:hover {
	text-decoration:none;
}

/* premium */
#premiumContentsDynamic + #premiumContentsBnr{
	margin-top:88px;
}
@media screen and (max-width: 767px) {
	#premiumContentsDynamic + #premiumContentsBnr{
		margin-top:44px;
	}
}

/* videoBlock */
.videoBlock {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videoBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* PC*/
@media screen and (max-width: 1024px) {
}
/* Tablet */
@media screen and (max-width: 1023px) {
}
/* Tablet */
@media screen and (max-width: 767px) {
}
/* SP */
@media screen and (max-width: 479px) {
}
/** margin **/
.mt0{
margin-top:0px!important;
}
.mt10{
margin-top:10px!important;
}
.mt20{
margin-top:20px!important;
}
.mt30{
margin-top:30px!important;
}
.mt40{
margin-top:40px!important;
}
.mt80{
margin-top:80px!important;
}
.mb0{
margin-bottom:0px!important;
}
.mb10{
margin-bottom:10px!important;
}
.mb20{
margin-bottom:20px!important;
}
.mb30{
margin-bottom:30px!important;
}
.mb40{
margin-bottom:40px!important;
}
.mb80{
margin-bottom:80px!important;
}
.mr0{
margin-right:0!important;
}
.mr20{
margin-right:20px!important;
}
.mb1em{
margin-bottom:1em;
}
.ml0{
margin-left:0!important;
}
.ml20{
margin-left:20px!important;
}
.PCmr20{
margin-right:20px!important;
}
.smt40{
margin-top:40px!important;
}
@media screen and (max-width:767px){
	.smt0{
	margin-top:0!important;
	}
	.smt20{
	margin-top:20px!important;
	}
	.smt40{
	margin-top:0px!important;
	}
	.mb80{
	margin-bottom:40px!important;
	}
}
/** padding **/
.p0{
padding:0px!important;
}
.p10{
padding:10px!important;
}
.p20{
padding:20px!important;
}
.pt0{
padding-top:0px!important;
}
.pt20{
padding-top:20px!important;
}
.pt30{
padding-top:30px!important;
}
.pt40{
padding-top:40px!important;
}
.pt80{
padding-top:80px!important;
}
.pb0{
padding-bottom:0px!important;
}
.pb20{
padding-bottom:20px!important;
}
.pb30{
padding-bottom:30px!important;
}
.pb40{
padding-bottom:40px!important;
}
.pb40Sp10{
padding-bottom:40px!important;
}
.pb40Sp0{
padding-bottom:40px!important;
}
.pb80{
padding-bottom:80px!important;
}
.pl0{
padding-left:0!important;
}
.bgNone{
	background-color: transparent!important;
}
@media screen and (max-width:767px){
	.pb80{
	padding-bottom:50px!important;
	}
	.pb40Sp10{
	padding-bottom:10px!important;
	}
	.pb40Sp0{
	padding-bottom:0!important;
	}
}

/*--------------------------------------------------

190906公開分 追加

--------------------------------------------------*/
/*ステップフローのCSS*/
.step__title {
	font-weight: bold;
	color: #727272;
	margin-left: 12px;
}

ul.stepflow {
	border: none;
	margin: 1em 0.5em;
	padding: 0;
	list-style: none;
	position: relative;
}

.stepflow>li {
    position: relative;
    padding: 0 0 1.8em 4.0em;
}
.stepflow>li:before {
	content: "";
	width: 3px;
	background: #727272;
	display: block;
	position: absolute;
	top: 36px;
	bottom: 0;
	left: 22px;
}

.stepflow>li.line_none:before {
	content: none;
}

.stepflow-gray {
	content: '';
	display: inline-block;
	position: absolute;
	left: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: solid 3px #727272;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #727272;
}
.stepflow_title {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.0;
	margin-bottom:15px;
}
.stepflow_content {
	font-size: .9em;
	line-height: 1.5;
	margin-top: .5em;
	padding: 0 0 1.5em;
}
/*ステップフローのCSSここまで*/
/*--------------------------------------------------

190906公開分 追加

--------------------------------------------------*/


/*--------------------------------------------------

200217公開分 追加

--------------------------------------------------*/
/*白字リンク*/
a.linkWhite {
	color: #fff !important;
}

/*モーダルウィンドウ*/
#modal{
	z-index: 4;
}

.modalWindow {
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	-webkit-animation: module__floatWindow-fade-in .3s ease;
	animation: module__floatWindow-fade-in .3s ease;
	opacity: 0;
}
.modalWindow.open {
	display: block;
	opacity: 1;
}
.modalWindow .modalWindow_inner {
	overflow-y: auto;
	max-height: 80%;
	padding: 0 60px;
}
.modalWindow .modalWindow_base {
	position: absolute;
	background-color: #fff;
}
.modalWindow .modalWindow_closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url(/common_new/images/card/detail/close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	width: 52px;
	height: 52px;
}
.modalWindow .ttlType2{
	padding-top: 30px;
}
.modalWindow .ttlType4{
	line-height: 24px;
}
.modalWindow .modalContact_contents{
	text-align: center;
	padding: 20px 20px;
}
.modalWindow .modalContact_contents a{
	font-size: 30px;
	margin-top: 0px;
}
.modalWindow .modalContact_contents h3{
	color: #262626;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 20px;
}
.modalWindow .modalContact_contents p{
	margin: 10px 0px 0px 0px;
}
.modalWindow .modalWindow_base.moW40{
	width: 40%;
}
.modalWindow .modalWindow_base.moW50{
	width: 50%;
}
.modalWindow .modalWindow_base.moW60{
	width: 60%;
}
.modalWindow .modalWindow_base.moW70{
	width: 70%;
}
.modalWindow .modalWindow_base.moW80{
	width: 80%;
}
.modalWindow .modalWindow_base.moH30{
	height: 30%;
}
.modalWindow .modalWindow_base.moH40{
	height: 40%;
}
.modalWindow .modalWindow_base.moH50{
	height: 50%;
}
.modalWindow .modalWindow_base.moH60{
	height: 60%;
}
.modalWindow .modalWindow_base.moH70{
	height: 70%;
}
.modalWindow .modalWindow_base.moH80{
	height: 80%;
}

@media screen and (min-width: 768px){
	.modalWindow {
		background-image: url(/common_new/images/card/detail/bg-float.png);
		background-repeat: repeat;
		background-size: 1px 1px;
	}
	.modalWindow .modalWindow_base {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 80%;
		max-width: 80%;
		margin: auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.modalWindow .row{
		margin-top: 0;
	}
	.modalWindow .modalContact_contents a[href^="tel:"]{
		pointer-events: none;
	}
}

@media screen and (max-width: 767px){
	.modalWindow {
		overflow-y: auto;
		background-color: #fff;
	}
	.modalWindow .modalWindow_header {
		position: fixed;
		z-index: 2;
		top: 0;
		height: 72px;
		width: 100%;
		background-color: #fff;
	}
	.modalWindow .modalWindow_inner {
		overflow-y: visible;
		max-height: 631px;
		padding: 72px 30px 0;
	}
	.modalWindow .modalWindow_closeBtn {
		width: 44px;
		height: 44px;
	}
	.modalWindow .modalWindow_base.moW40,
	.modalWindow .modalWindow_base.moW50,
	.modalWindow .modalWindow_base.moW60,
	.modalWindow .modalWindow_base.moW70,
	.modalWindow .modalWindow_base.moW80{
		width: 100%;
	}
	.modalWindow .modalContact_contents{
		padding: 15px 10px;
	}
	.modalWindow .modalContact_contents h3{
		font-size: 18px;
	}
	.modalWindow .modalContact_contents a{
		font-size: 25px;
	}
	.modalWindow .modalContact_contents p{
		margin: 5px 0px 0px 0px;
	}
}

/*診断ナビ*/
.diagnosisNavi .ttlType2, .diagnosisNavi a{
	color: #fff;
}
.diagnosisNavi .row {
	margin-top: 50px;
}

.diagnosisNavi .diagnosisNavi_btn{
	display: flex;
}

.diagnosisNavi .diagnosisNavi_btn:hover {
	text-decoration: none;
}
.diagnosisNavi .diagnosisNavi_btn p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: auto;
	min-height: 120px;
	margin: 0;
	padding: 10px;
	border: 3px solid #008eed;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
	color: #008eed;
	font-size: 25px;
	width: 100%;
}
.diagnosisNavi .diagnosisNavi_btn p:hover {
	background-color: #def2fd;
	cursor: pointer;
	text-decoration: none;
}
.diagnosisNavi .backLink {
	padding-bottom: 96px;
}
.diagnosisNavi section .contents__inner .backLink {
	padding-bottom: 0;
}
/* タブ切り替え */
.tabArea02 .row {
	margin: 35px 0px 0px 0px;
}

.tabArea02 .tab_btn{
	display: flex;
}


.tabArea02 .tab_btn:hover {
	text-decoration: none;
}
.tabArea02 .tab_btn p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: auto;
	min-height: 120px;
	padding: 10px;
	border: 3px solid #008eed;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
	color: #008eed;
	font-size: 25px;
	width: 100%;
}
.tabArea02 .tab_btn p:hover {
	background-color: #def2fd;
	cursor: pointer;
	text-decoration: none;
}

.tabArea02 .tab_btn.active p {
	color: #fff;
	background-color: #008eed;
}

@media screen and (min-width: 768px){
	.diagnosisNavi .row .col6:first-child {
		padding-left: 18%;
	}
	.diagnosisNavi .row .col6:last-child {
		padding-right: 18%;
	}
	.diagnosisNavi .backLink {
		margin-top: 50px;
	}
	.tabArea02 .row .col6:first-child {
		padding-left: 18%;
	}
	.tabArea02 .row .col6:last-child {
		padding-right: 18%;
	}
}

@media screen and (max-width: 767px){
	.diagnosisNavi .row {
		margin-bottom: 30px;
	}
	.diagnosisNavi .diagnosisNavi_btn p {
		min-height: 70px;
		font-size: 18px;
	}
	.diagnosisNavi .backLink {
		padding-bottom: 35px;
	}
	.tabArea02 .tab_btn p {
		min-height: 60px;
		font-size: 16px;
	}
}

/*--------------------------------------------------

200217公開分 追加ここまで

--------------------------------------------------*/

/* claer */
.clbh{
	clear:both !important;
}

/*--------------------------------------------------

200903公開分 追加ここまで

--------------------------------------------------*/

.auth {
	text-align: center;
	margin-top: 2em;
}

.auth__area {
	display: flex;
	justify-content: center;
	margin: 0 auto 2em;
}

p.auth__title {
	margin: 0;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	background-color: #e5e5e5;
	border: 1px solid #d9d9d9;
}

.auth__inputWrap {
	background-color: #fafafa;
	padding: 20px;
	border: 1px solid #d9d9d9;
	border-left-width: 0;
}

.auth__input {
	box-sizing: border-box;
	border: 1px solid #262626;
	border-radius: 5px;
	width: 114px;
	height: 100%;
	font-size: 16px;
	padding: 0 10px;
}

.auth__input.error {
	color: #f5493f;
	border-color: #f5493f;
	background-color: #ffd5d3;
}

.auth__button {
	display: block;
	margin: 0 auto;
	background-color: #008eed;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 18px;
	padding: 5px 30px;
}

.auth__button:disabled {
	background-color: #ccc;
}

.auth__button:hover {
	opacity: 0.7;
}

.auth__button:disabled:hover {
	opacity: 1;
}

.errorTextArea p {
	display: none;
	color: #f5493f;
}

/*--------------------------------------------------

200925公開分 追加

--------------------------------------------------*/

/** header **/
@media screen and (min-width: 1024px) {
	/* heading__txt */
	.heading__txt {
		font-size: 24px;
		display: inline-block;
		position: absolute;
		top: -3px;
	}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* heading__txt */
	.heading__txt {
		font-size: 22.11765px;
		display: inline-block;
		position: absolute;
		top: 3px;
	}
}
@media screen and (max-width: 767px) and (min-width: 480px) {
	/* heading__txt */
	.heading__txt {
		font-size: 18.11765px;
		padding-bottom: 5px;
		margin: 0px;
	}
}
@media screen and (max-width: 479px) {
	/* footer__txt */
	.heading__txt {
		font-size: 16px;
    	padding-bottom: 5px;
		margin: 0px;
	}
}
/* IE調整用 */
@media screen and (min-width: 1024px) and (-ms-high-contrast: none){
	.heading__txt {
		top:6px;
	}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (-ms-high-contrast: none){
	.heading__txt {
		top:9px;
	}
}
/* FireFox調整用 */
@-moz-document url-prefix(){
	@media screen and (min-width: 1024px){
		.heading__txt {
			top:2px;
		}
	}
	@media screen and (max-width: 1023px) and (min-width: 768px){
		.heading__txt {
			top:6px;
		}
	}
}

/** footer **/
@media screen and (min-width: 768px) {
	/* footer__txt */
	.footer__txt {
		font-weight: bold;
		width: auto;
		margin: 0;
		vertical-align: top;
		color: #fff;
		line-height: 48px;
    	float: left;
	}
}
@media screen and (max-width: 767px){
	/* footer__txt */
	.footer__txt {
		font-weight: bold;
		width: auto;
		margin: 0;
		vertical-align: top;
		color: #fff;
    	float: left;
	}
}

/** ttlType7 **/
@media screen and (min-width: 768px) {
	.ttlType7 {
		font-weight: normal;
		font-size: 40px;
		line-height: 1.5;
		margin-top: 0px;
    	margin-bottom: 28px;
	}
}
@media screen and (max-width: 767px) {
	.ttlType7 {
		font-weight: normal;
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------

200925公開分 追加ここまで

--------------------------------------------------*/



/*--------------------------------------------------

220601公開分 追加

--------------------------------------------------*/

/* height */
.adsorptionArea.fixed .adsorptionArea__fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
.adsorptionArea,
.adsorptionArea .adsorptionArea {
	height: auto;
}
.adsorptionArea .adsorptionArea__fixed {
	padding-bottom: 15px;
	padding-top: 15px;
	background-color:#fff;
	-moz-box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.1);
}
.adsorptionArea.adsorptionArea-transparent .adsorptionArea__fixed {
	background-color: rgba(204, 204, 204,0.8);
	padding-bottom: 30px;
	padding-top: 30px;
}

@media screen and (max-width: 767px){
	.adsorptionArea,
	.adsorptionArea .adsorptionArea__fixed {
		height: auto;
	}
	.adsorptionArea .adsorptionArea__fixed,
	.adsorptionArea.adsorptionArea-transparent .adsorptionArea__fixed {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/* .adsorptionArea__2col */
.adsorptionArea__fixed .adsorptionArea__2col {
	text-align: center;
}
.adsorptionArea__fixed .adsorptionArea__2col ul {
	display: flex;
	margin:0 auto;
	padding: 0;
	justify-content: center;
	list-style: none;
	align-items: center;
}
.adsorptionArea__fixed .adsorptionArea__2col ul li{
	width: 280px;
	width: 100%;
}
.adsorptionArea__fixed .adsorptionArea__2col ul li + li{
	margin-left: 18px;
}
.adsorptionArea__fixed .adsorptionArea__2col ul {
	*zoom: 1;
	max-width: 700px;
}

@media screen and (max-width: 767px) {
	.adsorptionArea__fixed .adsorptionArea__2col ul {
		flex-direction: column;
	}
	.adsorptionArea__fixed .adsorptionArea__2col ul li{
		max-width: 350px;
		width: 100%;
	}
	.adsorptionArea__fixed .adsorptionArea__2col ul li + li{
		margin-left: 0px;
		margin-top: 10px;
	}
	.adsorptionArea__fixed .adsorptionArea__2col.spReverse ul {
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 319px){
	.adsorptionArea__fixed .adsorptionArea__2col ul li{
		width: 100%;
		margin-top: 3px;
	}
}

/* .adsorptionBtn */
.adsorptionArea__fixed .adsorptionBtn {
	background-color: #008eed;
	color:#fff;
	max-width: 280px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
}
.adsorptionArea-transparent .adsorptionArea__fixed .adsorptionBtn {
  -moz-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.4);
}
.adsorptionArea__fixed .adsorptionBtn + .adsorptionBtn {
	margin-top: 1em;
}
.adsorptionArea__fixed table.type01 td .adsorptionBtn {
	margin:0 auto;
}
.adsorptionArea__fixed .adsorptionBtn:hover {
	background-color: #80c7f6;
  -moz-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, 0.2);
}
.adsorptionArea__fixed .adsorptionBtn a{
	display: block;
	padding: 10px 0px;
	color:#fff;
}
.adsorptionArea__fixed .adsorptionBtn a:hover{
	text-decoration: none;
}
.adsorptionArea__fixed .adsorptionBtn.cancel{
	background-color: #ccc;
}
@media screen and (max-width: 767px) {
	.adsorptionArea__fixed .adsorptionArea__2col .adsorptionBtn{
		margin-top: 0;
	}
	.adsorptionArea__fixed .adsorptionArea__2col .adsorptionBtn a{
		padding: 6px 0px;
	}
}

.adsorptionArea__fixed .adsorptionBtn.green{
	background-color: #76c252;
}
.adsorptionArea__fixed .adsorptionBtn.green:hover{
	background-color: #BBE1A9;
}
.adsorptionArea__fixed .adsorptionBtn.orange{
	background-color: #fc7d73;
}
.adsorptionArea__fixed .adsorptionBtn.orange:hover{
	background-color: #FEBEB9;
}
.adsorptionArea__fixed .adsorptionBtn.orange02{
	background-color: #ff7a35;
}
.adsorptionArea__fixed .adsorptionBtn.orange02:hover{
	background-color: #FFBD9A;
}
.adsorptionArea__fixed .adsorptionBtn.white{
	background-color: #fff;
}
.adsorptionArea__fixed .adsorptionBtn.white:hover{
	background-color: #fff;
}
.adsorptionArea__fixed .adsorptionBtn.white a{
	color:#737373;
}
.adsorptionArea__fixed .adsorptionBtn.gray{
	background-color: #c9c9c9;
}
.adsorptionArea__fixed .adsorptionBtn.gray:hover{
	background-color: #e4e4e4;
}

/* adsorptionTxt  */
.adsorptionTxt {
	margin: 10px 0 0;
	text-align: center;
}

/* adsorptionArea link  */
.adsorptionTxt a {
	color: #008dec;
}
.adsorptionTxt a:hover {
	text-decoration: underline;
}

.adsorptionTxt a.internal:visited,
.adsorptionTxt a.external:visited,
.adsorptionTxt a.anchorLink:visited,
.adsorptionTxt a.file:visited {
	color:#3545bf;
}

.adsorptionTxt a.internal::after,
.adsorptionTxt a.external::after,
.adsorptionTxt a.file::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 7px;
	height: 12px;
	background: url(/common_new/images/common/icon_arrow-blue.png) no-repeat 50% 50%;
	-webkit-background-size: 7px 12px;
	background-size: 7px 12px;
}
.adsorptionTxt a.external::after {
	width: 10px;
	height: 10px;
	background-image: url(/common_new/images/common/icon_blank10-blue.png);
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}
.adsorptionTxt a.anchorLink::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 12px;
	height: 7px;
	background: url(/common_new/images/common/icon_anchor-blue.png) no-repeat 50% 50%;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
}

/* fixe text */
@media screen and (max-width: 767px) {
	.adsorptionArea__fixed .hiddenSP{
		display: none;
	}
}

/* IE 11 */
@media (-ms-high-contrast:none) and (max-width: 330px){
	*::-ms-backdrop,
	.adsorptionArea__fixed .adsorptionArea__2col ul li{
		display: block;
		width: 100%;
		float: none;
		margin-top: 3px;
	}
}

/* pc */
.adsorptionAreaPC {
	display: block;
}
@media screen and (max-width: 767px) {
	.adsorptionAreaPC {
		display: none;
	}
}

/* sp */
.adsorptionAreaSP {
	display: none;
}
@media screen and (max-width: 767px) {
	.adsorptionAreaSP {
		display: block;
	}
	.adsorptionAreaSP .adsorptionArea__fixed .adsorptionArea__2col ul li {
		float: none;
	}
	.adsorptionAreaSP .adsorptionArea__fixed .adsorptionArea__2col ul li + li{
		margin-top: 10px;
	}
	.adsorptionAreaSP .adsorptionArea__fixed .adsorptionArea__2col .adsorptionBtn a {
		font-size: 15px;
		width: 200px;
	}
}


/*--------------------------------------------------

220601公開分 追加ここまで

--------------------------------------------------*/

/*--------------------------------------------------

221124公開分 追加

--------------------------------------------------*/
.slider__SU__container + .slider__SU__container {
	margin-top: 50px;
}

.slider__SU__container .swiper {
	padding: 0 48px 50px;
}

.slider__SU__container .swiper-slide {
	transform: translate(10%,0);
	display: flex;
	flex-direction: column;
	height: auto;
	border: 1px solid #7d7d7d;
	box-sizing: border-box;
}

.slider__SU__container .swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slider__SU__container .swiper-button-next,
.slider__SU__container .swiper-button-prev {
	z-index: 5;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor: pointer;
}

.slider__SU__container .swiper-button-next {
	right: 10px;
}

.slider__SU__container .swiper-button-prev {
	left: 10px;
}


.slider__SU__container .swiper-button-next:before,
.slider__SU__container .swiper-button-prev:before,
.slider__SU__container .swiper-button-next:after,
.slider__SU__container .swiper-button-prev:after {
	bottom: 0;
	content: "";
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	background-color: #aaa;
}

.slider__SU__container .swiper-button-next:before,
.slider__SU__container .swiper-button-prev:before {
	width: 32px;
	height: 32px;
	border-radius: 32px;
}

.slider__SU__container .swiper-button-next:after,
.slider__SU__container .swiper-button-prev:after {
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}

.slider__SU__container .swiper-button-next:after {
	left: 5.5px;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
}

.slider__SU__container .swiper-button-prev:after {
	right: 5.5px;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

.slider__SU__container .swiper-button-prev.swiper-button-disabled,
.slider__SU__container .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.slider__SU__container .swiper-pagination {
	z-index: 5;
}

.slider__SU__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 10px;
}

.slider__SU__container .swiper-pagination-bullet-active {
	background-color: #7d7d7d;
}

.slider__SU__container .slide__inner {
	padding: 20px 30px;
}

.slider__SU__container .slide__img {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.slider__SU__container .slide__lead {
	text-align: center;
	margin: 14px 0;
	box-sizing: border-box;
}

.slider__SU__container .slide__lead p {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

.slider__SU__container .slide__content {
	height: auto;
	box-sizing: border-box;
}

.slider__SU__container .slide__content > * {
	margin: 14px 0;
}

.slider__SU__container .slide__content > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.slider__SU__container {
		padding: 0;
	}
	.slider__SU__container + .slider__SU__container {
		margin-top: 30px;
	}
	.slider__SU__container .swiper {
		padding: 0;
		padding-bottom: 40px;
	}
	.slider__SU__container .slide__inner {
		padding: 20px 34px;
	}
	.slider__SU__container .swiper-button-prev {
		left: 4px;
	}
	.slider__SU__container .swiper-button-next {
		right: 4px;
	}
	.slider__SU__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 6px;
	}
	.slider__SU__container .slide__content > * {
		margin: 12px 0;
	}
}

/*--------------------------------------------------

221124公開分 追加ここまで

--------------------------------------------------*/

/*--------------------------------------------------

230712公開分 追加

--------------------------------------------------*/
.mainContents .imgList ul {
	-webkit-box-align: start;
			-ms-flex-align: start;
					align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	margin: 0;
	width: 100%;
}
.mainContents .imgList ul li {
	text-align: center;
	margin: 0 12px 12px;
	padding: 0;
	width: calc(16.6% - 24px);
}
@media screen and (max-width: 767px) {
	.mainContents .imgList ul li {
		width: calc(33.3% - 24px);
	}
}
.mainContents .imgList ul li figure {
	margin: 0;
}
.mainContents .imgList ul li .ttl {
	font-size: 17px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.mainContents .imgList ul li .ttl {
		font-size: 13px;
	}
}
.mainContents .col6 .imgList ul li {
	margin-bottom: 0;
	width: calc(33.3% - 24px);
}

.cardLink__Linkarea * {
	font-family: Avenir Next Lt Pro, Century gothic, "Helvetica neue", Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	box-sizing: border-box;
}

.cardLink__Linkarea {
	border-radius: 10px;
	background-color: #fff;
}

.cardTopSection img {
border: 0;
max-width: 100%;
vertical-align: bottom;
}

.cardLink__cardlist ul, .cardLink__cardlist li{
	list-style-type: none;
	padding: 0;
	
}
.cardLink__cardlist {
	margin: 0 auto;
}

.cardLink__cardlist li a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	color: #262626;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
	border: 1px solid #E0E0E0;
	background-color: #FFF;
}

	.cardLink__cardlist li a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translateY(-50%);
		width: 25px;
		height: 25px;
		background-color: transparent;
		border: 1px solid #333;
		border-radius: 50%;
}

	.cardLink__cardlist li a::after {
		content: '';
		position: absolute;
		top: calc(50% - 1px);
		right: 27px;
		transform: rotate(45deg) translateY(-50%);
		width: 6px;
		height: 6px;
		border-width: 1px 1px 0 0;
		border-style: solid;
		border-color: #333 #333 transparent transparent;
		box-sizing: border-box;
	}

	.cardLink__cardlist li a:hover {
		background-color: #FFF;
		filter:opacity(80%);
		text-decoration: none;
	}

	.cardLink__cardlistTxt {
		text-align: left;
		font-size: 12px;
		line-height: 1.4;
		margin: 0 0 0.5em;
	}

	.cardLink__cardlistTxt_tal {
		text-align: left;
	}

	.cardLink__cardlistTxt_em {
		font-weight: bold;
		font-size: 13px;
	}

	.cardLink__cardlistTxtt_sm {
		font-size: 13px;
	}


@media screen and (max-width: 768px) {
	.cardLink__cardlist li {
		margin: 0 auto 30px;
		width: 343px;
	}

	.cardLink__cardlist li a {
		margin-bottom: 22px;
		padding: 5% 12.25% 5% 5%;
		box-sizing: border-box;
		height: 155px;
	}

	.cardLink__cardlistImg {
		margin-right: 4.375%;
		width: 50%;
	}

	.cardLink__cardlistImg img {
		max-width: 105px;
	}

	.cardLink__cardlist {
		margin-top: 14.0625%;
	}

	.cardLink__cardlistTxt {
		width: 63%;
	}

}

@media screen and (min-width: 769px) {
	.cardLink__cardlist {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0;
		justify-content: center;
	}

	.cardLink__cardlist li {
		margin: 0 6px 30px;
		width: 477px;
	}

	.cardLink__cardlist li a {
		padding: 20px 35px 20px 30px;
		height: 162px;
		box-sizing: border-box;
	}

	.cardLink__cardlistImg {
		margin-right: 20px;
		width: 140px;
	}

	.cardLink__cardlistImg img {
		max-width: 120px!important;
	}

	.cardLink__cardlistTxt {
		font-size: 14px;
		line-height: 2;
		margin: 0 0 0.5em;
		width: 65%;
		padding-left: 10px;
	}

	.cardLink__cardlistTxt_em {
		font-weight: bold;
		line-height: 1.4;
		font-size: 14px;
	}

	.cardLink__cardlistTxt.tal {
	}

	.cardLink__cardlist .cardLink__cardlistTxt_sm {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 0;
	}
	
}
/*--------------------------------------------------

230712公開分 追加ここまで

--------------------------------------------------*/


/*--------------------------------------------------

221208公開分 追加

--------------------------------------------------*/
/*パラメータタブ切り替え*/
.mainContents .tabArea__Par ul{
    display: flex;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin: 30px 0;
}
.mainContents .tabArea__Par ul li{
    border-spacing: 0;
    border-top: solid 1px #008EED;
    border-bottom: solid 1px #008EED;
    border-left: solid 1px #008EED;
    position: relative;
}
.mainContents .tabArea__Par ul li:last-child{
    border-right: solid 1px #008EED;
}
.mainContents .tabArea__Par ul li a{
    display: flex;
    height: 100%;
    box-sizing: border-box;
    padding: 14px 7px;
    justify-content: center;
    align-items: center;
}
.mainContents .tabArea__Par ul li:first-child:nth-last-child(2),
.mainContents .tabArea__Par ul li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
.mainContents .tabArea__Par ul li:first-child:nth-last-child(3),
.mainContents .tabArea__Par ul li:first-child:nth-last-child(3) ~ li {
    width: 33.3%;
}
.mainContents .tabArea__Par ul li a.active, .mainContents .tabArea__Par ul li a:hover{
    color: #fff;
    background-color: #008EED;
    text-decoration: none;
}
.mainContents .tabArea__Par ul li a:hover{
    opacity: 0.5;
}
.mainContents .tabArea__Par ul li a.active:hover{
    opacity: 1;
}
.mainContents .tabArea__Par ul li a.active::after{
    border-style: solid;
    border-width: 12px 14px 0 14px;
    border-color: #008EED transparent transparent transparent;
    bottom: -12px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
}
@media screen and (max-width: 767px){
    .mainContents .tabArea__Par ul{
        font-size: 14px;
        line-height: 14px;
    }
    .mainContents .tabArea__Par ul li a{
        padding: 14px 3px;
        justify-content: center;
        align-items: center;
    }
}
/*カルーセル*/
.mainContents .usual__slider_area{
    padding: 20px 0;
    position: relative;
}
.mainContents .usual__slider_area .swiper-button-prev,
.mainContents .usual__slider_area .swiper-button-next {
    z-index: 3;
    width: auto;
    top: 45%;
}
.mainContents .usual__slider_area .swiper-button-next::after {
    background: url(/common_new/images/btn_swiper_arrow.png) 0 0/contain no-repeat;
    content: "";
    height: 44px;
    margin: auto;
    width: 44px;
}
.mainContents .usual__slider_area .swiper-button-prev::after {
    background: url(/common_new/images/btn_swiper_arrow.png) 0 0/contain no-repeat;
    content: "";
    height: 44px;
    margin: auto;
    width: 44px;
}
.mainContents .usual__slider_area .swiper-button-next::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media screen and (min-width: 768px){
    .mainContents .usual__slider_area .swiper-button-prev,
    .mainContents .usual__slider_area .swiper-button-next {
        height: 64px;
        width: 64px;
        top: 39%;
    }
    .mainContents .usual__slider_area .swiper-button-prev{
        left: 1px;
    }
    .mainContents .usual__slider_area .swiper-button-next {
        right: 1px;
    }
    .mainContents .usual__slider_area .swiper-button-prev::after,
    .mainContents .usual__slider_area .swiper-button-next::after {
        background: url(/common_new/images/btn_swiper_arrow.png) 0 0/contain no-repeat;
        content: "";
        height: 64px;
        margin: auto;
        width: 64px;
    }
    .mainContents .usual__slider_area .swiper-button-next::after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}
.mainContents .usual__slider_area .swiper {
    position: unset;
    max-width: 720px;
    width: 80%;
}
@media screen and (max-width: 767px){
    .mainContents .usual__slider_area .swiper {
        width: 100%;
    }
}
.mainContents .usual__slider_area .swiper-wrapper .swiper-slide {
    width: 100%;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.mainContents .usual__slider_area .swiper-ctrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
}
.mainContents .usual__slider_area .swiper-ctrl .swiper-pagination-bullets {
    margin:16px 0;
    position: static;
    width: auto !important;
}
.mainContents .usual__slider_area .swiper-ctrl .swiper-pagination-bullet {
    height: 12px;
    margin: 0 11px !important;
    width: 12px;
}
.mainContents .usual__slider_area .swiper-ctrl .swiper-pagination-bullet-active {
    background-color: #262626;
}
@media screen and (max-width: 767px){
    .mainContents .usual__slider_area .swiper-ctrl .swiper-pagination-bullets {
        position: static;
        margin: 6px 0;
        width: auto !important;
    }
    .mainContents .usual__slider_area .swiper-ctrl .swiper-pagination-bullet {
        height: 8px;
        margin: 0 6px !important;
        width: 8px;
    }
}
.mainContents .slider_area .usual__slider {
    opacity: 0;
    position: relative;
}
.mainContents .slider_area .usual__slider--inactive {
    opacity: 1;
    position: relative;
}
.mainContents .slider_area .usual__slider__item {
    display: block;
    text-align: center;
}
@media screen and (max-width: 767px){
    .mainContents .usual__slider .swiper-slide-active a{
        pointer-events: auto !important;
    }
    .mainContents .usual__slider .usual__slider__item a{
        pointer-events: none;
    }
    .mainContents .usual__slider_none .swiper-wrapper .usual__slider__item a {
        pointer-events: auto;
    }
}
.mainContents .usual__slider_none{
    margin-bottom: 50px;
}
.mainContents .usual__slider_none .usual__slider__item {
    text-align: right;
}
.mainContents .usual__slider_none .swiper-wrapper {
    justify-content: center;
}
.mainContents .usual__slider_none .swiper-wrapper .swiper-slide{
    width: 46%;
}
.mainContents .usual__slider_none .usual__slider__item:last-child{
    text-align: left;
    margin-left: 18px;
}
@media screen and (max-width: 767px){
    .mainContents .usual__slider_none .usual__slider__item:last-child{
        margin-left: 10px;
    }
}
.mainContents .usual__slider_none .usual__slider__item:only-child{
    text-align: center;
}
.mainContents .usual__slider_none .swiper-button-prev ,.mainContents .usual__slider_none .swiper-button-next{
    display: none;
}
/*--------------------------------------------------

221208公開分 追加ここまで

--------------------------------------------------*/

.modalButton {
	background-color: #008eed;
	border: none;
	cursor: pointer;
	margin: 1em auto;
    padding: 6px 30px;
	appearance: none;
    color: #fff;
    max-width: 300px;
	width: 100%;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
	display: block;
    word-break: break-word;
    position: relative;
    z-index: 0;
}
.modalButton:hover {
	opacity: 0.5;
}
.modalButton::after {
    content: " ";
    width: 12px;
    height: 12px;
    background-image: url(/common_new/images/common/icon_modal-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 12px 12px;
	display: inline-block;
}
@media screen and (max-width: 767px){
	.modalButton {
		max-width: 240px;
        font-size: 14px;
    }
}
.modalTextButton {
	border: none;
	cursor: pointer;
	color: #008dec;
	background-color: initial;
	padding: 0;
	font-size: 14px;
}
.modalTextButton:hover {
	text-decoration: underline;
}
.modalTextButton::after {
    content: " ";
    width: 10px;
    height: 10px;
    background-image: url(/common_new/images/common/icon_modal-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 10px 10px;
	display: inline-block;
}
@media screen and (max-width: 767px){
	.modalTextButton {
		font-size: 12px;
	}
}
.customModalOverlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 10;
}
.customModal {
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 648px;
	max-height: 90vh;
	overflow: hidden;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	padding-bottom: 30px;
	box-sizing: border-box;
    z-index: 11;
}
.customModal.customModal--lg {
    max-width: 984px;
}
@media screen and (max-width: 767px){
    .customModal {
        width: 90%;
    }
}
.customModal[hidden] {
    display: none;
}
.customModal__closeButton {
    background: none;
    border: none;
    cursor: pointer;
	position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(/common_new/images/card/detail/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 52px;
    height: 52px;
	padding: 0;
}
@media screen and (max-width: 767px){
	.customModal__closeButton {
        width: 44px;
        height: 44px;
    }
}
.customModal__header {
	padding: 30px 60px;
}
@media screen and (max-width: 767px){
	.customModal__header {
		padding: 30px;
	}
}
.customModal__title {
	font-size: 28px;
    margin: 0;
    font-weight: normal;
    line-height: 1.3;
}
.customModal__title.customModal__title--lg {
	font-size: 32px;
}
@media screen and (max-width: 767px){
	.customModal__title {
        font-size: 18px;
    }
	.customModal__title.customModal__title--lg {
		font-size: 19px;
	}
}
.customModal__body {
    padding: 0 60px;
	flex: 1;
    overflow-y: auto;
}
@media screen and (max-width: 767px){
	.customModal__body {
        padding: 0 15px;
    }
}
.customModal__contact {
	font-size: 30px;
}
@media screen and (min-width: 768px) {
	.customModal__contact {
		pointer-events: none;
	}
}
@media screen and (max-width: 767px){
	.customModal__contact {
		font-size: 25px;
	}
}
.customModal__contact span {
	font-size: 18px;
}
@media screen and (max-width: 767px){
	.customModal__contact span {
		font-size: 15px;
	}
}
@keyframes modalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes modalFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.customModal.show {
    display: flex; 
    animation: modalFadeIn 0.4s;
}
.customModal.hide {
    animation: modalFadeOut 0.4s;
}
body.modalOpen {
    overflow: hidden;
    width: 100%;
	height: 100%;
}
/*--------------------------------------------------

241129公開分 追加ここまで

--------------------------------------------------*/
.mainContents .openDetailArea .btnBlock .btn.btn--sm,
.mainContents .openDetailArea2 .btnBlock .btn.btn--sm {
	font-size: 18px;
	padding: 18px 0;
	padding-right: 2.5em;
}
.mainContents .openDetailArea .btnBlock .btn.btn--sm::after,
.mainContents .openDetailArea2 .btnBlock .btn.btn--sm::after {
	width: 24px;
    height: 24px;
	background-size: 24px 24px;
	right: 8px;
	transform: translateY(-50%);
	margin: 0;
}
@media screen and (max-width: 767px){
	.mainContents .openDetailArea .btnBlock .btn.btn--sm,
	.mainContents .openDetailArea2 .btnBlock .btn.btn--sm {
		font-size: 15px;
		padding: 15px 0;
		padding-right: 55px;
	}
	.mainContents .openDetailArea .btnBlock .btn.btn--sm::after,
	.mainContents .openDetailArea2 .btnBlock .btn.btn--sm::after {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
		right: 28px;
	}
}
.mainContents .openDetailArea .detaiBlock.detaiBlock--sm,
.mainContents .openDetailArea2 .detaiBlock.detaiBlock--sm {
	margin-top: 1em;
}
/*--------------------------------------------------

241225公開分 追加ここまで

--------------------------------------------------*/
.mainContents a.linkElm::after, .mainContents .linkElm__external::after {
    content: "";
    display: inline-block;
    margin-left: 6px;
    width: 15px;
    height: 12px;
    background: url(/common_new/images/common/icon_blank10-blue.png) no-repeat 50% 50%;
    -webkit-background-size: 7px 12px;
    background-size: 13px 12px;
}
.mainContents .pictBlock .linkElm__external{
    color: #008dec;
}
.module__dialBlock--whiteBg span.telInfo {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.module__dialBlock--whiteBg span.telInfo {
		color: #008dec;
	}
}
.mainContents .tableContainerScroll {
	overflow-x: auto;
}
.mainContents .tableContainerScroll th {
	z-index: 1;
}
.mainContents .tableContainerScroll th,
.mainContents .tableContainerScroll td {
	background-color: #fff;
}
.mainContents .tableContainerScroll table.type01 {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll table.type01 {
		width: auto;
		min-width: 100%;
	}
}
.mainContents .tableContainerScroll table.type01 thead th:first-child {
	padding-left: 10px;
}
.mainContents .tableContainerScroll table {
	table-layout: fixed;
	border-collapse: separate;
}
.mainContents .tableContainerScroll table.type01.vLine {
	border-collapse: separate;
}
.mainContents .tableContainerScroll table.type01.vLine thead tr:not(:first-child) th:first-child {
    border-left: none;
}
.mainContents .mainContents .tableContainerScroll table tr:first-child > * {
	border-top: #e5e5e5 1px solid;
}
.mainContents .tableContainerScroll table th, 
.mainContents .tableContainerScroll table td {
	position: relative;
	text-align: left;
	border-bottom: #e5e5e5 1px solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.5;
	padding: 20px 10px;
}
.mainContents .tableContainerScroll table.type01.vLine th, 
.mainContents .tableContainerScroll table.type01.vLine td {
	border: none;
	border-right: #e5e5e5 1px solid;
	border-bottom: #e5e5e5 1px solid;
}
.mainContents .tableContainerScroll table.type01.vLine th + th {
	border-left: none;
}
.mainContents .tableContainerScroll table th {
	font-weight: bold;
}

.mainContents .tableContainerScroll table td {
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll table.type01 th,
	.mainContents .tableContainerScroll table.type01 td {
		padding: 10px;
	}
}
.mainContents .tableContainerScroll.tableContainerScroll--vertical table th {
	min-width: 100px;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll.tableContainerScroll--vertical table th {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
	}
}
.mainContents .tableContainerScroll.tableContainerScroll--vertical table.spFirstColWide th {
	min-width: 150px;
}
.mainContents .tableContainerScroll--vertical td {
	min-width: 260px;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll--vertical td {
		min-width: 150px;
	}
}
.mainContents .tableContainerScroll--vertical table.type01.vLine th {
	border-left: #e5e5e5 1px solid;
}
.mainContents .tableContainerScroll--vertical table tr:first-child th {
    position: relative;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll--vertical table tr:first-child th:first-child {
		z-index: 2;
		position: -webkit-sticky;
		position: sticky;
	}
}
.mainContents .tableContainerScroll--horizontal table.vLine {
	border-left: #e5e5e5 1px solid;
}
@media screen and (max-width: 767px) {
	.mainContents .tableContainerScroll--horizontal table th,
	.mainContents .tableContainerScroll--horizontal table td {
		width: auto;
		min-width: 120px;
	}
	.mainContents .tableContainerScroll--horizontal table.type01 td {
		width: auto;
	}
}
.carddetail #contents__card__personal__detail__intro.contents__card__personal__detail__intro--bgWhite,
.carddetail #contents__card__personal__detail__intro--single.contents__card__personal__detail__intro--bgWhite {
	background-color: #fff;
}
/*--------------------------------------------------

250321公開分 追加ここまで

--------------------------------------------------*/
.mainContents .mediaList {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5em;
	margin-top: 2em;
}
.mainContents .media {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
}
.mainContents .media--reverse {
	flex-direction: column-reverse;
}
.mainContents .media__thumb {
	order: 0;
	text-align: center;
}
.mainContents .media__body {
	order: 1;
}
.mainContents .media__body > *:first-child {
	margin-top: 0;
}
.mainContents .media__body > *:last-child {
	margin-bottom: 0;
}
.mainContents .media__body > .ttlType2:first-child,
.mainContents .media__body > .ttlType3:first-child {
	padding-top: 0;
}
.mainContents .media__body > *:first-child .normalBtn,
.mainContents .media__body > *:first-child ul li:first-child .submitBtn {
	margin-top: 0;
}
@media screen and (max-width: 767px){
	.mainContents .media {
		grid-template-columns: 1fr;
		gap: 0.5em;
	}
}
@media screen and (min-width: 768px){
	.mainContents .media--reverse .media__thumb {
		order: 1;
	}
	.mainContents .media--reverse .media__body {
		order: 0;
	}
	.mainContents .media--ratio-1-11 {
		grid-template-columns: 1fr 11fr;
	}
	.mainContents .media--ratio-2-10 {
		grid-template-columns: 2fr 10fr;
	}
	.mainContents .media--ratio-3-9 {
		grid-template-columns: 3fr 9fr;
	}
	.mainContents .media--ratio-4-8 {
		grid-template-columns: 4fr 8fr;
	}
	.mainContents .media--ratio-5-7 {
		grid-template-columns: 5fr 7fr;
	}
	.mainContents .media--ratio-6-6 {
		grid-template-columns: 6fr 6fr;
	}
	.mainContents .media--ratio-7-5 {
		grid-template-columns: 7fr 5fr;
	}
	.mainContents .media--ratio-8-4 {
		grid-template-columns: 8fr 4fr;
	}
	.mainContents .media--ratio-9-3 {
		grid-template-columns: 9fr 3fr;
	}
	.mainContents .media--ratio-10-2 {
		grid-template-columns: 10fr 2fr;
	}
	.mainContents .media--ratio-11-1 {
		grid-template-columns: 11fr 1fr;
	}
	.mainContents .media--reverse.media--ratio-1-11 {
		grid-template-columns: 11fr 1fr;
	}
	.mainContents .media--reverse.media--ratio-2-10 {
		grid-template-columns: 10fr 2fr;
	}
	.mainContents .media--reverse.media--ratio-3-9 {
		grid-template-columns: 9fr 3fr;
	}
	.mainContents .media--reverse.media--ratio-4-8 {
		grid-template-columns: 8fr 4fr;
	}
	.mainContents .media--reverse.media--ratio-5-7 {
		grid-template-columns: 7fr 5fr;
	}
	.mainContents .media--reverse.media--ratio-7-5 {
		grid-template-columns: 5fr 7fr;
	}
	.mainContents .media--reverse.media--ratio-8-4 {
		grid-template-columns: 4fr 8fr;
	}
	.mainContents .media--reverse.media--ratio-9-3 {
		grid-template-columns: 3fr 9fr;
	}
	.mainContents .media--reverse.media--ratio-10-2 {
		grid-template-columns: 2fr 9fr;
	}
	.mainContents .media--reverse.media--ratio-11-1 {
		grid-template-columns: 1fr 11fr;
	}
}
/*--------------------------------------------------

250512公開分 追加ここまで

--------------------------------------------------*/