/* CSS Document */
html{
	scroll-behavior: smooth;
}
@media screen and (min-width: 801px) {
	.sp_only,#lp02-main .sp_only,#lp03-main .sp_only{
		display: none;
	}
	.pc_size50{
		width: 50%;
	}
	.pc_size60{
		width: 60%;
	}
	.pc_size70{
		width: 70%;
	}
	.pc_size80{
		width: 80%;
	}
	body{
		width: 950px;
		margin: 0 auto;
		font-size: 20px;
	}
	#lp02-main{
		text-align: center;
	}
	img{
		margin: auto;
	}
	.img-change{
		margin: auto;
		text-align: center;
		font-size: 0;
	}
	.cont .inner{
		padding: 10px 0;
	}
	.backgray{
		padding: 30px;
		font-weight: bold;
		background: #efefef;
	}
	.cont p{
		margin: 20px 0 0 0;
	}
	.lp-rank{
		width: 660px;
		position: relative;
		margin: 20px auto 0;
		padding: 15px 0px;
		font-size: 18px;
		background: #efefef;
	}
	.lp-rank_mi{
		width: 424px;
		margin: auto;
		line-height: 1.4;
	}
	.lp-rank table{
		width: 424px;
		margin: 10px auto 0;
	}
	.lp-rank table tr th{
		padding: .5vw 0;
		text-align: center;
		background: #e0e0e0;
		border: solid 2px #848484;
	}
	.lp-rank table tr th:nth-child(2){
		padding: 0 1.5vw;
	}
	.lp-rank table tr td{
		padding: .5vw 0;
		text-align: center;
		background: #e0e0e0;
		border: solid 2px #848484;
	}
	.lp-rank table tr td:nth-child(3){
	background: #fff;		
	}
	.lp-rank_num{
		position: absolute;
		top: 50px;
		right: 118px;
		font-size: 14px;
		color: #888;
	}
	.lp-rank_com{
		margin: 5px 0 0 116px;
		color: #888;
		font-size: 14px;
		word-break: break-all;
		line-height: 1.3;
	}
	.lp-rank_com a{
		color: #888;
	}
	.cont .midashi{
		margin: 20px 0 0 0;
		padding: 20px;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		background: #0aa387;
	}
	.linktable table{
		margin: 20px 0 0 0;
 		width: 100%;
	}
	.linktable table tr th{
		width: 30%;
		text-align: center;
		background: #f3f3f3;
		border: solid 2px #848484;
	}
	.linktable table tr th:nth-child(2){
		width: 70%;
	}
	.linktable table tr td{
		width: 30%;
		padding: 10px;
		color: #ff0000;
		font-size: 18px;
		text-align: center;
		background: #fffed4;
		border: solid 2px #848484;
	}
	.linktable table tr td img{
		width: 216px;
	}
	.linktable table tr td:nth-child(2){
		width: 70%;
		color: #222;
		font-size: 18px;
		text-align: left;
		line-height: 1.4;
		background: #fff;
		border: solid 2px #888;
	}
	.linktable table tr td li{
		position: relative;
		margin: 0 0 0 10px;
		padding: 5px 0;
	}
	.linktable table tr td li::before{
    	content: "";
    	display: block;
    	width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #000;
		position: absolute;
		left: -8px;
		top: calc(0.75em - 0px);
	}
	.cont2{
	}
	.cont2 .midashi{
		position: relative;
		padding: 10px;
		color: #fff;
		font-size: 40px;
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		background: #14baac;
	}
	.cont2 .selltable{
		margin: 0 auto;
	}
	.cont2 .selltable table{
		width: 100%;
	}
	.cont2 .selltable:nth-child(2){
		margin: 4vw auto 2vw;
	}
	.cont2 .selltable tr th{
		width: 47%;
		padding: 6px;
		text-align: center;
		border: solid 2px #8f8f8f;
		background: #f3f3f3;
	}
	.cont2 .selltable tr td{
		padding: 10px;
		font-size: 16px;
		border: solid 2px #8f8f8f;
		background: #fff;
	}
	.cont2 .selltable tr td a{
		color: #079fba;
	}
	.cont2 .selltable tr th.kok{
		background: url("../images/lp_01_020.png") no-repeat top 13px right 15px / 32px 23px #f3f3f3;
	}
	.cont2 .selltable tr th.gai{
		background: url("../images/lp_01_021.png") no-repeat top 16px right 15px / 54px 19px #f3f3f3;
	}
	.cont2 .selltable tr th.kin{
		background: url("../images/lp_01_022.png") no-repeat top 12px right 15px / 30px 27px #f3f3f3;
	}
	.cont2 .selltable tr th.hai{
		background: url("../images/lp_01_023.png") no-repeat top 14px right 15px / 28px 23px #f3f3f3;
	}
	.sellarea{
		width: 770px;
		margin: 30px auto 0;
		padding: 30px;
		background: #fffed4;
	}
	.lastcont{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 20px;
		padding: 40px 20px 10px;
		font-size: 24px;
		line-height: 1.6;
		border: solid 2px #ffe113;
		background: #fff;
	}
	.lastcont img{
		width: 70px;
		margin: 0 20px 0 0;
	}
	.last-abs{
		position: relative;
		position: absolute;
		top:-24px;
		right: 0;
		left: 0;
		width: 20%;
		margin: auto;
		padding: 10px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		border-radius: 5px;
		background: #ffe113;
	}
	.last-abs::after{
		position: absolute;
		content: "";
		right: 0;
		bottom: -8px;
		left: 0;
		margin: auto;
		background: #ffe113;
		height: calc(22px / 2);
		width: 15%;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.contll{
		width: 580px;
		margin: 20px auto;
		padding: .6em;
		text-align: center; 
		background: #fffc9f;
	}
	.triangle {
		background: #ffe113;
		height: calc(tan(60deg) * 38px / 2);
		width: 20%;
		margin: auto;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.example{
		width: 500px;
		margin: 0 auto 1.5em;
		padding: 30px;
		background: #f2f2f2;
	}
	.example .inner{
		background: #fff;
	}
	
	.cont2 .inner{
		padding: 1vw 3vw 3vw;
	}
	.cont2 .inner .flex{
		margin: 14px 0;
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.4;
	}
	ul li a{
		color: #079fba;
	}
	.nabikuru3{
		margin: 20px 0 0 0;
		border: solid 1px #f45757;
		border-radius: 5px;
	}
	.nabikuru3 .midashi{
		margin: 0;
		padding: 20px 20px 10px;
		font-size: 30px;
		text-align: left;
		background: #f45757;
	}
	.nabikuru3 .inner{
		padding: 20px;
	}
	.nabikuru3 ul li{
		display: flex;
		padding: 10px 0;
		font-size: 22px;
		line-height: 1.5;
	}
	.maru{
		margin: 0 14px 0 0;
		height:32px;
		width:33px;
		color: #fff;
		line-height: 34px;
		border-radius:50%;
		text-align:center;
		background: #f45757;
	}
	.q1,.q2,.q3,.q4{
		margin: 0 0 20px 0;
	}
	.q1-q,.q2-q,.q3-q,.q4-q,.q5-q{
		position: relative;
		font-weight: bold;
		color: #0aa387;
		line-height: 1.4;
	}
	.q1-q::before,.q2-q::before,.q3-q::before,.q4-q::before,.q5-q::before{
		content: "Q";
		margin: 0 1vw 0 0;
		font-size: 30px;
		font-weight: normal;
	}
	.q1-a,.q2-a,.q3-a,.q4-a,.q5-a{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1vw 0 0 0;
		padding: 10px;
		text-align: center;
		background: #f5f5f5;
	}
	.q1-arrow,.q2-arrow,.q3-arrow,.q4-arrow,.q5-arrow{
		position: relative;
	}
	.q1-arrow.active,.q2-arrow.active,.q3-arrow.active,.q4-arrow.active,.q5-arrow.active{
		position: relative;
	}
	.q1-arrow::before,.q2-arrow::before,.q3-arrow::before,.q4-arrow::before,.q5-arrow::before{
		position: absolute;
		top: 0;
		left: 0px;
		bottom: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 14px;
		height: 14px;
		-webkit-border-radius: 25%;
		border-radius: 25%;
		background: #aeaeae;
	}
	.q1-arrow::after,.q2-arrow::after,.q3-arrow::after,.q4-arrow::after,.q5-arrow::after{
		position: absolute;
		bottom: -2px;
		left: 4px;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 4px;
		height: 4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}	
	.q1-arrow.active::after,.q2-arrow.active::after,.q3-arrow.active::after,.q4-arrow.active::after,.q5-arrow.active::after{
		bottom: -4px;
		-webkit-transform: rotate(180deg);
		transform: rotate(315deg);
	}
	.q1-a-inner,.q2-a-inner,.q3-a-inner,.q4-a-inner,.q5-a-inner{
		display: none;
		padding: 20px;
	}
	.open{
		display: block;
	}
	.q1-a.chtext::before,.q2-a.chtext::before,.q3-a.chtext::before,.q4-a.chtext::before,.q5-a.chtext::before{
		content: "閉じる";
	}
	.q1-a::before,.q2-a::before,.q3-a::before,.q4-a::before,.q5-a::before{
		content: "答えを見る";
	}
	footer{
		margin: 20px 0 0 0;
		padding: 10px;
		text-align: center;
		background: #0aa387;
	}
	footer a{
		color: #fff;
		font-size: 14px;
		text-decoration: none;
	}
	.follow{
		position: fixed;
		width: 750px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		color: #fff;
		cursor: pointer;
		transition: .3s;
		z-index: 1000;
	
		/*デフォルトで非表示にする*/
		opacity: 0;
		visibility: hidden;
	}
	.space{
		padding: 0 0 175px 0;
	}
	#lp03-main .latest10 .inner ,#lp02-main .latest10 .inner {
		width: 80%;
		margin: auto;
		padding: .8em;
	}
	.latest10 table td, .latest10_scroll table td {
    	width: 26%;
    	padding: 1em 1.5em;
    	line-height: 1.4;
    	text-align: center;
    	border: solid 1px #999;
	}
	.latest10 table th ,.latest10_scroll table th{
		width: 16%;
		padding: .5em 0;
		font-weight: normal;
		line-height: 1.4;
		text-align: center;
		border: solid 1px #999;
		background: #f3f3f3;
	}
	.latest10 .addtable,.latest10 .addtable2{
		padding: .6em .6em .6em 2.5em;
		font-weight: bold;
		color: #444;
		text-align: left;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		border-left: solid 1px #999;
		background: #c5c5c5 url("../images/lp_02_014.png") no-repeat top 50% left .4em / 24px;
	}
	.latest10_scroll table{
		table-layout: fixed;
    	max-width: 200%;
    	width: 100%;
    	margin: 0;
	}
	.point-box .pbt{
		margin: .5em 0;
		padding: 0 0 0 1.8em;
		/*font-size: .8em;*/
		font-weight: bold;
		line-height: 1.4;
		background: url("../images/lp_02_012.png") no-repeat top left / 27px;
	}
	.casebox .apparea .appbtn{
		margin: 0 8em;
		padding: .9em;
		font-size: 1.05em;
		font-weight: bold;
		text-align: center;
		border-radius: .3em;
		background: #b80305 url("../images/lp_02_011.png") no-repeat top 50% right 1em / 20px;
	}
}
@media screen and (max-width: 800px) {
	.pc_only,#lp02-main .pc_only,#lp03-main .pc_only{
		display: none;
	}
	body{
		font-size: 4.2vw;
	}
	.img-change img{
		width: 100%;
		margin: auto;
		font-size: 0;
	}
	.cont .inner{
		padding: 3vw;
	}
	.backgray{
		padding: 2vw;
		font-weight: bold;
		background: #efefef;
	}
	.cont p{
		margin: 3vw 0 0 0;
	}
	.lp-rank{
		position: relative;
		margin: 3vw 0 0 0;
		padding: 3vw 4vw;
		background: #efefef;
	}
	.lp-rank_mi{
		margin: 0;
		line-height: 1.4;
	}
	.lp-rank table{
		width: 100%;
		margin: 1.5vw 0 0 0;
	}
	.lp-rank table tr th{
		padding: .5vw 0;
		text-align: center;
		background: #e0e0e0;
		border: solid 1px #555;
	}
	.lp-rank table tr th:nth-child(2){
		padding: 0 1.5vw;
	}
	.lp-rank table tr td{
		padding: .5vw 0;
		text-align: center;
		background: #e0e0e0;
		border: solid 1px #555;
	}
	.lp-rank table tr td:nth-child(3){
	background: #fff;		
	}
	.lp-rank_num{
		position: absolute;
		top: 9.5vw;
		right: 4vw;
		font-size: 3vw;
		color: #888;
	}
	.lp-rank_com{
		margin: 2vw 0 0 0;
		color: #888;
		font-size: 2.8vw;
		word-break: break-all;
		line-height: 1.3;
	}
	.lp-rank_com a{
		color: #888;
	}
	.cont .midashi{
		margin: 2vw 0 0 0;
		padding: 3vw;
		color: #fff;
		font-size: 5.8vw;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		background: #0aa387;
	}
	.linktable table{
		margin: 3vw 0 0 0;
 		width: 100%;
	}
	.linktable table tr th{
		width: 30%;
		text-align: center;
		background: #f3f3f3;
		border: solid 1px #888;
	}
	.linktable table tr th:nth-child(2){
		width: 70%;
	}
	.linktable table tr td{
		width: 30%;
		padding: 2vw;
		color: #ff0000;
		font-size: 3vw;
		text-align: center;
		background: #fffed4;
		border: solid 1px #888;
	}
	.linktable table tr td img{
		width: 108px;
	}
	.linktable table tr td:nth-child(2){
		width: 70%;
		color: #222;
		font-size: 4vw;
		text-align: left;
		line-height: 1.4;
		background: #fff;
		border: solid 1px #888;
	}
	.linktable table tr td li{
		position: relative;
		margin: 0 0 0 2vw;
		padding: 1vw 0;
	}
	.linktable table tr td li::before{
    	content: "";
    	display: block;
    	width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #000;
		position: absolute;
		left: -8px;
		top: calc(0.75em - 0px);
	}
	.cont2{}
	.cont2 .midashi{
		position: relative;
		padding: 4vw 0 0 0;
		color: #fff;
		font-size: 6vw;
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		background: #14baac;
	}
	.cont2 .midashi::after{
		position: absolute;
		content: "";
		right: 0;
		bottom: -30px;
		left: 0;
		background: #14baac;
		height: calc(61px / 2);
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.cont2 .selltable table{
		width: 100%;
		margin: 4vw auto 0;
	}
	.cont2 .selltable:nth-child(2){
		margin: 4vw auto 2vw;
	}
	.cont2 .selltable tr th{
		width: 47%;
		padding: 1vw;
		font-size: 3.6vw;
		text-align: center;
		border: solid 1px #8f8f8f;
		background: #f3f3f3;
	}
	/*.cont2 .selltable tr th.kok{
		background: url("../images/lp_01_020.png") no-repeat top .6em right 5px / 22px 16px #f3f3f3;
	}
	.cont2 .selltable tr th.gai{
		background: url("../images/lp_01_021.png") no-repeat top .8em right 5px / 38px 13px #f3f3f3;
	}
	.cont2 .selltable tr th.kin{
		background: url("../images/lp_01_022.png") no-repeat top .5em right 5px / 22px 23px #f3f3f3;
	}
	.cont2 .selltable tr th.hai{
		background: url("../images/lp_01_023.png") no-repeat top .5em right 5px / 24px 20px #f3f3f3;
	}*/
	.cont2 .selltable tr td{
		padding: 1.5vw 1vw 1.5vw 2vw;
		font-size: 3.4vw;
		border: solid 1px #8f8f8f;
		background: #fff;
	}
	.cont2 .selltable tr td a{
		color: #079fba;
	}
	.sellarea{
		padding: 8vw 3vw 3vw;
		background: #fffed4;
	}
	.lastcont{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin: 0 auto 3vw;
		padding: 6vw 3vw 3vw;
		font-size: 4.8vw;
		line-height: 1.6;
		border: solid 2px #ffe113;
		background: #fff;
	}
	.last-abs{
		position: relative;
		position: absolute;
		top:-24px;
		right: 0;
		left: 0;
		width: 23%;
		margin: auto;
		padding: 2vw 1vw;
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		border-radius: .5vw;
		background: #ffe113;
	}
	.last-abs::after{
		position: absolute;
		content: "";
		right: 0;
		bottom: -8px;
		left: 0;
		margin: auto;
		background: #ffe113;
		height: calc(22px / 2);
		width: 15%;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.triangle {
		background: #ffe113;
		height: calc(tan(60deg) * 30px / 2);
		width: 50%;
		margin: auto;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.example{
		margin: 0 0 1.5em 0;
		padding: 1em;
		background: #f2f2f2;
	}
	
	.cont2 .inner{
		padding: 1vw 3vw 3vw;
	}
	.cont2 .inner .flex{
		margin: 0 0 2vw 0;
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 3.6vw;
		line-height: 1.4;
	}
	.contll{
		padding: .6em;
		text-align: center; 
		background: #fffc9f;
	}
	ul li a{
		color: #079fba;
	}
	.nabikuru3{
		margin: 3vw 0 0 0;
		border: solid 1px #f45757;
		border-radius: 1vw;
	}
	.nabikuru3 .midashi{
		margin: 0;
		font-size: 4.4vw;
		text-align: left;
		background: #f45757;
	}
	.nabikuru3 ul li{
		display: flex;
		padding: 1.5vw 0;
		font-size: 4vw;
		line-height: 1.5;
	}
	.maru{
		margin: 0 2vw 0 0;
		height:24px;
		width:24px;
		color: #fff;
		line-height: 24px;
		border-radius:50%;
		text-align:center;
		background: #f45757;
	}
	.q1,.q2,.q3,.q4{
		margin: 0 0 4vw 0;
	}
	.q1-q,.q2-q,.q3-q,.q4-q,.q5-q{
		position: relative;
		font-weight: bold;
		color: #333;
		line-height: 1.4;
	}
	.q1-q::before,.q2-q::before,.q3-q::before,.q4-q::before,.q5-q::before{
		content: "Q";
		margin: 0 1vw 0 0;
		font-size: 6vw;
		font-weight: normal;
	}
	.q1-a,.q2-a,.q3-a,.q4-a,.q5-a{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1vw 0 0 0;
		padding: 1vw;
		text-align: center;
		background: #f5f5f5;
	}
	.q1-arrow,.q2-arrow,.q3-arrow,.q4-arrow,.q5-arrow{
		position: relative;
	}
	.q1-arrow.active,.q2-arrow.active,.q3-arrow.active,.q4-arrow.active,.q5-arrow.active{
		position: relative;
	}
	.q1-arrow::before,.q2-arrow::before,.q3-arrow::before,.q4-arrow::before,.q5-arrow::before{
		position: absolute;
		top: 0;
		left: 0px;
		bottom: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 14px;
		height: 14px;
		-webkit-border-radius: 25%;
		border-radius: 25%;
		background: #aeaeae;
	}
	.q1-arrow::after,.q2-arrow::after,.q3-arrow::after,.q4-arrow::after,.q5-arrow::after{
		position: absolute;
		bottom: -2px;
		left: 4px;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 4px;
		height: 4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}	
	.q1-arrow.active::after,.q2-arrow.active::after,.q3-arrow.active::after,.q4-arrow.active::after,.q5-arrow.active::after{
		bottom: -4px;
		-webkit-transform: rotate(180deg);
		transform: rotate(315deg);
	}
	.q1-a-inner,.q2-a-inner,.q3-a-inner,.q4-a-inner,.q5-a-inner{
		display: none;
		padding: 3vw;
	}
	.open{
		display: block;
	}
	.q1-a.chtext::before,.q2-a.chtext::before,.q3-a.chtext::before,.q4-a.chtext::before,.q5-a.chtext::before{
		content: "閉じる";
	}
	.q1-a::before,.q2-a::before,.q3-a::before,.q4-a::before,.q5-a::before{
		content: "答えを見る";
	}
	footer{
		margin: 5vw 0 0 0;
		padding: 3vw 0;
		text-align: center;
		background: #0aa387;
	}
	footer a{
		color: #fff;
		font-size: 3vw;
		text-decoration: none;
	}
	.space{
		padding: 0 0 23vw 0;
	}
	#lp03-main .latest10 .inner {
		padding: .8em;
	}
	.latest10 table td {
    	width: 26%;
		padding: 1em .3em;
		font-size: 1em;
    	font-weight: bold;
    	line-height: 1.4;
    	text-align: center;
    	border: solid 2px #999;
	}
	.latest10_scroll table td {
    	width: 26%;
		padding: .8em .4em;
		font-size: .9em;
    	font-weight: bold;
    	line-height: 1.4;
    	text-align: center;
    	border: solid 2px #999;
	}
	.latest10 table th ,.latest10_scroll table th{
		width: 16%;
		padding: .5em 0;
		font-size: .9em;
		font-weight: normal;
		line-height: 1.4;
		text-align: center;
		border: solid 2px #999;
		background: #f3f3f3;
	}
	.latest10 .addtable,
	.latest10 .addtable2{
		padding: .6em .6em .6em 2.5em;
		font-weight: normal;
		color: #1e60e6;
		text-align: left;
		border-right: solid 2px #999;
		border-bottom: solid 2px #999;
		border-left: solid 2px #999;
		background: #c5c5c5 url("../images/lp_02_014.png") no-repeat top 50% left .4em / 24px;
	}
	.latest10_scroll #addtable3,
	.latest10_scroll #addtable4,
	.latest10_scroll #addtable5{
		padding: .6em .6em .6em 2.5em;
		font-weight: normal;
		color: #1e60e6;
		text-align: left;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		border-left: solid 1px #999;
		background: #c5c5c5 url("../images/lp_02_014.png") no-repeat top 50% left .4em / 24px;
	}
	.latest10_scroll table{
		table-layout: fixed;
    		max-width: 200%;
    		width: 166%;
    		margin: 0;
	}
	.latest10 .midashi::after {
		position: absolute;
		content: "";
		right: 0;
		bottom: -28px;
		left: 0;
		background: #0aa387;
		height: calc(61px / 2);
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
    	}
	.point-box .pbt{
		margin: .5em 0;
		padding: 0 0 0 1.8em;
		/*font-size: .8em;*/
		font-weight: bold;
		line-height: 1.4;
		background: url("../images/lp_02_012.png") no-repeat top left / 17px;
	}
	.casebox .apparea .appbtn{
		padding: 1.3em .3em;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
		border-radius: .3em;
		background: #b80305;
	}
	.header3{
		position: relative;
		padding: .8em 0 0;
		text-align: center;
		border-bottom: solid 1px #ababab;
	}
	.pr{
		position: absolute;
		bottom: -2em;
		right: .5em;
		padding: .1em .6em .09em;
		color: #fff;
		font-size: .6em;
		line-height: 1.4;
		background: #ababab;
	}
	#lp04-main{
		margin: 2em 0 0 0;
	}
	#lp04-main .title{
		margin: auto .6em .5em;
		font-size: 1.3em;
		font-weight: bold;
		color: #111;
	}
	#lp04-main .cont{}
	#lp04-main .toc{
		margin: 1em 0 0 0;
		padding: 1em 1.5em;
		border: solid 2px #ccc;
	}
	#lp04-main .cont .toc .midashi{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 62%;
		margin: 0 auto 1em;
		padding: .5em 0;
		color: #4e4e4e;
		font-size: 1em;
		font-weight: bold;
		border-bottom: solid 1px #4e4e4e;
		background: none;
	}
	#lp04-main .toc .midashi img{
		width: 8%;
		margin: 0 .5em 0 0;
	}
	#lp04-main .toc .inner{
		padding: 0;
	}
	#lp04-main .toc ul li{
		position: relative;
		padding: .8em 0 .8em 1.3em;
		line-height: 1.6;
		font-weight: bold;
		border-bottom: dashed 1px #ccc;
	}
	#lp04-main .toc ul li::before{
		content: "⚫︎";
		position: absolute;
		left: 0;
		color: #4e4e4e; 
		font-size: 1em; 
}
	#lp04-main .toc ul li a{
		color: #4469d5;
		text-decoration: none;
	}
	#lp04-main .toc ul li:nth-child(3){
		padding: .8em 0 0 1.3em;
		border-bottom: none;
	}
	#lp04-main .cont .toc .inner{
		padding: 0;
	}
	#lp04-main .cont .midashi,#lp04-main .casearea .midashi,#lp04-main .latest10_scroll .midashi3{
		text-align: left;
		padding: .6em 1em;
	}
	#lp04-main .cont .inner{
		padding: .9em;
	}
	#lp04-main .cont .inner img{
		display: block;
		margin: auto;
	}
	#lp04-main ul.table2{
		margin: 2em 0;
		padding: 0 1em;
		border: solid 1px #e65252;
		border-radius: .3em;
		background: #ffe9e9;
	}
	#lp04-main ul.table2 li{
		display: flex;
		align-items: center;
		padding: 1em 0;
		font-weight: bold;
		line-height: 1.6;
		list-style: none;
		border-bottom: dashed 2px #e65252;
	}
	#lp04-main ul.table2 li:nth-child(3){
		border-bottom: none;
	}
	#lp04-main .cont .inner ul.table2 img {
		width: 8%;
		margin: 0 .8em 0 0;
	}
	#lp04-main table.l4-table{
		margin: 2em 0;	
	}
	#lp04-main table.l4-table th{
		width: 50%;
		color: #fff;
		font-weight: normal;
		text-align: center;
		border: solid 1px #096857;
		background: #0aa387;
	}
	#lp04-main table.l4-table td{
		padding: .6em;
		line-height: 1.6;
		border: solid 1px #888;
	}
	#lp04-main table.l4-table td:nth-child(1){
		color: #EF2F33;
		font-weight: bold;
		text-align: center;
		background: #fff8c0;
	}
	#lp04-main .casebox .name {
		display: flex;
		align-content: center;
 		justify-content: space-between;
		margin: 0 0 .8em 0;
		padding: .4em 0;
		color: #222;
		font-size: 1.1em;
		font-weight: bold;
		background: #ffe3e3;
		border-top: solid 2px #e77373;
		border-bottom: solid 2px #e77373;
	}
	#lp04-main .casebox .name p{
		padding: 0 1em;
	}
	#lp04-main .casebox .apparea .appbtn {
        background: #f88030;
    }
	#lp04-main .latest10 .inner, #lp04-main .latest10_scroll .inner{
		padding: .8em;
	}
	#lp04-main .latest10_scroll .midashi3{
		position: relative;
		color: #fff;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.5;
		background: #0aa387;
	}
	#lp04-main ul.artical_li li{
		border-bottom: solid 1px #ccc;
	}
	#lp04-main ul.artical_li li:nth-last-child(1){
		border:none;
	}
	#lp04-main ul.artical_li li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1em 0;
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	#lp04-main ul.artical_li li  p{
		margin: 0 1em 0 0;
	}
	#lp04-main ul.artical_li li img{
		width: 25%;
	}
	.latest10_scroll2 .midashi3{
		position: relative;
		padding: .7em .7em .5em .7em;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		background: #0aa387;
	}
	.latest10_scroll2 .inner{
		padding: 2.5em .6em;
	}
	.latest10_scroll table td,.latest10_scroll2 table td {
    	width: 26%;
		padding: .8em .4em;
		font-size: .9em;
    	font-weight: bold;
    	line-height: 1.4;
    	text-align: center;
    	border: solid 1px #999;
	}
	.latest10_scroll table th,.latest10_scroll2 table th{
		width: 16%;
		padding: .5em 0;
		font-size: .9em;
		font-weight: normal;
		line-height: 1.4;
		text-align: center;
		border: solid 1px #999;
		background: #f3f3f3;
	}
	.latest10_scroll #addtable4,.latest10_scroll2 #addtable5{
		padding: .6em .6em .6em 2.5em;
		font-weight: normal;
		color: #1e60e6;
		text-align: left;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		border-left: solid 1px #999;
		background: #c5c5c5 url("../images/lp_02_014.png") no-repeat top 50% left .4em / 24px;
	}
	.latest10_scroll2 table{
		table-layout: fixed;
		max-width: 400%;
    	width: 300%;
    	margin: 0;
	}
	.latest10 table td a , .latest10_scroll table td a, .latest10_scroll2 table td a{
		color: #1e60e6;
	}
	.latest10 .addtable::before,
	.latest10 .addtable2::before,
	.latest10_scroll #addtable3::before,
	.latest10_scroll #addtable4::before,
	.latest10_scroll2 #addtable5::before{
		content: "詳細を開く";
	}
	.latest10 .addtable.change::before,
	.latest10 .addtable2.change::before,
	.latest10_scroll #addtable3.change::before,
	.latest10_scroll #addtable4.change::before,
	.latest10_scroll2 #addtable5.change::before{
		content: "詳細を閉じる";
	}
}
.fixed01 {
    width: 9em;
    position: sticky;
    left: 0px;
}
.fixed01::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
    z-index: 1;
}
.apparea .apptext {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 0 .7em 0;
    color: #444;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}
.apparea .apptext::before,.apparea .apptext::after {
	width: 1px;
	height: 28px;
	content: "";
	background-color: #444;
}
.apparea .apptext::before {
	margin-right: 0.8em;
	transform: rotate(-30deg);
}
.apparea .apptext::after {
	margin-left: 0.8em;
	transform: rotate(30deg);
}
.apparea a {
    color: #fff;
    text-decoration: none;
}
.apparea .appbtn{
		padding: 1.3em .3em;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
		border-radius: .3em;
		background: #f88030;
	}
body #lp02-main,body #lp03-main{
	font-size: 1.1em;
}
#lp02-main p ,#lp03-main p{
	padding: 0 .8em;
}
#lp02-main p{
	text-align: center;
}
#lp02-main img,#lp03-main img{
	display: block;
	margin: auto;
}
#lp03-main p.tarea{
	margin: 0 1em;
	padding: .8em 0 .8em .5em;
	border: solid 2px #0c5c89;
	font-weight: bold;
	color: #0c5c89;
}
.latest10 .midashi,.casearea .midashi,#lp03-main .latest10_scroll .midashi3{
	position: relative;
	padding: .7em .7em .5em .7em;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	background: #0aa387;
}
#lp03-main .casearea .midashi,#lp03-main .latest10 .midashi3,#lp04-main .latest10 .midashi3{
	text-align: left;
}
#lp03-main .latest10 .midashi2,#lp04-main .latest10_scroll .midashi2{
	margin: 0 .8em;
	padding: .4em .4em .4em 1em;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
}
.latest10 .inner, .latest10_scroll .inner{
	padding: 2.5em .6em;
}
.latest10 table {
	width: 100%;
	font-size: .7em;
}
.latest10 table.off,.latest10 table.off2{
	display: none;
}
.latest10 table.off.active2,.latest10 table.off2.active2{
	display: block;
}
.latest10 table.off tr th,.latest10 table.off tr td,.latest10 table.off2 tr th,.latest10 table.off2 tr td,.latest10 table.addbtn tr th,.latest10 table.addbtn tr td{
	border-top: none;
}
.latest10 table td a , .latest10_scroll table td a{
	color: #1e60e6;
}
.latest10 .addtable::before,.latest10 .addtable2::before,.latest10_scroll #addtable3::before{
	content: "詳細を開く";
}
.latest10 .addtable.change::before,.latest10 .addtable2.change::before,.latest10_scroll #addtable3.change::before{
	content: "詳細を閉じる";
}
.casearea{}
.casearea .inner{
	padding: 1em;
}
.casebox{
	margin: 0 0 3em 0;
}
.casebox .name{
	display: flex;
	align-content: center;
	justify-content: space-between;
	margin: 0 0 .5em 0;
	padding: .4em 0;
	border-top: solid 2px #bc0302;
	border-bottom: solid 2px #bc0302;
}
.casebox:nth-child(2) .name{
	border-top: solid 2px #ff3f40;
	border-bottom: solid 2px #ff3f40;
}
.casebox:nth-child(3) .name{
	border-top: solid 2px #6dba1c;
	border-bottom: solid 2px #6dba1c;
}
#lp03-main .casebox .name{
	display: flex;
	align-content: center;
	justify-content: space-between;
	margin: 0 0 .8em 0;
	padding: .4em 0;
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	background: #ffe3e3;
	border-top: solid 2px #e77373;
	border-bottom: solid 2px #e77373;
}
#lp03-main .casebox:nth-child(2) .name,#lp04-main .casebox:nth-child(2) .name{
	background: #dcffb9;
	border-top: solid 2px #70bb20;
	border-bottom: solid 2px #70bb20;
}
#lp03-main .casebox:nth-child(3) .name,#lp04-main .casebox:nth-child(3) .name{
	background: #ffe7b6;
	border-top: solid 2px #fbaa02;
	border-bottom: solid 2px #fbaa02;
}


