/*******************************************
*
* css for オプションサービス
*
********************************************/
@charset "UTF-8";


/* ==========================================================
*
* オプションサービス TOP
*
========================================================== */
#topImage {
	background-image: url("../images/ttlbg/option.png");
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	/**/
}

#option h2 + p.buttonset{
	padding-top:20px;
}


#dataList{
	display:block;
	overflow:hidden;
	background-color:#ededee;
	margin:80px 0 20px;
	padding-top:80px;
}

#dataList ul{
	display:block;
	overflow:hidden;
}

#dataList ul > li{
	display:block;
	width:50%;
	float:left;
	margin-bottom:60px;
}


.dataTile{
	display:block;
	overflow:hidden;
	width:400px;
	margin:0 auto;
	padding:40px;
	text-align:center;
	position:relative;
	background-color:#ffffff;
}

.dataTile > h4{
	display:block;
	overflow:hidden;
	font-size: 2.4rem;
	font-weight:bold;
	color:#e60038;
	line-height:125%;
	margin:1em 0;
}

.dataTile > p{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:155%;
	height:5em;
	text-align:left;
	margin-bottom:40px;
}

.dataTile > a{
	width:100%;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	#option h2 + p.buttonset{
		padding:0 40px;
	}

	#dataList ul {
	    margin-bottom: 70px;
	}

	#dataList ul > li {
	    margin-bottom: 0px;
	    padding: 10px;
	}

	.dataTile{
		width:100%;
		padding:30px 20px 20px;
	}

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#dataList{
		margin-top:40px;
		padding:40px 0 20px;
	}

	#dataList ul {
	    margin-bottom: 0;
	}

	#dataList ul > li{
		width:100%;
		float:none;
		padding:0;
		margin-bottom:20px;
	}


	.dataTile > img{
		width:30vw;
		height:auto;
	}

	.dataTile > h4{
		font-size: 1.8rem;
		height:auto;
		margin:1em 0;
	}

	.dataTile > p{
		font-size:1.4rem;
		height:auto;
	}

}


/*------------------------------------------
 リンクボタン エリア
 ------------------------------------------*/
#linkArea{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-top:40px;
}

#linkArea > a{
	width:320px;
	margin:0 5px;
}


#linkArea > a:hover{
	/*background-color:#ea636d;*/
	background-color:#000000;
	color:#ffffff;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	/**/

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#linkArea{
		background-color:#ffffff;
		padding:0 40px;
	}

	#linkArea > a{
		width:100%;
		margin:0 0 15px;
	}

}


/* ==========================================================
*
* 詳細ページ共通
*
========================================================== */

#contentBody h2.copyTxt{
	margin:80px 0 40px;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#contentBody h2.copyTxt{
		margin:40px 0 20px;
	}


}


/*------------------------------------------
 オプション概要
 ------------------------------------------*/
#overview{
	display:block;
	overflow:hidden;
	text-align:center;
	/*margin-bottom:80px;*/
	margin-bottom:40px;
}


#overview > p{
	display:block;
	overflow:hidden;
	font-size: 1.6rem;
	line-height:175%;
}

#overview ul{
	display:block;
	overflow:hidden;
	margin:40px 0;
}

#overview ul li{
	display:block;
	overflow:hidden;
	width:33.3%;
	float:left;
	text-align:center;
}

#overview ul li > p{
	display:block;
	overflow:hidden;
	padding:1em 0;
	font-size:1.4rem;
	line-height:155%;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {
	/**/
}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#overview{
		margin-bottom:40px;
	}


	#overview > p{
		font-size: 1.4rem;
		text-align:left;
	}

	#overview ul{
		display:block;
		overflow:hidden;
		margin:40px 0 0;
	}

	#overview ul li{
		width:100%;
		float:none;
		margin-bottom:20px;
	}

	#overview ul li img{
		width:44vw;
		height:auto;
		max-width:332px;
	}

	#overview ul li > p{
		padding:0 0 1em;
		font-size:1.6rem;
	}

}



