@charset "utf-8";

/*	Reset	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, backquote, th, td, caption, button
{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

html { width: 100%; height: 100%; margin: 0; padding: 0; }
body { width: 100%; height: 100%; }
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 18px; line-height: 1.6em; color: #000; }
body, div, button, p, ul, li, table, th, td, input, select { box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, p, a, input, button, table, tr, caption, td, th, img, svg, object, ul, ol, li { touch-action: manipulation; }

/*	Flex 	*/
.flexcase { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexcase_justify { justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; }
.flexcase_center { justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; }
.flexcase_left { justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; }
.flexcase_right { justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; }
.flexcase_middle { -webkit-align-items: center; align-items: center; }

/*	Common	*/
.bold { font-weight: bold; }
.posab { position: absolute; }
.al-center { text-align: center; }
.al-right { text-align: right; }
.border-box { box-sizing: border-box; -moz-box-sizing: border-box; }
.nousersel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nohilite { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
.nodragimg { pointer-events: none; }
button { cursor: pointer; border: none; }
button:disabled { opacity: 0.3; }
button:active { opacity: 0.8; }
a { color: #FF4071; text-decoration: none; }
a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }

/*	cases 	*/
div.div_contentback { width: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; }
div.div_contentback0 { background-image: url(../img/top/img_idxback0.jpg); }
div.div_contentback1 { background-color: #fff; }
div.div_contentback2 { background-color: #FFF7E7; }
div.div_contentback3 { background-color: #ddd; }
div.div_contentback_footer { background-color: #666; color: #fff; font-size: 0.8em; }
div.div_contentbase { width: 100%; max-width: 1000px; margin: 0 auto;  }
div.div_contents100 { width: 100%; padding: 20px 0; }
div.div_contents100p { width: 100%; padding: 20px 10px; overflow: hidden; }
div.div_contents35 { width: 35%; }
div.div_contents65 { width: 65%; }
div.div_contents-left { padding: 20px 10px 20px 0; }
div.div_contents-right { padding: 20px 0 20px 10px; }

/*	Header 	*/
div.div_indexhead { padding: 30px 10px 0; line-height: 0; }
div.div_header_left { width: 40%; text-align: left; padding-bottom: 20px; line-height: 1.6em; }
div.div_header_right { width: 57%; text-align: right; }
div.div_indexhead img { max-width: 100%; }
div.div_header_left p { padding-top: 30px; }

/*	期間限定割引表示 	*/
div.div_header_left p.p_limitedservice { border-radius: 8px; border: 2px solid #FF3464; padding: 20px 10px; margin: 20px auto 10px;
	background-image: url(../img/top/limitedpriceback.png); background-repeat: no-repeat; background-size: cover; display: none; }
span.sp_limitedservice { color: #E40036; font-weight: bold; }


/*	Content items 	*/
h3 { background-repeat: no-repeat; background-size: contain; background-position: top left; background-image: url(../img/top/img_h3head.png); padding-left: 25px;
	font-size: 1.2em; color: #666; height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 15px; }
img.img_floatleft { float: left; margin: 0 10px 10px 0; }
img.img_floatright { float: right; margin: 0 0 10px 10px; }
div.div_linbtarea1 { padding: 10px 20px; border-radius: 8px; background: #FFEDBD; border: 4px solid #FFE69A; margin-top: 60px; }
div.div_cogtemsteps { width: 210px; padding: 0; margin: 0 17px 17px; float: left; border-radius: 4px; overflow: hidden; box-shadow: 1px 1px 8px rgba(0,0,0,0.1); }
div.div_cogtemsteps.stepsdescription { width: 454px; max-width: 90%; box-shadow: none; padding-top: 10px; }
div.div_cogtemsteps h4 { width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 1.1em; font-weight: bold; background: rgba(0,0,0,0.25); color: #fff; }
div.div_cogtemsteps img { max-width: 100%; }
div.div_cogtemsteps p { padding: 0 10px 10px; font-size: 0.9em; line-height: 1.3em; }
div.div_cogtemsteps.stepsdescription p { line-height: 1.6em; font-size: 0.8em; text-align: left; }
div.div_cogtemsteps.stepsdescription p.al-center { text-align: center; }
div.div_cogtemstep1 { background: #FFD5DD; border: 2px solid #F29CB0; }
div.div_cogtemstep2 { background: #FFE1D5; border: 2px solid #FFAF9A; }
div.div_cogtemstep3 { background: #FFF2CF; border: 2px solid #F1E2A5; }
div.div_cogtemstep4 { background: #F8FFD8; border: 2px solid #E3F0A9; }
div.div_cogtemstep5 { background: #E8FFF2; border: 2px solid #D2F2DC; }
div.div_cogtemstep6 { background: #E2FAFF; border: 2px solid #AEF0FE; }
img.img_graphs { width: 350px; max-width: 100%; }
span.sp_additional { display: inline-block; padding: 10px; border-radius: 8px; background: #F7E9D1; font-size: 0.9em; }
table.tbl_data { font-size: 0.9em; }
table.tbl_data td, table.tbl_data th { padding: 3px 10px; vertical-align: top; }
table.tbl_data th { font-weight: bold; color: #333; min-width: 90px; }
div.div_snssharebox { text-align: center; margin: 30px 0 0; font-weight: bold; color: #999; line-height: 2em; }
div.div_snssharebox img { width: 60px; margin: 0 10px; }

/*	Footer 	*/
.div_contentback_footer ul li { display: inline-block; margin-right: 10px; padding-left: 10px;  }
.div_contentback_footer ul li:first-child { border-left: none; }
.div_contentback_footer ul li a { color: #fff; }


/*	Buttons 	*/
button.bt_gocontentcommon { padding: 8px 20px 8px 40px; border-radius: 6px; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); color: #fff; font-size: 1em; 
	background-repeat: no-repeat; background-position: left top; background-size: contain; }
button.bt_subscribe1 { background-color: #FF4470; background-image: url(../img/top/img_btdotarrow.png); }
button.bt_goservices { background-color: #FF5C3C; font-size: 0.9em; width: 100%; text-align: left; margin: 10px 0; }
button.bt_goownerspage { background-image: url(../img/top/img_btowner.png); }
button.bt_gocogtemassess { background-image: url(../img/top/img_btcheck.png); }


@media screen and (max-width: 1000px){
	div.div_contents-left { padding: 10px; }
	div.div_contents-right { padding: 10px; }
}


@media screen and (max-width: 995px) and (min-width: 752px){
	div.div_cogtemsteps.stepsdescription { width: 715px; max-width: 100%; }
}


@media screen and (max-width: 767px){
	.noflex_narrow { display: block; }
	div.div_contents100 { padding: 10px; }
	div.div_contents35 { width: 100%; }
	div.div_contents65 { width: 100%; }
	
	div.div_header_left, div.div_header_right { width: 100%; text-align: center; }
	div.div_header_left p { padding-top: 10px; font-size: 0.9em; }
	div.div_linbtarea1 { padding: 10px 10px; font-size: 0.9em; margin-top: 10px; }

	.div_contentback_footer ul li { width: 100%; }
}

@media screen and (max-width: 524px){
	div.div_cogtemsteps { float: none; width: 80%; margin: 0 auto 20px; text-align: center; } 
	div.div_snssharebox img { width: 50px; margin: 0 5px; }
}