@import url("/product/promotion/promotion_assets/css/page-top_news.css");
@import url("/product/promotion/promotion_assets/css/special-nav.css");
@import url("/product/promotion/promotion_assets/css/conversion-area.css");
@import url("/product/promotion/promotion_assets/css/breadcrumb.css");
@import url("/product/promotion/promotion_assets/css/promotion_common.css");
@import url("/product/promotion/promotion_assets/css/product_links.css");
@import url("/product/promotion/promotion_assets/css/product_links_other.css");
@import url("/product/promotion/promotion_assets/css/style_product_irregular.css"); 

/*--------------------------------------------------------------------------------------*/
/*専用CSS*/
.l-footer {
	margin-top: 0px;
}

#product header div.indexpage {
	height: 35em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 120rem;
}
#product header div.indexpage h1{
	font-size:2.86rem;
	text-align:center;
	margin-bottom:3rem;
	width: 100%;
	font-weight: bold;
}
#product header div.indexpage h1 span{
	font-size:2.2rem;
	display: block;
	margin-bottom: 0.5em;
}

#product header div.indexpage img{
	position:relative;
	top: auto;
	right: auto;
}

#product h1.center,
#product h2.center,
#product h3.center,
#product h4.center,
#product h5.center{
	text-align:center;
}
#product h1.blue,
#product h2.blue,
#product h3.blue,
#product h4.blue,
#product h5.blue{
	color:rgba(0,94,184,1.0);
}
#product .large{
	font-size:140%;
	color:rgba(0,94,184,1.0) !important;
	line-height:1;
}
#product section.contents h4.large{
	font-size: 2.4rem;
}
#product section.contents span.small{
	font-size: 1.1rem !important;
	display:block;
	color:#333 !important;
	margin-top:0.4rem;
	/*color: #999 !important;*/
}



#product section.contents.bg_gray {
	background-color:#f5f5f5;
}
#product section.contents.bg_blue {
	background-color:#d0e1f1;
}

#product section.contents .w1000.block{
	border-top: 0px solid #e6e6e6;
}

#product header.type_black {
	/*background-color: #333333;*/
	color: #fff;
	/*-webkit-text-stroke: 2px rgb(0,0,10,0.5); 
	text-stroke: 2px black; */
	text-shadow:
		/* 上下左右 */
		2px 0 0 rgba(0,0,10,0.3), -2px 0 0 rgba(0,0,10,0.3), 
		0 2px 0 rgba(0,0,10,0.3), 0 -2px 0 rgba(0,0,10,0.3),
		/* 斜め */
		2px 2px 0 rgba(0,0,10,0.3), -2px 2px 0 rgba(0,0,10,0.3), 
		2px -2px 0 rgba(0,0,10,0.3), -2px -2px 0 rgba(0,0,10,0.3);
	margin-bottom: 6rem;
	background-image: url('../images/top_bg.png');
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: top center;
	width: 100%;
	/*opacity:0.6;*/
}
#product section.contents .flexbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e6e6e6;
	padding: 2rem 2rem 3rem 2rem;
}
#product section.contents .flexbox figure{
	/*width:min-content !important;*/
}
#product section.contents .flexbox_foam{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#product section.contents .flexbox_foam div{
	width: 42%;
}
#product section.contents .border_gray{
	border: 1px solid #e6e6e6;
	padding: 2rem;
	width:60% !important;
	margin:0 auto;
}

/*例えばこのようなご要望に*/
#product section.contents ul.list_type1{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	border: 1px solid #e0e0e0;
	padding: 2em 1em 1em 5em;
}
#product section.contents ul.list_type1 li{
	width: 48%;
	font-size: 1.8rem;
	margin-bottom: 1em;
}
#product section.contents ul.list_type1 li span{
	color:#e50000;
	font-size: 2.2rem;
	padding:0 0.5em;
}
#product section.contents ul.list_type1 li::before {
	content: "";
	display: inline-block;
	position: relative;
	margin-right: 1rem;
	width: calc(1.2em * 0.35);
	height: calc(1.2em * 0.75);
	box-sizing: border-box;
	border-bottom: #333 solid 2px;
	border-right: #333 solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(36deg);
}


#product section.contents .imagecenter .imagecenter div.step1{
	width:auto;
} 
#product section.contents .imagecenter .imagecenter div.step1 figure{
	background-color:rgba(0,94,184,0.1);
	background-color:#f7f7f7;
	padding:1.5rem;
} 
#product section.contents .imagecenter .imagecenter div.step2{
	width:auto;
} 
#product section.contents .imagecenter .imagecenter div.step2 figure{
	background-color:rgba(0,94,184,0.1);
	background-color:#f7f7f7;
	padding:1.5rem;
	height:109rem;
	display:flex;
	align-items:center;
}

#product section.contents .imagecenter .imagecenter div.step1 h4,
#product section.contents .imagecenter .imagecenter div.step2 h4{
	margin-bottom:0;
	margin-top:1.5em;
}