.buttonset{
	display:block;
	overflow:hidden;
	text-align:center;
}
.buttonset a.linkedBtn{
	width:320px;
	margin:0 10px;
}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	.buttonset a.linkedBtn{
		width:100%;
		margin:10px 0;
	}

}

/*------------------------------------------
 オプション本文
 ------------------------------------------*/
#optionBody{
	/**/
}


#optionBody h2{
	display:block;
	overflow:hidden;
	font-size: 2.4rem;
	line-height:155%;
	font-weight:bold;
	text-align:center;
	margin-bottom:1em;
	clear:both;
}

#optionBody h2 > strong{
	color:#e9636c;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#optionBody h2{
		font-size: 1.8rem;
		margin-bottom:1em;
	}

}

/*------------------------------------------
 グレーカラム
 ------------------------------------------*/
#frontData{
	display:block;
	overflow: hidden;
	padding:40px 0;
	position:relative;
	background-color:#f6f6f6;
}

#frontData p.frontTxt{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:1.6rem;
	line-height:175%;
	margin-bottom: 40px;
}

/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#frontData p.frontTxt{
		text-align:left;
		font-size:1.4rem;
		margin-bottom:20px;
	}

}

/*------------------------------------------
 セクションボックス
 ------------------------------------------*/
.sectionBox{
	display:block;
	overflow:hidden;
	padding:40px 0;
}

.sectionBox h3{
	display:block;
	overflow:hidden;
	font-size:2.0rem;
	font-weight:bold;
	line-height:125%;
	padding-bottom:1em;
	border-bottom:1px solid #d3d3d4;
	margin-bottom:1em;
}


.sectionBox:last-child{
    padding: 40px 0 0;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.sectionBox h3{
		font-size:1.6rem;
	}

}


/*------------------------------------------
 ハーブボックス
 ------------------------------------------*/
.halfBox{
	display:block;
	overflow:hidden;
	width:50%;
	float:left;
}



/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	.halfBox{
		width:100%;
		float:none;
	}

}


/*------------------------------------------
 3連ボックス
 ------------------------------------------*/
ul.tripBoxList{
	display:block;
	overflow:hidden;
}

ul.tripBoxList > li{
	display:block;
	overflow:hidden;
	width:33.3%;
	padding:0 10px;
	float:left;
}

ul.tripBoxList > li > p{
	display:block;
	overflow:hidden;
	padding:20px 10px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:155%;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #e9636c;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	ul.tripBoxList > li > p{
		padding:0.5em 0.5em;
		font-size:1.6rem;
	}

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	ul.tripBoxList > li{
		width:100%;
		padding:5px 0;
		float:none;
	}


}

/*------------------------------------------
 TABLE
 ------------------------------------------*/
table.solidTbl{
	width:100%;
	border-top:1px solid #d3d3d4;
	border-collapse: collapse;
	margin-bottom:1em;
}

table.solidTbl th,
table.solidTbl td{
	padding:0.75em 1em;
	font-size:1.6rem;
	line-height:155%;
	border-collapse: collapse;
}

table.solidTbl thead tr > td{
	background-color:#aaaaaa;
	color:#ffffff;
	border-right:1px solid #d3d3d4;
}

table.solidTbl tbody tr > td{
	border-right:1px solid #d3d3d4;
	border-bottom:1px solid #d3d3d4;
}

table.solidTbl tbody tr > td:last-child{
	border-right:none;
}

table.solidTbl th{
	background-color:#ededee;
	border-bottom:1px solid #d3d3d4;
	border-right:1px solid #d3d3d4;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	table.solidTbl th,
	table.solidTbl td{
		padding:0.5em 0.5em;
		font-size:1.4rem;
	}

	table.solidTbl thead tr > td{
		background-color:#ededee;
		border-right:none;
		color:#000000;
	}

	table.solidTbl th{
		background-color:#aaaaaa;
		color:#ffffff;
	}

}


