@charset "utf-8";

@font-face {
  font-family: 'line_seed';
  src: url('../font/LINESeedJP_OTF_Bd.woff2') format('woff2'),
       url('../font/LINESeedJP_OTF_Bd.woff') format('woff');
}

div,p,ul,li,dl,dt,dd,img,h1,h2,h3,h4,h5,h6,a {
	box-sizing: border-box;
}

body {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body .din {
	font-family: "din-2014", sans-serif;
	font-weight: 700;
}

body .montserrat {
	font-family: "montserrat", sans-serif;
}

body .line_seed {
	font-family: "line_seed", sans-serif;
}

main {
    overflow: hidden;
    margin-top: 0;
	color:#222;
}

img {
	width: auto;
	max-width: 100%;
}

h2 {
	font-size: clamp(32px, 3vw, 46px);
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
}

h3 {
	font-size: 14px;
	letter-spacing: 16px;
	margin-left: 16px;
	text-align: center;
	font-weight: 400;
}

.center {
	text-align: center;
}

.flexBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.bgBlue {
	background: #29BDEF;
}

.bgOrange {
	background: #FFB103;
}

.bgOrange02 {
	background:#FE8700
}

.bgRed {
	background:#F7090C
}

.bgWhite {
	background: #fff;
}

.textGold {
	color:#C79B08;
}

.textBlue {
	color: #005AB1;
}

.textBlue02 {
	color: #29BDEF;
}

.textRed {
	color: #BB2A29;
}

.textRed02 {
	color: #F7090C;
}

.textRight {
	text-align: right;
}

.wow {
	position: relative;
	display:inline-block;
	text-align: center;
}

.wow::before,.wow::after {
    position: absolute;
    bottom: 2px;
    height: 0.8rem;
    content: '';
}

.wow::before {
    border-left: solid 1px;
    transform: rotate(-30deg);
    left: 0;
}

.wow::after {
    border-right: solid 1px;
    transform: rotate(30deg);
    right: 0;
}

.position {
	position: relative;
}



/*＝＝＝＝＝
ヘッダー
＝＝＝＝＝*/
header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 98%;
	z-index: 1000;
	background: #fff;
	max-width: 1254px;
	border-radius: 0 0 20px 20px;
	padding: 15px 0 20px 40px;
}

header .logo h1 {
	font-size: 12px;
	margin-bottom: 10px;
}

header .logo a {
	width: 218px;
	display: block;
}

.main-nav ul {
	display: flex;
	gap: 15px;
}

.main-nav ul li a {
	text-decoration: none;
	color: #222;
	font-size: clamp(14px, 1vw, 16px);
	border-right: 1px solid #C3C3C3;
	padding-right: 15px;
}

.main-nav ul li a {
	text-decoration: none;
	color: #222;
	font-size: clamp(14px, 1vw, 16px);
	border-right: 1px solid #C3C3C3;
	padding-right: 15px;
	letter-spacing: 1px;
	font-weight: 500;
}

.main-nav ul li:last-child a {
	border-right: none;
}

/* ハンバーガーメニュー初期状態 */
/* ハンバーガーアイコンの親 */
#nav_toggle {
	cursor: pointer;
	width: 30px;
	height: 25px;
	position: relative;
	z-index: 1001; /* メニューより上に */
}

#nav_toggle div {
	position: relative;
	width: 100%;
	height: 100%;
}

/* 線2本 */
#nav_toggle span {
	display: block;
	width: 100%;
	height: 3px;
	background: #333; /* ← 色をしっかり指定 */
	margin: 6px 0;
	transition: 0.3s;
}

/* OPEN時：バツ印に変形 */
#nav_toggle.open span:nth-child(1) {
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
}

#nav_toggle.open span:nth-child(2) {
	transform: rotate(-45deg);
	position: absolute;
	top: 10px;
}

/* モバイルメニュー（右からスライド） */
.main-nav {
	transition: right 0.3s ease;
}

/*＝＝＝＝＝
fixedBtn
＝＝＝＝＝*/

.fixedBtn {
	position: fixed;
	width: 100%;
	max-width: 954px;
	margin: 0 auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	z-index: 999;
	background: #fff;
	border-radius: 10px 10px 0 0;
}

.fixedBtn .cvBtn li {
	width: 33.33%;
	text-align: center;height: 100px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.fixedBtn .cvBtn li a {
	color: #fff;
	letter-spacing: 0.5px;
}

.fixedBtn .cvBtn .tel {
	background: #2E2E2E;
	border-radius: 10px 0 0 0;
	border: 1px solid #fff;
}

.fixedBtn .cvBtn .simulation {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.fixedBtn .cvBtn .genchi {
	border-radius: 0 10px 0 0;
	border: 1px solid #fff;
}

.fixedBtn .cvBtn .text01 {
	font-size: 14px;
	padding: 0 10px;
}

.fixedBtn .cvBtn .text02 {
	font-size: clamp(24px, 2.1vw, 32px);
	line-height: 1;
	position: relative;
	padding-left: 25px;
	display: inline-block;
}

.fixedBtn .cvBtn .text02:before {
	content:"";
	background: url("../image/icon_telphone.svg") no-repeat 0 0;
	background-size: 100%;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
    left: -5px;
    transform: translateY(-50%);
}

.fixedBtn .cvBtn .text03 {
	font-size: 10px;
}

.fixedBtn .cvBtn .text03 .pc {
	display: inline-block!important;
}

.fixedBtn .cvBtn .text04 {
	font-size: clamp(16px, 1.4vw, 20px);
	font-weight: 600;
	position: relative;
	padding-left: 25px;
	display: inline-block;
}

.fixedBtn .cvBtn .simulation .text04:before {
	content:"";
	background: url("../image/icon_dentaku.svg") no-repeat 0 0;
	background-size: 100%;
	width: 18px;
	height: 20px;
	position: absolute;
	top: 50%;
    left: 3px;
    transform: translateY(-50%);
}

.fixedBtn .cvBtn .genchi .text04:before {
	content:"";
	background: url("../image/icon_serch.svg") no-repeat 0 0;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
    left: -1px;
    transform: translateY(-50%);
}


/*＝＝＝＝＝
MV
＝＝＝＝＝*/

#mv {
	position: relative;
	background: url("../image/main_bg.jpg") no-repeat 0 0;
	background-size: 100%;
	padding-top: 120px;
}

#mv .image01 {
	text-align: right;
	width: 100%;
    max-width: 1366px;
	margin: 0 auto;
	line-height: 0;
}

