@charset "UTF-8";
/* トップ用CSS
========================================*/
$carousel-shadow: #00000033;

@mixin carousel-shadow {
    -webkit-box-shadow: 0px 2px 0px $carousel-shadow;
    -moz-box-shadow: 0px 2px 0px $carousel-shadow;
    box-shadow: 0px 2px 0px $carousel-shadow;
}

#mainArea {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

#mainArea .mainimg .owl-controls {
	display:table;
	position:relative;
}
#mainArea .mainimg .owl-controls .owl-nav div {
	position:absolute;
}
#mainArea .mainimg .owl-controls .owl-dots {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#mainArea .mainimg .owl-controls .owl-dots .owl-dot {
	background:#ccc;
}
#mainArea .mainimg .owl-controls .owl-dots .owl-dot.active {
	background:#ed6d00;
}

#mainArea .msgBox {
	border:1px solid #333;
	line-height:150%;
	text-align:center;
}

#mainArea .replace .replaceBox dd {
	background:#d8edce;
}
#mainArea .replace .replaceBox dd .linkList li a {
	background:#fff;
	color:#5cb531;
	display:block;
	font-weight:bold;
	line-height:140%;
	text-align:center;
}

#mainArea .replace .replaceBox._door dd {
	background:#c2d3e6;
}
#mainArea .replace .replaceBox._door dd .linkList li a {
	color:#004795;
}

#mainArea .secWrap .shopSec .closebtn {
	display:none;
}

#mainArea .secWrap .shopSec .shopBox {
	text-align:center;
}
#mainArea .secWrap .shopSec .shopBox h2 {
	color:#ed6d00;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	#mainArea .secWrap .shopSec .shopBox h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .secWrap .shopSec .shopBox h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}
#mainArea .secWrap .shopSec .shopBox .searchBox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	justify-content:flex-start;
	background:#fff;
	box-sizing:border-box;
}
#mainArea .secWrap .shopSec .shopBox .searchBox input[type="text"] {
	background:none;
	border:0;
	box-sizing:border-box;
}
#mainArea .secWrap .shopSec .shopBox .searchBox button[type="submit"] {
	background:none;
	border:0;
	display:inline-block;
}

#mainArea .secWrap .newsSec .ttlBlock {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
}
@media screen and (max-width: 767px) {
	#mainArea .secWrap .newsSec .ttlBlock {
		margin-bottom:2.5vw;
	}
	#mainArea .secWrap .newsSec .ttlBlock .listLink {
		font-size:3.25vw;
	}
	#mainArea .secWrap .newsSec .ttlBlock .listLink .fas {
		font-size:110%;
		margin-right:1.875vw;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .secWrap .newsSec .ttlBlock {
		margin-bottom:15px;
	}
	#mainArea .secWrap .newsSec .ttlBlock .listLink {
		font-size:114.28571%;
	}
	#mainArea .secWrap .newsSec .ttlBlock .listLink a:hover {
		opacity:0.8;
	}
	#mainArea .secWrap .newsSec .ttlBlock .listLink .fas {
		font-size:120%;
		margin-right:10px;
		vertical-align:-1px;
	}
}
#mainArea .secWrap .newsSec .ttlBlock h2 {
	color:#ed6d00;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	#mainArea .secWrap .newsSec .ttlBlock h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .secWrap .newsSec .ttlBlock h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}

#mainArea .secWrap .newsSec .newsBox {
	background:#f5f5f5;
}
#mainArea .secWrap .newsSec .newsBox ul {
	overflow-y:scroll;
}
#mainArea .secWrap .newsSec .newsBox ul li:last-of-type {
	margin:0 !important;
}

#mainArea .mainSec h2 {
	color:#ed6d00;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 767px) {
	#mainArea .mainSec h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .mainSec h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}
#mainArea .mainSec h2 span {
	font-size:90%;
}

#mainArea .mainSec .studyList li a,
#mainArea .mainSec .caseList li a,
#mainArea .mainSec .voiceList li a {
	display:block;
	position:relative;
}
/*
#mainArea .mainSec .studyList li a[target="_blank"]:before,
#mainArea .mainSec .caseList li a[target="_blank"]:before,
#mainArea .mainSec .voiceList li a[target="_blank"]:before {
	content:"";
	position:absolute;
	z-index:10;
}
#mainArea .mainSec .studyList li a[target="_blank"]:after,
#mainArea .mainSec .caseList li a[target="_blank"]:after,
#mainArea .mainSec .voiceList li a[target="_blank"]:after {
	background:rgba(255, 255, 255, 0.8);
	content:"";
	position:absolute;
	top:0;
	right:0;
}
@media screen and (max-width: 767px) {
	#mainArea .mainSec .studyList li a[target="_blank"]:before,
	#mainArea .mainSec .caseList li a[target="_blank"]:before,
	#mainArea .mainSec .voiceList li a[target="_blank"]:before {
		background:url(../common/img/icon_blank.png) no-repeat;
		background-size:2.75vw 2.75vw;
		top:0.875vw;
		right:0.875vw;
		height:2.75vw;
		width:2.75vw;
	}
	#mainArea .mainSec .studyList li a[target="_blank"]:after,
	#mainArea .mainSec .caseList li a[target="_blank"]:after,
	#mainArea .mainSec .voiceList li a[target="_blank"]:after {
		height:4.5vw;
		width:4.5vw;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .mainSec .studyList li a[target="_blank"]:before,
	#mainArea .mainSec .caseList li a[target="_blank"]:before,
	#mainArea .mainSec .voiceList li a[target="_blank"]:before {
		background:url(../common/img/icon_blank.png) no-repeat;
		background-size:15px 15px;
		top:5px;
		right:5px;
		height:15px;
		width:15px;
	}
	#mainArea .mainSec .studyList li a[target="_blank"]:after,
	#mainArea .mainSec .caseList li a[target="_blank"]:after,
	#mainArea .mainSec .voiceList li a[target="_blank"]:after {
		height:25px;
		width:25px;
	}
}
*/

#mainArea .mainSec .studyList li img,
#mainArea .mainSec .caseList li img,
#mainArea .mainSec .voiceList li img {
	width:100%;
}

@media screen and (max-width: 767px) {
	#mainArea .mainSec .ttlBlock {
		margin-bottom:2.5vw;
	}
	#mainArea .mainSec .ttlBlock .listLink {
		font-size:3.25vw;
	}
	#mainArea .mainSec .ttlBlock .listLink .fas {
		font-size:110%;
		margin-right:1.875vw;
	}
}

@media print, screen and (min-width: 768px) {
	#mainArea .mainSec .ttlBlock {
		margin-bottom: 48px;
	}
	#mainArea .mainSec .ttlBlock .listLink {
		font-size:114.28571%;
	}
	#mainArea .mainSec .ttlBlock .listLink a:hover {
		opacity:0.8;
	}
	#mainArea .mainSec .ttlBlock .listLink .fas {
		font-size:120%;
		margin-right:10px;
		vertical-align:-1px;
	}
}

#mainArea .mainSec .ttlBlock h2 {
	color:#ed6d00;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	#mainArea .mainSec .ttlBlock h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .mainSec .ttlBlock h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}

#mainArea .mainSec .listLink {
	text-align:right;
}

#mainArea .mainSec .caseList._main li .date {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	justify-content:flex-start;
}

#mainArea .mainSec .blankTxt {
	text-align:right;
}
#mainArea .mainSec .blankTxt span:before {
	content:"";
	display:inline-block;
}

#mainArea .mainSec .voiceList {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#mainArea .consultSec h2 {
	color:#ed6d00;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 767px) {
	#mainArea .consultSec h2 {
		font-size:5.25vw;
		line-height:100%;
	}
}
@media print, screen and (min-width: 768px) {
	#mainArea .consultSec h2 {
		font-size:214.28571%;
		line-height:130%;
	}
}
#mainArea .consultSec .consultList {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#mainArea .recomList {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#mainArea .recomList li {
	background:#f5f5f5;
	position:relative;
}
#mainArea .recomList li a {
	display:block;
}
#mainArea .recomList li .label {
	background:rgba(50, 50, 50, 0.9);
	color:#fff;
	position:absolute;
}
#mainArea .recomList li dt {
	color:#ed6d00;
	font-weight:bold;
}