/*------------------------------------------
 フロー
 ------------------------------------------*/
ul#stepFlow{
	display:inline-block;
	overflow:hidden;
	margin:0 auto;
	letter-spacing:-.4em;
}

ul#stepFlow > li{
	display:inline-block;
	overflow:hidden;
	letter-spacing:normal;
}

ul#stepFlow > li:after{
	display:block;
	overflow:hidden;
	content:"";
	width:50px;
	height:200px;
	float:right;
	background:url('../images/arrow_right.png') no-repeat right 50%;
	background-size:contain;
}

ul#stepFlow > li:last-child:after{
	display:none;
}

.stepInner{
	display:block;
	overflow:hidden;
	width:200px;
	height:200px;
	padding:20px 20px;
	text-align:center;
	background-color:#ededee;
	position:relative;
	float:left;
}
.stepInner.nrow {
	padding: 20px 10px;
}
.stepInner.nrow p {
	letter-spacing: -1px;
}


.stepInner h5{
	display:block;
	overflow:hidden;
	font-weight:bold;
	font-size:2.0rem;
	line-height:155%;
}
.stepInner p{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:155%;
	height:4em;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	ul#stepFlow{
		display:block;
		margin-bottom: 0;
	}

	ul#stepFlow > li{
		width: 50%;
		padding-bottom:20px;
	}

	ul#stepFlow > li:nth-child(even){
		padding-left:10px;
	}
	ul#stepFlow > li:nth-child(odd){
		padding-right:10px;
	}


	ul#stepFlow > li:after{
		display:none;
	}

	.stepInner{
		width:100%;
		height:auto;
		float:none;
	}

	.stepInner h5{
		font-size:1.6rem;
	}
	.stepInner p{
		font-size:1.2rem;
	}
	.stepInner > img{
		width:14vw;
		height:auto;
		max-width: 108px;
	}

}

/*********************************************************************/
/*********************************************************************/


/* ==========================================================
*
* 端末保証
*
========================================================== */


.guarantee #overview ul.col2{
	display:block;
	overflow:hidden;
	text-align:center;
	letter-spacing:-.4rem;
}

.guarantee #overview ul.col2 li{
	display:inline-block;
	overflow:hidden;
	width:315px;
	padding:0 30px;
	vertical-align: top;
	float:none;
	letter-spacing:normal;
}

.guarantee #overview ul.col2 li > p{
	font-size:1.4rem;
	line-height:155%;
	text-align:left;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	.guarantee #overview ul.col2 li{
		width:50%;
		max-width:315px;
	}

	.guarantee #overview ul.col2 li img{
		width:100%;
		max-width:332px;
		height:auto;
	}

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	.guarantee #overview ul{
		width:71vw;
		margin:40px auto 0;
	}

	.guarantee #overview ul.col2 li{
		display:block;
		width:100%;
		padding:0 0;
	}

	.guarantee #overview ul.col2 li img{
		width:43vw;
		height:auto;
	}

}



ul#examples{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom:20px;
	letter-spacing: -.4em;
}

ul#examples > li{
	display:inline-block;
	overflow:hidden;
	width:288px;
	background-color:#ffffff;
	vertical-align:top;
	letter-spacing:normal;
}

ul#examples > li > p{
	padding:1em 0;
	font-size:1.8rem;
	font-weight:bold;
	line-height:155%;
}

ul#examples > li:nth-child(2){
	margin:0 50px;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	ul#examples > li{
		width:calc(33% - 20px);
	}

	ul#examples > li:nth-child(2){
		margin:0 20px;
	}

	ul#examples > li img{
		width:100%;
		height:auto;
		max-width:518px;
	}


}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	ul#examples{
		width:69vw;
		margin:40px auto 20px;
	}

	ul#examples > li{
		display:block;
		width:100%;
		margin-bottom:20px;
	}

	ul#examples > li > p{
		padding:1em 0;
		font-size:1.8rem;
		font-weight:bold;
		line-height:155%;
	}

	ul#examples > li:nth-child(2){
		margin:0 0 20px;
	}

}


