/**** 「忙しい女性が賢く利用している保険ほっとラインの無料サービスをご存じですか？」ページ用CSS（PC/SP） ****/

body {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Century Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #F5F3E9;

}

/*
header
============================== */
#header {
	width: 100%;
	min-width: 1440px;
}
#header h1 {
	min-height: 795px; /* メイン画像height */
	background: url("../img/lp-service/bg_lp-service_main_pc_01.png") no-repeat center top;
	background-size: cover;
}
@media screen and (min-width : 1440px ){ /* ウィンドウ幅が背景画像幅を超えた場合の表示 */
	#header h1 {
		height: auto;
		min-height: auto;
		padding-top: 55.2%; /* 795/1440*100% */
	}
}
#header h1 img {
	display: none;
}


/*
contents
============================== */
#mainContentsWrap {
	width: 100%;
	font-size: 169%; /* 22px */
	/*background-color: #F5F3E9;*/

}
.boxCaption {
	width: 100%;
	min-width: 1440px;
}
.bg_caption01 {/* PC設定 */
	min-height: 165px;
	background: url("../img/lp-service/bg_lp-service_main_pc_02.png") no-repeat center top;
	background-size: cover;
}
@media screen and (min-width : 1440px ){ /* ウィンドウ幅が背景画像幅を超えた場合の表示 */
	.bg_caption01 {
		height: auto;
		min-height: auto;
		padding-bottom: 2%;/*padding-top: 11.5% 0 0;*/
	}
}
.bg_caption01 img {
	display: none;
}

.boxInner {
	width: 960px;
	margin: 0 auto;
	box-sizing: border-box;
}
.boxInner h3 {
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 145%; /* 32px */
	font-weight: bold;
}
.boxInner h4 {
	color: #FFFFFF;
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 145%; /* 32px */
	font-weight: bold;
}

.boxInner p {
	margin-bottom: 1em;
	line-height: 1.8em;
}

/* freedial */
.boxFreedial {
}
.boxFreedial .boxFreedial_txt {
	margin-bottom: 0.5em;
	font-size: 64%; /* 14px */
	line-height: 1em;
}
.boxFreedial .boxFreedial_num {
	color: #F39700;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 227%; /* 50px */
	font-weight: bold;
	line-height: 1em;
	vertical-align: middle;
}
.boxFreedial .boxFreedial_num img {
	margin-right: 10px;
}

/* btn */
.box_btn01 {
	font-size: 82%; /* 18px */
	text-align: center;
}
.box_btn01 ul {
}
.box_btn01 ul li {
	margin: 0 auto 20px;
	width: 400px;
	height: 74px;
	text-align: center;
}
.box_btn01 ul li a {
	display: block;
	width: 400px;
	height: 74px;
}
.box_btn01 ul li a img {
}

/* box01 */
.box01 {
}
.box01_txt01 {
}
.box01_txt01 ul {
	min-height:165px;
	font-size: 127%; /* 27px */
	color: #FFFFFF;
}
.boxInner .box01_txt01 li {
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-left: 20px;
	text-indent: -22px;
}
.boxInner .box01_txt01 li:before {
	padding-right: 10px;
	color: #FFFFFF;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
}
.boxInner p.box01_txt02 {
	color: #FFFFFF;
	font-size: 70%;
	font-weight: normal;
	margin: -4.5em 0 0 0;
	position: relative;/**/
	text-align: right;
}
.box01_img01 {
}
/* box02 */
.box02 {
}
.box02 .boxInner p.box02_txt02 {
	color: #F39700;
	font-weight: bold;
	font-size: 109%;
	margin: 0 0 15px 0;
	
}
.box02 .boxInner p.box02_txt03 {
	color: #F39700;
	font-weight: bold;
	font-size: 109%;
	margin: 0 0 40px 0;;
}


.box02_txt01 .box02_flex-container01 {
	margin: 0 0 40px 0;
	font-size: 80%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	text-align: center;
}
.box02_txt01 .box02_flex-container01 div {
	background-color: #FFFFFF;
	border: solid 1px #00B9EF;
	border-radius: 20px;
	margin: 0 0;
	padding: 20px;
	font-weight: bold;
}
.box02 .boxInner p.box02_img01 {
	text-align: center;
	margin: 0;
}
.box02 .boxInner p.box02_img02 {
	margin: 0;
}
.box02 span {
	background-color: #B7EEFE;
}
.box02 .boxInner h2 {
	color: #F39700; /* オレンジ */
	text-decoration-line: underline;
	text-decoration-color: #b7eefe;
    text-decoration-thickness: 32px;
	margin: 70px 0;
	text-align: center;
	font-size: 173%; /* 38px */
	font-weight: bold;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Century Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif；
}
/* box03 */
.box03 {
}
.box03 .boxInner {
	margin: 0 auto 40px auto;
	padding: 50px 0 40px 0;
	box-sizing: border-box;
	border-radius: 20px;
    background-color: #FFFFFF;
}