#mv .annotation {
    position: absolute;
    font-size: 12px;
    color: #fff;
    top: 57%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1235px;
    margin: 0 auto;
	padding-left: 75px;
}


#mv .soudanText {
    position: absolute;
    font-size: clamp(22px, 2.4vw, 37px);
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1235px;
    margin: 0 auto;
	padding-left: 75px;
	font-weight: 600;
	letter-spacing: 3px;
}

#mv .soudanText span {
	font-size: clamp(26px, 3vw, 46px);
	
}

/*＝＝＝＝＝
contactBtn
＝＝＝＝＝*/

.contactBtn .cvArea {
    align-items: stretch;
}

.contactBtn .cvArea .mitsumoriArea,.contactBtn .cvArea .genchiArea {
	width: 50%;
}

.contactBtn .cvArea .mitsumoriArea .flexBox,.contactBtn .cvArea .genchiArea .flexBox {
	width: 100%;
	max-width: 660px;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.contactBtn .cvArea .mitsumoriArea .flexBox {
	margin: 0 0 0 auto;
	justify-content: flex-start;
	padding-right: 60px;
}

.contactBtn .cvArea .genchiArea .flexBox {
	margin: 0 auto 0 0;
	justify-content:space-between;
	padding-left: 60px;
}

.contactBtn .cvArea .mitsumoriArea .flexBox .photo {
    margin: -15px 20px 0 0;
	line-height: 0;
	position: relative;
}

.contactBtn .cvArea .genchiArea .flexBox .photo {
    margin: -15px 0 0 20px;
	line-height: 0;
	position: relative;
	max-width: 142px;
}

.contactBtn .cvArea .simulationBtn {
    max-width: 390px;
    width: 100%;
}

.contactBtn .cvArea .flexBox .text01 {
	color:#fff;
	font-size: clamp(22px, 1.8vw, 28px);
	letter-spacing: 0;
	font-family: "line_seed", sans-serif;
	font-weight: 400;
}

.contactBtn .cvArea .flexBox .text02 {
	color:#fff;
	font-size: clamp(18px, 1.2vw, 18px);
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 15px;
}

.contactBtn .cvArea .btn a {
	border:1px solid #fff;
	color:#fff;
	font-size: clamp(20px, 1.4vw, 20px);
	border-radius: 50px;
	padding: 10px 20px 10px 50px;
	letter-spacing: 0;
	font-weight: 600;
	width: 100%;
    display: block;
    box-sizing: border-box;
	position: relative;
}

.contactBtn .cvArea .mitsumoriArea .btn a:before {
	content:"";
	position: absolute;
	top:50%;
	left:25px;
	transform: translateY(-50%);
	background: url("../image/icon_dentaku.svg") no-repeat 0 0;
	background-size: 100%;
	width: 18px;
	height: 20px;
}

.contactBtn .cvArea .genchiArea .btn a:before {
	content:"";
	background: url("../image/icon_serch.svg") no-repeat 0 0;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
    left: 25px;
    transform: translateY(-50%);
}

.contactBtn .cvArea .mitsumoriArea .btn a:after,.contactBtn .cvArea .genchiArea .btn a:after {
	content:"";
	background: url("../image/icon_arrow.svg") no-repeat 0 0;
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.contactBtn .telBtn {
	justify-content: center;
	background: #F8F8F8;
}

.contactBtn .telBtn .photo {
	margin-right: 20px;
	line-height: 0;
	padding-top: 10px;
}

.contactBtn .telBtn .telArea {
    padding-right: 100px;
}

.contactBtn .telBtn .telArea .text01 {
	font-size: clamp(12px, 1.8vw, 28px);
	color: #2E2E2E;
	padding-left: 30px;
}

.contactBtn .telBtn .telArea .telLink {
	font-size: 78px;
	letter-spacing: 0px;
	position: relative;
	padding-left: 60px;
}

.contactBtn .telBtn .telArea .telLink:before {
	content:"";
	background: url("../image/icon_telphone_black.svg") no-repeat 0 0;
	background-size: 100%;
	width: 58px;
	height: 58px;
	position: absolute;
	top: 50%;
    left: -5px;
    transform: translateY(-50%);
}

.contactBtn .telBtn .telArea .text02 {
	font-size: clamp(16px, 1.2vw, 18px);
	padding-left: 50px;
}

/*＝＝＝＝＝
#sec01
＝＝＝＝＝*/

#sec01 {
	padding-top: 25px;
}

#sec01 .photo {
	text-align: center;
}

#sec01 .photo {
	text-align: center;
}

#sec01 h2 {
	text-align: center;
	font-size: clamp(26px, 3vw, 46px);
	margin-bottom: 60px;
}

#sec01 .award {
	max-width: 840px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

#sec01 .award li:first-child {
	max-width: 245px;
	margin-right: 25px;
}

#sec01 .award li img {
	margin-bottom: 12px;
}

#sec01 .award li p {
	font-size: 14px;
	letter-spacing: 0px;
	color:#969696;
}

#sec01 #menu {
	background: url("../image/sec02_09.png") no-repeat 50% 100%;
	background-size: 100%;
	padding-bottom: 460px;
}

#sec01 #menu .ikkoPhoto {
    position: absolute;
    bottom: -6px;
    left: 18%;

}

#sec01 #menu .annotation {
	color:#fff;
	font-size: 14px;
	text-align: right;
}

#sec01 .flexBox.menu {
    margin-top: -100px;
    justify-content: center;
}

#sec01 .flexBox.menu .centerText {
	width: 100%;
	max-width: 375px;
	margin: 60px 35px 0;
	text-align: center;
}

#sec01 .flexBox.menu .centerText p {
	font-size: clamp(20px, 1.7vw, 26px);
	padding: 0 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

#sec01 .flexBox.menu .centerText .wow::before,#sec01 .flexBox.menu .centerText .wow::after {
    height: 1.8rem;
}

#sec01 .flexBox.menu .centerText li {
	color:#fff;
	border-radius: 4px;
	font-size: clamp(16px, 1.2vw, 18px);
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 4px;
}

/*＝＝＝＝＝
#sec02
＝＝＝＝＝*/

#sec02 {
	background-image: linear-gradient(to top, #C99E0E 0%, #EEBA0C 20%,#E1D10D 50%,#D6A70A 70%,#f2da90 100%);
	margin-top: -27vw;
	padding-top: 32vw;
}	


