@charset "UTF-8";

/*common*/
/*----------------------------*/
*{ margin:0; padding:0; box-sizing: border-box;}
body{ font-family: 'Noto Sans JP', "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border: none; width: 100%; height: auto;}
@media screen and (min-width: 1024px) {
  a{transition: .3s opacity ease;}
	a:hover { opacity: 0.7;}
	_:-ms-lang(x)::-ms-backdrop, body { font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}/*IE対策*/
}
@media screen and (max-width: 767px) {
	* { -webkit-text-size-adjust: 100%;}
}
/*----------------------------*/
/*画面サイズ別ルートフォントサイズ*/
/*----------------------------*/
@media screen and (min-width: 1024px){
	html{ font-size: 100px;/*変更不可*/}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	html{ font-size: 9.76vw;/*変更不可*/}
}
@media screen and (max-width: 767px){
	html{ font-size: 26.67vw;/*変更不可*/}
}
/*----------------------------*/
/*画面サイズ別テキストサイズ*/
/*----------------------------*/
@media screen and (min-width: 768px){
	body{ font-size: 0.18rem;}/*PCデザインのテキストサイズの基本：18pxの想定*/
}
@media screen and (max-width: 767px){
	body{ font-size: 0.16rem;}/*SPデザインのテキストサイズの基本：16pxの想定*/
}
/*----------------------------*/

body { color: #0d2234; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
table { border-collapse: collapse; }
th, td { font-weight: inherit; }
p { margin: 1.0em 0; }
a { color: inherit; text-decoration: none; }
em { font-style: inherit; }
input, select, textarea, button { font-size: inherit; font-family: inherit; }
button, input[type="button"], input[type="submit"] { cursor: pointer; border: none; background: transparent; outline: none; appearance: none; -webkit-appearance: none; }
button img { width: 100%; }

.default-button { display: block; position: relative; color: #fff; font-weight: bold; text-align: center; }
.default-button::after { content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 10px; height: 10px; margin: auto; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.default-button-blue { background: #1480d8; box-shadow: 0 0.04rem #0d2234; }
.default-button-red { background: #eb5c3e; box-shadow: 0 0.04rem #bb1f10; }
.section-title { font-weight: bold; text-align: center; line-height: 1.2; }
.section-title span { display: block; color: #e6e6e6; text-align: center; font-family: 'Oswald', sans-serif; }

#page { overflow: hidden; }

section.section01 h2 { font-weight: bold; text-align: center; }
section.section01 .slide img { width: auto; }

section.section02 .image img { vertical-align: middle; }

section.section03 .introduction-block h2 { text-align: center; }
section.section03 .introduction-block h2 img { vertical-align: middle; }
section.section03 .introduction-block .text em { font-weight: bold; }
section.section03 .feature-block .image img { vertical-align: middle; }
section.section03 .list-block .image img { vertical-align: middle; }
section.section03 .list-block ul { list-style-type: none; }
section.section03 .list-block ul > li { position: relative; }
section.section03 .list-block ul > li::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 45px; height: 34px; background: url("images/sec3_check.png") no-repeat center; background-size: contain; }

section.section04 .wrapper { position: relative; }
section.section04 .image img { vertical-align: middle; }
section.section04 .movie { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
section.section04 .youtube-container { position: absolute; left: 0; right: 0; margin: auto; }
section.section04 .youtube { position: relative; padding-top: 56.25%; }
section.section04 .youtube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

section.section05 .introduction-block h2 { text-align: center; }
section.section05 .introduction-block .items { display: grid; }
section.section05 .introduction-block .item img { vertical-align: middle; }
section.section05 .list-block .box { position: relative; border: 1px solid #727171; }
section.section05 .list-block h3 { position: absolute; left: 0; right: 0; top: 0; text-align: center; }
section.section05 .list-block h3 span { display: inline-block; background: #fff; }
section.section05 .list-block ul { list-style-type: none; }
section.section05 .list-block ul > li { position: relative; }
section.section05 .list-block ul > li::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: url("images/sec5_check.png") no-repeat center; background-size: contain; }
section.section05 .list-block ul em {
	font-weight: bold;
	background: rgb(255,249,153);
	background: linear-gradient(0deg, rgba(255,249,153,1) 0%, rgba(255,249,153,1) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%);
}
section.section05 .conclusion-block .caption { text-align: center; }
section.section05 .conclusion-block .caption img { vertical-align: middle; }

section.section06 { position: relative; }
section.section06 h2 { text-align: center; }
section.section06 h2 img { vertical-align: middle; }
section.section06 .accessory { position: absolute; z-index: 10; left: 0; top: 0; }
section.section06 .item { position: relative; background: #fff; border: 1px solid #000; }
section.section06 .item:nth-child(2n+1) { margin-right: calc((100vw - 100%) / -2); padding-right: calc((100vw - 100%) / 2); border-right: none; }
section.section06 .item:nth-child(2n+2) { margin-left: calc((100vw - 100%) / -2); padding-left: calc((100vw - 100%) / 2); border-left: none; }
section.section06 .item h3 { position: relative; font-weight: bold; }
section.section06 .item h3::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #000; }
section.section06 .item .no { position: absolute; z-index: 20; top: 0; }
section.section06 .item:nth-child(2n+1) .no { left: 0; }
section.section06 .item:nth-child(2n+2) .no { right: 0; }

section.section07 { background: #d1e8ff; }
section.section07 .section-title span { color: #a9c4d9; }
section.section07 .voice-block .items { display: grid; }
section.section07 .voice-block .item { background: #fff; border: 2px solid #000000; }
section.section07 .voice-block .item-header { display: flex; align-items: center; }
section.section07 .voice-block .item-header h3 { color: #1480d8; font-weight: bold; }
section.section07 .usage-block h2 { position: relative; font-weight: bold; text-align: center; }
section.section07 .usage-block h2::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 1px; margin: auto; background: #0d2234; }
section.section07 .usage-block h2 span { display: inline-block; position: relative; z-index: 10; background: #d1e8ff; }
section.section07 .usage-block .item h3 { color: #fff; font-weight: bold; text-align: center; background: #1480d8; }
section.section07 .usage-block .item ul { list-style-type: none; }
section.section07 .usage-block .item ul > li { position: relative; }
section.section07 .usage-block .item ul > li::before { content: ""; display: block; position: absolute; left: 0; top: 0; background: url(images/sec3_check.png) no-repeat center; background-size: contain; }

section.section08 { background: #f6f6f6; }
section.section08 .items { display: grid; }
section.section08 .item { position: relative; background: #fff; border: 2px solid #000000; }
section.section08 .item-header { background: #1480d8; }
section.section08 .item-header h3 { color: #fff; font-weight: bold; text-align: center; }

section.section09 .item { position: relative; border: 2px solid #000; }
section.section09 .item h3 { position: relative; font-weight: bold; }
section.section09 .item h3::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 49px; height: 54px; background: url("images/sec9_icon_q.png") no-repeat center; background-size: contain; }
section.section09 .item p { margin-bottom: 0; }
section.section09 .item .toggle { position: absolute; right: 0; top: 0; width: 30px; height: 30px; cursor: pointer; }
section.section09 .item .toggle::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 3px; margin: auto; background: #000; }
section.section09 .item .toggle::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 3px; height: 100%; margin: auto; background: #000; }
section.section09 .item:not(.open) p { display: none; }
section.section09 .item.open .toggle::after { content: none; }

section.thanks h2 { font-weight: bold; text-align: center; }

#footer {text-align: center; padding-top: .2rem;}
#footer p { margin: 0; }

#footer_thanks .logo img { vertical-align: middle; }
#footer_thanks .menu { display: flex; }


.mfp_element_all { max-width: none; }
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev { border: none; border-radius: 0; text-shadow: none; }
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover { box-shadow: none; }
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password { box-shadow: none; margin: 0; }
form#mailformpro { padding: 0; }
form#mailformpro label { display: block; border-radius: 0; margin: 0; }


/**
 * SP
 */
@media screen and (max-width: 767px) {
	.visible-pc { display: none; }
	.wrapper { width: 3.75rem; max-width: calc(100% - 0.4rem); margin: 0 auto; }
	.default-button { font-size: 0.18rem; border-radius: 0.1rem; padding: 0.1rem; }
	.default-button::after { right: 0.18rem; width: 0.1rem; height: 0.1rem; border-width: 0.03rem; border-radius: 0.03rem; }
	.default-button-blue { box-shadow: 0 0.02rem #0d2234; }
	.default-button-red { box-shadow: 0 0.02rem #bb1f10; }
	.section-title { font-size: 0.2rem; margin-bottom: 0.45rem; }
	.section-title span { font-size: 0.15rem; }

	#header .logo { text-align: center; padding: 0.125rem; }
	#header .logo img { width: 1.13rem; vertical-align: middle; }
	#header .actions { display: none; }

	section.eyecatch { margin-bottom: 0.45rem; }
	section.eyecatch .image { margin: 0 -0.2rem; }
	section.eyecatch .cta { display: grid; gap: 0.15rem; max-width: 2.95rem; margin: 0 auto; }
	section.eyecatch .cta .tel { order: 2; }
	section.eyecatch .cta .tel .tel_title{display: none;}
  section.eyecatch .cta .tel .tel_num  { text-align: center; position: relative; background: #1480d8; color: #fff; border-radius: 0.1rem;box-shadow: 0 0.02rem #0d2234; line-height: 1.2;padding: 0.07rem;}
	section.eyecatch .cta .tel .tel_num::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; background: url("images/btn_icon01_sp_20230601.png") no-repeat center; background-size: contain; left: 0.25rem; width: 0.21rem; height: 0.23rem; }
	section.eyecatch .cta .tel .tel_num::after {content: "";display: block;position: absolute;top: 0;bottom: 0;margin: auto;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);right: 0.18rem;width: 0.1rem;height: 0.1rem;border-width: 0.03rem;border-radius: 0.03rem;}
	section.eyecatch .cta .tel .tel_num a {font-family: 'Oswald', sans-serif; font-size: .18rem;}
	section.eyecatch .cta .tel .tel_num a::after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	section.eyecatch .cta .tel .tel_time {font-size: .1rem; display: block;}
	section.eyecatch .cta .contact { order: 1; }
	section.eyecatch .cta .contact a { position: relative;}
	section.eyecatch .cta .contact a::before {  content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; background: url("images/btn_icon02.png") no-repeat center; background-size: contain; left: 0.25rem; width: 0.21rem; height: 0.16rem; }

	section.section01 { margin-bottom: 0.6rem; }
	section.section01 h2 { font-size: 0.18rem; margin-bottom: 0.3rem; }
	section.section01 .slide { margin: 0 0.125rem; }

	section.section02 .image { margin: 0 -0.2rem; }

	section.section03 { margin-bottom: 0.5rem; }
	section.section03 .introduction-block .image { display: none; }
	section.section03 .introduction-block .text { font-size: 0.15rem; margin-top: -0.2rem; }
	section.section03 .introduction-block .text em { font-size: 0.16rem; }
	section.section03 .feature-block { margin-bottom: 0.3rem; }
	section.section03 .list-block h3 { float: right; width: calc(100% - 0.85rem); font-size: 0.17rem; }
	section.section03 .list-block .image { float: left; margin-bottom: 0.1rem; }
	section.section03 .list-block .image img { width: 0.685rem; }
	section.section03 .list-block ul { clear: both; padding: 0 0.15rem; }
	section.section03 .list-block ul > li { padding-left: 0.25rem; font-size: 0.14rem; line-height: 2.0; }
	section.section03 .list-block ul > li::before { width: 0.18rem; height: 0.13rem; top: 0.08rem; }

	section.section04 { margin-bottom: 0.5rem; }
	section.section04 .image { margin: 0 -0.2rem; }
	section.section04 .movie { margin: 0 -0.2rem; }
	section.section04 .youtube-container { top: 52.6%; width: 70%; left: 0.5%; }

	section.section05 .introduction-block { margin-bottom: 0.4rem; }
	section.section05 .introduction-block h2 { margin-bottom: 0.35rem; }
	section.section05 .introduction-block h2 img { width: 3.245rem; }
	section.section05 .introduction-block .items { grid-template-columns: repeat(2, 1fr); gap: 0.15rem; }
	section.section05 .list-block { margin-bottom: 0.3rem; }
	section.section05 .list-block .box { padding: 0.25rem 0.2rem; }
	section.section05 .list-block h3 { font-size: 0.15rem; font-weight: bold; top: -0.13rem; }
	section.section05 .list-block h3 span { padding: 0 0.05rem; }
	section.section05 .list-block ul { font-size: 0.14rem; }
	section.section05 .list-block ul > li { padding-left: 0.28rem; }
	section.section05 .list-block ul > li:not(:last-child) { margin-bottom: 0.1rem; }
	section.section05 .list-block ul > li::before { width: 0.18rem; height: 0.18rem; top: 0.02rem; }
	section.section05 .conclusion-block .caption { margin-bottom: 0.5rem; }
	section.section05 .conclusion-block .caption img { width: 2.675rem; }

	section.section06 { background: url("images/sec6_bg_sp.png") repeat top; background-size: 100%; padding: 0.4rem 0 0.5rem; }
	section.section06 h2 { margin-bottom: 0.4rem; }
	section.section06 h2 img { width: 2.6rem; }
	section.section06 .accessory { left: -0.175rem; top: 0.35rem; }
	section.section06 .accessory img { width: 1.015rem; }
	section.section06 .item { border-width: 0.01rem; padding: 0.4rem; }
	section.section06 .item:not(:last-child) { margin-bottom: 0.35rem; }
	section.section06 .item:nth-child(2n+1) { border-radius: 0.1rem 0 0 0.1rem; }
	section.section06 .item:nth-child(2n+2) { border-radius: 0 0.1rem 0.1rem 0; }
	section.section06 .item h3 { font-size: 0.18rem; padding-bottom: 0.15rem; margin-bottom: 0.15rem; }
	section.section06 .item h3::after { width: 0.3rem; height: 0.01rem; }
	section.section06 .item .no { top: -0.165rem; }
	section.section06 .item:nth-child(2n+1) .no { left: -0.065rem; }
	section.section06 .item:nth-child(2n+2) .no { right: -0.065rem; }
	section.section06 .item .no img { width: 0.55rem; }
	section.section06 .item .image { text-align: center; }
	section.section06 .item:nth-child(1) .image img { width: 2.785rem; }
	section.section06 .item:nth-child(2) .image img { width: 2.61rem; }
	section.section06 .item:nth-child(3) .image img { width: 1.805rem; }
	section.section06 .item:nth-child(4) .image img { width: 2.59rem; }
	section.section06 .item:nth-child(5) .image img { width: 1.785rem; }
	section.section06 .item .text p { font-size: 0.15rem; }

	section.section07 { padding: 0.4rem 0; }
	section.section07 .voice-block { margin-bottom: 0.4rem; }
	section.section07 .voice-block .items { gap: 0.15rem; }
	section.section07 .voice-block .item { border-width: 0.01rem; border-radius: 0.1rem; padding: 0.2rem; }
	section.section07 .voice-block .item-header { gap: 0.2rem; }
	section.section07 .voice-block .item-header h3 { font-size: 0.15rem; }
	section.section07 .voice-block .item-header .image img { width: 0.45rem; }
	section.section07 .voice-block .item-body .text { font-size: 0.12rem; }
	section.section07 .usage-block h2 { font-size: 0.16rem; top: -0.14rem; }
	section.section07 .usage-block h2 span { padding: 0 0.1rem; }
	section.section07 .usage-block .item:not(:last-child) { margin-bottom: 0.25rem; }
	section.section07 .usage-block .item h3 { font-size: 0.15rem; border-radius: 0.1rem; margin-bottom: 0.1rem;	 }
	section.section07 .usage-block .item ul { display: flex; flex-wrap: wrap; font-size: 0.13rem; padding: 0 0.075rem; }
	section.section07 .usage-block .item ul > li { width: 50%; padding-left: 0.2rem; }
	section.section07 .usage-block .item ul > li::before { width: 0.16rem; height: 0.105rem; top: 0.07rem; }
	section.section07 .usage-block .item ul > li:not(:last-child) { margin-bottom: 0.05rem; }
	section.section07 .usage-block .item:nth-child(1) ul > li:nth-child(2n+1) { width: 70%; }
	section.section07 .usage-block .item:nth-child(1) ul > li:nth-child(2n+2) { width: 30%; }
	section.section07 .usage-block .item:nth-child(2) ul > li:nth-child(2n+1) { width: 40%; }
	section.section07 .usage-block .item:nth-child(2) ul > li:nth-child(2n+2) { width: 60%; }

	section.section08 { padding: 0.5rem 0; }
	section.section08 .items { gap: 0.3rem; }
	section.section08 .item { border-width: 0.01rem; border-radius: 0.1rem; }
	section.section08 .item:not(:last-child)::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -0.1rem; width: 0.18rem; height: 0.18rem; margin: auto; background: #fff; border-right: 0.01rem solid #000; border-bottom: 0.01rem solid #000; transform: rotate(45deg); }
	section.section08 .item-header { border-radius: 0.1rem 0.1rem 0 0; padding: 0.1rem; }
	section.section08 .item-header h3 { font-size: 0.15rem; }
	section.section08 .item-header .image { display: none; }
	section.section08 .item-body { display: flex; gap: 0.15rem; padding: 0.2rem; }
	section.section08 .item-body .image img { width: 0.625rem; height: 0.57rem; }
	section.section08 .item-body .text { font-size: 0.14rem; }
	section.section08 .item-body .text p { margin: 0; }

	section.section09 { padding: 0.5rem 0; }
	section.section09 .item { border-width: 0.01rem; border-radius: 0.1rem; padding: 0.15rem 0.1rem; }
	section.section09 .item:not(:last-child) { margin-bottom: 0.15rem; }
	section.section09 .item h3 { font-size: 0.15rem; padding-left: 0.25rem; padding-right: 0.2rem; }
	section.section09 .item h3::before { top: 0.035rem; width: 0.15rem; height: 0.175rem; }
	section.section09 .item p { font-size: 0.14rem; }
	section.section09 .item .toggle { right: 0.1rem; top: 0.18rem; width: 0.16rem; height: 0.16rem; }
	section.section09 .item .toggle::before { height: 0.02rem; }
	section.section09 .item .toggle::after { width: 0.02rem; }

  section.section11 {background: url("images/cta_bg_sp_20230601.png") no-repeat; background-size: cover; padding: .5rem 0;}
  section.section11 .layout-box .box { background: #fff; padding: .15rem; border-radius: .1rem; margin-top: .15rem;}
  section.section11 .layout-box .box .tel { margin: .13rem .05rem 0;}
	section.section11 .layout-box .box .btn a {position: relative;}
	section.section11 .layout-box .box .btn a::before {content: "";display: block;position: absolute;top: 0;bottom: 0;margin: auto;background: url(images/btn_icon02.png) no-repeat center;background-size: contain;left: 0.25rem;width: 0.21rem;height: 0.16rem;}

	section.thanks { padding: 0.4rem 0 0.8rem; }
	section.thanks .wrapper { width: 2.9rem; }
	section.thanks h2 { font-size: 0.12rem; margin-bottom: 0.25rem; }
	section.thanks p { font-size: 0.1rem; }

	#footer .menu { font-size: 0.12rem; padding-bottom: 0.1rem; }
	#footer .menu a { margin: 0 0.125rem 0; }
	#footer .copyright { font-size: 0.12rem; padding-bottom: 0.3rem; }

	#footer_thanks { padding: 0.2rem; }
	#footer_thanks .logo { text-align: center; margin-bottom: 0.25rem; }
	#footer_thanks .logo img { width: 1.51rem; }
	#footer_thanks .menu { display: flex; justify-content: center; gap: 0.25rem; font-size: 0.12rem; }
	#footer_thanks .copyright { font-size: 0.1rem; text-align: center; }

}

/**
 * PC
 */
@media screen and (min-width: 768px) {
	.visible-sp { display: none; }
	.wrapper { width: 12.0rem; max-width: calc(100% - 0.2rem); margin: 0 auto; }
	.default-button { font-size: 0.3rem; border-radius: 0.2rem; padding: 0.2rem; }
	.default-button::after { right: 0.25rem; width: 0.15rem; height: 0.15rem; border-width: 0.03rem; border-radius: 0.03rem; }
	.default-button-blue { box-shadow: 0 0.04rem #0d2234; }
	.default-button-red { box-shadow: 0 0.04rem #bb1f10; }
	.section-title { font-size: 0.4rem; margin-bottom: 0.5rem; }
	.section-title span { font-size: 0.3rem; }

	#page::before { content: ""; display: block; height: 1.0rem; }

	#header { position: fixed; z-index: 1000; left: 0; top: 0; right: 0; width: 100%; height: 1.0rem; display: flex; justify-content: space-between; background: #fff; }
	#header .logo { padding: 0.2rem; }
	#header .logo img { width: 2.26rem; vertical-align: middle; }
	#header .actions { display: flex; gap: 0.1rem; }
	#header .action { display: flex; align-items: center; gap: 0.1rem; }
	#header .action-tel img { width: 0.2rem; }
	#header .action-tel .number { font-size: 0.24rem; font-weight: 500; font-family: 'Oswald', sans-serif; vertical-align: middle; }
	#header .action-tel .time { font-size: 0.12rem; vertical-align: middle; }
	#header .action-download { position: relative; font-size: 0.16rem; font-weight: bold; padding: 0 0.4rem 0 0.2rem; }
	#header .action-download::before { content: ""; position: absolute; display: block; right: 0.2rem; top: 0; bottom: 0; margin: auto; width: 0.08rem; height: 0.08rem; border-top: 0.03rem solid #000; border-right: 0.03rem solid #000; border-radius: 0.03rem; transform: rotate(45deg); }
	#header .action-contact { position: relative; color: #fff; font-size: 0.16rem; font-weight: bold; background: #eb5c3e; padding: 0 0.4rem 0 0.2rem; }
	#header .action-contact::before { content: ""; position: absolute; display: block; right: 0.2rem; top: 0; bottom: 0; margin: auto; width: 0.08rem; height: 0.08rem; border-top: 0.03rem solid #fff; border-right: 0.03rem solid #fff; border-radius: 0.03rem; transform: rotate(45deg); }

	section.eyecatch { position: relative; }
	section.eyecatch .image { margin: 0 -3.6rem; }
	section.eyecatch .cta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3rem; left: 0; right: 0; bottom: 0.7rem; max-width: 10.5rem; margin: 0 auto; border-width: 2px;border-color: rgb(13, 34, 52);border-style: solid;border-radius: .2rem;background-color: rgb(255, 255, 255);padding: .26rem; position: absolute;}

	section.eyecatch .cta .tel .tel_title {font-size: .16rem;border-bottom: 1px solid #727171;padding-bottom: 0.05rem;}
  section.eyecatch .cta .tel .tel_num  { text-align: center}
	section.eyecatch .cta .tel .tel_num a {font-family: 'Oswald', sans-serif; font-size: .3rem;}
	section.eyecatch .cta .tel .tel_num a::before { content: ""; background: url("images/btn_icon01_20230601.png") no-repeat; background-size: contain; width: .24rem; height: .24rem; margin-right: .1rem; display: inline-block;}
	section.eyecatch .cta .tel .tel_time {font-size: .14rem; padding-left: .1rem;}
	section.eyecatch .cta .contact a { position: relative;}
	section.eyecatch .cta .contact a::before {  content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; background: url("images/btn_icon02.png") no-repeat center; background-size: contain; left: 0.35rem; width: 0.41rem; height: 0.32rem; }
  

	section.section01 { margin-bottom: 1.2rem; }
	section.section01 h2 { font-size: 0.4rem; margin-bottom: 0.6rem; }
	section.section01 .slide { margin: 0 0.5rem; }

	section.section02 { margin-bottom: 0.8rem; }
	section.section02 .image { margin: 0 -3.6rem; }

	section.section03 { margin-bottom: 0.5rem; }
	section.section03 .introduction-block { position: relative; z-index: 10; padding-bottom: 0.4rem; }
	section.section03 .introduction-block h2 { margin-bottom: 0.5rem; }
	section.section03 .introduction-block h2 img { width: 6.19rem; }
	section.section03 .introduction-block .image { position: absolute; left: -0.1rem; bottom: -1.0rem; }
	section.section03 .introduction-block .image img { width: 3.35rem; }
	section.section03 .introduction-block .text { text-align: center; }
	section.section03 .introduction-block .text em { font-size: 0.24rem; }
	section.section03 .feature-block { position: relative; z-index: 20; margin-bottom: 0.6rem; }
	section.section03 .list-block { max-width: 6.4rem; margin: 0 auto; }
	section.section03 .list-block::after { content: ""; display: block; clear: both; }
	section.section03 .list-block h3 { font-size: 0.3rem; text-align: center; margin-bottom: 0.3rem; }
	section.section03 .list-block .image { float: left; padding: 0 0.3rem; }
	section.section03 .list-block .image img { width: 1.75rem; }
	section.section03 .list-block ul { float: right; margin-top: 0.2rem; }
	section.section03 .list-block ul > li { padding-left: 0.3rem; line-height: 2.0; }
	section.section03 .list-block ul > li::before { width: 0.225rem; height: 0.17rem; top: 0.1rem; }

	section.section04 { margin-bottom: 1.0rem; }
	section.section04 .image { margin: 0 -3.6rem; }
	section.section04 .movie { margin: 0 -3.6rem; }
	section.section04 .youtube-container { top: 49.7%; width: 33%; }

	section.section05 .introduction-block { margin-bottom: 0.5rem; }
	section.section05 .introduction-block h2 { margin-bottom: 0.7rem; }
	section.section05 .introduction-block h2 img { width: 6.49rem; }
	section.section05 .introduction-block .items { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; max-width: 10.6rem; margin: 0 auto; }
	section.section05 .list-block { margin-bottom: 0.5rem; }
	section.section05 .list-block .box { padding: 0.5rem 0.4rem 0.3rem; max-width: 10.5rem; margin: 0 auto; }
	section.section05 .list-block h3 { font-size: 0.3rem; top: -0.25rem; }
	section.section05 .list-block h3 span { padding: 0 0.1rem; }
	section.section05 .list-block ul > li { padding-left: 0.5rem; }
	section.section05 .list-block ul > li:not(:last-child) { margin-bottom: 0.15rem; }
	section.section05 .list-block ul > li::before { width: 0.36rem; height: 0.36rem; top: -0.03rem; }
	section.section05 .conclusion-block { margin-bottom: 1.0rem; }
	section.section05 .conclusion-block .caption { margin-bottom: 0.5rem; }
	section.section05 .conclusion-block .caption img { width: 9.41rem; }

	section.section06 { background-image: url("images/sec6_bg.png"); background-attachment: fixed; background-size: cover; padding: 0.8rem 0 1.0rem; }
	section.section06 .wrapper { position: relative; }
	section.section06 h2 { margin-bottom: 0.6rem; }
	section.section06 h2 img { width: 6.2rem; }
	section.section06 .accessory { left: 0.1rem; top: -0.72rem; }
	section.section06 .accessory img { width: 2.53rem; }
	section.section06 .item { display: flex; gap: 0.5rem; border-width: 0.02rem; padding: 0.8rem; }
	section.section06 .item:not(:last-child) { margin-bottom: 0.6rem; }
	section.section06 .item:nth-child(2n+1) { border-radius: 0.2rem 0 0 0.2rem; }
	section.section06 .item:nth-child(2n+2) { border-radius: 0 0.2rem 0.2rem 0; }
	section.section06 .item:nth-child(2n+2) .text { order: 2; }
	section.section06 .item:nth-child(2n+2) .image { order: 1; }
	section.section06 .item h3 { font-size: 0.36rem; padding-bottom: 0.3rem; margin-bottom: 0.3rem; }
	section.section06 .item h3::after { width: 0.6rem; height: 0.02rem; }
	section.section06 .item .no { top: -0.34rem; }
	section.section06 .item:nth-child(2n+1) .no { left: -0.16rem; }
	section.section06 .item:nth-child(2n+2) .no { right: -0.16rem; }
	section.section06 .item .no img { width: 1.1rem; }
	section.section06 .item:nth-child(1) .image img { width: 4.02rem; }
	section.section06 .item:nth-child(2) .image img { width: 5.22rem; }
	section.section06 .item:nth-child(3) .image img { width: 4.06rem; }
	section.section06 .item:nth-child(4) .image img { width: 5.18rem; }
	section.section06 .item:nth-child(5) .image img { width: 3.47rem; }

	section.section07 { padding: 0.8rem 0; }
	section.section07 .voice-block { margin-bottom: 0.6rem; }
	section.section07 .voice-block .items { grid-template-columns: repeat(2, 1fr); gap: 0.3rem; }
	section.section07 .voice-block .item { border-width: 0.02rem; border-radius: 0.2rem; padding: 0.3rem; }
	section.section07 .voice-block .item-header { gap: 0.3rem; }
	section.section07 .voice-block .item-header h3 { font-size: 0.24rem; }
	section.section07 .voice-block .item-header .image img { width: 1.0rem; }
	section.section07 .voice-block .item-body .text { font-size: 0.17rem; }
	section.section07 .usage-block h2 { font-size: 0.24rem; max-width: 11.0rem; margin: 0 auto 0.3rem; }
	section.section07 .usage-block h2 span { padding: 0 0.2rem; }
	section.section07 .usage-block .items { display: flex; gap: 0.5rem; max-width: 10.5rem; margin: 0 auto; }
	section.section07 .usage-block .item { width: calc(50% - 0.25rem); }
	section.section07 .usage-block .item h3 { font-size: 0.2rem; border-radius: 16.5rem; margin-bottom: 0.2rem;	 }
	section.section07 .usage-block .item ul { display: flex; flex-wrap: wrap; padding: 0 0.15rem; }
	section.section07 .usage-block .item ul > li { padding-left: 0.4rem; width: 50%; margin-bottom: 0.05rem; }
	section.section07 .usage-block .item ul > li::before { width: 0.25rem; height: 0.17rem; top: 0.06rem; }
	section.section07 .usage-block .item:nth-child(1) ul > li:nth-child(2n+1) { width: 70%; }
	section.section07 .usage-block .item:nth-child(1) ul > li:nth-child(2n+2) { width: 30%; }
	section.section07 .usage-block .item:nth-child(2) ul > li:nth-child(2n+1) { width: 40%; }
	section.section07 .usage-block .item:nth-child(2) ul > li:nth-child(2n+2) { width: 60%; }

	section.section08 { padding: 0.9rem 0; }
	section.section08 .items { grid-template-columns: repeat(4, 1fr); gap: 0.2rem; }
	section.section08 .item { border-width: 0.02rem; border-radius: 0.2rem; }
	section.section08 .item:not(:last-child)::after { content: ""; display: block; position: absolute; right: -0.119rem; top: 0; bottom: 0; width: 0.18rem; height: 0.18rem; margin: auto; background: #fff; border-top: 0.02rem solid #000; border-right: 0.02rem solid #000; transform: rotate(45deg); }
	section.section08 .item-header { border-radius: 0.18rem 0.18rem 0 0; padding-bottom: 0.1rem; }
	section.section08 .item-header .image { position: relative; width: 100%; height: 0.8rem; }
	section.section08 .item-header .image img { position: absolute; left: 0; right: 0; bottom: 0; width: 0.71rem; height: 0.64rem; margin: auto; }
	section.section08 .item-body { padding: 0 0.2rem 0.4rem; }
	section.section08 .item-body .image { display: none; }
	section.section08 .item-body .text { font-size: 0.16rem; }

	section.section09 { padding: 0.8rem 0 1.6rem; }
	section.section09 .item { border-width: 0.02rem; border-radius: 0.2rem; padding: 0.3rem 0.9rem; }
	section.section09 .item:not(:last-child) { margin-bottom: 0.2rem; }
	section.section09 .item h3 { font-size: 0.24rem; }
	section.section09 .item h3::before { left: -0.5rem; top: 0.05rem; width: 0.245rem; height: 0.29rem;  }
	section.section09 .item .toggle { right: 0.4rem; top: 0.35rem; width: 0.3rem; height: 0.3rem; }

  section.section11 {background: url("images/cta_bg_20230601.png") no-repeat; background-size: cover;}
  section.section11 .layout-box {position:relative; padding: .6rem 0 .6rem 3.83rem; max-width: 1100px; margin:auto;}
  section.section11 .layout-box::before {content: ""; background: url("images/cta_img_20230601.png") no-repeat; background-size: contain; aspect-ratio:330/478; width: 3.5rem; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
  section.section11 .layout-box .box { background: #fff; border-radius: .2rem; padding: .26rem; margin-top: .2rem;}
	section.section11 .layout-box .box .btn a {font-size: .4rem;}
	section.section11 .layout-box .box .btn a::before {  content: ""; background: url("images/btn_icon02.png") no-repeat center; background-size: contain; left: 0.35rem; width: 0.48rem; height: 0.38rem; display: inline-block; vertical-align: -0.04rem; margin-right: 0.15rem;}
  section.section11 .layout-box .box .tel { margin-top: .25rem;}

	section.thanks { padding: 0.6rem 0 1.8rem; }
	section.thanks .wrapper { width: 5.8rem; }
	section.thanks h2 { font-size: 0.24rem; margin-bottom: 0.5rem; }
	section.thanks p { font-size: 0.2rem; }

	#footer .menu { font-size: 0.16rem; padding-bottom: 0.2rem; }
	#footer .menu a { margin: 0 0.15rem 0; }
	#footer .copyright { font-size: 0.12rem; padding-bottom: 0.6rem; }

	#footer_thanks { display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0.4rem; }
	#footer_thanks .logo img { width: 2.26rem; }
	#footer_thanks .menu { display: flex; gap: 0.3rem; font-size: 0.16rem; }
	#footer_thanks .copyright { font-size: 0.12rem; }

}

/**
 * PC (中間サイズ)
 */
@media screen and (min-width: 768px) and (max-width: 1220px)  {

	section.section03 .introduction-block .image { left: -1.0rem; }

	section.section06 .accessory { left: -0.75rem; }


}

.tel-wrapper{
	display: flex; align-items: center; gap: 0.1rem; 
}
#header .action.action-tel { 
	flex-direction: column;
	justify-content: center;
	gap: 0;
	padding-top: 0.1rem;
	padding-right: 0.2rem;
}

.p-header__nav {
	height: inherit;
	margin-left: auto;
	margin-right: 0.6rem;
}

.p-header__items {
	align-items: center;
	display: flex;
	height: inherit;
	list-style: none;
}

.p-header__item {
	font-size: 0.16rem;
	height: inherit;
}

.p-header__item:not(:last-child) {
	margin-right: 0.35rem;
}

.p-header__item a {
	align-items: center;
	display: flex;
	height: inherit;
}
.cta .tel{
	grid-row: 2/3;
	grid-column: 1/3;
	margin-top: 0.1rem;
}
section.eyecatch .cta .contact a.estimate::before{
	background: url(images/btn_icon01.png) no-repeat center;
	background-size: contain;
}
section.eyecatch .wrapper{
	padding-bottom: 1.15rem;
}
.case-btn{
	width: 100%;
	max-width: 4rem;
	margin: -0.5rem auto 0.8rem;
}
section.section11 .layout-box{
	max-width: 1150px;
}
.section11 .btn{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.12rem;
}
section.section11 .layout-box .box .btn a{
	font-size: 0.23rem;
	padding: 0.2rem 0.3rem 0.2rem 0.1rem;
}
section.section11 .layout-box .box .btn a::before{
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.1rem;
}
section.section11 .layout-box .box .btn a.estimate::before{
	background: url(images/btn_icon01.png) no-repeat center;
	background-size: contain;
}

.p-hamburger {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: block;
	height: 0.2rem;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0.15rem;
	text-align: center;
	top: 0.15rem;
	width: 0.2rem;
	z-index: 101;
}

.p-hamburger span {
	background: #736d71;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: 0.3s transform;
	width: 0.2rem;
}

.p-hamburger span:nth-child(1) {
	top: 0;
}

.p-hamburger span:nth-child(2) {
	top: 0.07rem;
}

.p-hamburger span:nth-child(3) {
	top: 0.14rem;
}

/* active */

.p-hamburger.active span:nth-child(1) {
	top: 0.07rem;
	transform: rotate(-45deg);
}

.p-hamburger.active span:nth-child(2),
.p-hamburger.active span:nth-child(3) {
	top: 0.07rem;
	transform: rotate(45deg);
}
.p-drawer {
	-webkit-overflow-scrolling: touch;
	background: #fff;
	height: 100%;
	opacity: 0;
	overflow-y: scroll;
	padding: 0 0.17rem;
	position: absolute;
	right: 0;
	top: 0rem;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 100;
}
.p-drawer .logo { padding: 0.125rem 0; }
.p-drawer .logo img { width: 1.13rem; vertical-align: middle; }

.p-drawer ul {
	margin: 0.47rem auto 0;
	padding: 0;
	width: 100%;
}
.p-drawer__link:first-child{
	border-top: 1px solid #736d71;
}

.p-drawer__link {
	border-bottom: 1px solid #736d71;
	list-style-type: none;
	padding: 0;
	transition: 0.3s all;
	width: 100%;
}

.p-drawer__link a {
	-webkit-text-decoration: none;
	color: #333;
	display: block;
	font-size: 0.16rem;
	line-height: 1;
	padding: 0.22rem 0.06rem;
	position: relative;
	text-decoration: none;
}

.p-drawer__link a::before {
	content: "";
    display: block;
    position: absolute;
    right: 0.1rem;
    top: 0;
    bottom: 0;
    width: 0.07rem;
    height: 0.07rem;
    margin: auto;
    border-top: 2px solid #736d71;
    border-right: 2px solid #736d71;
    transform: rotate(45deg);
}

/* active */

.p-drawer.active {
	opacity: 100;
	visibility: visible;
}
@media screen and (max-width: 1120px){
	.section11 .btn{
		grid-template-columns: 1fr;
	}
	.p-header__nav{
		margin-right: 0.3rem;
	}	
}
@media screen and (max-width: 767px){
	section.eyecatch .cta{
		grid-template-columns: 1fr;
	}
	.cta .tel{
		grid-row: initial;
		grid-column: initial;
		margin-top: 0;
	}
	section.eyecatch .wrapper{
		padding-bottom: 0;
	}
	.case-btn{
		max-width: 2.2rem;
		margin-top: -0.1rem;
		margin-bottom: 0.5rem;
	}
	.case-btn .default-button{
		font-size: 0.15rem;
		text-align: left;
		padding: 0.05rem 0.3rem;
		line-height: 1.4;
	}
	.case-btn .default-button span{
		font-size: 0.13rem;
	}
	section.section11 .layout-box .box .btn a{
		font-size: 0.18rem;
		padding: 0.1rem 0rem 0.1rem 0.1rem;
	}
	.section11 .btn{
		gap: 0.18rem;
	}
	section.section11 .layout-box .box .tel{
		margin-top: 0.2rem;
	}
}