@charset "UTF-8";

/* -----------------------------------------------

	css/resp_past/
	過去に販売していた商品

----------------------------------------------- */

/* 各見出し
----------------------------------------------- */
.h1RspPercent {
	padding: 20px 0 16px;
	font-size: 171%;
	line-height: 1.17;
}
.ctaTell .ctaTellWrapper {
	margin: 0px;
}

.respP {
	margin-bottom: 5px;
	line-height: 1.8;
	font-size: 16px;
}
ul.respCommonUlNote > li {
	position: relative;
	padding-left: 5em;
	font-size: 14px;
	line-height: 24px;
}
ul.respCommonUlNote > li.respP {
	font-size: 18px;
	line-height: 30px;
}
ul.respCommonUlNote > li > span.kome {
	position: absolute;
	left: 0;
}

/* 商品リスト
----------------------------------------------- */
div.containerMain .bloProdTitleIryoHoken {
    text-decoration: underline;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
    text-decoration-color: #00953d;
    padding-bottom: 8px !important;
    text-align: center;
    margin-top: 1em;
}
div.containerMain .bloProdTitleSyushinHoken {
    text-decoration: underline;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
    text-decoration-color: #0a98d3;
    padding-bottom: 8px !important;
    text-align: center;
    margin-top: 1em;
}
div.containerMain .bloProdTitleGanHoken {
    text-decoration: underline;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
    text-decoration-color: #015fd1;
    padding-bottom: 8px !important;
    text-align: center;
    margin-top: 1em;
}
div.containerMain .bloProdTitleKaigoHoken {
    text-decoration: underline;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
    text-decoration-color: #cc8434;
    padding-bottom: 8px !important;
    text-align: center;
    margin-top: 1em;
}
div.containerMain .bloProdTitleSyuroSyotoku {
    text-decoration: underline;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
    text-decoration-color: #9881b4;
    padding-bottom: 8px !important;
    text-align: center;
    margin-top: 1em;
}

p.txProdName {
    font-size: 22px;
    font-weight: bold;
}
p.txProdType {
    font-size: 18px;
    padding-bottom: 1em;
}
p.txSalesPeriod {
    font-size: 18px;
    padding-bottom: 2em;
}

div.containerMain div.boxBlankArea {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
div.containerMain .hdBoxBlankArea {
	text-align: left;
	margin: 56px auto 15px 0px;
}

div.containerMain div.btnYakkanShort a {
	box-sizing: border-box;
	display: block;
	width: 240px;
	border: solid 1px #d6d6d6;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 #d6d6d6;
	padding: 13px;
	color: #333;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}



.flex {
    display: flex;
}

/***************************************************
* other-Config
***************************************************/
.btnRowCol {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0 5px;
	table-layout: fixed;
}
div.ctaConsultationBtn div.btnRowCol a.btnStd {
	border-radius: 200px !important;
	min-height:0px !important;
	display: block !important;
	height: auto !important;
}

a.netLink{
	text-decoration:none;
	color: #0da5d9;
}

.bloTellWorkTime th, td {
	font-weight: normal;
}

/***************************************************
* pc-style
***************************************************/
@media only screen and (min-width: 768px){
	/***************************************************
	* テキスト設定
	***************************************************/
	#contents.container .containerMain {
		width: 768px !important;
	}
	.respH1.respH1-38px-pc {
		font-size: 38px;
	}
	.showSP {
		display: none !important;
	}
	.h1RspPercent {
		padding: 15px 0 30px;
		font-size: 271%;
		line-height: 1.5;
		textt-align: left;
	}
	/***************************************************
	* パーツ設定
	***************************************************/
	.borderSectionRespCommon {
		margin-bottom: 45px;
	}
	.borderSectionRespCommon:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.h2RspContractIdx {
		font-size: 186%;
		line-height: 1.46;
	}

	#contents {
		padding: 0;
		margin: 24px auto 10px;
	}
    /***************************************************
	* アコーディオン
	***************************************************/
	.respInquiryAcAreaWrap {
	border-bottom: 1px solid #BFBFBF;
    }

    div.bloProdDetails {
        padding: 2em 2em 1em;
    }
    .respInquiryAcBtn {
	position: relative;
	padding: 35px 0px 20px 8px;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
    }

    div.containerMain .respInquiryAcContentInner {
	    padding: 25px 0 40px;
	   }
    div.containerMain .respInquiryBorderBox {
	    margin-top: 40px;
	    padding: 0 40px;
	    border: 1px solid white;
	   }
    div.containerMain .respInquiryBorderBox:nth-of-type(1) {
	    margin-top: 0;
    }
    div.containerMain .respInquiryBorderBox .respInquiryBorderBoxInner + .respInquiryBorderBoxInner {
	    border-top: 1px solid #CCC;
	    margin-top: 40px;
	    padding: 28px 0 0;
    }
	div.containerMain div.tabControlBoxBanner {
	    position: relative;
	    margin: 0 0 5px;
	    background: #d3edfb;
	}
	div.containerMain div.tabControlBoxBanner div.bloCyanDuckText  {
    display: block;
    margin: 50px 20px 80px 90px;
    vertical-align: middle;
    width: 75%;
    font-size: 22px;
    font-family: "Yu Gothic";
    font-weight: bold;
    line-height: 1.6;
	}
	div.containerMain div.tabControlBoxBanner div.bloCyanDuckImg {
	    width: 25%;
	    margin: auto 70px auto 20px;
	    max-width: 166px;
	    max-height: 176px;
	}
}
div.containerMain .respInquiryAcBtn:after {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 46px;
	right: 15px;
	content: "";
	display: inline-block;
	border-style: solid;
	border-width: 0 0 2px 2px;
	border-color: #c8c8c8;
	transform: rotate(-45deg);
}
div.containerMain .respInquiryAcBtn.open:after {
	top: 56px;
	transform: rotate(135deg);
}