#sec02 h2,#sec02 h3 {
	color:#fff;
}

#sec02 h3 {
	margin-bottom: 170px;
}

#sec02 .bgWhite {
	max-width: 954px;
	width: 90%;
	margin: 0 auto;
	border-radius: 20px 20px 0 0;
	position: relative;
	z-index: 1;
	padding: 150px 0 0;
	text-align: center;
}

#sec02 .bgWhite .mado {
	position: absolute;
	top: -135px;
	left:50%;
	transform: translateX(-50%);
	z-index: 2;
	
}

#sec02 .bgWhite .textImage {
	margin-bottom: 15px;
}

#sec02 .bgWhite .fukidashi {
	position: absolute;
	top: -40px;
    right: 80px;
}

#sec02 .bgWhite .text01 {
	font-size: clamp(20px, 1.6vw, 24px);
	font-weight: 600;
	margin-bottom: 50px;
}

#sec02 .bgWhite .text01 span {
	color:#fff;
	padding: 0px 15px;
	margin: 0 5px;
}

#sec02 .bgWhite .uchimado {
	width: 90%;
	max-width:860px;
	margin: 0 auto 110px;
	justify-content: center;
	flex-wrap: nowrap;
}

#sec02 .bgWhite h4 {
	font-size: clamp(18px, 2.1vw, 32px);
	margin-bottom: 20px;
}

#sec02 .bgWhite h4 span {
	font-size: clamp(24px, 3vw, 48px);
}

#sec02 .bgWhite .text {
	font-size: clamp(14px, 1vw, 16px);
	color: #797979;
	margin-bottom: 60px;
	line-height: 1.6;
}

#sec02 .bgWhite .merit {
	border:4px solid #C79B08;
	padding: 70px 35px 30px;
	width: 90%;
	max-width: 860px;
	margin: 0 auto 80px;
}

#sec02 .bgWhite .merit h5 {
	font-size: clamp(24px, 2.6vw, 40px);
	position: absolute;
	top:-40px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 0 15px;
	text-align: center;
	line-height: 1.8;
	width: 53%;
}

#sec02 .bgWhite .merit h5 span {
	font-size: 14px;
	display: block;
	font-weight: 400;
	letter-spacing: 6px;
	margin-left: 6px;
}

#sec02 .bgWhite .merit .ikko {
	position: absolute;
	top:-130px;
	left:-100px;
}

#sec02 .bgWhite .merit .meritList {
	position: relative;
}

#sec02 .bgWhite .merit .meritList .number {
	border: 1px solid #C79B08;
	border-radius: 300px;
	width: 76px;
	height: 76px;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	position: relative;
	z-index: 2;
	background: #fff;
}

#sec02 .bgWhite .merit .meritList .number p {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1;
}

#sec02 .bgWhite .merit .meritList .number span {
	font-size: clamp(24px, 2.2vw, 33px);
}

#sec02 .bgWhite .merit .meritList .photo {
	margin-top: -35px;
	position: inherit;
	z-index: 1;
}

#sec02 .bgWhite .merit .meritList .text01 {
	font-weight: 500;
	font-size: clamp(16px, 1.2vw, 18px);
	margin-bottom: 0;
}

#sec02 .bgWhite .more {
	margin-bottom: 30px;
}

#sec02 .bgWhite h5.setsuyaku {
	font-size: clamp(18px, 2.1vw, 32px);
	margin-bottom: 45px;
}

#sec02 .bgWhite h5.setsuyaku span {
	font-size: clamp(24px, 3vw, 48px);
}

#sec02 .bgWhite .kounetsuhiImage {
	margin-bottom: 70px;
}
/*＝＝＝＝＝
.contactArea
＝＝＝＝＝*/

.contactArea .wrap {
	width: 90%;
	max-width: 1086px;
	margin: 0 auto;
}

.contactArea .ikko02.center {
    margin-top: -70px;
}

.contactArea .otokuSet {
	position: absolute;
	top: 100px;
    left: 5px;
}

.contactArea .simuBtn a {
    background: #FFF503;
    position: relative;
    width: 90%;
    max-width: 390px;
    display: block;
    margin: 0 auto 40px;
    border-radius: 50px;
    padding: 20px 20px 20px 45px;
    margin-top: 40px;
    font-size: clamp(20px, 1.4vw, 20px);
    text-align: left;
    font-weight: 600;
}

.contactArea .simuBtn a:before {
	content:"";
	background: url("../image/icon_dentaku_black.svg") no-repeat 0 0;
	background-size: 100%;
	width: 18px;
	height: 20px;
	position: absolute;
	top: 51%;
    left: 22px;
    transform: translateY(-50%);
}

.contactArea .simuBtn a:after {
	content:"";
	background: url("../image/icon_arrow_black.svg") no-repeat 0 0;
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.contactArea .textWhite {
	margin-bottom: 60px;
}

.contactArea .textWhite,.contactArea .textWhite a {
	color:#fff;
	text-align: center;
	width: 90%;
	max-width: 670px;
	margin: 0 auto;
}

.contactArea .textWhite {
	padding-bottom: 60px;
	position: relative;
}

.contactArea .textWhite .text01 {
	position: relative;
	margin-bottom: 35px;
}

.contactArea .textWhite .text01 span {
	background: #29BDEF;
	display: inline-block;
	padding: 0 20px;
	position: inherit;
	z-index: 2;
	font-size: clamp(20px, 1.6vw, 24px);
}

.contactArea .textWhite .text01:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	top:50%;
	left: 50%;
	transform: translate(-50%,50%);
	z-index: 1;
}

.contactArea .textWhite .text02 {
	font-size: clamp(12px, 1.8vw, 28px);
}

.contactArea .textWhite .telBox a {
	font-size: 78px;
	position: relative;
	padding-left: 100px;
}

.contactArea .textWhite .telBox a:before {
	content:"";
	background: url("../image/icon_telphone.svg") no-repeat 0 0;
	background-size: 100%;
	width: 58px;
	height: 58px;
	position: absolute;
	top: 50%;
    left: 25px;
    transform: translateY(-50%);
}

.contactArea .textWhite .text03 {
	font-size: clamp(10px, 1.2vw, 18px);
}

.contactArea .woman {
    position: absolute;
    bottom: -6px;
    left: -150px;
}

#sec09.contactArea .otokuSet {
    top: 30%;
    left: 8%;
    width: 30%;
	max-width: 398px;
}