.servicePoint{
	display:block;
	overflow:hidden;
	margin-top:10px;
	padding:0.75em 1em;
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
	line-height:125%;
	background-color:#ffffff;
	border:1px solid #e9636c;
	border-radius: 100px;
	-webkit-border-radius: 100px;
}
.servicePoint span{
	color:#e9636c;
}

.servicePoint strong{
	font-size:3.4rem;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.servicePoint{
		font-size:1.6rem;
		line-height:155%;
	}

	.servicePoint strong{
		font-size:2.4rem;
	}
}


.boxTtl{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	line-height:125%;
	font-weight:bold;
	text-align:center;
	background-color:#ededee;
	padding:0.75em 1em;
	margin-bottom:20px;
}


table.priceTable{
	width:100%;
	border-collapse: collapse;
	margin-bottom:1em;
	border-top:1px solid #d3d3d4;
}

table.priceTable th,
table.priceTable td{
	padding:0.75em 1em;
	font-size:1.6rem;
	line-height:175%;
	border-collapse: collapse;
	border-bottom:1px solid #d3d3d4;

}

table.priceTable thead td{
	text-align:center;
	border-left:1px dashed #231815;
}
table.priceTable thead td:first-child{
	border-left:none;
}
table.priceTable tbody td{
	font-size:1.8rem;
	text-align:center;
	border-left:1px dashed #231815;
}
table.priceTable th{
	font-size:1.4rem;
}

table.priceTable strong{
	font-size:3.4rem;
	font-weight:bold;
	color:#e9636c;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	table.priceTable{
		margin-bottom:1em;
		border-top:1px solid #d3d3d4;
	}

	table.priceTable th,
	table.priceTable td{
		padding:0.5em 0.5em;
		font-size:1.4rem;
		border-collapse: collapse;
		border-bottom:1px solid #d3d3d4;
	}

	table.priceTable th{
		font-size:1.4rem;
		text-align:center;
	}
	table.priceTable tr > th:nth-child(2),
	table.priceTable tr > td:nth-child(2){
		border-left:1px dashed #231815;
	}

	table.priceTable tbody td{
		font-size:1.4rem;
		text-align:left;
		border-left:none;
	}

	table.priceTable strong{
		font-size:3.4rem;
		font-weight:bold;
		color:#e9636c;
	}
}

#grt_sec03 p{
	line-height:155%;
}

#grt_sec03 dl{
	display:block;
	overflow:hidden;
}

#grt_sec03 dl > dt{
	font-size:2.2rem;
	font-weight:bold;
	line-height:155%;
	color:#fa0046;
	margin:40px 0 10px;
}

#grt_sec03 dl > dd{
	display:block;
	overflow:hidden;
	line-height:155%;
}

#grt_sec03 dl > dd > img{
	margin-top: 10px;
}
#grt_sec03 dl > dd > img:first-child{
	float: left;
}

#grt_sec03 dl > dd > img:nth-child(3){
	float: right;
}

#grt_sec04{
	margin-bottom:80px;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	#grt_sec03 dl > dd > img{
		width:50%;
		height:auto;
	}

	#grt_sec04{
		margin-bottom:0;
	}

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#grt_sec03 dl > dt{
		font-size:2.0rem;
	}

	#grt_sec03 dl > dd > img{
		margin-top: 10px;
		width:100%;
		height:auto;
	}
}



/* ==========================================================
*
* 遠隔サポート
*
========================================================== */
#supportImg+h3{
	display:block;
	overflow:hidden;
	font-size:2.4rem;
	line-height:125%;
	font-weight:bold;
	text-align:center;
	margin:30px 0 10px;
	color:#e9636c;;
}

#supportImg{
	display:block;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}