#lp02-main .casebox .name p{
	margin: 0 0 0 1em;
	padding: 0;
	font-weight: bold;
	color: #bc0302;
}
#lp02-main .casebox:nth-child(2) .name p{
	color: #ff3f40;
}
#lp02-main .casebox:nth-child(3) .name p{
	color: #6dba1c;
}
.casebox .name div{
	padding: .1em .5em;
	color: #fff;
	font-size: .9em;
	border-radius: .2em;
	background: #bc0302;
}
.casebox:nth-child(2) .name div{
	background: #ff3f40;
}
.casebox:nth-child(3) .name div{
	background: #6dba1c;
}
#lp03-main .casebox:nth-child(3) .point{
	padding: 1em .6em 1.2em .6em; 
}
.casebox .point{
	position: relative;
	margin: 2em 0 0 0;
	padding: 1em .6em 0 .6em;
	text-align: left;
	border: solid 2px #0aa387;
}
.casebox .point .point-title{
	position: absolute;
	top: -1em;
	padding: 0 1em;
	color: #0aa387;
	font-size: .9em;
	font-weight: bold;
	background: #fff;
}
#lp02-main .casebox .point-box p,#lp03-main .casebox .point-box p,#lp04-main .casebox .point-box p{
	margin: .1em 0 1.5em;
	padding: 0 0 0 1.8em;
	/*font-size: .78em;*/
	text-align: left;
	line-height: 1.5;
}
#lp02-main .casebox .p-note,#lp03-main .casebox .p-note,#lp04-main .casebox .p-note{
	margin: 0;
	padding: .4em 0 0 0;
	font-size: .7em;
	color: #999;
	line-height: 1.4;
	text-align: left;
}
#lp02-main .casebox p{
	margin: 1em 0;
	padding: .5em;
	text-align: left;
 } 