/*▼*/
#product section.contents div.arrow1 {
	height:4rem;
	position: relative;
	margin-bottom:4rem;
}
#product section.contents div.arrow1::after {
	content: "";
	position: absolute;
	top: calc(0);
	left: calc(50% - 3rem);
	width: 0;
	height: 0;
	border-right:3rem solid transparent;
	border-left: 3rem solid transparent;
	/*border-top: calc(6rem) solid rgba(0,94,184,1.0);*/
	border-top: calc(2rem * 1.7) solid rgba(0,94,184,0.7);
	/*border-top: calc(2rem * 1.7) solid #888;*/
}

#product section.contents .plus{
	
}
/*▼*/
#product section.contents div.arrow2 {
	height:3rem;
	position: relative;
}
#product section.contents div.arrow2::after {
	content: "";
	position: absolute;
	top: calc(0);
	left: calc(50% - 2rem);
	width: 0;
	height: 0;
	border-right:2rem solid transparent;
	border-left: 2rem solid transparent;
	border-top: calc(3rem) solid #b7b7b7;
}
/*▼2*/
#product section.contents div.arrow3 {
	position: relative;
}
#product section.contents div.arrow3::after {
	content: "";
	position: absolute;
	top: calc(50% - 1rem - 2em);
	left: -1.7rem;
	width: 0;
	height: 0;
	border-top:2rem solid transparent;
	border-bottom: 2rem solid transparent;
	border-left: calc(2rem * 1.7) solid #aaa;
}

/*--------------------------------------------------------------------------------------*/
/*例えばこんなことをご支援します。*/
#product section.contents ul.list_type2{
	margin-bottom: 1em;
}
#product section.contents ul.list_type2 li{
	font-size: 2.0rem;
	width: 22.5em;
	margin: auto;
}
#product section.contents ul.list_type2 li::before {
	/*チェック*/
	content: "";
	display: inline-block;
	position: relative;
	margin-right: 1.5rem;
	width: calc(1.0em * 0.35);
	height: calc(1.0em * 0.75);
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 2px;
	border-right: rgba(0,94,184,1.0) solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(36deg);
}


/**/
#product section.contents .list_type3{
	margin-left: 1.5em;
	display: flex;
	justify-content: space-between;
	justify-content: start;
}
#product section.contents .list_type3 li{
	list-style: decimal;
	font-size:1.6rem;
	padding-right:5rem;
	position:relative;
}
#product section.contents .list_type3 li::after{
	content: "";
	display: inline-block;
	position:relative;
	right:-1.0rem;
	width: 1rem;
	height: 1rem;
	box-sizing: border-box;
	border-top: #aaa solid 2px;
	border-right: #aaa solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	/*content: "";
	display:inline-block;
	position: absolute;
	width: 0;
	height: 0;
	top:0.4em;
	right:2em;
	
	border-top:0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: calc(0.5em * 1.7) solid #aaa;*/
}
#product section.contents .list_type3 li:nth-last-child(1)::after{
	content: none !important;
}

/*ステップ説明*/
#product section.contents .list_type4 li{
	border: 1px solid #e0e0e0;
	text-align: left;
	padding: 1em;
	font-size: 1.6rem;
	margin:0 auto 2em;
	width:80rem;
	position:relative;
}
#product section.contents .list_type4 li div{
	display:flex;
	justify-content: start;
	align-items: center;
}
#product section.contents .list_type4 li::after{
	content: "";
	display: inline-block;
	position: absolute;
	bottom:-1.2em;
	left:calc(50% - 0.5rem);
	width: 1rem;
	height: 1rem;
	box-sizing: border-box;
	border-bottom: #aaa solid 2px;
	border-right: #aaa solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#product section.contents .list_type4 li:nth-last-child(1){
	margin-bottom:0em;
}
#product section.contents .list_type4 li:nth-last-child(1)::after{
	content: none;
}
#product section.contents .list_type4 li span.step{
	background-color: #666;
	color:#fff;
	width: 2.4rem;
	height: 2.4rem;
	margin: 0 0.5em 0 0;
	border-radius: 120px;
	text-align: center;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/**/
#product section.contents .assignment{
	display: flex;
	align-items: center;
}
#product section.contents .assignment img{
	margin-right: -2em;
	position: relative;
	z-index: 2;
	width: 13rem;
}




/*レイアウト調整*/
#product section.contents .imageright .imageright .w30,
#product section.contents .imagecenter .imageright .w30 {
	width: calc(32% - 0rem);
	margin-right: 0rem;
}
#product section.contents .imageright .imageright .w70,
#product section.contents .imagecenter .imageright .w70 {
	width: calc(68%);
}



/*表タイトルのレベル*/
#product section.contents th.lv1{
	background-color:rgba(0,94,184,0.2);
}
#product section.contents th.lv2{
	background-color:rgba(0,94,184,0.5);
}
#product section.contents th.lv3{
	background-color:rgba(0,94,184,1.0);
	color:#fff;
}
#product section.contents th.lv4{
	background-color:#024687;
	color:#fff;
}

#product section.contents .center td{
	text-align:center;
}