/* SPonly */
@media screen and (max-width: 767px) {
	.pconly {
		display:none;
	}
	#mainArea .mainimgArea {
		margin-bottom: 30px;
    }
	#mainArea .mainimg {
		margin:0 0;
		position: relative;
	}
	#mainArea .mainimg .main_bnr img {
		width: 100%;
	}
	/* MVコンテストバッジ（スマホ版） */
	#mainArea .main_bnr {
		position: relative;
	}
	#mainArea .main_bnr .mv-contest-badges {
		position: absolute;
		bottom: 0;
		left: 9%;
		z-index: 10;
		display: flex;
		gap: 20px;
	}
	#mainArea .main_bnr .mv-contest-badge img {
		width: 59px;
		height: 59px;
		display: block;
	}
    #mainArea .mainimg .main_search {
        margin-top: 8.5vw;
    }
    #mainArea .mainimg .main_search .main_search_text {
        text-align: center;
		font-size: 4.8vw;
        line-height: 7.4vw;
        color: #666666;
        font-weight: bold;
        margin-bottom: 2.6666vw;
    }
    #mainArea .mainimg .main_search_btn {
        width: 80vw;
        height: 19.7vw;
        background: #EF6D00;
        color: #FFF;
        border-radius: 1.6vw;
        margin: auto;
        cursor: pointer;
        text-align: center;
    }
    #mainArea .mainimg .main_search_btn picture {
        display: inline;
    }
    #mainArea .mainimg .main_search_btn img {
        padding-top: 2.9vw;
        padding-bottom: 2.4vw;
    }
    #mainArea .mainimg .main_search a {
		font-size: 5.3333vw;
        line-height: 6.93333vw;
        letter-spacing: 0px;
        color: #FFFFFF;
    }
    #mainArea .mainimg .main_search_sub_text {
		font-size: 3.7333vw;
		line-height: 5.3333vw;
        color: #333333;
        padding-top: 6.3466vw;
        text-align: center;
    }
	#mainArea .mainimg p {
	}
	#mainArea .mainimg .owl-controls {
		margin:2.5vw auto;
	}
	#mainArea .mainimg .owl-controls .owl-nav div {
		height:4vw;
		width:2.25vw;
	}
	#mainArea .mainimg .owl-controls .owl-nav .owl-prev {
		background:url(../common/img/arrow_left_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		left:-4vw;
	}
	#mainArea .mainimg .owl-controls .owl-nav .owl-next {
		background:url(../common/img/arrow_right_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		right:-4vw;
	}
	#mainArea .mainimg .owl-controls .owl-dots .owl-dot {
		border-radius:1.875vw;
		margin:0.125vw 1.875vw;
		height:3.75vw;
		width:3.75vw;
	}
	#mainArea .mainInr {
		margin-top: 30px;
	}
	.shopEventBanner{
		display: flex;
		justify-content: center;
		gap: 16px;
		margin-top: 30px;
		border-bottom: 3px solid;
		border-image: linear-gradient(to right, #FD8024, #F43544) 1;
	}
	#mainArea .mainInr .urgent_arrow{
		text-align: center;
	}
	#mainArea .mainInr .urgent_message {
		border: 1px solid #EF6D01;
		border-radius: 6px;
		width: 84vw;
		padding: 0px 4vw 0 4vw;
		color: #333333;
		font-size: 16px;
		line-height: 18px;
		margin: 0px 4vw 20px 4vw;
	}
	#mainArea .campBnr {
		margin-bottom:10vw;
		padding:0 1.125vw;
		position:relative;
		width:calc(100% - 3.25vw);
	}
	#mainArea .campBnr li {
		margin:0 0.75vw;
	}
	#mainArea .campBnr .owl-nav div {
		position:absolute;
		top:calc(50% - 2vw);
		height:4vw;
		width:2.25vw;
	}
	#mainArea .campBnr .owl-nav {
        display: none;
    }
	#mainArea .campBnr .owl-nav .owl-prev {
		background:url(../common/img/arrow_left_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		left:0;
	}
	#mainArea .campBnr .owl-nav .owl-next {
		background:url(../common/img/arrow_right_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		right:0;
	}
    #mainArea .campBnr .owl-dots {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 5vw;
    }
    #mainArea .campBnr .owl-dots .owl-dot {
		border-radius:8px;
		margin:0 7px;
		height:3.2vw;
		width:3.2vw;
        background: #D9D4CB;
	}
    #mainArea .campBnr .owl-dots .owl-dot.active {
		border-radius:8px;
		margin:0 7px;
		height:3.2vw;
		width:3.2vw;
        background: #EF6D00;
    }
	#mainArea .msgBox {
		font-size:3.5vw;
		margin-bottom:5vw;
		padding:1.875vw;
	}
	#mainArea .estimate {
		margin-bottom:5vw;
	}
	#mainArea .estimate h2 {
		margin-bottom:2.5vw;
	}
	#mainArea .estimate ul {
		display:flex;
		/* flex-wrap:wrap; */
		justify-content:space-between;
	}
	#mainArea .estimate ul li {
		width:46.5vw;
                padding-left: 6px;
	}
	#mainArea .estimate ul li img {
		width:100%;
	}
	#mainArea .replace {
		margin-bottom:10vw;
	}
	#mainArea .replace .replaceBox {
		margin-bottom:2.5vw;
	}
	#mainArea .replace .replaceBox dl {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#mainArea .replace .replaceBox dt img {
		width:42vw;
	}
	#mainArea .replace .replaceBox dd {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		border-radius:0 2.5vw 2.5vw 0;
		width:53vw;
	}
	#mainArea .replace .replaceBox dd .flexBlock {
		text-align:center;
		width:23.75vw;
	}
	#mainArea .replace .replaceBox dd .flexBlock img {
		width:17.5vw;
	}
	#mainArea .replace .replaceBox dd .flexBlock .time img {
		margin-top:1.875vw;
		width:16.25vw;
	}
	#mainArea .replace .replaceBox dd .linkList {
		padding:0 2.5vw 0 0;
		width:25.625vw;
	}
	#mainArea .replace .replaceBox dd .linkList li {
		margin:1.875vw 0;
	}
	#mainArea .replace .replaceBox dd .linkList li a {
		border:1px solid #5cb531;
		border-radius:5px;
		font-size:3.75vw;
		line-height:130%;
		padding:1vw 0.625vw;
	}
	#mainArea .replace .replaceBox dd .linkList li a .fas {
		display:none;
	}
	#mainArea .replace .replaceBox._door dd .linkList li a {
		border:1px solid #004795;
	}
	#mainArea .timenote {
		margin:-8.75vw 0 10vw;
	}
	#mainArea .secWrap .shopSec {
		margin-bottom:7.5vw;
	}
	#mainArea .secWrap .shopSec .shopBox .searchBox {
		border:1px solid #333;
		border-radius:1.25vw;
		margin:3.75vw auto;
		height:11.25vw;
		width:100%;
	}
	#mainArea .secWrap .shopSec .shopBox .searchBox input[type="text"] {
		font-size:3.5vw;
		padding:1.25vw 3.125vw;
		height:8.75vw;
		width:83.75vw;
	}
	#mainArea .secWrap .shopSec .shopBox .searchBox button[type="submit"] {
		font-size:5.5vw;
		height:8.75vw;
		width:8.75vw;
	}
	#mainArea .secWrap .shopSec .shopBox .select-group select {
		font-size:3.5vw;
		height:11.25vw;
		width:100%;
	}
	#mainArea .secWrap .shopSec svg {
		display:none;
	}
	#mainArea .secWrap .newsSec {
		margin-bottom:7.5vw;
	}
	#mainArea .secWrap .newsSec .newsBox {
		border-radius:1.25vw;
		padding:2.5vw;
	}
	#mainArea .secWrap .newsSec .newsBox ul {
		padding:1.25vw 1.25vw;
		height:37.5vw;
	}
	#mainArea .secWrap .newsSec .newsBox ul li {
		margin-bottom:3.125vw;
	}
	#mainArea .secWrap .newsSec .newsBox ul li dl dt {
		font-size:3.25vw;
		margin-bottom:0.625vw;
	}
	#mainArea .beginnerBox {
		margin-bottom:7.5vw;
	}
	#mainArea .mainSec {
        margin-bottom: 7.5vw;
		padding: 10.75vw 2.5vw 12.8vw;
	}
	#mainArea .eventContainer .caseWrap {
        margin-bottom: 0px;
		padding: 25px 0px 0px 0px !important;
	}
	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		padding-top: 15px;
	}
	.full-text {
		display: block;
		overflow: visible;
		padding-top: 15px;
	}
	.arrow-bottom.turn {
		transform: rotate(180deg);
	}
	#mainArea .mainSec .studyList li {
		font-size:3.25vw;
		line-height:150%;
		padding:0 5vw;
	}
	#mainArea .mainSec .studyList li figure {
		margin-bottom:1.875vw;
	}
	#mainArea .mainSec .studyList .owl-nav div {
		position:absolute;
		top:calc(36.25vw / 2);
		height:4vw;
		width:2.25vw;
	}
	#mainArea .mainSec .studyList .owl-nav .owl-prev {
		background:url(../common/img/arrow_left_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		left:0;
	}
	#mainArea .mainSec .studyList .owl-nav .owl-next {
		background:url(../common/img/arrow_right_gr.png) no-repeat;
		background-size:2.25vw 4vw;
		right:0;
	}
	#mainArea .mainSec .ttlBlock {
		margin-bottom:3.75vw;
	}
	#mainArea .mainSec .ttlBlock h2 {
		text-align:center;
	}
	#mainArea .mainSec .ttlBlock .listLink {
		display:none;
	}
	#mainArea .mainSec .listLink {
		font-size:3.25vw;
	}
	#mainArea .mainSec .listLink .fas {
		font-size:110%;
		margin-right:1.875vw;
	}
	#mainArea .mainSec .caseList li {
		margin-bottom:5vw;
	}
	#mainArea .mainSec .caseList li dt {
		font-size:3.75vw;
		font-weight:bold;
		line-height:150%;
		margin-bottom:0.625vw;
	}
	#mainArea .mainSec .caseList li .date {
		margin-bottom:0.375vw;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
	#mainArea .mainSec .caseList._sub .date {
		padding-left: 5.333333vw;
		padding-right: 5.333333vw;
		font-size: 3.73333333vw;
		line-height: 5.33333333vw;
		letter-spacing: 0px;
		color: #666666;
		margin-bottom: 1.6vw;
		position: relative;
	}
	#mainArea .mainSec .caseList._sub .date div {
		width: 65px;
		height: 38px;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		font-weight: bold;
	}
	#mainArea .mainSec .caseList._sub .date div.mado {
		right: 0px;
		top: -22px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	#mainArea .mainSec .caseList._sub .date div.mado-first {
		right: 69px;
		top: -22px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	#mainArea .mainSec .caseList._sub .date div.door {
		right: 0px;
		top: -22px;
		color: #1D428C;
		border: #1D428C 2px solid;
	}
	#mainArea .mainSec .caseList._sub .date p {
		margin-bottom: 2.666666vw;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* index.php 施工事例セクション用 */
	.mainSec.photo .caseList._sub .date {
		position: relative;
	}
	.mainSec.photo .caseList._sub .date div {
		width: 80px;
		height: 47px;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		font-weight: bold;
	}
	.mainSec.photo .caseList._sub .date div.mado {
		right: 0px;
		top: -22px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	.mainSec.photo .caseList._sub .date div.mado-first {
		right: 80px;
		top: -22px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	.mainSec.photo .caseList._sub .date div.door {
		right: 0px;
		top: -22px;
		color: #1D428C;
		border: #1D428C 2px solid;
	}
	#mainArea .mainSec .caseList li .text,
	#mainArea .mainSec .caseList li .continue {
		font-size:3.25vw;
		line-height:150%;
	}
	#mainArea .mainSec .caseList._main li figure {
		overflow:hidden;
		height: 41.0666vw;
		width: 65.3333vw;
	}
	#mainArea .mainSec .caseList._main li figure img {
		height:41.0666vw;
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
		/*IE対策*/
	}
	#mainArea .mainSec .caseList._main li .date p {
		margin-right:3.75vw;
	}
	#mainArea .mainSec .caseList._sub {
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
        margin-bottom: 8.5333vw;
	}
	#mainArea .mainSec .caseList._sub li {
		width: 65.3333vw;
        box-shadow: 0px 0.8vw 0px #00000033;
        border: 0.2666vw solid #D8D4CC;
        border-radius: 2.1333vw;
        height: auto;
	}
	#mainArea .eventContainer .mainSec .caseList._sub li {
        height: auto;
	}
	#mainArea .mainSec .caseList._sub li figure {
		overflow:hidden;
		height: 41.0666vw;
		width: 65.3333vw;
        border-radius: 1.8333vw 1.8333vw 0 0;
		margin-bottom: 5.333333vw;
	}
	#mainArea .mainSec .caseList._sub li figure img {
		/*
		height:41.0666vw;
		*/
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
        height: 206px;
		/*IE対策*/
	}
	#mainArea .eventContainer .mainSec .caseList._sub li figure img {
		height: 100%;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav {
        height: 10.6666vw;
        width: 91.4666vw;
        display: flex;
        justify-content: space-between;
        position: relative;
        top: -189px;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav .owl-prev {
        background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_left_b_pc.png) no-repeat;
        background-size: 10.6666vw 10.6666vw;
        left: -2.6666vw;
        width: 10.6666vw;
        position: relative;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav .owl-next {
        background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_right_b_pc.png) no-repeat;
        background-size: 10.6666vw 10.6666vw;
        right: 0;
        width: 10.6666vw;
        position: relative;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots {
        width: 55.4666vw;
        display: flex;
        justify-content: center;
        margin: auto;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots .owl-dot {
		border-radius:8px;
		margin:0 7px;
		height:3.2vw;
		width:3.2vw;
        background: #D9D4CB;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots .owl-dot.active {
		border-radius:8px;
		margin:0 7px;
		height:3.2vw;
		width:3.2vw;
        background: #EF6D00;
	}
	#mainArea .mainSec .caseList._sub .date {
        padding-left: 4.2666vw;
        padding-right: 4.2666vw;
    }
	#mainArea .mainSec .caseList._sub .date p {
		font-size: 14px;
		line-height: 5.3333vw;
        color: #666666;
        white-space: nowrap;
    }
	#mainArea .eventContainer .caseList._sub .date p {
		font-size: 10px;
	}
	#mainArea .mainSec .caseList._sub dl {
        padding-left: 4.2666vw;
        word-wrap: break-word;
        padding-right: 4.2666vw;
        display: flex;
        flex-direction: column;
    }
	#mainArea .mainSec .caseList._sub dl dt {
        overflow: hidden;
        color: #EF6D00;
		font-size: 4.8vw;
		line-height: 7.466666vw;
        margin-bottom: 4.2666vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
	#mainArea .mainSec .caseList._sub dl .text {
		font-size: 4.2666vw;
		line-height: 6.9333vw;
        color: #333333;
        height: 15.2vw;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
	#mainArea .mainSec .caseList._sub dl .continue {
		font-size: 3.7333vw;
		line-height: 5.3333vw;
        color: #707070;
        text-decoration: underline;
        margin-bottom: 4.2666vw;
        text-align: right;
        margin-right: 4.2666vw;
    }
	#mainArea .mainSec .blankTxt {
		font-size:3.25vw;
		margin-top:3.75vw;
	}
	#mainArea .mainSec .blankTxt span:before {
		background:url(../common/img/icon_blank.png) no-repeat;
		background-size:2.625vw 2.625vw;
		margin-right:1.25vw;
		vertical-align:-1px;
		height:2.625vw;
		width:2.625vw;
	}
	#mainArea .mainSec .voiceList li {
		margin-bottom:5vw;
		width:46.25vw;
	}
	#mainArea .mainSec .voiceList li figure {
		margin-bottom:2.5vw;
		overflow:hidden;
		height:32.5vw;
	}
	#mainArea .mainSec .voiceList li figure img {
		height:32.5vw;
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
		/*IE対策*/
	}
	#mainArea .mainSec .voiceList li dt {
		font-size:3.75vw;
		font-weight:bold;
		line-height:150%;
		margin-bottom:0.625vw;
	}
	#mainArea .mainSec .voiceList li .text,
	#mainArea .mainSec .voiceList li .continue {
		font-size:3.25vw;
		line-height:150%;
	}
	#mainArea .mainSec .voiceList li .text._name,
	#mainArea .mainSec .voiceList li .continue._name {
		text-align:right;
	}
	#mainArea .mainSec h2 {
        color: #666666;
		font-size: 5.8666vw;
		line-height: 8.5333vw;
		display:table;
		line-height:130%;
		margin:0 auto 5vw;
		position:relative;
        font-weight: bold;
		margin-bottom:2.5vw;
    }
	#mainArea .consultSec {
		padding: 10.75vw 2.5vw 12.8vw;
        background:#F7F6F4;
	}
	#mainArea .consultSec h2 {
        color: #666666;
		font-size: 5.8666vw;
		line-height: 8.5333vw;
		display:table;
		line-height:130%;
		margin:0 auto 5vw;
		position:relative;
        font-weight: bold;
	}
	#mainArea .consultSec .consultList {
        width: 72.5333vw;
        margin: 0 auto 5%;
    }
	#mainArea .consultSec .consultList li {
		position: relative;
		margin-bottom:2.5vw;
		width:34.1333vw;
	}
	#mainArea .consultSec .consultList li img {
		width:100%;
	}
	#mainArea .consultSec .consultList li p {
		width: 100%;
		position: absolute;
		top: 76%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 3.6vw;
		font-weight: bold;
		line-height: 1.3;
		color: #666666;
		text-align: center;
	}
	#mainArea .consultSec .btn {
        display: block;
        background: #fff;
        border: 0.5333vw solid #D9D4CB;
        box-shadow: 0px 0.5333vw 0px #00000033;
        padding-top: 4.4vw;
        padding-bottom: 4.4vw;
        padding-left: 4.2666vw;
        border-radius: 1.6vw;
		font-size: 4.2666vw;
		line-height: 7.4666vw;
        color: #EF6D00;
        width: 86.6666vw;
        margin: auto;
    }
	#mainArea .consultSec .btn picture {
        display: inline;
    }
	#mainArea .consultSec .icon {
        margin-left: 7.25vw;
        margin-top: -1vw;
    }
	#mainArea .shopConsultSec {
		padding: 10.75vw 2.5vw 12.8vw;
	}
	#mainArea #simulationArea {
        background: #FFFFFF 0% 0% no-repeat padding-box;
    }
	#mainArea .shopConsultSec h2 {
    color: #666666;
		font-size: 5vw;
		line-height: 8.5333vw;
		display:table;
		line-height:130%;
		margin:0 auto;
		position:relative;
        font-weight: bold;
        text-align: center;
	}
	#mainArea .shopConsultSec ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: auto;
    }
    #mainArea .shopConsultSec ul.pconly {
        display: none !important;
    }
    #mainArea .shopConsultSec li {
        border-radius: 6px;
        padding: 15px;
        display: flex;
        margin-bottom: 10px;
        width: 91.466666vw;
        border: #D9D9D9 5px solid;
        gap: 3.2vw;
    }
    #mainArea .shopConsultSec li .catchCopy {
        width: 100%;
    }
    #mainArea .shopConsultSec li .case {
        color: #EF6D00;
        font-size: 10px;
        font-weight: 600;
        border-bottom: #EF6D00 1px solid;
        padding-bottom: 6px;
        margin-bottom: 10px;
    }
    #mainArea .shopConsultSec li .case.blue {
        color: #1D428C;
        border-bottom: #1D428C 1px solid;
    }
    #mainArea .shopConsultSec li .solution {
        color: #4D4D4D;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    #mainArea .shopConsultSec li .time {
        color: #444444;
        font-size: 11px;
        font-weight: 600;
        line-height: 24px;
        background: #FFE6D1;
        border-radius: 15px;
        text-align: center;
        width: 42.13333vw;
    }
    #mainArea .shopConsultSec li .time.blue {
        background: #CCEAFF;
    }
    #mainArea .shopConsultSec li img {
        border-radius: 6px;
        width: 21.33333vw;
        height: 100%;
    }
	.auto-simulat-area.sponly {
		position: relative;
		z-index: 3;
		padding: 5vw 2.5vw;
	}
	.auto-simulat-area.sponly .auto-simulat-in-area {
		position: relative;
		top: 10px;
		height: auto;
		width: 100%;
		margin: 10px 0;
		z-index: 5;
		border-radius: 6px;
	}
	.auto-simulat-area.sponly .simulateBtnArea {
		margin: 14px 0 0 0;
		font-weight: 600;
		display: flex;
		flex-direction: row;
		gap: 2.666666vw;
	}
	.auto-simulat-area.sponly .simulateBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		border: 3px solid #69A73F;
		box-shadow: 0px 2px 0px #00000033;
		border-radius: 10px;
		font-size: 4.266666vw;
		line-height: 18px;
		letter-spacing: 0px;
		color: #333333;
		padding: 2vw;
		text-decoration: none;
		font-weight: 600;
	}
	.auto-simulat-area.sponly .simulateBtn p {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0;
		width: 100%;
	}
	.auto-simulat-area.sponly .simulateBtn img:first-child {
		width: 8vw;
		height: 8vw;
		order: 1;
	}
	.auto-simulat-area.sponly .simulateBtn .arrow-icon {
		height: 5.333333vw;
		order: 2;
	}
	.auto-simulat-area.sponly .simulateBtn span {
		margin: 0;
		margin-top: 2vw;
		width: 100%;
		text-align: center;
		order: 3;
		font-size: 3.2vw;
	}
	.auto-simulat-area.sponly .simulateBtn.blue {
		border-color: #0068B3;
	}
	.auto-simulat-area.sponly .simulateBtn.orange {
		border-color: #EF6D00;
	}
	.auto-simulat-area.sponly .simulateBtn.green {
		border-color: #69A73F;
	}
	.auto-simulat-area.sponly .in-area-text {
		margin-top: 15px;
		text-align: center;
		font-size: 3.466666vw;
		line-height: 1.5;
		color: #333333;
	}
	#mainArea .estimatetSec {
        text-align: center;
        background: #F7F6F4;
		padding: 10.75vw 2.5vw 12.8vw;
	}
	#mainArea .estimatetSec ul > li {
        margin-bottom: 6.4vw;
    }
	#mainArea .estimatetSec ul > li img {
        width: 100%;
    }
	#mainArea .estimatetSec .estimatetSecCatch {
		font-size: 4.8vw;
		line-height: 5.3333vw;
        color: #666666;
        font-weight: bold;
    }
	#mainArea .estimatetSec .estimatetSecCatch2 {
		font-size: 6.4vw;
		line-height: 8.5333vw;
        color: #666666;
        font-weight: bold;
    }
	#mainArea .estimatetSec .estimatetSecCatch3 {
		font-size: 3.7333vw;
		line-height: 5.3333vw;
        color: #666666;
        margin-top: 6.4vw;
        margin-bottom: 6.4vw;
    }
	#mainArea .estimatetSec .btn {
        display: block;
        background: #fff;
        border: 0.5333vw solid #D9D4CB;
        box-shadow: 0px 0.5333vw 0px #00000033;
        padding-top: 3.4vw;
        padding-bottom: 3.4vw;
        padding-left: 4.2666vw;
        border-radius: 1.6vw;
		font-size: 4.2666vw;
		line-height: 7.4666vw;
        color: #EF6D00;
        width: 86.6666vw;
        margin: auto;
        position: relative;
        text-align: left;
    }
	#mainArea .estimatetSec .btn picture {
        display: inline;
    }
	#mainArea .estimatetSec .icon {
        position: absolute;
        top: 1.5vw;
        right: 2.533333vw;
    }
	#mainArea .recomList {
		margin-top:3.75vw;
	}
	#mainArea .recomList li {
		margin-bottom:3.75vw;
		padding:2.5vw;
		width:41vw;
	}
	#mainArea .recomList li .label {
		padding:1.25vw 2.5vw;
		top:4.375vw;
		left:0.625vw;
	}
	#mainArea .recomList li img {
		width:100%;
	}
	#mainArea .recomList li dl {
		margin-top:2.5vw;
	}
	#mainArea .recomList li dt {
		font-size:3.75vw;
		font-weight:bold;
		line-height:120%;
		margin-bottom:0.625vw;
	}
	#mainArea .recomList li dd.icon {
		margin-top:2.5vw;
	}
	#mainArea .mainSec .btn {
        display: block;
        background: #fff;
        border: 0.5333vw solid #D9D4CB;
        box-shadow: 0px 0.5333vw 0px #00000033;
        padding-top: 3.4vw;
        padding-bottom: 3.4vw;
        padding-left: 4.2666vw;
        border-radius: 1.6vw;
		font-size: 4.2666vw;
		line-height: 7.4666vw;
        color: #EF6D00;
        width: 86.6666vw;
        margin: auto;
    }
	#mainArea .mainSec .icon {
        margin-left: 18.25vw;
        margin-top: -1vw;
    }
	#mainArea .mainSec .btn picture {
        display: inline;
    }
	#mainArea .consultSec .btn picture {
        display: inline;
    }
	#mainArea .consultSec .icon {
        margin-left: 7.25vw;
        margin-top: -1vw;
    }
	#mainArea .shopConsultSec {
		padding: 10.75vw 2.5vw 12.8vw;
		text-align: center;
	}
	#mainArea .shopConsultSec .pconly {
		display: none;
	}
	#mainArea .columnSec {
		padding: 10.75vw 2.5vw 12.8vw;
        background: #F7F6F4;
	}
	#mainArea .columnSec h2 {
        color: #666666;
		font-size: 5.8666vw;
		line-height: 8.5333vw;
		display:table;
		line-height:130%;
		margin:0 auto 5vw;
		position:relative;
        font-weight: bold;
	}
	#mainArea .columnSec .btn {
        display: block;
        background: #fff;
        border: 0.5333vw solid #D9D4CB;
        box-shadow: 0px 0.5333vw 0px #00000033;
        padding-top: 3.4vw;
        padding-bottom: 3.4vw;
        padding-left: 4.2666vw;
        border-radius: 1.6vw;
		font-size: 4.2666vw;
		line-height: 7.4666vw;
        color: #EF6D00;
        width: 86.6666vw;
        margin: auto;
	}
    #mainArea .columnSec .btn picture {
        display: inline;
    }
	#mainArea .columnSec .icon {
        margin-left: 19.25vw;
        margin-top: -1vw;
    }
	#mainArea .columnSec .column-content-list {
        display: flex;
        margin: auto;
        flex-direction: column;
        align-items: center;
    }
	#mainArea .columnSec .column-content {
        display: flex;
        width: 91.4666vw;
        background: #FFF;
        padding-top: 2.6666vw;
        padding-bottom: 4.2666vw;
        box-shadow: 0px 0.5333vw 0px #00000033;
        border: 0.2666vw solid #D4CEC4;
        border-radius: 1.6vw;
        margin-bottom: 2.6666vw;
    }
	#mainArea .columnSec .column-content .column-content-left {
        margin-left: 5.0666vw;
        width: 12.2666vw;
        padding-top: 2vw;
    }
	#mainArea .columnSec .column-content .column-content-right {
        margin-left: 3.4666vw;
        margin-right: 4.2666vw;
    }
	#mainArea .columnSec .column-content .column-content-right .title {
		font-size: 4.8vw;
		line-height: 7.46666vw;
        color: #EF6D00;
        font-weight: 600;
    }
	#mainArea .columnSec .column-content .column-content-right .text {
		font-size: 4.2666vw;
		line-height: 7.4666vw;
        letter-spacing: 0px;
        color: #666666;
    }
	#mainArea .columnSec .column-content .column-content-right .link {
        text-align: right;
        text-decoration: underline;
		font-size: 3.7333vw;
		line-height: 5.3333vw;
        letter-spacing: 0px;
        color: #707070;
        margin-top: 4.8vw;
    }
    #mainArea .bannerSec {
		padding: 0 2.5vw 12.8vw;
        background: #F7F6F4;
    }
    #mainArea .bannerSec ul {
        display: flex;
        margin: auto;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #mainArea .bannerSec ul li {
        margin-bottom: 10px;
    }
    #mainArea .bannerSec ul li img {
        width: 100%;
    }
    #mainArea .estimatetSec .note {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 11.733333vw;
    }
    #mainArea .estimatetSec .note img {
        margin-bottom: 3.466666vw;
    }
    #mainArea .estimatetSec .note p {
        letter-spacing: 0px;
		font-size: 3.233333vw;
		line-height: 5vw;
        color: #666666;
    }
	.pconly {
		display:none;
	}
	#mainArea .topSec {
	}
	#mainArea .topSec.bg-gray {
		background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea .topSec.bg-orange {
		background: #FEF2E8 0% 0% no-repeat padding-box;
	}
	#mainArea .topSec.pt70 {
		padding-top: 70px;
	}
	#mainArea .topSec .contentArea {
		padding: 32px 0;
	}
	#mainArea .eventContainer .contentArea {
		padding: 38px 0;
	}
	#mainArea .topSec .contentArea > h2 {
		text-align: center;
		font-weight: bold;
		font-size: 28px;
        line-height: 28px;
		color: #666666;
	}
	#mainArea .topSec .contentArea .newsArea {
		margin: 30px 4.266666vw;
		padding: 25px 4.266666vw;
		background: #F7F6F4 0% 0% no-repeat padding-box;
		position: relative;
	}
	#mainArea .topSec .contentArea .newsArea .date {
		font-size: 16px;
        line-height: 24px;
		letter-spacing: 0px;
		color: #666666;
	}
	#mainArea .topSec .contentArea .newsArea .content.only {
		font-size: 16px;
        line-height: 28px;
		letter-spacing: 0px;
		color: #333333;
	}
	#mainArea .topSec .contentArea .newsArea .content.only > a {
		color: #EF6D00;
	}
	#mainArea .topSec .contentArea .newsArea > a > img {
		position: absolute;
		top: 28px;
		right: 4.266666vw;
	}	
	#mainArea .topSec .contentArea .caseWrap {
		padding: 32px 0;
	}
	#mainArea .eventContainer .contentArea .caseWrap {
		padding: 20px 0;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList {
		display: flex;
		margin-bottom: 30px;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList {
		margin-bottom: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li {
		background: #FFFFFF;
		box-shadow: 0px 2px 0px #00000033;
		border: 1px solid #D4CEC4;
		border-radius: 6px;
		width: 68.7vw;
        width: 284px;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li {
        width: 53.33333vw;
	}
	#mainArea .topSec .contentArea > .eventTitle {
		color: 	#EF6D01;
		font-size: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li a {
		display: block;
		position: relative;
		padding-bottom: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li figure {
		overflow: hidden;
		height: 206px;
		width: 68.7vw;
        width: 284px;
		border-radius: 5px 5px 0 0;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li figure {
		width: 100%;
		height: 42.666666vw;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li .date {
		padding-left: 16px;
		font-size: 14px;
        line-height: 20px;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		padding-right: 16px;
	}
	.eventCase {
		visibility: hidden;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl {
		padding-left: 16px;
		padding-right: 16px;
		word-wrap: break-word;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl dt {
		font-size: 18px;
        line-height: 28px;
		color: #EF6D00;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 56px;
		margin-bottom: 3.2vw;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li dl dt {
	font-size: 14px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl .text {
		font-size: 16px;
        line-height: 26px;
		color: #333333;
		height: 55px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin-bottom: 2.1333vw;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li dl .text {
		font-size: 14px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl .continue {
		font-size: 14px;
        line-height: 20px;
		text-decoration: underline;
		color: #707070;
		text-align: right;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li dl .continue {
		font-size: 10px;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList li dl .continue {
		margin-right: 0;
		margin-bottom: 0;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls {
		/* width: 1120px; */
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav {
		height: 40px;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -230px;
		min-width: 90vw;
		pointer-events: none;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-prev {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_left_b_pc.png) no-repeat;
		background-size: 40px 40px;
		left: 0;
		width: 40px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-next {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_right_b_pc.png) no-repeat;
		background-size: 40px 40px;
		width: 40px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav {
        height: 54px;
        min-width: 108px;
        width: 108px;
        display: flex;
        justify-content: space-between;
        position: relative;
        top: 0px;
        left: -55px;
        pointer-events: none;
    }
    #mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-prev {
        background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_left_article.png) no-repeat;
        background-size: 54px 54px;
        left: -10px;
        width: 54px;
        position: relative;
        pointer-events: auto;
    }
    #mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-next {
        background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_right_article.png) no-repeat;
        background-size: 54px 54px;
        width: 54px;
        position: relative;
        pointer-events: auto;
    }
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots {
		/* width: 1120px; */
		display: flex;
		justify-content: center;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-dots {
		position: relative;
		top: -33px;
		left: 18.0666vw;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots .owl-dot {
		border-radius: 8px;
		margin: 0 7px;
		height: 12px;
		width: 12px;
		background: #D9D4CB;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots .owl-dot.active {
		background: #EF6D00;
	}
	#mainArea .topSec .button.orange {
		display: block;
		width: 80.13333vw;
		font-size: 16px;
        line-height: 28px;
		text-align: left;
		color: #EF6D00;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 2px 0px #00000033;
		border: 2px solid #D9D4CB;
		padding: 12px 4.266666vw;
		margin: auto;
		border-radius: 6px;
	}
	#mainArea .topSec .button.orange.relative {
		position: relative;
	}
	#mainArea .topSec .button.orange > img {
		margin-left: 21.3333vw;
	}
	#mainArea .topSec .button.orange.relative > img {
		position: absolute;
		margin-left: 0;
		right: 20px;
	}
	#mainArea .topSec .button.orange.relative > img.event {
		top: 15px;
	}
	#mainArea .topSec .button.orange.relative > img.photo {
		top: 15px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList {
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li {
		/* width: 900px; */
		background: #F7F6F4 0% 0% no-repeat padding-box;
		border-radius: 6px;
		margin: auto;
		margin-bottom: 10px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea {
		display: flex;
		padding: 20px 0;
		margin-bottom: 30px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .date {
		padding-left: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .content {
		margin-left: 40px;
		/* width: 658px; */
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .content.only {
		/* width: 700px; */
	}
	#mainArea .topSec .bnrArea {
		/* width: 1140px; */
		margin: auto;
		background: #F7F6F4 0% 0% no-repeat padding-box;
		padding: 40px 0 70px 0;
	}
	#mainArea .topSec .bnrArea .campBnr {
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#mainArea .topSec .bnrArea .campBnr.first {
		margin-bottom: 16px;
	}
	#mainArea .topSec .bnrArea .campBnr.first img {
		width: 343px;
	}
	#mainArea .topSec .bnrArea .campBnr.second img {
		width: 343px;
	}

	#mainArea .topSec .contentsArea {
		/*
		display: flex;
		border-radius: 6px;
		*/
		margin: auto;
		background: #EBE9E5 0% 0% no-repeat padding-box;
		padding: 32px 0 32px 0;
	}
	#mainArea .topSec .contentsArea > div {
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		gap: 10px;
	}
	#mainArea .topPSec {
		background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea .topPSec .flexSec .contentSec {
		padding: 0 10px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec {
		border-bottom: 1px solid #D9D4CB;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec h2 {
		color: #666666;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec h2.center {
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .point {
		font-size: 22px;
		line-height: 30px;
		font-weight: 700;
		color: #EF6D00;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .point img {
		vertical-align: middle;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box img {
		width: 29px;
		vertical-align: baseline;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box .total_score {
		color: #333333;
		font-weight: 700;
		font-size: 36px;
		line-height: 28px;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 10px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box .score_count {
		color: #333333;
		font-size: 14px;
		line-height: 20px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#mainArea .topPSec .button.orange {
		display: block;
		width: 311px;
		font-size: 16px;
		line-height: 28px;
		text-align: left;
		color: #EF6D00;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 2px 0px #00000033;
		border: 2px solid #D9D4CB;
		padding: 12px 16px;
		border-radius: 6px;
		position: relative;
	}
	#mainArea .topPSec .button.orange img {
		position: absolute;
		margin-left: 0;
		right: 20px;
		top: 15px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contest-img1 {
		width: 90px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contest-img2 {
		width: 59px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contestArea {
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .csProTxt {
		padding: 0px 25px;
		font-size: 16px;
		line-height: 28px;
		color: #333333;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .csProTxt a {
		text-decoration: underline;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		color: #333333;
		text-align: right;
		display: block;
	}
	#mainArea .topPSec .row {
		display: flex;
		align-items: center;
	    justify-content: center;
	    flex-wrap: wrap;
		gap: 10px;
	}
	#mainArea .topPSec .flexSec .contactSec {
		background: #FFF;
		padding-bottom: 40px;
	}
	#mainArea .topPSec .flexSec .contactSec h2 {
		color: #666666;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
		text-align: center;
	    padding: 40px 0;
	}
	#mainArea .topPSec .flexSec .contactSec a {
		display: block;
		text-align: center;
		padding-top: 10px;
	}
	#mainArea .topPSec .flexSec .contactSec p {
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contactSec .telinfo {
		color: #333333;
		font-size: 17px;
		line-height: 19px;
		font-weight: 700;
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contactSec .telinfo span {
		font-size: 15px;
	    font-weight: 400;
	}
	#mainArea .topPSec .flexSec .contactSec .tel {
		display: block;
		font-size: 48px;
		line-height: 28px;
		color: #69A73F;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contactSec .consul {
		padding-top: 10px;
	}
	#mainArea .messageSec {
		background: #F7F6F4;
		padding: 70px 10px;
	}
	#mainArea .messageSec h2 {
		text-align: center;
		margin-bottom: 48px;
		font-size: 28px;
		line-height: 28px;
		color: #666666;
		font-weight: bold;
	}
	#mainArea .messageSec div {
		display: flex;
		margin: auto;
		justify-content: center;
	    gap: 30px;
		flex-wrap: wrap;
	}
	#mainArea .messageSec div img {
		width: 100%;
	}
	#mainArea .messageSec div p {
		font-size: 16px;
	    color: #333;
		line-height: 24px;
	}

	/* 新お問い合わせセクション */
	.inquiry-contact-section {
		background: #FFF;
		padding-bottom: 40px;
	}
	.inquiry-contact-section h2 {
		color: #666666;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
		text-align: center;
		padding-top: 40px;
		margin-bottom: 0;
	}

	/* SP版お問い合わせエリア */
	.consultBoxTopSp{
		display: flex;
		height: 280px;
		background: #F5F5F5 0% 0% no-repeat padding-box;
		align-items: center;
		justify-content: center;
	}
	.consultInnerBox{
		width:calc(100% - 20px);
		height:calc(100% - 20px);
		background: #FFFFFF 0% 0% no-repeat padding-box;
		text-align: center;
	}
	.consultTextBox{
		width: 280px;
		margin: 20px auto 10px;
		text-align: center;
		font: normal 600 normal 18px/25px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif !important;
		letter-spacing: -0.54px;
		color: #333333;
		margin-top: 20px;
	}
	.flexBlockConsultSp{
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}
	.telBlock{
		width: 155px;
		height: 64px;
		background: #69A63F 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 6px #00000029;
		border-radius: 5px;
		margin-right: 11px;
		text-align: center;
	}
	.telBlock p{
		font: normal normal normal 10px/15px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif !important;
		color: #FFFFFF;
		padding-top: 15px;
	}
	.telInnerBlock{
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		font: normal normal bold 16px/21px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif !important;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.telInnerBlock > img{
		height: 14.35px;
		object-fit: contain;
		margin-right: 3px;
	}
	.contactBlock{
		width: 155px;
		height: 64px;
		background: #69A63F 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 6px #00000029;
		border-radius: 5px;
		text-align: center;
	}
	.contactBlock p{
		font: normal normal normal 10px/15px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif !important;
		color: #FFFFFF;
		padding-top: 15px;
	}
	.contactInnerBlock{
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		font: normal 600 normal 13px/13px Hiragino Sans;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.contactInnerBlock > img{
		height: 12px;
		object-fit: contain;
		margin-right: 3px;
	}
	.consultImgBlockSp{
		text-align: center;
	}
	.consultImgBlockSp img{
		height: 84px;
	}
	.supplement-area {
		width: 323.45px;
		margin: auto;
		height: 10px;
	}
	.supplement-area div {
		text-align: center;
		margin-top: 10px;
	}
	.supplement {
		font-size: 10px !important;
		line-height: 10px !important;
		color: #808080 !important;
	}
	.orange-text {
		color: #EF6D02;
	}
}

/* PConly */
@media print, screen and (min-width: 768px) {
	.sponly {
		display:none;
	}
    #mainArea .mainimgArea {
        background: #FFFFFF;
        min-width: 1366px;
		margin-bottom: 30px;
    }
	#mainArea .mainimg {
		/* margin:10px 0 30px; */
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 1366px;
		height: 366px;
        margin: auto;
		position: relative;
	}
    #mainArea .mainimg .main_bnr {
		/*
        width: 480px;
        padding-left: 120px;
		*/
    }
	/* MVコンテストバッジ（PC版） */
	#mainArea .mainimg .main_bnr {
		position: relative;
	}
	#mainArea .main_bnr .mv-contest-badges {
		position: absolute;
		bottom: 0;
		left: 20px;
		z-index: 10;
		display: none;
		gap: 20px;
	}
	#mainArea .main_bnr .mv-contest-badge img {
		width: 90px;
		height: 81.5312px;
		display: block;
	}
    #mainArea .mainimg .main_search {
        width: 500px;
        height: 255px;
        background: #FFF;
        margin: 39px 0;
        border-radius: 10px;
        text-align: center;
    }
    #mainArea .mainimg .main_search_text {
        padding-top: 30px;
        padding-bottom: 25px;
		font-size: 22px;
		line-height: 28px;
        color: #666666;
    }
    #mainArea .mainimg .main_search_btn {
        width: 400px;
        height: 90px;
        background: #EF6D00;
        color: #FFF;
        border-radius: 6px;
        margin: auto;
        cursor: pointer;
    }
    #mainArea .mainimg .main_search_btn picture {
        display: inline;
    }
    #mainArea .mainimg .main_search_btn img {
        padding-top: 16px;
        padding-bottom: 5px;
    }
    #mainArea .mainimg .main_search a {
		font-size: 24px;
		line-height: 30px;
        letter-spacing: 0px;
        color: #FFFFFF;
    }
    #mainArea .mainimg .main_search_sub_text {
		font-size: 16px;
		line-height: 24px;
        color: #333333;
        padding-top: 15px;
    }
	#mainArea .mainimg p {
	}
    #mainArea .mainSec .caseList._sub .owl-controls {
        width: 1240px;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav {
		height:40px;
        min-width: 1240px;
        display: flex;
        justify-content: space-between;
        position: relative;
        top: -189px;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav .owl-prev {
		background:url(../common/img/arrow_left_b_pc.png) no-repeat;
		background-size:40px 40px;
		left:-25px;
        width: 40px;
        position: relative;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-nav .owl-next {
		background:url(../common/img/arrow_right_b_pc.png) no-repeat;
		background-size:40px 40px;
		right: 5px;
        width: 40px;
        position: relative;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots {
        width: 1240px;
        display: flex;
        justify-content: center;
    }
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots .owl-dot {
		border-radius:8px;
		margin:0 7px;
		height:12px;
		width:12px;
        background: #D9D4CB;
	}
	#mainArea .mainSec .caseList._sub .owl-controls .owl-dots .owl-dot.active {
		border-radius:8px;
		margin:0 7px;
		height:12px;
		width:12px;
        background: #EF6D00;
	}
	#mainArea .mainSec .btn {
        display: block;
        width: 320px;
        box-shadow: 0px 2px 0px #00000033;
        background: #FFFFFF;
        border: 2px solid #D9D4CB;
		font-size: 16px;
		line-height: 28px;
        color: #EF6D00;
        border-radius: 6px;
        margin: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 16px;
	}
	#mainArea .mainSec .btn picture {
        display: inline;
    }
	#mainArea .mainSec .icon {
        width: 40px;
        margin-left: 75px;
        margin-bottom: 3px;
    }
	#mainArea .mainInr {
		margin-left:auto;
		margin-right:auto;
        width: 100%;
		margin-top: 30px;
	}
	#mainArea .mainInr > .flexBlock {
		margin-bottom:40px;
	}
	#mainArea .mainInr:last-of-type .mainSec {
		/*
        min-width: 1366px;
		*/
        margin: auto;
        padding-top: 70px;
        padding-bottom: 80px;
	}
	.shopEventBanner{
		display: flex;
		min-width: 1366px;
		justify-content: center;
		gap: 16px;
		border-bottom: 3px solid;
		border-image: linear-gradient(to right, #FD8024, #F43544) 1;
	}
	#mainArea .mainInr .urgent_arrow{
		text-align: center;
	}
	.urgent_message_wrapper{
		min-width: 1366px;
	}
	#mainArea .mainInr .urgent_message {
		border: 1px solid #EF6D01;
		border-radius: 6px;
		width: 850px;
		margin: auto;
		padding: 0px 16px 0 16px;
		color: #333333;
		font-size: 16px;
		line-height: 18px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.truncate {
		overflow: hidden;
		padding-top: 15px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.full-text {
		display: block;
		overflow: visible;
		padding-top: 15px;
	}
	.arrow-bottom.turn {
		transform: rotate(180deg);
	}
	#mainArea .campBnr {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		margin-bottom:80px;
		margin-top:70px;
        margin-left: auto;
        margin-right: auto;
	}
	#mainArea .campBnr li {
	}
	#mainArea .campBnr li img {
		width: 265px;
	}
	#mainArea .campBnr li:last-of-type {
		margin-right:0;
	}
	#mainArea .campBnr a:hover {
		opacity:0.7;
	}
	#mainArea .msgBox {
		padding: 16px;
		width: 1120px;
		margin: 0 auto 30px;
		background: #EBE9E5 0% 0% no-repeat padding-box;
		box-shadow: 0px 2px 0px #00000033;
		border: 1px solid #D9D4CB;
		border-radius: 6px;
		text-align: left;
		font-size: 16px;
		line-height: 28px;
	}
	#mainArea .flexBlock {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#mainArea .flexBlock .estimate {
		background:#ed6d00;
		border-radius:10px;
		margin-top:40px;
		padding:0 15px 20px;
		width:240px;
	}
	#mainArea .flexBlock .estimate h2 {
		margin:-40px 0 15px;
		text-align:center;
	}
	#mainArea .flexBlock .estimate li {
		background:#fff;
		border-radius:5px;
		margin-top:10px;
	}
	#mainArea .flexBlock .estimate li a:hover {
		display:block;
		opacity:0.8;
	}
	#mainArea .flexBlock .replace {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		width:820px;
	}
	#mainArea .flexBlock .replace .replaceBox {
		width:265px;
	}
	#mainArea .flexBlock .replace .replaceBox dd {
		border-radius:0 0 20px 20px;
		padding:12px 18px 15px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .flexBlock {
		padding:0 2px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .flexBlock > img {
		height:110px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .time {
		padding:55px 0 0;
	}
	#mainArea .flexBlock .replace .replaceBox dd .linkList {
		margin-top:12px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .linkList li {
		margin-top:7px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .linkList li a {
		border:2px solid #5cb531;
		border-radius:15px;
		box-shadow:0 2px 0 0 #97a590;
		font-size:107.14286%;
	}
	#mainArea .flexBlock .replace .replaceBox dd .linkList li a .fas {
		font-size:140%;
		line-height:120%;
		vertical-align:-2px;
	}
	#mainArea .flexBlock .replace .replaceBox dd .linkList li a:hover {
		background:#5cb531;
		color:#fff;
	}
	#mainArea .flexBlock .replace .replaceBox._door dd .linkList li a {
		border:2px solid #004795;
	}
	#mainArea .flexBlock .replace .replaceBox._door dd .linkList li a:hover {
		background:#004795;
		color:#fff;
	}
	#mainArea .flexBlock .timenote {
		margin-top:5px;
		text-align:right;
		width:100%;
	}
	#mainArea .flexBlock._reverse {
		flex-direction:row-reverse;
	}
	#mainArea .flexBlock._reverse .secWrap {
		width:820px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec {
		margin-bottom:60px;
		position:relative;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox {
		background:#f5f5f5;
		border-radius:20px;
		padding:30px 20px 20px;
		position:absolute;
		width:420px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox h2 {
		margin-bottom:15px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox > p {
		font-size:107.14286%;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox .searchBox {
		border-radius:10px;
		margin:25px auto;
		height:50px;
		width:300px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox .searchBox input[type="text"] {
		padding:8px 12px;
		height:30px;
		width:263px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox .searchBox button[type="submit"] {
		cursor:pointer;
		font-size:128.57143%;
		height:30px;
		width:30px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec .shopBox:after {
		background:url(../img/shop_img.png) no-repeat;
		content:"";
		display:block;
		margin:0 auto;
		height:102px;
		width:142px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg {
		margin-top:30px;
		height:580px;
		width:820px;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg rect {
		fill:#c9caca;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .hokkaido {
		fill:#009fe6;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .tohoku {
		fill:#6ab6cc;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .kanto {
		fill:#66847d;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .chubu {
		fill:#7db340;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .kinki {
		fill:#499947;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .chugoku {
		fill:#d16c15;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .shikoku {
		fill:#d58090;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a .kyushu {
		fill:#ed8c00;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a.disabled {
		pointer-events:none;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a.disabled rect {
		fill:#c9caca;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg .maptxt {
		font-size:16px;
		fill:#fff;
		text-anchor:middle;
	}
	#mainArea .flexBlock._reverse .secWrap .shopSec svg a:hover {
		opacity:0.8;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .ttlBlock {
		margin-bottom:10px;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox {
		border-radius:10px;
		padding:20px 25px;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox ul {
		padding:15px 20px 15px 5px;
		height:180px;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox ul li {
		margin-bottom:15px;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox ul li dl {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		justify-content:flex-start;
		font-size:107.14286%;
		line-height:150%;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox ul li dl dt {
		padding-right:5px;
		width:150px;
	}
	#mainArea .flexBlock._reverse .secWrap .newsSec .newsBox ul li dl dd {
		width:570px;
	}
	#mainArea .mainSec {
		margin-bottom:80px;
	}
	#mainArea .mainSec h2 {
		margin-bottom: 48px;
		font-size: 28px;
		line-height: 28px;
        color: #666666;
        font-weight: bold;
	}
	#mainArea .mainSec .studyList {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#mainArea .mainSec .studyList li {
		font-size:107.14286%;
		line-height:150%;
		margin-bottom:20px;
		width:360px;
	}
	#mainArea .mainSec .studyList li a:hover img {
		opacity:0.8;
	}
	#mainArea .mainSec .studyList li figure {
		margin-bottom:5px;
	}
	#mainArea .mainSec .ttlBlock .listLink {
		margin-top:calc(-15px - 1.3em);
	}
	#mainArea .mainSec .caseList {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#mainArea .mainSec .caseList li a:hover img {
		opacity:0.8;
	}
	#mainArea .mainSec .caseList li dt {
		font-size:135.71429%;
		font-weight:bold;
		line-height:150%;
	}
	#mainArea .mainSec .caseList li .text,
	#mainArea .mainSec .caseList li .continue {
		font-size:107.14286%;
		line-height:150%;
	}
	#mainArea .mainSec .caseList._main {
		margin-bottom:40px;
	}
	#mainArea .mainSec .caseList._main li {
		width:548px;
	}
	#mainArea .mainSec .caseList._main li figure {
		overflow:hidden;
		height:397px;
	}
	#mainArea .mainSec .caseList._main li figure img {
		height:397px;
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
		/*IE対策*/
	}
	#mainArea .mainSec .caseList._main li .date p {
		margin-right:20px;
	}
	#mainArea .mainSec .caseList._sub {
        justify-content: flex-start;
        align-items: stretch;
        width: 1240px;
        margin: auto;
		margin-bottom:30px;
	}
	#mainArea .mainSec .caseList._sub li {
        position: relative;
		margin-left:10px;
		margin-right:10px;
		width: 258px;
        box-shadow: 0px 2px 0px #00000033;
        border: 1px solid #D4CEC4;
        border-radius: 6px;
        padding-bottom: 20px;
        height: 400px;
	}
    .owl-stage-outer {
        /*
        box-shadow: 0px 2px 0px #00000033;
        border-radius: 6px;
        */
    }
	#mainArea .mainSec .caseList._sub li:last-of-type {
		margin-right:0;
	}
	#mainArea .mainSec .caseList._sub li figure {
		overflow:hidden;
        height: 206px;
        width: 258px;
        border-radius: 5px 5px 0 0;
		margin-bottom: 20px;
	}
	#mainArea .mainSec .caseList._sub li figure img {
        height: 206px;
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
		/*IE対策*/
	}
	#mainArea .mainSec .caseList._sub li .date {
		padding-left: 16px;
		font-size: 14px;
		line-height: 20px;
		color: #666666;
		padding-right: 16px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		padding-right: 20px;
		position: relative;
	}
	#mainArea .mainSec .caseList._sub li .date div {
		width: 65px;
		height: 38px;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		font-weight: bold;
	}
	#mainArea .mainSec .caseList._sub li .date div.mado {
		right: 0px;
		top: -20px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	#mainArea .mainSec .caseList._sub li .date div.mado-first {
		right: 69px;
		top: -20px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	#mainArea .mainSec .caseList._sub li .date div.door {
		right: 0px;
		top: -20px;
		color: #1D428C;
		border: #1D428C 2px solid;
	}
	/* index.php 施工事例セクション用（PC版） */
	.mainSec.photo .caseList._sub li .date {
		position: relative;
	}
	.mainSec.photo .caseList._sub li .date div {
		width: 65px;
		height: 38px;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		font-weight: bold;
	}
	.mainSec.photo .caseList._sub li .date div.mado {
		right: 0px;
		top: -20px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	.mainSec.photo .caseList._sub li .date div.mado-first {
		right: 69px;
		top: -20px;
		color: #EC6C01;
		border: #EC6C01 2px solid;
	}
	.mainSec.photo .caseList._sub li .date div.door {
		right: 0px;
		top: -20px;
		color: #1D428C;
		border: #1D428C 2px solid;
	}
	#mainArea .mainSec .caseList._sub li .date p {
		margin-bottom: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#mainArea .mainSec .caseList._sub li dl {
        padding-left: 16px;
        padding-right: 16px;
        word-wrap: break-word;
        display: flex;
        flex-direction: column;
    }
	#mainArea .mainSec .blankTxt {
		font-size:107.14286%;
	}
	#mainArea .mainSec .caseList._sub li dl dt {
		font-size: 18px;
		line-height: 28px;
        color: #EF6D00;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 56px;
    }
	#mainArea .mainSec .caseList._sub li dl .text {
		font-size: 16px;
		line-height: 26px;
        color: #333333;
        height: 55px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
	#mainArea .mainSec .caseList._sub li dl .continue {
		font-size: 14px;
		line-height: 20px;
        text-decoration: underline;
        color: #707070;
        text-align: right;
    }
	#mainArea .mainSec .blankTxt span:before {
		background:url(../common/img/icon_blank.png) no-repeat;
		background-size:15px 15px;
		margin-right:5px;
		vertical-align:-2px;
		height:15px;
		width:15px;
	}
	#mainArea .mainSec .voiceList {
		justify-content:flex-start;
		margin-bottom:30px;
	}
	#mainArea .mainSec .voiceList li {
		margin-right:24px;
		width:262px;
	}
	#mainArea .mainSec .voiceList li:last-of-type {
		margin-right:0;
	}
	#mainArea .mainSec .voiceList li a:hover img {
		opacity:0.8;
	}
	#mainArea .mainSec .voiceList li figure {
		margin-bottom:15px;
		overflow:hidden;
		height:190px;
	}
	#mainArea .mainSec .voiceList li figure img {
		height:190px;
		width:100%;
		object-fit:cover;
		font-family:"object-fit:cover;";
		/*IE対策*/
	}
	#mainArea .mainSec .voiceList li dt {
		font-size:135.71429%;
		font-weight:bold;
		line-height:150%;
	}
	#mainArea .mainSec .voiceList li .text,
	#mainArea .mainSec .voiceList li .continue {
		font-size:107.14286%;
		line-height:150%;
	}
	#mainArea .mainSec .voiceList li .text._name,
	#mainArea .mainSec .voiceList li .continue._name {
		text-align:right;
	}
    #mainArea .consultSec {
        background:#F7F6F4;
        min-width: 1366px;
		padding:70px 0 80px;
    }
	#mainArea .consultSec h2 {
		margin-bottom:48px;
		font-size: 28px;
		line-height: 28px;
        color: #666666;
        font-weight: bold;
	}
	#mainArea .consultSec .btn {
        display: block;
        width: 320px;
        box-shadow: 0px 2px 0px #00000033;
        background: #FFFFFF;
        border: 2px solid #D9D4CB;
		font-size: 16px;
		line-height: 28px;
        color: #EF6D00;
        border-radius: 6px;
        margin: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 16px;
	}
	#mainArea .consultSec .btn picture {
        display: inline;
    }
	#mainArea .consultSec .icon {
        margin-left: 26px;
        margin-bottom: 3px;
        width: 30px;
    }
    /*
	#mainArea .consultSec h2:before {
		background:url(../img/consult_img01.png) no-repeat;
		background-size:58px 53px;
		content:"";
		display:inline-block;
		margin-right:20px;
		vertical-align:-13px;
		height:53px;
		width:58px;
	}
	#mainArea .consultSec h2:after {
		background:url(../img/consult_img02.png) no-repeat;
		background-size:58px 53px;
		content:"";
		display:inline-block;
		margin-left:17px;
		vertical-align:-13px;
		height:53px;
		width:58px;
	}
    */
	#mainArea .consultSec .consultList {
		margin-left:auto;
		margin-right:auto;
    margin-bottom: 20px;
		width:1120px;
	}
	#mainArea .consultSec .consultList li {
		position: relative;
		margin-bottom:20px;
		width:170px;
	}
	#mainArea .consultSec .consultList li p {
		width: 100%;
		position: absolute;
		top: 76%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		color: #666666;
		text-align: center;
	}
	#mainArea .consultSec .consultList li img{
		width: 100%;
	}
	#mainArea .consultSec .consultList li a:hover {
		display:block;
		opacity:0.8;
	}
	#mainArea .shopConsultSec {
        text-align: center;
        padding-top: 70px;
        padding-bottom: 80px;
        min-width: 1366px;
    }
	#mainArea #simulationArea {
        background: #FFFFFF 0% 0% no-repeat padding-box;
    }
	#mainArea .shopConsultSec h2 {
		font-size: 28px;
		line-height: 28px;
        color: #666666;
        font-weight: bold;
		margin-bottom: 48px;
    }
	#mainArea .shopConsultSec ul {
        width: 1120px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: auto;
    }
	#mainArea .shopConsultSec ul.sponly {
        display: none !important;
    }
    #mainArea .shopConsultSec li {
        text-align: center;
        width: 265px;
        border-radius: 6px;
        padding-top: 27px;
        padding-bottom: 27px;
        border: #D9D9D9 5px solid;
    }
    #mainArea .shopConsultSec li .catchCopy {
        margin-bottom: 18px;
    }
    #mainArea .shopConsultSec li .case {
        color: #E5520A;
		font-size: 13px;
		line-height: 16px;
        border-bottom: #E5520A 1px solid;
        width: 225.25px;
        margin: auto;
        padding-bottom: 7px;
        font-weight: 600;
    }
    #mainArea .shopConsultSec li .case.blue {
        color: #1D428C;
        border-bottom: #1D428C 1px solid;
    }
    #mainArea .shopConsultSec li .solution {
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: left;
    }
    #mainArea .shopConsultSec li .imageView {
				display: flex;
        justify-content: center;
        margin: auto;
        align-items: center;
        gap: 10px;
    }
    #mainArea .shopConsultSec li img {
        border-radius: 6px;
        width: 90px;
    }
    #mainArea .shopConsultSec li .imageView p.time {
        color: #444444;
		font-size: 11px;
		line-height: 24px;
        font-weight: 600;
        text-align: center;
      width: 112.5%;
        background: #FFE6D1;
        border-radius: 15px;
    }
    #mainArea .shopConsultSec li .imageView p.time.blue {
        background: #CCEAFF;
    }
	/* PC版お問い合わせエリア */
	.inquiry-area {
		margin-bottom: 10px;
		height: auto;
		z-index: 3;
	}
	.inquiry-in-area {
		position: relative;
		top: 10px;
		height: auto;
		margin: 10px;
		background-color: #fff;
		z-index: 5;
		border-radius: 6px;
        padding-bottom: 40px;
	}
	.inquiry-in-area .telinfo {
		color: #333333;
		font-size: 17px;
		line-height: 19px;
		font-weight: 700;
		text-align: center;
	}
	.inquiry-in-area .telinfo span {
		font-size: 15px;
		font-weight: 400;
	}
	.inquiry-in-area .tel {
		display: block;
		font-size: 48px;
		line-height: 28px;
		color: #69A73F;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.inquiry-in-area .tel img {
		width: auto;
		margin: 0;
		margin-right: 15px;
		vertical-align: middle;
	}
	.inquiry-title {
		text-align: center;
		font: normal 600 normal 20px/25px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: -0.54px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.inquiry-btn-area {
		display: flex;
		width: 85%;
		margin: 10px auto 6px auto;
		justify-content: center;
	}
	.inquiry-btn-area .tel {
		width: 165px;
		height: 60px;
		background: #69A63F 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 6px #00000029;
		border-radius: 6px;
		margin-right: 8px;
	}
	.inquiry-btn-area .tel-text {
		margin-top: 12.15px;
		text-align: center;
		font: normal normal normal 10px/12px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.inquiry-btn-area .tel-num {
		text-align: center;
		font: normal normal bold 15px/28px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: -0.3px;
		color: #FFFFFF;
		margin-bottom: 12.75px;
	}
	.inquiry-btn-area .tel-num img {
		position: relative;
		top: -2px;
		width: 12.92px;
		height: 12.92px;
		margin: initial;
		margin-right: 3.09px;
	}
	.inquiry-btn-area .mail {
		flex: 1;
		height: 60px;
		background: #69A63F 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 6px #00000029;
		border-radius: 5px;
	}
	.inquiry-btn-area .mail-text {
		margin-top: 12.15px;
		text-align: center;
		font: normal normal normal 14px/14px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.inquiry-btn-area .mail-form {
		margin-top: 7.64px;
		text-align: center;
		font: normal 600 normal 16px/16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #FFFFFF;
		margin-bottom: 12.75px;
	}
	.inquiry-btn-area .mail-form img {
		width: 14.47px;
		height: 10.84px;
		margin: initial;
		margin-right: 5.66px;
	}
	.process-img {
		display: block;
		width: 85%;
    margin-left: auto !important;
    margin-right: auto !important;
	}

	.auto-simulat-area {
		position: relative;
		margin: 0 auto;
		width: 738px;
		z-index: 3;
	}
	.auto-simulat-area.pconly {
		padding-left: 15px;
		padding-right: 15px;
	}
	.auto-simulat-in-area {
		position: relative;
		width: 100%;
		margin: 10px 0;
		z-index: 5;
		border-radius: 6px;
	}
	.simulateBtnArea {
		margin: 14px 0 0 0;
		font-weight: 600;
		display: flex;
		gap: 10px;
		justify-content: center;
	}
	.auto-simulat-in-area .simulateBtn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 236px;
		height: 66px;
		background: #FFFFFF;
		border: 3px solid #69A73F;
		box-shadow: 0px 2px 0px #00000033;
		border-radius: 10px;
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 0px;
		color: #333333;
		padding: 0 25px;
		text-decoration: none;
		font-weight: 600;
	}
	.auto-simulat-in-area .simulateBtn p {
		display: flex;
		align-items: center;
		margin: 0;
		flex-grow: 1;
	}
	.auto-simulat-in-area .simulateBtn img:first-child {
		width: 30px;
		height: 30px;
		margin-right: 15px;
	}
	.auto-simulat-in-area .simulateBtn .arrow-icon {
		height: 20px;
		margin-left: auto;
	}
	.auto-simulat-in-area .simulateBtn span {
		flex-grow: 1;
		margin: 0;
	}
	.auto-simulat-in-area .simulateBtn.blue {
		border-color: #0068B3;
	}
	.auto-simulat-in-area .simulateBtn.orange {
		border-color: #EF6D00;
	}
	.auto-simulat-in-area .simulateBtn.green {
		border-color: #69A73F;
	}
	.in-area-text {
		margin-top: 15px;
		text-align: center;
		font: normal 400 normal 13px/20px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #333333;
	}
	#mainArea .messageSec {
		background: #F7F6F4;
        padding-top: 70px;
        padding-bottom: 80px;
		min-width: 1366px;
	}
	#mainArea .messageSec h2 {
		text-align: center;
		margin-bottom: 48px;
		font-size: 28px;
		line-height: 28px;
		color: #666666;
		font-weight: bold;
	}
	#mainArea .messageSec div {
		display: flex;
		width: 1120px;
		margin: auto;
		justify-content: center;
	    gap: 40px;
		align-items: center;
	}
	#mainArea .messageSec div img {
		width: 430px;
	}
	#mainArea .messageSec div p {
		width: 430px;
	}
	#mainArea .estimatetSec {
        text-align: center;
        background: #F7F6F4;
        padding-top: 70px;
        padding-bottom: 80px;
        min-width: 1366px;
    }
	#mainArea .estimatetSec ul {
        width: 1042px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: auto;
        text-align: center;
        color: #666666;
        padding-bottom: 40px;
    }
	#mainArea .estimatetSec .estimatetSecCatch {
		font-size: 24px;
		line-height: 32px;
        font-weight: bold;
    }
	#mainArea .estimatetSec .estimatetSecCatch2 {
		padding-top: 15px;
		font-size: 28px;
		line-height: 28px;
        font-weight: bold;
    }
	#mainArea .estimatetSec .estimatetSecCatch3 {
		padding-top: 25px;
		padding-bottom: 27px;
		font-size: 18px;
		line-height: 30px;
    }
	#mainArea .estimatetSec .btn {
        display: block;
        width: 320px;
        box-shadow: 0px 2px 0px #00000033;
        background: #FFFFFF;
        border: 2px solid #D9D4CB;
		font-size: 16px;
		line-height: 28px;
        color: #EF6D00;
        border-radius: 6px;
        margin: auto;
        padding-top: 21px;
        padding-bottom: 22px;
        padding-left: 16px;
        text-align: left;
        position: relative;
	}
    #mainArea .estimatetSec .btn picture {
        display: inline;
    }
	#mainArea .estimatetSec .icon {
        position: absolute;
        top: 14px;
        right: 9.5px;
    }
	#mainArea .recomList {
		justify-content:flex-start;
		margin-top:30px;
	}
	#mainArea .recomList li {
		margin-right:20px;
		margin-bottom:20px;
		padding:15px;
		width:234px;
	}
	#mainArea .recomList li a:hover {
		opacity:0.8;
	}
	#mainArea .recomList li:nth-of-type(4n) {
		margin-right:0;
	}
	#mainArea .recomList li .label {
		padding:7px 15px;
		top:25px;
		left:5px;
	}
	#mainArea .recomList li dl {
		margin-top:15px;
	}
	#mainArea .recomList li dt {
		font-size:135.71429%;
		margin-bottom:5px;
	}
	#mainArea .recomList li dd.icon {
		margin-top:10px;
	}
    #mainArea .columnSec {
		padding:70px 0 80px;
        background: #F7F6F4;
        min-width: 1366px;
    }
    #mainArea .columnSec h2 {
		margin-bottom:48px;
		font-size: 28px;
		line-height: 28px;
        color: #666666;
        font-weight: bold;
        text-align: center;
	}
	#mainArea .columnSec .btn {
        display: block;
        width: 320px;
        box-shadow: 0px 2px 0px #00000033;
        background: #FFFFFF;
        border: 2px solid #D9D4CB;
		font-size: 16px;
		line-height: 28px;
        color: #EF6D00;
        border-radius: 6px;
        margin: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 16px;
	}
    #mainArea .columnSec .btn picture {
        display: inline;
    }
	#mainArea .columnSec .icon {
        margin-left: 70px;
        margin-bottom: 3px;
    }
	#mainArea .columnSec .column-content-list {
        display: flex;
        justify-content: space-around;
        width: 1120px;
        margin: auto;
        margin-bottom: 40px;
    }
	#mainArea .columnSec .column-content {
        display: flex;
        width: 360px;
        background: #FFF;
        padding-top: 24px;
        padding-bottom: 24px;
        box-shadow: 0px 2px 0px #00000033;
        border: 1px solid #D4CEC4;
        border-radius: 6px;
    }
	#mainArea .columnSec .column-content .column-content-left {
        margin-left: 26px;
        width: 48px;
    }
	#mainArea .columnSec .column-content .column-content-right {
        margin-left: 12px;
        margin-right: 20px;
    }
	#mainArea .columnSec .column-content .column-content-right .title {
		font-size: 20px;
		line-height: 30px;
        color: #EF6D00;
        height: 60px;
    }
	#mainArea .columnSec .column-content .column-content-right .text {
		font-size: 16px;
		line-height: 28px;
        letter-spacing: 0px;
        color: #666666;
        height: 72px;
    }
	#mainArea .columnSec .column-content .column-content-right .link {
        text-align: right;
        text-decoration: underline;
		font-size: 14px;
		line-height: 20px;
        letter-spacing: 0px;
        color: #707070;
        margin-top: 18px;
    }
    #mainArea .bannerSec {
        padding: 0 0 80px;
        background: #F7F6F4;
        min-width: 1366px;
    }
    #mainArea .bannerSec ul {
        display: flex;
        margin: auto;
        flex-wrap: wrap;
        width: 1120px;
        justify-content: space-around;
    }
    #mainArea .bannerSec ul li {
        margin-bottom: 20px;
    }
    #mainArea .estimatetSec .note {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 42.25px;
    }
    #mainArea .estimatetSec .note p {
        margin-left: 11px;
		font-size: 14px;
		line-height: 30px;
        letter-spacing: 0px;
        color: #666666;
    }
    #mainArea .bannerSec ul.temp {
        display: flex;
        margin: auto;
        flex-wrap: wrap;
        width: 1120px;
        justify-content: flex-start;
    }
    #mainArea .bannerSec ul.temp li {
        margin-right: 20px;
    }
    #mainArea .bannerSec ul.temp li:last-of-type {
        margin-right: 0;
    }
	.sponly {
		display:none;
	}
	#mainArea .topSec {
		min-width: 1366px;
	}
	#mainArea .topSec.bg-gray {
		background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea .topSec.bg-orange {
		background: #FEF2E8 0% 0% no-repeat padding-box;
	}
	#mainArea .topSec.pt70 {
		padding-top: 70px;
	}
	#mainArea .topSec .contentArea {
		width: 1120px;
		padding: 80px 0;
		margin: auto;
	}
	#mainArea .topSec .contentArea > h2 {
		text-align: center;
		font-weight: bold;
		font-size: 28px;
        line-height: 28px;
		color: #666666;
	}
	#mainArea .topSec .contentArea > .eventTitle {
		color: 	#EF6D01;
	}
	#mainArea .topSec .contentArea .caseWrap {
		margin-top: 48px;
		margin-bottom: 48px;
	}
	#mainArea .topSec .contentArea .caseWrap.photo {
		margin-bottom: 0;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList {
		display: flex;
	    flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		width: 1130px;
		margin: 0;
		margin-bottom: 30px;
		gap: 15px;
	}
	.eventCase {
		visibility: hidden;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li {
		margin-right: 15px;
		background: #FFFFFF;
		box-shadow: 0px 2px 0px #00000033;
		border: 1px solid #D4CEC4;
		border-radius: 6px;
		width: 258px;
		height: auto;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li a {
		display: block;
		position: relative;
		padding-bottom: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li figure {
		overflow: hidden;
		height: 206px;
		width: 258px;
		border-radius: 5px 5px 0 0;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li .date {
		font-size: 14px;
        line-height: 20px;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-bottom: 10px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl {
		padding-left: 16px;
		word-wrap: break-word;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl dt {
		font-size: 18px;
        line-height: 28px;
		color: #EF6D00;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 56px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl .text {
		font-size: 16px;
        line-height: 26px;
		color: #333333;
		height: 55px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin: 16px 0px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList li dl .continue {
		font-size: 14px;
        line-height: 20px;
		text-decoration: underline;
		color: #707070;
		text-align: right;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls {
		width: 1120px;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav {
		height: 40px;
		min-width: 1149px;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -260px;
		pointer-events: none;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-prev {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_left_b_pc.png) no-repeat;
		background-size: 40px 40px;
		left: -25px;
		width: 40px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-next {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_right_b_pc.png) no-repeat;
		background-size: 40px 40px;
		width: 40px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav {
		height: 54px;
		min-width: 108px;
		width: 108px;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: 34px;
		left: 40px;
		pointer-events: none;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-prev {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_left_article.png) no-repeat;
		background-size: 54px 54px;
		left: -25px;
		width: 54px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .eventContainer .contentArea .caseWrap .caseList .owl-controls .owl-nav .owl-next {
		background: url(https://www.pattolixil-madohonpo.jp/common/img/arrow_right_article.png) no-repeat;
		background-size: 54px 54px;
		width: 54px;
		position: relative;
		pointer-events: auto;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots {
		width: 1120px;
		display: flex;
		justify-content: center;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots .owl-dot {
		border-radius: 8px;
		margin: 0 7px;
		height: 12px;
		width: 12px;
		background: #D9D4CB;
	}
	#mainArea .topSec .contentArea .caseWrap .caseList .owl-controls .owl-dots .owl-dot.active {
		background: #EF6D00;
	}
	#mainArea .topSec .button.orange {
		display: block;
		width: 311px;
		font-size: 16px;
        line-height: 28px;
		text-align: left;
		color: #EF6D00;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 2px 0px #00000033;
		border: 2px solid #D9D4CB;
		padding: 20px;
		margin: auto;
		border-radius: 6px;
	}
	#mainArea .topSec .button.orange.m0 {
		margin: 0;
	}
	#mainArea .topSec .button.orange.relative {
		position: relative;
	}
	#mainArea .topSec .button.orange > img {
		margin-left: 145px;
	}
	#mainArea .topSec .button.orange > img.photo {
		margin-left: 95px;
	}
	#mainArea .topSec .button.orange.relative > img {
		position: absolute;
		margin-left: 0;
		right: 20px;
	}
	#mainArea .topSec .button.orange.relative > img.event {
		top: 15px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList {
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li {
		width: 900px;
		background: #F7F6F4 0% 0% no-repeat padding-box;
		border-radius: 6px;
		margin: auto;
		margin-bottom: 10px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea {
		display: flex;
		padding: 20px 0;
		margin-bottom: 10px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .date {
		padding-left: 20px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .content {
		margin-left: 40px;
		width: 658px;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .content > a {
		color: #EF6D00;
	}
	#mainArea .topSec .contentArea .caseWrap .newsList > li .newsArea .content.only {
		width: 700px;
	}
	#mainArea .topSec .bnrArea {
		width: 1140px;
		margin: auto;
		background: #F7F6F4 0% 0% no-repeat padding-box;
		padding: 40px 0 70px 0;
	}
	#mainArea .topSec .bnrArea .campBnr {
		display: flex;
	    gap: 20px;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#mainArea .topSec .bnrArea .campBnr.first {
		margin-bottom: 20px;
	}
	#mainArea .topSec .bnrArea .campBnr.second {
		margin-top: 0;
	}
	#mainArea .topSec .bnrArea .campBnr.second img {
		width: 265px;
	}
	#mainArea .topSec .contentsArea {
		/* display: flex; */
		width: 1140px;
		margin: auto;
		background: #EBE9E5 0% 0% no-repeat padding-box;
		border-radius: 6px;
		padding: 32px 0 32px 0;
	}
	#mainArea .topSec .contentsArea > div {
		display: flex;
		justify-content: center;
		gap: 40px;
	}
	#mainArea .topPSec {
		min-width: 1366px;
		background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea .topPSec .flexSec {
		display: flex;
		width: 1120px;
		gap: 40px;
		margin: auto;
		padding: 40px 0;
	}
	#mainArea .topPSec .flexSec .contentSec {
		width: 550px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec {
		border-bottom: 1px solid #D9D4CB;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec h2 {
		color: #666666;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .point {
		font-size: 22px;
		line-height: 30px;
		font-weight: 700;
		color: #EF6D00;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .point img {
		vertical-align: middle;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box img {
		width: 29px;
		vertical-align: baseline;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box .total_score {
		color: #333333;
		font-weight: 700;
		font-size: 36px;
		line-height: 28px;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 10px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .score-box .score_count {
		color: #333333;
		font-size: 14px;
		line-height: 20px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#mainArea .topPSec .button.orange {
		display: block;
		width: 311px;
		font-size: 16px;
		line-height: 28px;
		text-align: left;
		color: #EF6D00;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 2px 0px #00000033;
		border: 2px solid #D9D4CB;
		padding: 12px 16px;
		border-radius: 6px;
		position: relative;
	}
	#mainArea .topPSec .button.orange img {
		position: absolute;
		margin-left: 0;
		right: 20px;
		top: 15px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contest-img1 {
		width: 90px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contest-img2 {
		width: 59px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .contestArea {
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .csProTxt {
		padding: 0px 25px;
		font-size: 16px;
		line-height: 28px;
		color: #333333;
	}
	#mainArea .topPSec .flexSec .contentSec .pointSec .csProTxt a {
		text-decoration: underline;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		color: #333333;
		text-align: right;
		display: block;
	}
	#mainArea .topPSec .row {
		display: flex;
		align-items: center;
	    justify-content: space-between;
	}
	/* 新お問い合わせセクション PC版 */
	.inquiry-contact-section {
		width: 530px;
		height: 100%;
	}
	.inquiry-contact-section h2 {
		padding: 40px 0;
	}

	#mainArea .topPSec .flexSec .contactSec {
		width: 530px;
		height: 100%;
		background: #FFF;
		padding-bottom: 40px;
	}
	#mainArea .topPSec .flexSec .contactSec h2 {
		color: #666666;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
		text-align: center;
	    padding: 40px 0;
	}
	#mainArea .topPSec .flexSec .contactSec a {
		display: block;
		text-align: center;
		padding-top: 10px;
		width: 343px;
	    margin: auto;
	}
	#mainArea .topPSec .flexSec .contactSec p {
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contactSec .telinfo {
		color: #333333;
		font-size: 17px;
		line-height: 19px;
		font-weight: 700;
		text-align: center;
	}
	#mainArea .topPSec .flexSec .contactSec .telinfo span {
		font-size: 15px;
	    font-weight: 400;
	}
	#mainArea .topPSec .flexSec .contactSec .tel {
		display: block;
		font-size: 48px;
		line-height: 28px;
		color: #69A73F;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		width: 370px;
	}
	#mainArea .topPSec .flexSec .contactSec .consul {
		padding-top: 10px;
	}
	#mainArea .shopConsultSec .recommendArea {
		width: 900px;
    	display: block;
	    margin: auto;
	}
	.orange-text {
		color: #EF6D02;
	}
}

/* SP版お問い合わせエリア */
@media screen and (max-width: 767px) {
	.inquiry-area.sponly {
		margin-bottom: 10px;
		height: auto;
		z-index: 3;
	}
	.inquiry-area.sponly .inquiry-in-area {
		position: relative;
		top: 10px;
		height: auto;
		margin: 10px;
		background-color: #fff;
		z-index: 5;
		border-radius: 6px;
	}
	.inquiry-area.sponly .telinfo {
		color: #333333;
		font-size: 17px;
		line-height: 19px;
		font-weight: 700;
		text-align: center;
	}
	.inquiry-area.sponly .telinfo span {
		font-size: 15px;
		font-weight: 400;
	}
	.inquiry-area.sponly .tel {
		display: block;
		font-size: 48px;
		line-height: 28px;
		color: #69A73F;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
	.inquiry-area.sponly .tel img {
		width: auto;
		margin: 0;
		margin-right: 15px;
		vertical-align: middle;
	}
	.inquiry-area.sponly .inquiry-title {
		text-align: center;
		font: normal 600 normal 20px/25px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: -0.54px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.inquiry-area.sponly .inquiry-btn-area {
		display: flex;
		width: 95%;
		margin: 10px auto 6px auto;
		justify-content: center;
	}
	.inquiry-area.sponly .inquiry-btn-area .mail {
		flex: 1;
		height: 60px;
		background: #69A63F 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 6px #00000029;
		border-radius: 5px;
	}
	.inquiry-area.sponly .inquiry-btn-area .mail-text {
		margin-top: 12.15px;
		text-align: center;
		font: normal normal normal 14px/14px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.inquiry-area.sponly .inquiry-btn-area .mail-form {
		margin-top: 7.64px;
		text-align: center;
		font: normal 600 normal 16px/16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #FFFFFF;
		margin-bottom: 12.75px;
	}
	.inquiry-area.sponly .inquiry-btn-area .mail-form img {
		width: 14.47px;
		height: 10.84px;
		margin: initial;
		margin-right: 5.66px;
	}
	.inquiry-area.sponly .process-img {
		display: block;
		width: 95%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}