@charset "UTF-8";
#top-header-wrap,
#top-header-wrap02 { display: none;}
#free-page {width: 85%;}
#symptoms {padding: 3rem 0 0 0;}#symptoms p {line-height: 1.5;}#symptoms img { border-radius: 10px; box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.3);}
#contents h1 { font-size: 200%; font-weight:700; background: linear-gradient(transparent 60%, #DBEEF5 60%);}
#contents h2 { font-size: 230%; color: #ff0000; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000;}
#contents h3 { font-size: 200%; color: #EDCE65; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000; background-color: #DBEEF5; border-radius: 10px 10px 0 0;}
.text-eria {border: 3px solid #ff0000;	border-radius: 10px;	padding: 1rem;}.text-eria p {font-size: 120%;}
#contents dl {background: rgba(255,255,255,.7);	padding: 1rem;	border-radius: 10px;}
#contents dt { font-size: 230%; color: #EDCE65; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000; border-bottom: 1px solid #333; margin-bottom: 1rem;}
.before-after {padding: 5rem 0; background-image: url("../img/bg-before-after.jpg");	background-position: center center;	background-repeat: repeat-x;}
.before-after li i { font-size: 500%; color: #5aa1e3;}.before-after figure {margin-bottom: 0;}.before-after figcaption {text-align: center; font-size: 120%;	font-weight: 600;}
#price figcaption { font-size: 200%; font-weight:700; background: linear-gradient(transparent 60%, #DBEEF5 60%);}
#price table { width: 100%;}#price th {border:1px solid #333;	padding: .5rem 1rem;}#price td {border:1px solid #333;	padding: .5rem 1rem;}
#price td:first-child {width: 20%;}#price td:nth-child(2),
#price td:nth-child(3),
#price td:nth-child(4) {width: calc(80% / 3);}
#price-tit {position: relative;	top:5rem;	right: 0;}
#price-illust {position: relative;	top:-5rem;	right: 0;}
#insurance p {line-height: 1.6;}
#insurance p span {font-size: 200%;	font-weight: 600;	color: #ff0000;	background-image: repeating-linear-gradient(-45deg, #DBEEF5 0, #DBEEF5 3px, transparent 3px, transparent 6px); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 30%;}
#necessity img { border-radius: 10px; box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.3);}
.estimate { display: inline-block; position: relative; padding: 2rem 1.5rem; border-radius: 12px; background: #d7ebfe;}
@media (min-width: 576px){.estimate:after { content: ""; display: inline-block; position: absolute; top: 50%; right: -24px; border: 12px solid transparent; border-left: 12px solid #d7ebfe;}}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 767px){#free-page {width: 100%;}}
@media (max-width: 1200px){ #contents dt {padding-bottom: 1rem; }}
@media (max-width: 575px){#contents h2 { font-size: 180%;	text-align: center;}#painting-top > div {padding: .5rem;}#painting-top p {line-height: 1.6;}
#contents dl {padding: 2rem 1rem;}
#contents dt {padding-bottom: 1rem;}#price table { width: 800px;}#insurance p span {font-size: 140%;	line-height: 1.6;}.estimate:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #d7ebfe;}}