.box03_img01 {
	text-align: center;
}
.box03_img01 img {
}
.box03_img02 {
	text-align: center;
}
.box03_img03,.box04_img03,.box05_img03 {
	text-align: left;
	position: absolute;
	margin: -22px 0 0 0;
}
.box03_img04,.box03_img05 {
	text-align: center;
}
.box03_img05 .box03_img05_01 {
	margin: 0 30px 0 0;
}
.box03_txt01 {
	margin: 40px auto;
	width: 800px;
}
.box03_txt01 ul {
}
.boxInner .box03_txt01 li {
	margin-bottom: 1em;
	padding-left: 20px;
	text-indent: -22px;
}
.boxInner .box03_txt01 li:before {
	padding-right: 10px;
	color: #00B9EF;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
}
.box03_txt02 {
	margin: 0 auto;
	width: 800px;
}
.box03_txt03 {
	margin: 0 auto;
	width: 800px;
	font-size: 70%;
}

.box03 h2 {
	color: #00B9EF; /* ブルー */
	text-align: center;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 40px 0;
}

.box03 h4 {
	background:#89cdf2;
	height: 80px;
	line-height: 80px;
	border-bottom: solid 4px #1CBBEB;
	margin: 0 0 36px 0;
}


/* box04 */
.box04 {
}
.box04 .boxInner {
	margin: 0 auto 40px auto;
	padding: 50px 0 40px 0;
	box-sizing: border-box;
	border-radius: 20px;
    background-color: #FFFFFF;
}
.box04_txt01 {
	margin: 40px auto;
	width: 800px;
}
.box04_txt02 {
	margin: 0 auto;
	width: 800px;
}
.boxInner .box04_txt01 p {
	/*margin-bottom: 1.5em;*/
}
.box04_img01 {
	text-align: center;
	font-size: 73%; /* 16px */
}
.box04_img02 {
	text-align: center;
}

.box04_img01 img {
}
.box04 .boxInner h3 {
	margin-bottom: 0;
}
.box04 .boxInner h3 img {
	margin-right: 20px;
	vertical-align: middle;
}
.box04 h2 {
	color: #84D28D; /* グリーン */
	text-align: center;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 40px 0;
}
.box04 h4 {
	background:#84d28d;
	height: 80px;
	line-height: 80px;
	border-bottom: solid 4px #39C53B;
	margin: 0 0 36px 0;
}

.box04_txt01 ul {
}
.boxInner .box04_txt01 li {
	margin-bottom: 1em;
	padding-left: 20px;
	text-indent: -22px;
}
.boxInner .box04_txt01 li:before {
	padding-right: 10px;
	color: #84D28D;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
}
.box04_img04 {
	min-height: 491px;
	background: url("../img/lp-service/img_lp-service_04_04_pc.png") no-repeat center top;
	background-repeat: no-repeat;
}

.box04_img04 img {
	display: none;
}

/* box05 */
.box05 {
}
.box05 .boxInner {
	margin: 0 auto;
	padding: 50px 0 40px 0;
	box-sizing: border-box;
	border-radius: 20px;
    background-color: #FFFFFF;
}
.box05_img01 {
	text-align: center;
}
.box05_img01 img {
}
.box05_img02 {
	text-align: center;
}
.box05_img04 {
	text-align: center;
}
.box05_txt01 {
	width: 800px;
	margin: 40px auto;
	}
.box05 .box05_txt01 ul {
}
.box05_txt01 li {
	margin-bottom: 1em;
	padding-left: 20px;
	text-indent: -22px;
}
.box05_txt01 li:before {
	padding-right: 10px;
	color: #F39700;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
}
.box05_txt02 {
		width: 800px;
		margin: 0 auto;
	}