/*問い合わせフォームへのリンク*/
#product .fome_link{
	position: fixed;
	width: 100%;
	bottom: -30rem;
	/*right:calc(50% - 70rem);*/
	background-color: #005eb8;
	padding: 1.5em 0;
	text-align:center;
	transition:0.5s;
	
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
}
#product .fome_link.show{
	bottom: 0em;
}

#product .fome_link p.text{
	margin:0em 4em 0 0;
	color:#fff;
	text-align:left;
	/*text-shadow:
		2px 0 0 rgba(255,255,255,0.8), -2px 0 0 rgba(255,255,255,0.8), 
		0 2px 0 rgba(255,255,255,0.8), 0 -2px 0 rgba(255,255,255,0.8),
		2px 2px 0 rgba(255,255,255,0.8), -2px 2px 0 rgba(255,255,255,0.8), 
		2px -2px 0 rgba(255,255,255,0.8), -2px -2px 0 rgba(255,255,255,0.8);
	*/
}
#product .fome_link a.link_type2{
	background-color:#fff;
	font-size: 1.8rem;
	width: 50rem;
}
#product .fome_link a.link_type2:hover {
	opacity:0.85;
}


#product .fome_link a[target="_blank"]::after {
	content: '';
	display: inline-block;
	width: 1.0rem;
	height: 1.0rem;
	margin-left: 0.4rem;
	margin-right: 0.8rem;
	background-image: url("/product/promotion/promotion_assets/images/open_in_new.svg");
}

#product a.link_type3 {
	width: 50rem;
	font-size: 1.8rem;
}
/*青枠囲いボツ*/
#product section.contents .imagecenter.border_blue {
	padding: 2rem;
	border: 1px solid rgba(0,94,184,1.0);
}
/*--------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
}
/*--------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	#product header div.indexpage h1 {
		text-align: center;
	}
	#product header {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	#product section.contents .assignment {
		display: block;
	}
	#product section.contents .assignment img {
		margin:0 auto 2rem;
		width: 30%;
	}
	#product section.contents ul.list_type1 {
		display: block;
		padding: 2em;
	}
	#product section.contents ul.list_type1 li {
		width: 100%;
		text-align: left;
		font-size: 1.6rem;
	}
	#product section.contents ul.list_type1 li span {
		font-size: 1.8rem;
	}
	#product section.contents ul.list_type2 li {
		font-size: 1.6rem;
		width:100%;
	}
	#product section.contents ul.list_type2 {

	}
	
	/*レイアウト調整*/
	#product section.contents .imageright .imageright .w30,
	#product section.contents .imagecenter .imageright .w30 {
		width: calc(100%);
	}
	#product section.contents .imageright .imageright .w70,
	#product section.contents .imagecenter .imageright .w70 {
		width: calc(100%);
	}
	#product section.contents .list_type3 {
		display: block;
	}
	#product section.contents .list_type3 li {
		font-size: 1.4rem;
	}

	#product section.contents div.arrow2::after {
		content: "";
		position: absolute;
		top: calc(0);
		left: calc(50% - 1rem);
		width: 0;
		height: 0;
		border-right: 2rem solid transparent;
		border-left: 2rem solid transparent;
		border-top: calc(2rem * 1.7) solid #aaa;
	}
	#product section.contents .fleximage div.arrow2 {
		margin: 4rem 0rem 6em;
	} 
	
	#product section.contents .list_type4 li{
		text-align: left;
		width:100%;
		padding: 1em 1em;
	}
	#product section.contents .list_type4 li .note{
		line-height:1.2;
	}
	
	#product .fome_link{
		display:block;
	}
	#product .fome_link p.text{
	margin:0em 0em 1em 0;
	}
	#product .fome_link a{
		width:calc(100% - 4rem);
	}
	#product a.link_type3 {
		width: 100%;
		font-size:1.6rem;
	}
	#product .fome_link a.link_type2 {
		width: 92%;
		font-size:1.6rem;
	}
	#product section.contents .flexbox {
		display: block;
	}
	#product section.contents .imagecenter .imagecenter div.step2 figure{
		height:auto !important;
	}
	#product section.contents .plus {
		top: 0rem;
		width:4em;
		margin:2em auto;
		height:auto;
	}
	#product h1.sp_left{
		text-align:left;
	}
	#product header div.indexpage h1 {
		font-size: 2.6rem;
	}
	#product .fome_link p.text{
		text-align:center;
	}
	#product section.contents .border_gray{
		width:100% !important;
	}
	#product section.contents .flexbox_foam{
		display: block;
	}
	#product section.contents .flexbox_foam div{
		width: 100%;
		margin-bottom:3rem;
	}
	#product .fome_link a[target="_blank"]::after {
		width: 10px;
		height: 10px;
	}
}
@media print {
	#product header div.indexpage {
		height: 340px !important;
	}
	#sidelink{
		display:none !important;
	}
	#product .contents {
		/*page-break-after: always;*/
	}
	#product section.contents .imagecenter .imageright .w70 img{
		width: 590px;
	}
	#product section.contents .fleximage img {
		width: 270px;
	}
	#service1,
	#service2,
	#service3{
		width:400px;
	}
	#service1 img,
	#service2 img,
	#service3 img{
		width:100%;
	}
	

}