#sec09.contactArea .otokuSet img {
    width: 100%;
}


/*＝＝＝＝＝
#sec04
＝＝＝＝＝*/

#sec04 {
	padding-top: 130px;
	margin-bottom: 130px;
}

#sec04 h3 {
	margin-bottom: 40px;
}

/*＝＝＝＝＝
#sec05
＝＝＝＝＝*/
#sec05 {
	background: linear-gradient(#fff 0%,#fff 66%,#FF585A 66%,#FF585A 100%);
}

#sec05 .boxShadow {
	width: 90%;
	max-width: 1220px;
	box-shadow:0px  3px 20px rgb(0 0 0 / 16%);
	margin: 0 auto ;
	padding: 90px 70px;
	border-radius: 40px;
	background: #fff;
}

#sec05 .boxShadow .icon {
	margin-bottom: 25px;
}

#sec05 .boxShadow h3 {
	margin-bottom: 60px;
}

#sec05 .boxShadow h4 {
	font-size: clamp(17px, 2.1vw, 32px);
	margin-bottom: 70px;
}

#sec05 .boxShadow h4 span {
	font-size: clamp(26px, 3vw, 48px);
}

#sec05 .boxShadow .boxWrap {
	width: 100%;
	max-width: 1086px;
	margin: 0 auto 25px;
	align-items: flex-start;
	position: relative;
}

#sec05 .boxShadow .boxWrap:after {
	content:"";
	background: url("../image/sec04_02.png") no-repeat 0 0;
	background-size: 100%;
	width: 257px;
	height: 243px;
	position: absolute;
	top: -236px;
	right: -8px;
}

#sec05 .boxShadow .boxWrap div.bgRed,#sec05 .boxShadow .boxWrap div.bgBlue {
	padding: 25px 25px 15px;
}

#sec05 .boxShadow .boxWrap div.bgRed {
	width: 73.39%;
}

#sec05 .boxShadow .boxWrap div.bgBlue {
	width: 26.61%;
}

#sec05 .boxShadow .boxWrap .warrantyList {
	background: #fff;
	border-radius: 5px;
	width: 32%;
	margin-bottom: 15px;
}

#sec05 .boxShadow .boxWrap div.bgBlue .warrantyList {
	width: 100%;
}

#sec05 .boxShadow .boxWrap .warrantyList .photo img {
	border-radius: 5px 5px 0 0;
}

#sec05 .boxShadow .boxWrap .warrantyList .textBox {
	position: relative;
	text-align: center;
	padding-top: 20px;
}

#sec05 .boxShadow .boxWrap .warrantyList .text01 {
    font-weight: 600;
    color: #fff;
    display: inline-block;
    line-height: 1.8;
    padding: 0 10px;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
}

#sec05 .boxShadow .boxWrap .warrantyList .text02 {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: clamp(20px, 1.4vw, 20px);
}

#sec05 .boxShadow .boxWrap .warrantyList .text03 {
	font-weight: 600;
	font-size: clamp(17px, 1.2vw, 18px);
	color: #fff;
	width: 80%;
	margin: 0 auto 25px;
	border-radius: 5px;
	padding: 0 0 3px;
}

#sec05 .boxShadow .boxWrap .text04 {
	font-size: clamp(20px, 1.6vw, 24px);
	color: #fff;
	font-weight: 600;
}

#sec05 .boxShadow .boxWrap div.bgBlue .text04 {
	font-size: clamp(16px, 1.2vw, 18px);
}

#sec05 .boxShadow .boxWrap div.bgRed .text04 {
	line-height: 2.15;
}

#sec05 .boxShadow .textRight {
	font-size: 14px;
}

/*＝＝＝＝＝
#sec06
＝＝＝＝＝*/

#sec06 {
	background: #FF585A;
	padding: 130px 0 100px;
	color:#fff;
}

#sec06 h3 {
	margin-bottom: 45px;
}

#sec06 ul {
	width: 90%;
	max-width: 1086px;
	margin: 0 auto;
	position: relative;
}

#sec06 ul:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	top:50%;
	transform: translateY(-50%);
}

#sec06 ul:after {
	content:"";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	left:50%;
	transform: translateX(-50%);
}

#sec06 ul li {
	width: 50%;
	padding:  60px 40px;
}

#sec06 ul li:nth-child(3),#sec06 ul li:nth-child(4) {
	padding:  60px 40px 0;
}

#sec06 ul li .number {
	font-size: 14px;
	text-align: center;
}

#sec06 ul li .number .din {
	font-size: 80px;
	line-height: 1;
	margin-bottom: 35px;
}

#sec06 ul li h4 {
	font-size: clamp(22px, 2.1vw, 32px);
	text-align: center;
	margin-bottom: 25px;
}

#sec06 ul li .photo {
	width: 88%;
	margin: 0 auto 25px;
}

#sec06 ul li .text01 {
}


/*＝＝＝＝＝
#sec07
＝＝＝＝＝*/

#sec07 {
	padding: 150px 0 110px;
	width: 90%;
	max-width: 1086px;
	margin: 0 auto;
}

#sec07 h3 {
	margin-bottom: 60px;
}

#sec07 h4 {
	font-size: clamp(22px, 2.1vw, 32px);
	margin-bottom: 40px;
}

#sec07 .flexBox {
	align-items: normal;
	margin-bottom: 65px;
}

#sec07 .flexBox li {
	width: 24%;
	text-align: center;
	padding: 55px 0;
	position: relative;
	border-radius: 10px;
}

#sec07 .flexBox li:before {
	position: absolute;
	margin: auto;
	content: "";
	bottom:-36px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	border: 18px solid transparent;
	border-top: 18px solid #29BDEF;
}

#sec07 .flexBox li p {
	color:#fff;
	font-size: clamp(16px, 1.2vw, 18px);
	font-weight: 600;
}

#sec07 .flexBox li span {
	color:#FFF503;
	font-size: clamp(18px, 1.6vw, 24px);
}

#sec07 .flexBox li span.textBig {
	font-size: clamp(22px, 2.6vw, 40px);
}

#sec07 .textRight {
	font-size: 14px;
}

/*＝＝＝＝＝
#sec08
＝＝＝＝＝*/

#sec08 {
	background: #F8F8F8;
	padding: 100px 0 0;
}

#sec08 h3 {
	margin-bottom: 50px;
}