.box05 h2 {
	color: #F39700;
	text-align: center;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 40px 0;
}
.box05 h4 {
	background:#FDBB4D;
	height: 80px;
	line-height: 80px;
	border-bottom: solid 4px #F39700;
	margin: 0 0 36px 0;
}
/* box06 */
.box06 {
	padding: 40px 0;
}
.box06 .boxInner {
	width: 800px;
}
.box06_txt01 {
	margin: 1em 0 2em 0;
}
.box06 .boxInner h3 {
	margin: 0 0 40px 0;
	color: #F39700;
	font-size: 145%; /* 32px */
}
.box06 .boxInner h3 span {
	margin-bottom: 0;
	color: #F39700;
	font-size: 80%;
}


/* box07 */
.box07 {
}
.box07_img01 {/* PCの設定 */
	min-height: 154px;
	background: url("../img/lp-service/bg_lp-service_footer_contact_pc.png") no-repeat center top;
	background-size: cover;
}
@media screen and (min-width : 1440px ){ /* ウィンドウ幅が背景画像幅を超えた場合の表示 */
	.box07_img01 {
		height: auto;
		min-height: auto;
		padding-top: 10.7%; /* 154/1440*100% */
	}
}
.box07_img01 img {
	display: none;
}

/* box08 */
.box08 {
	padding-top: 40px;
}
/* box08 > btn */
.box08 .box_btn01 {
	width: 480px;
	box-sizing: border-box;
}
.box08 .box_btn01.box08_btn01L {
	float: left;
	padding-top: 2em;
	border-right: 1px dashed #B5B59A;
}
.box08 .box_btn01.box08_btn01R {
	float: right;
}
.box08 .box_btn01 ul {
}
.box08 .box_btn01 ul li {
}
.box08 .box_btn01 ul li a {
}
.box08 .box_btn01 ul li a img {
}
.box08 .boxInner .box_btn01 p {
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
/* box08 > freedial */
.box08 .boxFreedial {
	float: right;
	margin: 0 40px;
	width: 400px;
}
.box08 .boxFreedial .boxFreedial_txt {
}
.box08 .boxFreedial .boxFreedial_num {
}
.box08 .boxFreedial .boxFreedial_num img {
}

/*
footer
============================== */
#footer {
	width: 100%;
	min-width: 1440px;
	padding-top: 0;
	font-size: 123%; /* 16px */
	background-size: 100% auto;
	background-color: #f5f3e9;
}
#footer .boxInner {
	padding: 4.1% 0 2.8%; /* 上 60/1440*100% ／下 40/1440*100% */
}
@media screen and (min-width : 1440px ){ /* ウィンドウ幅が背景画像幅を超えた場合の表示 */
	#footer {
	}
	#footer .boxInner {
	}
}
.fNav {
	text-align: center;
	line-height: 2.5em; /* 55px */
	list-style: none;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
.fNav li {
	display: inline;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.fNav li a {
	padding: 0 15px;
	color: #000000;
	border-right: 1px solid #000000;
}
.fNav li:last-child a {
	border-right: none;
}
.copyright {
	font-size: 72.7%; /* 16px */
	text-align: center;
	line-height: 1.5em; /* 24px */
}

/*
fixedTop(pageTopフェードイン・アウト)
============================== */
#fixedTop {
	bottom: 40px;
	right: 40px;
}
#fixedTop a {
}
#fixedTop a img {
	width: 40px;
	height: auto;
}

/*
fixedBnr(位置固定バナー)
============================== */
#fixedBnr {
	position: fixed;
	right: 0;
	top: 400px;
}
#fixedBnr a {
	display: block;
	width: 280px;
	height: 260px;
	background: url("../img/lp-service/bnr_lp-service_kichintofile_pc.png") no-repeat right top;
}
#fixedBnr a img {
	display: none;
}