/***************************************************
* sp-style
***************************************************/
@media print, screen and (max-width: 767px) {
	    max-width: 767px !important;
	
	#ganTbl div.showSP{
		margin-top:1em;
		font-weight:normal;
	}
	/***************************************************
	* base-sp
	***************************************************/
	.topicPath,
	.container .containerSide,
	.showPC {
		display: none !important;
	}
	/***************************************************
	* .container-sp
	***************************************************/
	.container .containerMain {
		padding: 24px 10px 50px;
	}
	.containerMain > *:first-child {
		margin-top: 0;
	}
	.containerMain > *:last-child {
		margin-bottom: 0;
	}
	.h1RspPercent {
		text-align: center;
	}
	/***************************************************
	* パーツ設定
	***************************************************/
	.borderSectionRespCommon {
		margin-bottom: 30px;
		padding: 30px 10px 30px;
	}
	.borderSectionRespCommon:last-child {
		margin-bottom: 0;
		padding: 0 10px 0;
		border-bottom: none;
	}
    /***************************************************
	* アコーディオン-SP
	***************************************************/
	.respInquiryAcAreaWrap {
		border-bottom: 1px solid #BFBFBF;
	}
	
    div.bloProdDetails {
        padding: 1em;
    }

	div.containerMain .respInquiryAcBtn {
		margin: 25px auto 20px auto;
		font-size: 1.12rem;
		font-weight: normal;
		text-align: center;
	}
	div.containerMain .respInquiryAcBtn.open:after {
		top: auto;
		transform: rotate(135deg) translate(12px,-12px);
	}
		
	div.containerMain .respInquiryAcBtn:after {
		top: auto;
		transform: rotate(-45deg) translate(-6px,6px);
	}
	div.containerMain .respInquiryAcContentInner {
		padding: 10px 20px 25px;
	}
	div.containerMain .respInquiryBorderBox {
		margin-top: 40px;
		padding: 5px;
		border: 1px solid white;
	}
	div.containerMain .respInquiryBorderBox:nth-of-type(1) {
		margin-top: 0;
	}
	div.containerMain .respInquiryBorderBox .respInquiryBorderBoxInner + .respInquiryBorderBoxInner {
		border-top: 1px solid #CCC;
		margin-top: 40px;
		padding: 28px 0 0;
	}
	div.containerMain .bloProdTitleIryoHoken {
   		 text-decoration: underline;
   		 line-height: 1.8;
   		 font-size: 26px;
  		  font-weight: bold;
    		text-decoration-color: #00953d;
   		 padding-bottom: 8px !important;
  		  text-align: center;
   		 margin-top: 1em;
	}
	div.containerMain .bloProdTitleSyushinHoken {
  		  text-decoration: underline;
  		  line-height: 1.8;
  		  font-size: 26px;
 		   font-weight: bold;
  		  text-decoration-color: #0a98d3;
 		   padding-bottom: 8px !important;
  		  text-align: center;
 		   margin-top: 1em;
	}
	div.containerMain .bloProdTitleGanHoken {
   		 text-decoration: underline;
  		  line-height: 1.8;
  		  font-size: 26px;
 		   font-weight: bold;
  		  text-decoration-color: #015fd1;
  		  padding-bottom: 8px !important;
  		  text-align: center;
  		  margin-top: 1em;
	}
	div.containerMain .bloProdTitleKaigoHoken {
		 text-decoration: underline;
   		 line-height: 1.8;
   		 font-size: 26px;
  		  font-weight: bold;
  		  text-decoration-color: #cc8434;
  		  padding-bottom: 8px !important;
   		 text-align: center;
   		 margin-top: 1em;
	}
	div.containerMain .bloProdTitleSyuroSyotoku {
		 text-decoration: underline;
   		 line-height: 1.8;
   		 font-size: 26px;
  		  font-weight: bold;
  		  text-decoration-color: #9881b4;
  		  padding-bottom: 8px !important;
   		 text-align: center;
   		 margin-top: 1em;
	}
	p.txProdName {
     	   font-size: 18px;
     	   font-weight: bold;
    	}
   	 p.txProdType {
    	    font-size: 16px;
    	    padding-bottom: 1em;
    	}
    p.txSalesPeriod {
        font-size: 16px;
        padding-bottom: 2em;
    }
	div.containerMain div.tabControlBoxBanner {
	    position: relative;
	    margin: 0 0 5px;
	    background: #d3edfb;
	}
	div.containerMain div.tabControlBoxBanner div.bloCyanDuckText  {
    display: block;
    margin: 38px 0px 48px 10px;
    vertical-align: middle;
    width: 75%;
    font-size: 16px;
    font-family: "Yu Gothic";
    font-weight: bold;
    line-height: 1.6;
	}
	div.containerMain div.tabControlBoxBanner div.bloCyanDuckImg {
	    width: 25%;
	    margin: auto;
	    max-height: 87px;
	    max-width: 83px;
	}
	ul.respCommonUlNote > li.respP {
		font-size: 16px;
	}
}