#sec08 h4 {
	font-size: clamp(18px, 2.1vw, 32px);
	margin-bottom: 80px;
	text-align: center;
}

#sec08 h4 span {
	font-size: clamp(24px, 3vw, 48px);
	margin-bottom: 80px;
}

#sec08 ul {
	width: 90%;
	max-width: 1086px;
	margin: 0 auto;
	align-items: normal;
}

#sec08 ul li {
	width: 24%;
}

#sec08 ul li .number {
	border: 1px solid #F7090C;
	width: 76px;
	height: 76px;
	border-radius: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background: #fff;
}

#sec08 ul li .number span {
    font-size: clamp(24px, 2.2vw, 33px);
    line-height: 1;
    font-weight: 500;
}

#sec08 ul li .photo {
	margin-top: -38px;
	position: inherit;
	z-index: 1;
	line-height: 1;
}

#sec08 ul li .photo img {
	border-radius: 10px 10px 0 0;
}

#sec08 ul li p.textRed02 {
	font-size: clamp(20px, 1.4vw, 20px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 24px;
	border-bottom: 1px solid #C3C3C3;
	margin-bottom: 24px;
	min-height: 4.2em;
	font-weight: 600;
}

#sec08 ul li .textBox {
	padding: 25px 25px 45px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

footer {
    padding: 37px 0 130px;
}



@media screen and (max-width: 768px) {
	
	img {
		width: 100%;
	}
	
	h3 {
		font-size: 12px;
		letter-spacing: 10px;
		margin-left: 10px;
	}	
	
	
	
/*＝＝＝＝＝
ヘッダー
＝＝＝＝＝*/
	
	header {
		padding: 10px 0 10px 20px;
		height: 75px;
		width: 90%;
	}	
	
	header .logo {
		width: 75%;
	}
	
	header .logo h1 {
		font-size: 10px;
		margin-bottom: 6px;
		letter-spacing: 0;
	}
	
	header .logo a {
		width: 140px;
	}
	
  .main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100vh;
    background: #fff;
    padding: 100px 20px 20px;
    flex-direction: column;
    z-index: 999;
  }

  .main-nav ul {
    flex-direction: column;
    gap: 20px;
  }

   .main-nav.open {
        right: -20px;
    }

  .main-nav ul li a {
    font-size: clamp(16px, 1.2vw, 18px);
	  border: none;
  }
	
/*＝＝＝＝＝
fixedBtn
＝＝＝＝＝*/	
	
	
	.fixedBtn ul.cvBtn {
		position: unset;
		width: 100%;
		transform: unset;
		border: 1px solid #fff;
		border-radius: 10px;
	}	
	
	.fixedBtn ul.cvBtn li {
		height: 60px;
		padding-bottom: 6px;
		width: calc(33.33% - 0.5px);
	}
	
	.fixedBtn .cvBtn .text01 {
		font-size: 8px;
		padding: 0 5px;
		margin-bottom: 3px;
	}
	
	.wow::before, .wow::after {
		bottom: 1px;
		height: 0.5rem;
	}
	
	.fixedBtn .cvBtn .spTel {
		height: 32px;
	}
	
	.fixedBtn .cvBtn .tel {
		border: none;
	}	
	
	.fixedBtn .cvBtn .text02 {
		font-size: 13px;
		padding-left: 18px;
	}
	
	.fixedBtn .cvBtn .text03 {
		font-size: 8px;
	}
	
	.fixedBtn .cvBtn .text03 .pc {
		display: none!important;
	}

	
	.fixedBtn .cvBtn .text02:before {
		width: 11px;
		height: 12px;
		top: 50%;
		left: 3px;
	}
	
	.fixedBtn .cvBtn .text04 {
		font-size: 10px;
		padding-left: 0;
		height: 32px;
	}
	
	.fixedBtn .cvBtn .simulation .text04:before {
		content: "";
		background: url(../image/icon_dentaku.svg) no-repeat 0 0;
		background-size: 100%;
		width: 11px;
		height: 16px;
		position: absolute;
		top: 35%;
		left: 2px;
		transform: translateY(-50%);
	}	
	
	.fixedBtn .cvBtn .genchi .text04:before {
		width: 12px;
		height: 16px;
		top: 34%;
		left: -9px;
	}

	.fixedBtn .cvBtn .simulation {
		border: none;
	}
	
	.fixedBtn .cvBtn .genchi {
		border: none;
	}	
	
	
/*＝＝＝＝＝
#mv
＝＝＝＝＝*/	
	#mv {
		padding-top: 90px;
		background: url("../image/main_bg_sp.jpg") no-repeat 50% 100%;
    	background-size: 100%;
	}	
	
	#mv .annotation {
		position: unset;
		transform: unset;
		width: 90%;
		padding-left: 0;
		margin-bottom: 140px;
		font-size: 10px;
	}	

	#mv .soudanText {
		position: unset;
		transform: unset;
		width: 90%;
		padding-left: 0;
		margin-bottom: 40px;
		letter-spacing: 1px;
		/*text-shadow: #fff 2px 2px 3px, #fff -2px -2px 3px, #fff -2px 2px 3px, #fff 2px -2px 3px, #fff 1px 2px 3px, #fff 1px -2px 3px, #fff -2px 1px 3px, #fff 2px 1px 3px;*/
		text-shadow: #fff 4px 4px 6px, #fff -4px -4px 6px, #fff -4px 4px 6px, #fff 4px -4px 6px, #fff 3px 4px 6px, #fff 3px -4px 6px, #fff -4px 3px 6px, #fff 4px 3px 6px;
	}
	