/*
レスポンシブ設定
――――――――――――――――――――――――――――――*/
/*
view-portサイズメモ => ウィンドウ幅640pxの時のvw指定、px数÷6.4（小数点第2位以下切り上げ）
レスポンシブサイトでは基本的に、
幅や文字サイズについては、pxではなく%またはvwで指定すること

※参考
640px => 100vw ※全体幅
100px => 15.6vw
64px  => 10vw
60px  => 9.4vw
40px  => 6.3vw
30px  => 4.8vw
20px  => 3.2vw
10px  => 1.6vw
5px   => 0.8vw

*/
@media screen and (max-width : 640px ){
	

	/*
	header
	============================== */
	#header {
		min-width: auto;
		max-width: 640px;
		min-height: auto;
	}
	#header h1 {
		min-height: auto;
		background: none;
	}
	#header h1 img {
		display: block;
		width: 100%;
		height: auto;
	}

	/*
	contents
	============================== */
	#mainContentsWrap {
		font-size: 4.4vw; /* 28px */
	}
	.boxCaption {
		min-width: auto;
		max-width: 640px;
	}
	.bg_caption01 {
		min-height: auto;
		background: none;
	}
	.bg_caption01 img {
		width: 100%;
		display: block;
		height: auto;
	}

	.boxInner {
		width: 100%;
		margin: 0;
		padding: 0 6vw; /* 38px */
	}
	.boxInner h2 .caption_icon_free {
		margin-right: 1.6vw; /* 10px */
		padding: 0.3vw 1.6vw; /* 2px 10px */
		border-radius: 1.6vw; /* 10px */
	}
	.boxInner h2 .caption_small {
	}
	.boxInner h2 img {
	}
	.boxInner h3 {
		font-size: 5vw; /* 32px */
	}
	
	.boxInner h4 {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	/* freedial */
	.boxFreedial {
		text-align: center;
	}
	.boxFreedial .boxFreedial_txt {


		margin-bottom: 0;
		font-size: 3.4vw; /* 22px */
	}
	.boxFreedial .boxFreedial_num {
		font-size: 10.6vw; /* 68px */
	}
	.boxFreedial .boxFreedial_num a {
		color: #F39700;
	}
	.boxFreedial .boxFreedial_num img {
		margin-right: 1.6vw; /* 10px */
		width: 11.6vw; /* 74px */
		height: auto;
	}

	/* btn */
	.box_btn01 {
		font-size: 3.8vw; /* 24px */
	}
	.box_btn01 ul {
	}
	.box_btn01 ul li {
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.box_btn01 ul li a {
		width: 100%;
		height: auto;
	}
	.box_btn01 ul li a img {
		width: 100%;
		height: auto;
	}

	/* box01 */
	.box01 {
	}
	.box01 .boxInner {
		width: 100%;
	}
	.box01_txt01 {
		position: relative;
    }
    .box01_txt01 ul {
		position: absolute;
		margin: -26vw 0 0 0;
		font-size: 100%;
	}
	.boxInner .box01_txt01 li {
	}
	.boxInner p.box01_txt02 {
		position: absolute;
		margin: -7vw 0 0 0;
		padding: 0;
	}
	/* box02 */
	.box02 {
	}
    .box02_txt01 .box02_flex-container01 {
	    display: block;
		margin: 0 0 6.2vw 0;/*0 0 40px 0*/
	}
	.box02_txt01 .box02_flex-container01 div {
		margin: 0 0 1.6vw 0;/* 0 0 10px 0 */
		text-align: center;
    }
	.box02 .boxInner h2 {
	}
	.box02 .box02_img01 img {
		width: 42vw;
		height: auto;
	}
	.box02 .box02_img02 img {
		width: 31vw;
		height: auto;
	}
	.box02 .boxInner h2 {
		margin: 6.25vw 0 10vw 0;
	}

	/* box03 */
	.box03 {
	}
	.box03 .box_btn01 {
		width: 75vw;
		margin: 0 auto;
	}
	.box03 .boxInner {
		width: 87.5vw; /* 560px */
		padding: 6.3vw 0;
	}
	.box03_txt01 {
		width: 75vw;
	}
	.box03_txt02 {
		width: 75vw;
	}
	.box03_txt03 {
		width: 100%;
	}
	.box03_img01 {
	}
	.box03_img01 img {
		width: 75vw; /* 480px */
		height: auto;
	}
	.box03_img02 img {
		width: 45vw;
		height: auto;
	}
	.box03_img03 {
		margin: -3.4vw 0 0 0;/* 22px */
	}
	.box03_img03 img {
	width: 14vw;
	height: auto;
	}
	.box03_img04 img {
		width: 75vw; /* 351px */
		height: auto;
		margin: 4.7vw 0 0 0;/* 30px 0 0 0 */
	}
	.box03_img05 img {
	}
	.box03_img05 .box03_img05_01 {
		margin: 0;
		width: 56.3vw; /* 360px */
		height: auto;
	}
	.box03_img05 .box03_img05_02 {
		width: 63.6vw; /* 407px */
		height: auto;
	}
	.box03 h2 {
	padding: 0 0 6.3vw 0;
	}
	/* box04 */
	.box04 {
	}
	.box04 .boxInner {
		width: 87.5vw; /* 560px */
		padding: 6.3vw 0;
	}
	.box04_txt01 {
		width: 75vw;
	}
	.box04_txt02 {
		width: 75vw;
		padding: 4.7vw 0;/* 30px 0 */
	}
	.box04_img01 {
	}
	.box04_img01 img {
		width: 75vw; /* 480px */
		height: auto;
	}
	.box04_img02 img {
		width: 45vw;
		height: auto;
	}
	.box04_img03 {
	    margin: -3.4vw 0 0 0;/* 22px */
	}
	.box04_img03 img {
	    width: 14vw;
	    height: auto;
	}
	.box04_img04 {
		min-height: auto;
		background: none;
	}
	.box04_img04 img {
		margin: 0 auto;
		display: block;
		width: 80vw; /* 511px */
		height: auto;
	}
	.box04 h2 {
		padding: 0 0 6.3vw 0;
	}
	.box04 .box_btn01 {
		width: 75vw;
		margin: 0 auto;
	}
	/* box05 */
	.box05 {
	}
	.box05 .boxInner {
		width: 87.5vw; /* 560px */
		padding: 6.3vw 0;
	}
	.box05_img01 {
	}
	.box05_img01 img {
		width: 75vw; /* 480px */
		height: auto;
	}
	.box05_img02 img {
		width: 45vw;
		height: auto;
	}
	.box05_img04 img {
		width: 75vw;
		height: auto;
	}
	.box05_txt01 {
		width: 75vw;
	}
	.box05_txt02 {
		width: 75vw;
		padding: 4.7vw 0;/* 30px 0 */
	}
	.box05_img03 {
		margin: -3.4vw 0 0 0;/* 22px */
	}
	.box05_img03 img {
	    width: 14vw;
	    height: auto;
	}
	.box05 h2 {
		padding: 0 0 6.3vw 0;
	}
	.box05 .box_btn01 {
		width: 75vw;
		margin: 0 auto;
	}
	/* box06 */
	.box06 {
		padding: 6vw 0; /* 80px */
	}
	.box06 .boxInner {
		width: 100%;
	}
	.boxInner .box06_img01 {
		text-align: center;
	}
	.box06_img01 img {
		width: 75vw; /* 480px */
		height: auto;
	}
	.box06_txt01 {
	}
	.box06 .boxInner h3 {
		margin: 0 0 3.1vw 0;
		font-size: 7.2vw;
	}
    .box06 .boxInner h3 span {
	}

	/* box07 */
	.box07 {
	}
    .box07_img01 {
		min-height: auto;
		background: none;
	}
	.box07_img01 img {
		display: block;
		width: 100%;
		height: auto;
	}

	/* box08 */
	.box08 {
		padding-top: 6.3vw; /* 40px */
	}
	/* box08 > btn */
	.box08 .box_btn01 {
		width: 100%;
	}
	.box08 .box_btn01.box08_btn01L {
		float: none;
		border-right: none;
	}
	.box08 .box_btn01.box08_btn01R {
		float: none;
	}
	.box08 .box_btn01 ul {
	}
	.box08 .box_btn01 ul li {
	}
	.box08 .box_btn01 ul li a {
	}
	.box08 .box_btn01 ul li a img {
	}
	.box08 .boxInner .box_btn01 p {
	}
	/* box08 > freedial */
	.box08 .boxFreedial {

		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.box08 .boxFreedial .boxFreedial_txt {
	}
	.box08 .boxFreedial .boxFreedial_num {
	}
	.box08 .boxFreedial .boxFreedial_num img {
	}

	/*
	footer
	============================== */
	#footer {
		min-width: auto;
		max-width: 640px;
		padding-bottom: 18.8vw; /* 120px(固定バナーの高さ分) */
		background-size: contain;
		font-size: 2.8vw; /* 18px */
	}
	#footer .boxInner {
		padding-top: 9.4vw; /* 60px */
	}
	.fNav {
	}
	.fNav li {
	}
	.fNav li a {
	}
	.fNav li:last-child a {
	}
	.copyright {


		font-size: 2.5vw; /* 16px */
	}

	/*
	fixedTop(pageTopフェードイン・アウト)
	============================== */
	#fixedTop {
		bottom: 20.3vw; /* 10px + 120px(固定バナーの高さ分) */
		right: 1.6vw; /* 10px */
	}
	#fixedTop a {
	}
	#fixedTop a img {
		width: 12.5vw; /* 80px */
	}

	/*
	fixedBnr(位置固定バナー)
	============================== */
	#fixedBnr {
		right: auto;
		left: 0;
		top: auto;
		bottom: 0;
	}
	#fixedBnr a {
		width: 100%;
		height: auto;
	}
	#fixedBnr a img {
		display: block;
		width: 100%;
		height: auto;
	}
}