.casebox .apparea{
	margin: 2em 0 0 0;
}
.casebox .apparea .apptext{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 0 .7em 0;
	color: #444;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.casebox .apparea .apptext::before,.casebox .apparea .apptext::after {
	width: 1px;
	height: 28px;
	content: "";
	background-color: #444;
}
.casebox .apparea .apptext::before {
	margin-right: 0.8em;
	transform: rotate(-30deg);
}
.casebox .apparea .apptext::after {
	margin-left: 0.8em;
	transform: rotate(30deg);
}
/*.casebox:nth-child(2) .apparea .appbtn{
	background: #ff3f40 url("../images/lp_02_011.png") no-repeat top 50% right .6em / 16px;
}
.casebox:nth-child(3) .apparea .appbtn{
	background: #6dba1c url("../images/lp_02_011.png") no-repeat top 50% right .6em / 16px;
}*/
.casebox .apparea a{
	color: #fff;
	text-decoration: none;
}
#lp03-main .casebox .apparea .appbtn{
	font-size: 1.1em;
	background: #f88030;
}



#com-main,#dis-main{
	padding: 1em;
	background: #fff;
}
#com-main .midashi,#dis-main .midashi{
	margin: 0 0 20px 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background: #0aa387;
}
#com-main table{
	width: 100%;
}
#com-main table th{
	width: 22%;
	padding: 5px;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	border: solid 1px #ccc;
	background: #f5f5f5;
}
#com-main table td{
	width: 78%;
	padding: 10px 5px 10px 10px ;
	font-size: 15px;
	text-align: left;
	line-height: 1.4;
	border: solid 1px #ccc;
	background: #fff;
}


.follow{
	position: fixed;
	right: 0;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	transition: .3s;
	z-index: 1000;
	
	/*デフォルトで非表示にする*/
	opacity: 0;
	visibility: hidden;
}
/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}