/*＝＝＝＝＝
.contactBtn
＝＝＝＝＝*/		
	
	.contactBtn .cvArea .mitsumoriArea, .contactBtn .cvArea .genchiArea {
		width: 100%;
		padding: 20px 5%;
	}
	
	.contactBtn .cvArea .mitsumoriArea .flexBox {
		justify-content: space-between;
		padding-right: 0;
	}	
	
	.contactBtn .cvArea .mitsumoriArea .flexBox .photo {
		margin: 0 15px 0 30px;
		width: 50%;
	}	
	
	.contactBtn .cvArea .mitsumoriArea .flexBox .text02 {
		text-align: right;
		padding-right: 31px;
	}
	
	.contactBtn .cvArea .btn a {
		padding: 18px 20px 18px 65px;
	}
	
	.contactBtn .cvArea .genchiArea .btn a {
		background: #FFB103;
	}	
	
	.contactBtn .cvArea .mitsumoriArea .btn a:before {
		top: 58%;
		left: 38px;
		width: 18px;
		height: 30px;
	}	
	
	.contactBtn .cvArea .genchiArea {
		padding-top: 58px;
	}

	.contactBtn .cvArea .genchiArea .flexBox {
		padding-left: 40px;
		position: relative;
	}	
	
	.contactBtn .cvArea .genchiArea .flexBox .photo {
		position: absolute;
		width: 26%;
		bottom: -21px;
		right: 56px;
	}

	.contactBtn .cvArea .genchiArea .simulationBtn {
		margin: -20px 0 15px;
	}
	
	.contactBtn .telBtn .photo {
		margin-right: 0;
		padding-top: 15px;
		width: 20%;
	}
	
	.contactBtn .telBtn .telArea {
		padding-right: 0;
		width: 70%;
		text-align: center;
	}
	
	.contactBtn .telBtn .telArea .text01 {
		padding-left: 0;
	}

	.contactBtn .telBtn .telArea .telLink {
		font-size: 36px;
		padding-left: 38px;
		letter-spacing: -1px;
	}	
	
	.contactBtn .telBtn .telArea .text02 {
        font-size: 9px;
        padding-left: 0;
        letter-spacing: 1px;
    }
	
	.contactBtn .telBtn .telArea .telLink:before {
		width: 30px;
		height: 35px;
		top: 55%;
		left: 0px;
	}	

/*＝＝＝＝＝
#sec01
＝＝＝＝＝*/		
	
	#sec01 {
		padding-top: 50px;
	}
	
	#sec01 .photo {
		width: 30%;
		margin: 0 auto;
	}	
	
	#sec01 h2 {
		margin-bottom: 0px;
	}

	#sec01 .w90 {
		width: 90%;
		margin: 0 auto;
	}
	
	#sec01 .award {
		width: 90%;
		margin: 0 auto 30px;
		align-items: flex-start;
	}
	
	#sec01 .award li:first-child {
		max-width: 29%;
		margin-right: 2%;
	}
	
	#sec01 .award li:first-child img {
		margin-bottom: 3px;
	}	
	
	#sec01 .award li:last-child {
		width: 66%;
		margin-right: 0;
	}	
	
	#sec01 .award li .flexBox img {
        width: 49%;
		margin-right: 2%;
    }
	
	#sec01 .award li .flexBox img:last-child {
		margin-right: 0;
    }

	#sec01 .award li p {
		font-size: 10px;
	}
	
	#sec01 .award li img {
		margin-bottom: 8px;
	}	
	
	#sec01 .flexBox.menu {
		margin-top: 0;
	}	
	
	#sec01 #menu .leftImage {
		width: 68%;
	}
	
	#sec01 #menu .leftImage .kakaku {
		margin-top: -15px;
	}
	
	#sec01 .flexBox.menu .centerText {
		margin: 0 35px 10px;
	}
	
	#sec01 #menu .annotation {
		color: #fff;
		font-size: 10px;
		text-align: center;
		text-shadow: #666 1px 1px 2px, #666 -1px -1px 2px, #666 -1px 1px 2px, #666 1px -1px 2px, #666 0px 1px 2px, #666 0 -1px 2px, #666 -1px 0 2px, #666 1px 0 2px;
    }
	
	#sec01 #menu {
		background: url(../image/sec02_09_sp.png) no-repeat 50% 100%;
		background-size: 100%;
		padding-bottom: 280px;
	}	
	
/*＝＝＝＝＝
#sec02
＝＝＝＝＝*/	
	
	#sec02 {
		margin-top: -200px;
		padding-top: 230px;
	}
	
	#sec02 h3 {
		margin-bottom: 120px;
	}
	
	#sec02 .bgWhite {
		padding: 90px 0 0;
	}
	
	#sec02 .bgWhite .mado {
        top: -75px;
        width: 75%;
    }
	
	#sec02 .bgWhite .fukidashi {
		top: -105px;
		right: 16px;
		z-index: 3;
	}	
	
	#sec02 .bgWhite .textImage .center {
		width: 90%;
    	margin: 0 auto;
	}
	
	#sec02 .bgWhite .text01 span {
		font-size: 22px;
	}
	
	#sec02 .bgWhite .text01 {
		line-height: 1.7;
	}
	
	#sec02 .bgWhite .leftArea,#sec02 .bgWhite .rightArea {
		width: 100%;
		line-height: 0;
	}
	
	#sec02 .bgWhite .uchimado {
		flex-wrap: wrap;
		margin: 0 auto 40px;
	}	
	
	#sec02 .bgWhite .text {
		text-align: left;
		width: 90%;
		margin: 0 auto 20px;
	}

	#sec02 .ikko.sp {
		width: 25%;
		margin: 0 auto 20px;
	}	
	
	#sec02 .bgWhite .merit h5 {
		font-size: 5.2vw;
		width: 80%;
		top: -18px;
		line-height: 1.4;
	}	
	
	#sec02 .bgWhite .merit {
		border: 4px solid #C79B08;
		padding: 45px 20px 10px;
		margin: 0 auto 40px;
	}	
	
	#sec02 .bgWhite .merit .meritList {
		width: 48%;
	}
	
	#sec02 .bgWhite .merit .meritList .number {
		width: 55px;
		height: 55px;
	}	
	
	#sec02 .bgWhite .merit .meritList .text01 {
		font-size: 2.8vw;
		margin-bottom: 10px;
	}
	
	#sec02 .bgWhite .more {
		width: 35%;
		margin: 0 auto 20px;
	}	
	
	#sec02 .bgWhite .kounetsuhiImage {
		width: 90%;
		margin: 0 auto 60px;
	}	
	
	.contactArea .otokuSet {
		position: unset;
	}	

	.contactArea .simuBtn a {
        margin-top: 0;
        padding: 18px 20px 18px 50px;
        width: 100%;
    }
	
	.contactArea .simuBtn a:after {
		right: 15px;
	}
	
	.contactArea .woman {
		position: unset;
		width: 35%;
		margin: 0 auto 5px;
	}	
	
	.contactArea .textWhite {
		padding-bottom: 40px;
	}	
	
	.contactArea .textWhite .telBox a {
		font-size: 40px;
		padding-left: 20px;
		letter-spacing: 1px;
	}

	.contactArea .textWhite .telBox a:before {
		width: 30px;
		height: 30px;
		top: 55%;
		left: -19px;
	}	
	
	.contactArea .textWhite .text03 {
		letter-spacing: 1px;
	}	
	