#supportImg::before{
	display:block;
	content:"";
	width:100%;
	height:12px;
	position:absolute;
	top:calc(50% - 6px);
	left:0;

	margin: auto;
    background-image: linear-gradient(to right, #e9636c, #e9636c 5px, transparent 5px, transparent 10px);
    background-size: 10px 12px;
    background-repeat: repeat-x;
	z-index:10;
}

#supportImg img{
	position:relative;
}
#supportImg .imgL{
	float:left;
	z-index:11;
}

#supportImg .imgR{
	float:right;
	z-index:12;
}

#supportImg p{
	display:inline-block;
	overflow:hidden;
	/*width:250px;
	height:150px;*/
	padding:2em;
	text-align:center;
	color:#ffffff;
	font-size:1.8rem;
	font-weight:bold;
	line-height:155%;
	background-color: #e9636c;

	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	z-index:13;
}

#rm_sec02{
	margin-bottom:80px;
}



/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#supportImg{
		width:70vw;
		margin:0 auto 30px;
	}

	#supportImg::before{
		display:none;
	}

	#supportImg img{
		position:relative;
		width:100%;
		height:auto;
	}
	#supportImg .imgL{
		float:none;
	}

	#supportImg .imgR{
		float:none;
	}

	#supportImg p{
		display:block;
		overflow:hidden;
		width:60vw;
		margin:-1em auto -1em;
		/*width:250px;
		height:150px;*/
		padding:2em 1em;
		font-size:1.6rem;

		position:relative;
		top:auto;
		left:auto;
		transform:unset;
	    -webkit-transform:unset;
	}

	#rm_sec02{
		margin-bottom:0;
	}


}




/* ==========================================================
*
* セキュリティ
*
========================================================== */
/*.security #overview{
	margin-bottom: 40px;
}*/

.security #frontData .halfBox{
	padding:0 10px;
	margin-bottom:40px;
}


.security #frontData .boxInner{
	display:block;
	overflow:hidden;
	text-align:center;
	padding:20px;
	background-color:#ffffff;
}

.security #frontData img{
	width:100%;
	height:auto;
}

.borderBox{
	display:block;
	overflow:hidden;
	padding:20px;
	border:1px solid #e9636c;
	margin-top:30px;
	text-align:center;
}

.borderBox > img{
	max-width:370px;
}
.borderBox p > img{
	max-width:500px;
}

.borderBox h3{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:bold;
	line-height:155%;
	color:#e9636c;
	height:3em;
}

.borderBox p{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:155%;
	margin-top:1em;
}

#sc_sec01 h3{
	border-bottom:unset;
	margin-bottom:0;
}

#sc_sec02{
	margin-bottom:80px;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	.borderBox{
		padding:10px;
	}

	.security #frontData .halfBox{
		padding:0 0;
		margin-bottom:20px;
	}

	.borderBox h3{
		font-size:1.6rem;
		height:auto;
	}

	.borderBox p{
		font-size:1.4rem;
	}

	#sc_sec02{
		margin-bottom:0;
	}

}



/* ==========================================================
*
* IP電話（050番号）
*
========================================================== */
/*.ip050 #overview{
	margin-bottom:40px;
}*/


#planMap{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom:40px;
}

#planMap img{
	width:100%;
	height:auto;
}

.disable #submitBtn{
	background-color:#cccccc!important;
	opacity:0.5;
	pointer-events:none;
}

/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#planMap{
		margin-bottom:20px;
	}

}


/*------------------------------------------
 2つのプラン
 ------------------------------------------*/
.ip050 .halfBox > .boxInner{
	display:block;
	overflow:hidden;
	width:440px;
	text-align:center;
	border:1px solid #e9636c;
	background-color:#ffffff;

}

.ip050 .halfBox > .boxInner h3{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:2.4rem;
	font-weight:bold;
	line-height:125%;
	color:#ffffff;
	text-align:center;
	background-color:#e9636c;
	padding:0.5em 1em;
}

.ip050 .halfBox > .boxInner h3 > strong{
	font-size: 3.2rem;
}