/*＝＝＝＝＝
#sec04
＝＝＝＝＝*/	
	#sec04 {
		padding-top: 60px;
		margin-bottom: 90px;
	}
	
/*＝＝＝＝＝
#sec05
＝＝＝＝＝*/		
	
	#sec05 .boxShadow .icon {
		margin-bottom: 25px;
		width: 70px;
		margin: 0 auto;
	}	
	
	#sec05 .boxShadow {
		padding: 50px 30px 40px;
		border-radius: 40px;
	}
	
	#sec05 .boxShadow h2 {
		margin-bottom: 15px;
	}
	
	#sec05 .boxShadow h3 {
		letter-spacing: 9px;
		margin-left: 9px;
		margin-bottom: 30px;
	}	

	#sec05 .boxShadow h4 {
		margin-bottom: 155px;
	}	
	
	#sec05 .boxShadow .boxWrap:after {
		width: 155px;
		height: 155px;
		top: -142px;
		left: 50%;
		transform: translateX(-50%);
	}

	#sec05 .boxShadow .boxWrap div.bgRed,#sec05 .boxShadow .boxWrap div.bgBlue {
		width: 100%;
	}
	
	#sec05 .boxShadow .boxWrap .warrantyList {
		width: 100%;
	}
	
	#sec05 .boxShadow .boxWrap .warrantyList .text01 {
		font-size: 16px;
	}	

/*＝＝＝＝＝
#sec06
＝＝＝＝＝*/			

	#sec06 {
		padding: 100px 0 0;
	}
	
	#sec06 ul:before,#sec06 ul:after {
		background: none;
	}
	
	#sec06 ul li,#sec06 ul li:nth-child(3), #sec06 ul li:nth-child(4) {
		width: 100%;
		padding: 20px 0 30px;
		margin-bottom: 20px;
		border-bottom: 1px solid #fff;
	}
	
	#sec06 ul li:nth-child(4) {
		border-bottom: none;
	}

	#sec06 ul li .number {
		margin-bottom: 20px;
	}
	
	#sec06 ul li .number .din {
		font-size: 60px;
	}	

	#sec06 ul li .photo {
		width: 100%;
	}
	
/*＝＝＝＝＝
#sec07
＝＝＝＝＝*/	
	
	#sec07 {
		padding: 80px 0 60px;
	}
	
	#sec07 h3 {
		margin-bottom: 40px;
	}	
	
	#sec07 h4 {
		text-align: center;
	}
	
	#sec07 .flexBox li {
		width: 48%;
		padding: 20px 0 30px;
		border-radius: 10px;
		margin-bottom: 5%;
		display: flex;
        flex-direction: column;
		align-items: center;
        justify-content: center;
	}
	
	#sec07 .flexBox li:before {
		bottom: -26px;
		width: 15px;
		height: 15px;
		border: 15px solid transparent;
		border-top: 15px solid #29BDEF;
	}	

	#sec07 .flexBox {
		align-items: normal;
		margin-bottom: 35px;
	}
	
/*＝＝＝＝＝
#sec08
＝＝＝＝＝*/	

	#sec08 {
		padding: 60px 0 0;
	}	
	
	#sec08 ul li {
		width: 100%;
		margin-bottom: 15px;
	}	
	
	#sec08 ul li p.textRed02 {
		padding-bottom: 15px;
		margin-bottom: 15px;
		min-height: auto;
	}	

	#page_top {
        bottom: 20px;
    }	
	
	#sec05 .boxShadow h4 span {
		font-size: 24px;
	}	
	
	#sec05 .boxShadow .boxWrap .warrantyList .text01 {
        font-size: 14px;
    }	
	
	#sec05 .boxShadow .boxWrap div.bgRed, #sec05 .boxShadow .boxWrap div.bgBlue {
		padding: 20px 20px 15px;
	}	
	
	#sec05 .boxShadow .boxWrap .warrantyList .text02 {
		font-size: 18px;
	}

	#sec06 ul li h4 {
		font-size: 20px;
	}	
	
	#sec07 .textRight {
		font-size: 10px;
		text-align: center;
		margin-top: 20px;
	}	
	
	#sec09.contactArea .otokuSet {
		width: auto;
	}
	
	footer {
		padding: 37px 0 60px;
	}
	
	#page_top {
        bottom: 70px;
        right: 12px;
    }	
	
}

@media screen and (max-width: 320px) {

	h2 {
		font-size: 30px;
	}	
	
	header .logo h1 {
        font-size: 8px;
    }
	
	.fixedBtn ul.cvBtn {
        margin-bottom: 40px;
    }
	
	#mv .soudanText {
		font-size: 20px;
	}

	#mv .soudanText span {
		font-size:24px;

	}
	
	.contactBtn .cvArea .flexBox .text01 {
		font-size: 20px;
	}
	
	.contactBtn .telBtn .telArea .text02 {
        letter-spacing: 0px;
    }

    .contactBtn .cvArea .btn a {
        padding: 15px 15px 15px 50px;
		font-size: 18px;
    }	
	
    .contactBtn .cvArea .mitsumoriArea .btn a:before {
        left: 20px;
    }
	
	.contactBtn .cvArea .mitsumoriArea .btn a:after, .contactBtn .cvArea .genchiArea .btn a:after {
		right: 15px;
	}	
	
	.contactBtn .telBtn .telArea .text01 {
		font-size: 10px;
	}
	
	.contactBtn .telBtn .telArea .telLink {
        font-size: 30px;
        letter-spacing: -1px;
    }	
	
	#sec01 h2 {
		font-size: 24px;
	}	
	
	#sec01 .flexBox.menu .centerText p {
		font-size: 18px;
	}
	
	#sec01 #menu {
        padding-bottom: 250px;
    }
	
	#sec01 .flexBox.menu .centerText li {
		font-size: 15px;
	}
	
	#sec02 .bgWhite .text01 span {
        font-size: 22px;
		padding: 0px 10px;
    }	
	
	#sec02 .bgWhite h4 span {
		font-size: 22px;
	}	
	
	#sec02 .bgWhite .merit h5 {
        width: 90%;
    }	
	
	#sec02 .bgWhite .merit .meritList .text01 {
		font-size: 2.6vw;
		margin-bottom: 10px;
	}	
	
	.contactArea .simuBtn a {
        font-size: 18px;
    }	
	
	.contactArea .simuBtn a {
        padding: 18px 20px 18px 40px;
    }
	
    .contactArea .textWhite .telBox a {
        font-size: 30px;
    }
	
    #sec05 .boxShadow h4 span {
        font-size: 22px;
    }
	
	#sec07 h4 {
		font-size: 20px;
	}	
	
	#sec07 .flexBox li p {
		font-size: 14px;
	}
	
	#sec07 .flexBox li span {
		font-size: 18px;
	}
	
	#sec07 .flexBox li {
        padding: 16px 0 20px;
    }
	
	#sec08 ul li p.textRed02 {
		font-size: 15px;
	}	
	
	
	
	
	
}


@media screen and (min-width: 768px) and (max-width: 1024px) {

	header {
        height: 90px;
    }	
	
	header .logo {
		width: 80%;
	}
	
	#nav_toggle {
		display: block !important;
	}	
	
  .main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 70%;
    height: 100vh;
    background: #fff;
    padding: 100px 20px 20px;
    flex-direction: column;
    z-index: 999;
  }

  .main-nav ul {
    flex-direction: column;
    gap: 20px;
  }

   .main-nav.open {
        right: -5px;
    }

  .main-nav ul li a {
    font-size: clamp(16px, 1.2vw, 18px);
	  border: none;
  }
	
	#mv .annotation {
		top: 60%;
	}	
	
	.fixedBtn ul.cvBtn {
		top: 70%;
	}	
	
	.contactBtn .cvArea .mitsumoriArea, .contactBtn .cvArea .genchiArea {
		width: 100%;
	}	
	
	.contactBtn .cvArea .mitsumoriArea .flexBox,.contactBtn .cvArea .genchiArea .flexBox {
		margin: 0 auto;
	}	
	
	#sec01 .flexBox.menu {
		margin-top: 0;
	}	

	#sec01 .center.kakaku.pc {
		display: none !important;
	}	
	
	#sec01 .center.kakaku.sp {
		display: block!important;
	}
	
	#sec01 #menu {
		background: url(../image/sec02_09.png) no-repeat 50% 100%;
		background-size: 140%;
		padding-bottom: 400px;
	}	
	
	#sec01 #menu .ikkoPhoto {
		left: 50%;
		transform: translateX(-50%);
		width: 75%;
	}
	
	#sec02 .bgWhite .merit .meritList {
		width: 48%;
	}	

	#sec02 .bgWhite .kounetsuhiImage {
		width: 90%;
		margin: 0 auto 70px;
	}	
	
	.contactArea .otokuSet {
		position: unset;
		display: flex;
		justify-content: center
	}	
	
	.contactArea .woman {
		left: -180px;
	}	
	
	.contactArea .textWhite, .contactArea .textWhite a {
		width: 80%;
		margin: 0 0 0 auto;
	}	
	
	#sec05 .boxShadow .icon {
		margin-bottom: 25px;
		width: 70px;
		margin: 0 auto;
	}	
	
	#sec05 .boxShadow {
		padding: 50px 30px 40px;
		border-radius: 40px;
	}
	
	#sec05 .boxShadow h2 {
		margin-bottom: 15px;
	}
	
	#sec05 .boxShadow h3 {
		letter-spacing: 9px;
		margin-left: 9px;
		margin-bottom: 30px;
	}	

	#sec05 .boxShadow h4 {
		margin-bottom: 155px;
	}	
	
	#sec05 .boxShadow .boxWrap:after {
		width: 155px;
		height: 155px;
		top: -142px;
		left: 50%;
		transform: translateX(-50%);
	}

	#sec05 .boxShadow .boxWrap div.bgRed, #sec05 .boxShadow .boxWrap div.bgBlue {
        width: 65%;
        margin: 0 auto;
    }
	
	#sec05 .boxShadow .boxWrap .warrantyList {
		width: 100%;
	}
	
	#sec05 .boxShadow .boxWrap .warrantyList .text01 {
		font-size: 16px;
	}	

	#sec08 ul li {
		width: 48%;
	}	
	
	
	
	
}

@media screen and (min-width: 768px) {
	
	.fixedBtn .cvBtn .tel,.telLink {
		pointer-events: none;
	}	
	
}

@media screen and (min-width: 1025px) and (max-width: 1240px) {

	.logo {
		width: 19%;
	}	
	
	header .logo a {
		width: 180px;
	}	
	
	header .logo a img {
		width: 100%;
	}	
	
	
	#sec01 .flexBox.menu {
		margin-top: -25px;
	}
	
	#sec01 .flexBox.menu .leftImage,#sec01 .flexBox.menu .rightImage {
		width: 28%;
	}
	
	#sec01 .flexBox.menu .centerText {
		width: 35%;
		max-width: unset;
	}

	#sec01 #menu .ikkoPhoto {
		left: 50%;
		transform: translateX(-50%);
		width: 58%;
	}	
	
	
}
	
@media screen and (min-width:1400px) {
	
	#mv {
		background: url(../image/main_bg.jpg) no-repeat 0 0;
		background-size: 100%;
	}
	
	#sec01 #menu {
        padding-bottom: 39vw;
    }

	#sec01 #menu .ikkoPhoto {
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	
	
}

@media screen and (min-width:1530px) {
	#mv {
        background: url(../image/main_bg.jpg) no-repeat 0 0;
        background-size: 85%;
    }
	
	#sec09.contactArea .otokuSet {
		top: 50%;
        left: 21vw;
	}
	
	
	
}

@media screen and (min-width:1800px) {
	#mv {
        background: url(../image/main_bg.jpg) no-repeat 0 -6vw;
        background-size: 90vw;
		padding-top: 150px;
    }
	
	#mv .image01 {
		margin: -40px auto;
	}
	
	.contactBtn {
		margin-top: 40px;
	}	
	
	
}	

@media screen and (min-width:1901px) {
	#mv {
		background: url(../image/main_bg.jpg) no-repeat 0 -14vw;
        background-size: 100vw;
		
    }
	
	
	

}

@media screen and (min-width:2000px) {
	#mv {
        background: url(../image/main_bg.jpg) no-repeat 0 -23vw;
        background-size: 100vw;
		padding-top: 200px;
    }
	
	#mv .image01 {
        margin: -90px auto;
    }	
	
    .contactBtn {
        margin-top: 90px;
    }	
	
	#mv .soudanText {
		bottom: 14px;
	}	


}