.ip050 .halfBox > .boxInner > p{
	display:block;
	overflow:hidden;
	margin:30px 0;
	font-size: 1.8rem;
	line-height:155%;
}

.ip050 .halfBox > .boxInner > .priceTxt{
	display:block;
	overflow:hidden;
	font-size:3.2rem;
	line-height:125%;
	font-weight:bold;
	color:#e9636c;
	margin-bottom:30px;
}

.ip050 .halfBox > .boxInner > .priceTxt > span{
	font-size:1.4rem;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	.ip050 .halfBox{
		width:calc(50% - 20px);
		margin:0 10px;
	}

	.ip050 .halfBox > .boxInner{
		width:100%;
		padding-bottom:1em;
	}

	.ip050 .halfBox > .boxInner h3{
		font-size:1.8rem;
	}

	.ip050 .halfBox > .boxInner h3 > strong{
		font-size:2.4rem;
	}

	.ip050 .halfBox > .boxInner > p{
		margin:1em 0;
		font-size: 1.4rem;
	}

	.ip050 .halfBox > .boxInner > .priceTxt{
		font-size:3.0rem;
		margin-bottom:0;
	}

	.ip050 .halfBox > .boxInner > .priceTxt > span{
		font-size:1.4rem;
	}

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	.ip050 .halfBox{
		width:100%;
		margin:0;
	}

	.ip050 .halfBox:last-child{
		margin-top:20px;
	}

}


#ip_sec01.sectionBox h3{
	border-bottom:unset;
	margin-bottom:0;
}


#ip_sec02 h4{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:1em;
}

#targetTel .halfBox:first-child{
	padding-right:25px;
}
#targetTel .halfBox:last-child{
	padding-left:25px;
}


#targetTel ul.dotList{
	line-height:155%;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.ip050 #optionBody table th{
		width:8em;
	}

	#ip_sec02 h4{
		font-size:1.6rem;
	}

	#targetTel .halfBox:first-child{
		padding-right:0;
	}
	#targetTel .halfBox:last-child{
		padding-left:0;
	}

}


/*------------------------------------------
 注意事項
 ------------------------------------------*/
#attentionTxt{
 	display:block;
 	overflow:hidden;
 	padding:25px;
 	background-color:#ededee;
 	margin-bottom:30px;
 	line-height:155%;
}

#attentionTxt p{
	display:block;
	overflow:hidden;
	padding:1em;
	margin:1em 0;
	background-color:#ffffff;
	border:1px solid #fa0046;
}

#attentionTxt a[href$=".pdf"]{
 	display:block;
 	overflow:hidden;
}

#attentionTxt a[href$=".pdf"] > span:after {
    content: "\e908";
    margin: 0 0.25em;
}


/* ==========================================================
*
* グローバルIP
*
========================================================== */
.globalip #overview {
	margin-bottom:80px;
}

#ipMap{
	display:block;
	overflow:hidden;
	background-color:#ffffff;
	padding:40px;
	margin-bottom:40px;
}

#ipMap img{
	width:100%;
	height:auto;
	max-width:886px;
	margin:0 auto;
}

#ipMap > p{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:155%;
	margin-top:40px;

}

#gip_sec01 h3{
	border-bottom:unset;
	margin-bottom:0;
}

#gip_sec02{
	margin-bottom:80px;
}

/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.globalip #overview {
		margin-bottom:40px;
	}

	#ipMap{
		padding:20px;
		margin-bottom:40px;
	}

	#ipMap > p{
		margin-top:20px;
	}

	#gip_sec02{
		margin-bottom:0;
	}

}






/* ==========================================================
*
* 新規受付終了
*
========================================================== */


.closeTxt{
	display:block;
	overflow:hidden;
	font-size:2.1rem;
	font-weight:bold;
	line-height:125%;
	color:#e51d45;
	margin-bottom:1em;
}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#option h2 + p.buttonset {
	    padding: 0 20px;
	}

	.closeTxt{
		font-size:1.8rem;
		line-height:125%;
	}

}