@charset "UTF-8";
/*------------------------------------------
■ 共通CSS-@import url("/css/common.css");
------------------------------------------*/
body{
font-family: "Noto Sans JP", sans-serif;
color:#333;
border-top:solid 0.5em #98aba8;
}
#wrapper{width:100%;}
#wrap{position:relative;overflow:clip;}
a{/*text-decoration:none;*/}
a,a:hover{transition:0.3s;}

/*=== 大枠レイアウト ============================================================================*/
#header{max-width:1400px;margin:0 auto;padding:0 1em;}/* ナビボタンの横幅と合わせている */

/* 横幅設定、直下のdivを横並びに、画像の縦伸び防止 */

#post{padding-top:2em;}
#main .text{max-width:960px;margin:0 auto 3em;}
#right{max-width:960px;margin:auto;}
.text{padding:0 1em;text-align:left;}

#footer{width:100%;margin:0 auto;}

@media (max-width:960px) {
	body{border:none;}

/**/}

/*=== 追加見出し =======================================================================*/
/* h2吹き出し */
h2.sec{margin-bottom:clamp(2rem, 5vmax, 4rem);padding:clamp(2rem, 5vmax, 4rem) 1rem;text-align:center!important;color:#fff;font-size:1.4em;line-height:1;
background-image: linear-gradient(0deg, rgba(47, 56, 62, 1), rgba(57, 67, 73, 1) 50%, rgba(47, 56, 62, 1));
}
h2.sec::after{content:"―  " attr(data-engtext) "  ―";display:block;padding-top:1em;font-size:0.6em;font-weight:400;letter-spacing:0.05em;}
#post h2.sec::after{content:none;}



h2.sec span{display:block;font-size:16px;font-weight:normal;text-transform: capitalize;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
h2.sec .eng-txt{font-family:"Helvetica";}
h2.sec .eng-txt span{display:inline;font-size:18px;position:relative;padding:0 74px;margin-right:15px;}
h2.sec .eng-txt span:before{position:absolute;content:" ";background:white;width:61px;height:1px;top:50%;left:0;}
h2.sec .eng-txt span:after{position:absolute;content:" ";background:white;width:61px;height:1px;top:50%;right:0;}

@media screen and (min-width:0px) and (max-width:1030px){

h2.sec:before{border:none;-webkit-filter:none;margin:0;}
h2.sec .eng-txt{display:none;}
}




.time-price{width:100%;max-width:500px;margin:0 auto;}
.time-price td{border:solid 1px #e0e0e0;padding:10px;width:calc(100% / 3);}

@media (max-width:860px) {
.time-price{display:table;}
.time-price tr{display:table-row;}
.time-price td{display:table-cell;}

}

#m-test{text-align:left;}
#m-test textarea{width:500px;max-width:calc(100% - 10px);padding:10px;margin:10px 0 50px;}

.mokuji-list{border:solid 2px #aaaaaa;background-color:#f9f9f9;text-align:left;padding:10px;margin:0 auto;}
.mokuji-list p{text-align:center;font-weight:bold;font-size:20px;}
.mokuji-list a{text-decoration:none;color:#395aa7;}
.mokuji-list ul{margin-top:10px;}
.mokuji-list ul ul{margin-top:0;}
.mokuji-list li{text-indent:-1em;padding-left:1em;}
.mokuji-list li li{text-indent:-2em;padding-left:2em;}

@media (max-width:860px) {
.mokuji-list{max-width:calc(100% - 20px);}
/**/}

/*=== 全体テンプレート関連 =======================================================================*/
#left{position:relative;}

.click-big:hover img{position:relative;z-index:2;transform:scale(1.2);opacity:0.5; }/*画像拡大指示*/
.click-big img,click-big:hover img{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}/* マウスオーバー時の変化速度 */

/*- ページ上部に戻る -----------------------------------------------------*/
#show-hide{width:5em;height:5em;position:fixed;bottom:2em;right:2em;z-index:200;}
#show-hide a{display:flex;flex-direction:column;justify-content:center;width:100%;height:5em;border-radius:5px;color:#fff;background-color:#394349;text-decoration:none;}
#show-hide a span{display:block;text-align:center;font-size:0.6em;}
#show-hide a::before{content:'\f062';font-family:'Font Awesome 5 Free';font-weight:900;font-size:1.2em;}
#show-hide a:hover{opacity:0.8;}

@media (max-width:860px){
#show-hide{position:fixed;bottom:7em;right:1em;}
}


/*callbar：コールバー*/
#callbar{display:none;font-size:16px;}

@media (max-width:860px) {
#callbar{display:block;position:fixed;bottom:0;z-index:100;width:100%;font-weight:bold;text-align:center;}
#callbar p{padding:0.5em 0;font-size:0.8em;line-height:1;color:#fff;font-weight:400;background:#4291a9;}
#callbar ul{display:flex;}
#callbar li{flex:1;}
#callbar a{display:block;width:100%;padding:1em 0;font-size:0.8em;line-height:1;background-color:#fff;color:#394349;font-weight:500;text-decoration:none;}
#callbar a i{display:block;margin-bottom:0.3em;font-size:2em;text-align:center;}
}


/*- header部分※横幅設定は同じファイル上部の「大枠レイアウト」に記載しています-------------------------*/
header{padding:0 1em;}

header .box{width:100%;
	max-width:1400px;margin:0 auto;padding:0.5em 0;
	display:grid;
}
header .box .header_logo{grid-column: 1 / 2;grid-row: 1 / 4;text-align:left;
display:flex;align-items:center;justify-content:flex-start;}
header .box .header_logo img{max-width:340px;height:auto;}
header .box h1{grid-column: 2 / 3;grid-row: 1 / 2;text-align:right;padding-bottom:0.5em;}
header .header-tel{grid-column: 2 / 3;grid-row: 2 / 4;display:flex;justify-content:flex-end;}
.header-tel p{display:flex;justify-content:center;}
.header-tel p a{text-decoration:none;}
.header-tel p.tel a{text-align:left;padding:0 1em;font-size:0.8em;color:#222;}
.header-tel p.tel a span{display:block;width:100%;font-size:2.2em;}
.header-tel p.tel a span::before{content:'\f87b';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.header-tel p.mail_btn a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1em 2em;background:#ff5161;color:#fff;border-radius:5px;}
.header-tel p.mail_btn a::before{content:'\f0e0';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.header-tel p.mail_btn a:hover{opacity:0.8;}

@media (max-width:860px) {
	header{position:sticky;top:0;left:0;width:100%;height:65px;z-index:999;background:#fff;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
	header .box h1,header .box .header_logo,header .box,header .box .header-tel{display:block;}
	header {display:flex;justify-content:space-between;}
	header .box{padding:0 1em;margin:0;}
	header .box h1{text-align:left;padding-top:0.5em;font-size:0.6em;}
	header .box .header_logo img{max-width:180px;height:auto;}
	header .box .header-tel{display:none;}
	.header-tel p.tel{margin-bottom:0.5em;}
	.header-tel p.tel a{text-align:center;}
}



/*- navi部分 -----------------------------------------------------*/
#navi{position:sticky;top:0;left:0;width:100%;z-index:999;border-bottom:solid 1px #e3e3e3;border-top:solid 1px #e3e3e3;background:#fff;/*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/}

#navi .spmenu_btn{display:none;}
#navi .spmenu ul{display:flex;max-width:1400px;margin:0 auto;}

#navi .spmenu li{flex:1;}
#navi .spmenu li a{display:block;padding:1.8em 0;font-size:0.85em;color:#323232;font-weight:500;transition:0.3s;text-decoration:none;}
/*#navi .spmenu li a span{display:table-cell;vertical-align:middle;height:60px;width:150px;}*/

#navi .spmenu ul li:nth-child(1) a{}

#navi .spmenu li a:hover,#navi .spmenu li.current a:hover,#navi .spmenu li a:active,#navi .spmenu li.current a:active{color:#ff5161;transition:0.3s;}

#navi .spmenu .header-tel{display:none;}


@media (max-width:860px){
/* 全画面用のボタン装飾全取り消し */
#navi{position:fixed;top:0;left:auto;right:0;width:0;border:none;transition:width 0.3s;}
/*#navi .spmenu ul{display:block;background-color:transparent;border:none;padding:0;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}*/
#navi .spmenu ul{display:block;width:100%;margin-bottom:1em;}
#navi .spmenu li{flex:none;}
#navi .spmenu ul li:nth-child(1) a{border-left:none;}
#navi .spmenu li a{border:none;padding:0.5em 0;font-size:1em;color:#333;}
#navi .spmenu li a span{display:inline;height:auto;width:auto;}
#navi .spmenu .header-tel{display:block;width:100%;padding:2em 0;background:#f9f9f9;}

/* スマホ画面用装飾・開閉挙動 */
#navi .spmenu_btn{
position:absolute;top:0;right:0;z-index:200;display:block;width:65px;height:65px;line-height:3.4em;cursor:pointer;background:#394349;/*position:absolute;top:0;right:0;z-index:300;*/
font-size:1.2em;color:#fff;font-weight:bold;text-align:center;
}
#navi .spmenu_btn:before{font-family:"Font Awesome 5 Free";content:"\f0c9";font-size:1.8em;}
#navi.active .spmenu_btn:before{font-family:"Font Awesome 5 Free";content:"\f00d";font-size:1.8em;}

#navi .spmenu{
position:absolute;top:0;left:100%;z-index:100;width:100vw;height:100dvh;padding-top: 2em;opacity:0;
display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#fff;transition: 0.3s;
}
#navi.active{width:100vw;}
#navi.active .spmenu {left:0;opacity:1;}


/**/}

/*- navi下：タイトル画像 -----------------------------------------------------*/
.title-img{text-align:center;position:relative;z-index:0;}
/*.title-img:after {display:block;width:100%;position:absolute;top:0;box-shadow:0px 2px 4px 0px #e3e3e3 inset;height:10px;content:"";}*/

.title-slide{/*max-width:1300px;*/margin:0 auto -10px;}

ul.bxslider {padding:0;margin:0;}

@media (max-width:1030px){
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{display:none;}
}



#helo{width:100%;height:auto!important;aspect-ratio:4/3;}

#helo .swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  aspect-ratio:4/3;
}

#helo .swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
}

#helo .slide1{background:url(../images/design1-sp.webp) no-repeat center;background-size:cover;}
#helo .slide2{background:url(../images/design2-sp.webp) no-repeat center;background-size:cover;}
#helo .slide3{background:url(../images/design3-sp.webp) no-repeat center;background-size:cover;}
#helo .swiper-button-prev,
#helo .swiper-button-next {
  width: 32px; /* ボタンの幅 */
  height: 32px; /* ボタンの高さ */
  /*background-size: 32px;  表示したいサイズ */
 transform: translateY(-50%); /**/
  margin-top: 0;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
background: url(../images/controls.png) no-repeat -43px -32px;;
}

/* 前ページボタンのスタイル */
.swiper-button-prev {
  background: url(../images/controls.png) no-repeat 0 -32px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
 display: none;
}
#helo .swiper-button-prev,
#helo .swiper-button-next {
 display: none;
}

@media (min-width:701px){
#helo,#helo .swiper--wrapper {aspect-ratio:64/25;}

#helo .slide1{background:url(../images/design1.webp) no-repeat center;background-size:cover;}
#helo .slide2{background:url(../images/design2.webp) no-repeat center;background-size:cover;}
#helo .slide3{background:url(../images/design3.webp) no-repeat center;background-size:cover;}
#helo .swiper-button-prev,#helo .swiper-button-next { display: block;}

}

/*- #panList：パンくずリスト -----------------------------------------------------*/
#panList{padding:0 1em;background-color:#f4f4f4;text-align:left;font-size:0.8em;color:#333;}
#panList ul{max-width:1200px;margin:0 auto;padding:10px 0;}
#panList li{display:inline-block;}
#panList li::before{font-family:"Font Awesome 5 Free";font-weight:900;}
#panList li:not(:first-child)::before{content:"\f105";padding:0 1em;}
#panList li:nth-child(1)::before{content:"\f015";padding-right:0.5em;}
#panList a{text-decoration:underline;color:#888888;}
#panList a:hover{text-decoration:none;}


/* footer上お問い合わせボタン-----------------------------------------------------*/

.free-sns{padding:10px;}
.free-sns div{font-weight:bold;font-size:26px;}

.free-sns p{display:inline-block;text-align:center;width:100%;max-width:100px;}
.free-sns a{position:relative;display:block;margin:0 auto;border-radius:50%;color:#fafafa;width:50px;height:50px;text-decoration:none;display:flex;justify-content:center;align-items:center;}

.free-sns .fb a{background-color:#1a76f3;font-size:40px;}
.free-sns .tw a{background-color:#00a8e7;font-size:30px;}

.free-sns .fb i{position:absolute;bottom:0;}
.free-sns .tw i{display:block;position:absolute;}

.free-sns a:hover{opacity:0.6;}
.free-sns a,.free-sns a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}




/*- footer部分 -----------------------------------------------------*/
#footer{padding:0 1em;font-size:1em;background-color:#394349;color:#fff;}

#footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;padding:2em 0;}
#footer-inner img{align-self:flex-start;}
#footer-inner div.footer-logo{flex-basis:40%;}
#footer-inner div.footer-cat{flex-basis:60%;}

#footer-inner div.footer-logo{text-align:left;}
#footer-inner div.footer-logo img{display:block;max-width:300px;margin-bottom:10px;}

.footer-logo p{padding:1em 0;}
.footer-logo ul li{display:inline-block;margin-right:1em;}
.footer-logo ul li a{display:block;font-size:2em;color:#fff;}

#footer .footer-cat{text-align:left;padding:20px 0;padding-left:100px;}
#footer .footer-cat h3{font-size:18px;padding-top:10px;}
#footer .footer-cat li{display:inline-block;width:calc(100% / 3 - 5px);padding:10px 0;}
#footer .footer-cat li a{text-decoration:none;padding:0 0.5em;color:#fff;font-weight:500;}

#footer a:hover{opacity:0.6;}
#footer a,#footer a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
#footer .copy{padding:2em 0 3em ;}

@media (max-width:860px) {
#footer{padding-bottom:6em;font-size:0.8em;}
#footer-inner{display:block;}

#footer .footer-cat{padding-left:10px;}
#footer-inner div:nth-child(1){padding:10px;}
#footer .footer-cat li{width:calc(100% / 2 - 5px);}
}

/*- #right部分 -----------------------------------------------------*/
#right h2{background-color:#98aba8;color:#fff;font-weight:bold;padding:10px;text-align:center;}

.right-navi ul{font-size:0;display:flex;flex-wrap:wrap;margin:10px auto;border-top:solid 1px #ccc;border-left:solid 1px #ccc;}
.right-navi li{font-size:14px;display:block;flex-basis:calc(100% / 4);text-align:center;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.right-navi li img{display:block;margin:10px auto;max-width:50px;}

.right-navi li a{display:block;text-decoration:none;color:#333;font-weight:500;padding:10px;}
.right-navi li a:hover span,.right-navi li a:hover img{opacity:0.6;}
.right-navi li a,.right-navi li a:hover span,.right-navi li a:hover img{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}

@media (max-width:1030px) {
.right-navi li{flex-basis:calc(100% / 2);}
}



/*=== 個別ページ別 ============================================================================*/

/*- #index全体 --------------------------------------------------------------------------*/
#index{text-align:left;}
#index > section{padding:clamp(2em, 10%, 4em) 0;}
#index .text{max-width:1200px;margin:auto;}
#index h2{color:#333;margin-bottom:1em;padding:0.8em;font-size:clamp(1.375rem, 1.254rem + 0.518vw, 1.875rem);font-weight:500;text-align:center;/*background:#fff3f1;border-radius:500px;*/}
#index h2 span{white-space:nowrap;}
#index h2::after{content:'－ ' attr(data-h2) ' －';display:block;padding-top:1.4rem;text-align:center;font-size:1rem;font-family:"Noto Serif JP",serif;letter-spacing:0.05em;}
#index a .fa-chevron-down{margin-right:0.5em;}
@media (max-width:800px){
	#index h2{border-radius:0;}
}

.plan-link{position:relative;display:block;border-radius:5px;border:solid 2px #394349;background-color:#394349;color:#fff;
padding:18px 10px;margin:30px auto;max-width:400px;text-decoration:none;font-weight:500;text-align:center;}
.plan-link:hover{background-color:#fff;color:#394349;}
.plan-link i{font-size:14px;display:inline-block;position:relative;top:0;}

.plan-case a{display:block;border:solid 1px #fcbeb3;padding:15px;width:100%;max-width:400px;margin:0 auto;text-align:center;}

.plan-case2{display:flex;flex-wrap:wrap;margin:0 -10px;}
.plan-case2 .plan-case{flex-basis:calc(100% / 2);padding:0 10px;}

@media (max-width:410px){
.plan-case a{width:calc(100% - 20px);margin:0 auto;}

.plan-case2{display:block;margin:0;}
.plan-case2 .plan-case{padding:0;}
}

/*- #index部分：news：新着情報 -----------------------------------------------------*/
.news-box{box-sizing:border-box;max-width:960px;margin:0 auto;position:relative;padding:0 1em;}

#index h3.ttl-news{position:relative;display:block;background-color:rgb(0,0,0,0);text-align:left;color:#333;font-size:18px;padding:0;}

.news ul {margin:0 auto;box-sizing:border-box;color:#898989;}
.news-item {border-bottom:dashed 1px #dee2e6;padding:1em 0;
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.news a{color:#333;text-decoration:none;}
.news a:hover {color:#999;}

.news .news-item-date {width:20%;box-sizing:border-box;color:#898989;}
.news .news-item-title {width:80%;padding-left:1em;}

@media (max-width:860px){

.news-item{display:block;}
.news .news-item-date {display:inline-block;}
.news .news-item-date{width:200px;padding-left:0;}
.news .news-item-title{width:100%;padding-top:5px;}
.news .news-item-title br{display:none;}

}

/* #index：安心サポート --------------------------------------------------------------------------*/
#index .troubles{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
#index .troubles li{border:solid 1px #ccc;border-radius:5px;}
#index .troubles li a{display:flex;flex-direction:column;align-items:center;padding:2em;color:#333;text-decoration:none;}
#index .troubles li a::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;padding-top:0.8em;}
#index .troubles li img{width:80px;margin-bottom:1.4em;}
#index .troubles li a p{}
#index .troubles li a p:nth-of-type(1){padding-bottom:0.8em;font-weight:700;font-size:1.1em;text-align:center;}
#index .troubles a:hover{opacity:0.6;}

@media screen and (max-width:800px){
#index .troubles li a{flex-direction:row;padding:0.5em;}
#index .troubles li a::after{content:'\f054';padding-top:0;padding-left:0.5em;}
#index .troubles li img{width:50px;margin-right:0.8em;margin-bottom:0;}
#index .troubles li a p:nth-of-type(1){text-align:left;}
}


/* #index：料金設定 --------------------------------------------------------------------------*/
#index .price h2{font-size: clamp(1.5rem, 1.318rem + 0.777vw, 2.25rem)!important;}
#index .price .text{max-width:1600px;}
.price .text > div section{margin-bottom:4em;}
.price h3{text-align:center;}
.price img{margin-bottom:2em;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:16px;}
.price p{line-height:1.8;}
.price .p1{margin-bottom:1em;font-size:1.2em;font-weight:500;text-align:center;}
.price .p1 span{display:block;}

@media (min-width:860px){
.price .text > div{display:flex;justify-content:space-between;}
.price .text > div section{width:31%;margin-bottom:0;}
.price .p1 span{display:inline;}
}
/*
.price dl{padding:2em 0;}
.price dt{margin-bottom:1em;font-size:1.1em;font-weight:500;}
.price dl div{margin:0 0 1em;text-align:center;}
.price dl div:nth-of-type(1) dt::before{background:url(../images/index_price_img1.jpg) no-repeat center;background-size:cover;}
.price dl div:nth-of-type(2) dt::before{background:url(../images/index_price_img2.jpg) no-repeat center;background-size:cover;}
.price dl div:nth-of-type(3) dt::before{background:url(../images/index_price_img3.jpg) no-repeat center;background-size:cover;}
.price dt::before{content:'';display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center;margin:0 auto 1em;}
.price dd{}
.price p{max-width:700px;line-height:1.6;}
.price .f3em{font-size:1.8em;}
.price .f16em{font-size:1.2em;}
.price .f18em{font-size:1.4em;}



@media (min-width:768px){
.price dl{display:flex;justify-content:center;}
.price dl div{width:32%;max-width:360px;margin:0 1em;}
.price dl div:nth-of-type(2){order:3;}
.price p{margin:auto;font-size:1.2em;}
.price dt::before{max-width:360px;height:auto;aspect-ratio:1/1;border-radius:100%;}
}
*/
#index .point{background:#f9f9f9;}
#index .point .text{max-width:1400px;}
#index .point .text section{display:flex;}
#index .point .text section:nth-of-type(2) img{order:2;}
#index .point .text section img{width:50%;height:auto;aspect-ratio: 4 / 3;object-fit:cover;}
#index .point .text section div{width:50%;display:flex;flex-direction:column;justify-content:center;padding:2em clamp(2rem,2vw,3rem);}
#index .point .text h3{margin-bottom:1em;text-align:center;font-size:1.2em;border:none;}
#index .point .text p{text-align:left;line-height:1.8;}
#index .point .text p:not(:last-of-type){margin-bottom:2em;}
#index .point .text a.plan-link{margin:0 auto;max-width:400px;}
#index .point .text a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;float:right;}


#index #google_reviews{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background:url(../images/voice_bg.webp) no-repeat center bottom;background-size:cover;}
#index #google_reviews p:first-of-type{text-align:center;margin-bottom:2em;line-height:1.8;}
#index #google_reviews p span{white-space:nowrap;}
#index #google_reviews p a{
display:block;max-width:600px;margin:auto;padding:1.4em 0;text-align:center;font-size:1.1em;color:#333;
border:solid 1px #ccc;border-radius:5px;text-decoration:none;background:#fff;}
#index #google_reviews p a:hover{opacity:0.8;}
#index #google_reviews p a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;padding-left:1em;}

#index .google_review .swiper-slide{box-sizing:border-box;padding:1em;background:#fff;border-radius:5px;/*box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .13), 0px 0px 2px 0px rgba(0, 0, 0, .05);*/}

@media (max-width:800px){
	#index .point .text section{display:block;}
	#index .point .text section:not(:last-of-type){margin-bottom:3em;}
	#index .point .text section div,#index .point .text section img{display:block;width:auto;padding:0;}
	#index .point .text section img{margin-bottom:2em;}
	#index .point .text h3{font-size:1.4;}
	#index .point .text h3 span{display:block;text-align:center;}
	#index #google_reviews p a{font-size:1em;}
}



#index .about{max-width:none;background:url(../images/index_about_bg.webp) no-repeat center #f9f9f9;background-size:cover;}
#index .about h2{background:none;}
#index .about .text{max-width:1200px;margin:0 auto 3em;}
#index .about .text > img{width:48%;object-fit:cover;object-position:left bottom;}
#index .about .text > div{max-width:800px;margin:auto;}
#index .about p{line-height:1.8;}
#index .about p:not(:last-of-type){margin-bottom:1em;}
#index .about .text p:last-of-type{text-align:right;}
#index .about p:last-of-type{padding:0 1em;}

@media (max-width:800px){
	#index .about .text{flex-direction:column;}
	#index .about .text > img,#index .about .text > div{width:100%;}
	#index .about .text > img{margin-bottom:1em;}
}


/* #index：取り扱い調査一覧 --------------------------------------------------------------------------*/
#index .survey_list .price-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
#index .survey_list .price-list a{display:block;padding:0.5em;text-decoration:none;font-weight:500;color:#333;border:solid 1px #ccc;border-radius:5px;transition:opacity 0.3s;}
#index .survey_list .price-list a:hover{opacity:0.8;}
#index .survey_list .price-list p img{width:20%;height:auto;margin-right:1em;}

@media (min-width:481px){
	#index .survey_list .price-list a{padding:1em;}
	#index .survey_list .price-list p img{width:30%;}
}

.faq .text{max-width:800px;}
.faq dl{margin-bottom:4em;}
.faq dl div:not(:last-of-type){margin-bottom:1em;padding-bottom:1em;border-bottom:dotted 1px #999;}
.faq dt,.faq dd{display:flex;padding:0.5em 0;line-height:1.8;font-size:1.1em;}
.faq dt{font-weight:700;}
.faq dt::before,.faq dd::before{padding-right:0.8em;font-weight:700;}
.faq dt::before{content:'Ｑ';color:#c00;}
.faq dd::before{content:'Ａ';color:#06c;}
.faq dd a{color:#dd3259;}



/* #index:過去の事例集 --------------------------------------------------------------------------*/
#index_diary{background:#f9f9f9;}
.diary_list{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);margin-bottom:3em;}
.diary_list h3{font-size:1em!important;font-weight:500;border:none;margin:0;padding:0;text-align:left;}
.diary_list p{margin-bottom:1em;}
.diary_list img{width:100%;margin-bottom:1em;object-fit:cover;}
.diary_list a{display:block;text-decoration:none;color:#333;}
.diary_list a:hover{opacity:0.6;}
.diary_list a,.diary_list a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}

@media (max-width:479px){
	.diary_list{display:block;}
	.diary_list article{margin-bottom:1em;}
	.diary_list article a{display:flex;background:#fff;}
	.diary_list article a img{width:30%;margin:0;}
	.diary_list article a div{width:70%;padding:1em;font-size:0.85em!important;}
}

/* #index:探偵ブログ --------------------------------------------------------------------------*/
#index_blog{background:#f2f2f2;}
#index_blog .blog-title{font-weight:500;}
.blog-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
.blog-list img{margin-bottom:1em;width:100%;height:auto;aspect-ratio: 2 / 1.4;}
.blog-list article{padding:1em;background:#fff;border-radius:5px;border:solid 1px #eee;}

.blog-list a{display:block;text-decoration:none;color:#333;font-size:14px;}
.blog-list a:hover{opacity:0.6;}
.blog-list a,.blog-list a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}

.blog-title{font-weight:bold;margin:10px auto;font-size:1.4em!important;}

@media (max-width:767px){
.blog-list{display:block;margin:0;}
.blog-list article{margin-bottom:1em;}
.blog-list img{display:block;margin:0 auto 5px;}
}




#index .contact{background:url(../images/contact_bg.webp) no-repeat center;background-size:cover;}
#index .contact a{text-decoration:none;text-align:center;}
#index .contact .box{padding:1em;text-align:center;color:#fff;/*padding-left:30%;background:url(../images/contact_img.png) no-repeat left bottom;background-size:contain;border:solid 10px  #eee;*/}
#index .contact h2{padding:0;background:none;color:#fff;}
#index .contact h2 span{display:block;font-size:0.8em;}
#index .contact h2::after{content:none;}
#index .contact .tel {padding:1em 0;}
#index .contact .tel a{font-size:clamp(2em, (1rem + 5vw), 3em);font-weight:900;color: #fff;text-shadow:2px 2px 0 rgba(0,0,0,0.2);}
#index .contact .tel a::before{content:'\f87b';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
#index .contact .mail_line{display:flex;justify-content:center;align-items:center;}
#index .contact .mail_line p{padding:0 1em;}
#index .contact .mail_line a{display:block;width:300px;padding:0.8em 0;font-size:1.1em;font-weight:700;color:#fff;border-radius:5px;box-shadow:4px 4px 0 rgba(0,0,0,0.1);transition:opacity 0.3s;}
#index .contact .mail_line a:hover{opacity:0.8;}
#index .contact .mail_btn a{background: #ff5161;}
#index .contact .mail_btn a::before{content:'\f0e0';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
#index .contact .line_btn a{background: #27a844;}
#index .contact .line_btn a::before{content:'\f3c0';font-family:'Font Awesome 5 Brands';font-weight:400;margin-right:0.3em;}

@media (max-width:860px){
	#index .contact{}
	#index .contact .mail_line{display:block;}
	#index .contact .mail_line p a{margin:1em auto;}
}


#index .sample{background:#333;}
#index .sample h2{color:#fff;}
#index .sample .text{display:grid;grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: clamp(1rem, 2vw, 24px);margin-bottom:4em;}
#index .sample .text section{flex-basis:48%;padding:2em 1em;background:#fff;display:flex;flex-direction:column;justify-content:center;border-radius:5px;}
#index .sample .text h3{margin-bottom:1em;text-align:center;font-size:1.2em;}
#index .sample .text section img{width:100%;margin-bottom:1.6em;}
#index .sample .text section p{line-height:1.8;}
#index .sample .text section p:last-of-type{margin-top:auto;padding-top:1em;text-align:center;}
#index .sample .text section p a{background:#fff;color:#333;text-decoration:none;border-bottom:solid 1px #333;}
#index .sample .text section p a::after{content:'\f105';font-family:'Font Awesome 5 Free';font-weight:900;padding-left:1em;}
#index .sample .text section p a:hover{opacity:0.8;}
#index .sample > p{padding:0 1em;}



.index_contact{padding:clamp(2em, 10%, 3em) 1em;background:url(../images/index_contact_bg.webp) no-repeat center;background-size:cover;}
.index_contact a{text-decoration:none;}
.index_contact .box{max-width:1400px;margin:auto;padding:3em 0.5em;background:rgba(255,255,255,0.9);border-radius:5px;}
.index_contact h2{margin-bottom:1em;font-size:clamp(1.5rem, 1.318rem + 0.777vw, 2.25rem);color:#333;font-weight:500;}
.index_contact h2 span{display:block;text-align:center;font-size:0.8em;}
.index_contact h2::after{content:none;}
.index_contact .tel {padding:clamp(2em, 10%, 3em) 0;}
.index_contact .tel a{font-size:clamp(2em, (1rem + 5vw), 3em);font-weight:900;color:#394349;}
.index_contact .tel a::before{content:'\f87b';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.index_contact .mail_line{display:flex;justify-content:center;align-items:center;}
.index_contact .mail_line p{margin:0 1em;}
.index_contact .mail_line a{display:block;width:300px;padding:0.5em 0;font-size:1.6em;font-weight:700;color:#fff;border-radius:5px;box-shadow:4px 4px 0 rgba(0,0,0,0.1);transition:opacity 0.3s;}
.index_contact .mail_line a:hover{opacity:0.8;}
.index_contact .mail_btn a{background: #ff5161;}
.index_contact .mail_btn a::before{content:'\f0e0';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.index_contact .line_btn a{background: #27a844;}
.index_contact .line_btn a::before{content:'\f3c0';font-family:'Font Awesome 5 Brands';font-weight:400;margin-right:0.3em;}

@media (max-width:767px){
	.index_contact{}
	.index_contact .mail_line{display:block;}
	.index_contact .mail_line p{margin:0;}
	.index_contact .mail_line p a{margin:1em auto;}

}





/*- #category-list：カテゴリリスト --------------------------------------------------------------------------*/
#category-list h2{text-align:left;font-size:22px;padding:15px 0;}

#category-list li{border:solid 1px #ccc;margin:15px 0;}
#category-list li a{display:flex;transition:0.3s;text-decoration:none;color:#333;}
#category-list li a:hover h3{transition:0.3s;color:#016525;}
#category-list li div:nth-child(1){flex-basis:35%;}
#category-list li div:nth-child(2){flex-basis:65%;}

#category-list li a img{display:block;transition:0.3s;object-fit:cover;width:370px;height:210px;}
#category-list li a:hover img{transition:0.3s;transform:scale(1.2);/* 画像拡大指示 */}

#category-list li div:nth-child(1) span:nth-child(1){display:block;position:relative;overflow:hidden;}
#category-list li div:nth-child(1) span:nth-child(2){display:block;position:absolute;bottom:0;background:rgba(0,0,0,0.6);width:100%;padding:5px;color:#fff;font-size:12px;font-weight:bold;z-index:5;}

#category-list li div:nth-child(2){text-align:left;padding:10px;font-size:13px;}
#category-list li div:nth-child(2) h3{font-size:18px;font-weight:bold;}
#category-list li div:nth-child(2) span{display:block;}

#category-list li div:nth-child(2) span:nth-child(2){position:relative;height:3em;overflow:hidden;margin:15px 0;}
#category-list li div:nth-child(2) span:nth-child(2):after{position:absolute;bottom:-1px;right:0;content:"[…]";display:block;padding:3px;background-color:#fff;}

#category-list li div:nth-child(2) span:nth-child(3){display:inline-block;}
#category-list li div:nth-child(2) span:nth-child(3):before{font-family:"Font Awesome 5 Free";content:"\f017";font-weight:400;padding-right:5px;display:inline-block;vertical-align:middle;}

#category-list li div:nth-child(2) span:nth-child(4){display:inline-block;float:right;}

/*- #post：目次 --------------------------------------------------------------------------*/
#contents_nav{max-width:960px;margin:0 auto 4em;padding:3em;text-align:center;background:rgba(0,0,0,0.02);border:solid 1px #ddd;}
#contents_nav h3{display:inline-block;margin-top:0!important;margin-bottom:2em;text-align:center;font-size:1em!important;font-weight:500;border:none!important;}
#contents_nav h3::before,#contents_nav h3::after{content:'－';padding:0 1em;}
#contents_nav ul{list-style:none!important;padding-top:0!important;counter-reset: level_num;}
#contents_nav li a::before{counter-increment:level_num;content: counters(level_num, ".");margin-right:0.8em;}
#contents_nav li a{display:block;padding:0.5em 0;padding-left:1.4em;text-indent:-1.4em;text-align:left;text-decoration:none;color:#333;border-bottom:dotted 1px #ccc;}
#contents_nav li li a{padding-left:2.9em;}
#contents_nav li a:hover{background:rgba(0,0,0,0.05);color:#ff7f7f;}

@media (max-width:500px){
	#contents_nav{padding:1em;}
	#contents_nav h3{margin-bottom:1em;}
}
@media (min-width:801px){
	#difference section:target,
	#price section:target,
	#faq section:target
	{padding-top:8em!important;}
}


/*- #post：本文見出し --------------------------------------------------------------------------*/
#post h2{font-size:22px;text-align:left;}
/*#wrapper:not(:has(#index)) h3{margin-bottom:1em;padding-bottom:0.5em;border-bottom:solid 3px #fcbeb3;font-size:24px;}*/
h3{margin-bottom:1em;padding-bottom:0.5em;border-bottom:solid 3px #fcbeb3;font-size:1.4em;}
/*h3 span{white-space:nowrap;}*/
#post h4{font-size:16px;}
#post h4:before{content:"●";color:#fcbeb3;font-size:20px;padding-right:2px;display:inline-block;vertical-align:middle;}

@media (max-width:860px){
h3{text-align:center;}
}

/*- post:記事内テーブル ----------------------------------------------------------------------*/
table.kiji td,table.kiji th{border:solid 1px #016525;padding:5px;}
table.kiji th{background-color:#f9e6dc;}
table.kiji tr.kiji-midasi th,table.kiji tr.kiji-midasi td{background-color:#6b8c0f;font-weight:bold;color:#fff;}
table.kiji .pc_none{display:none;}

@media (max-width:1030px){
table.kiji  tr.kiji-midasi{display:none;}
table.kiji td{min-height:3em;padding-left:8em;}
table.kiji .pc_none{display:block;float:left;width:7em;margin-left:-7.6em;padding:5px;background-color:#6b8c0f;font-weight:bold;color:#fff;}
}


/*-- googleaop ----------------------------------------------*/
.googlemap iframe{max-width:100%;}






/*=== 下層ページ ======================================================================================================================================================*/
#sec1{max-width:960px;margin:0 auto clamp(2rem, 10vmax, 8rem);padding:0 1em;text-align:center;}
#sec1 img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;margin-bottom:4em;border-radius:16px;}
#sec1 h3{border:none!important;font-weight:500;text-align:center;}
#sec1 p{max-width:800px;margin:auto;line-height:1.8;text-align:left;}
#sec1 div{display:flex;justify-content:space-between;align-items:center;padding-top:4em;}
#sec1 div img{width:40%;aspect-ratio:1 / 1;object-fit:cover;border-radius:100%;}
#sec1 div ul{order:2;width:50%;text-align:left;}
#sec1 div li{padding:0.5em 0;border-bottom:solid 1px #fcbeb3;}
#sec1 div li::before{content:'\f0da';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.8em;}

@media (max-width:767px){
#sec1 div{display:block;}
#sec1 div {padding-top:2em;}
#sec1 div img,#sec1 div ul{width:100%;}
#sec1 div ul{margin-bottom:2em;}
#sec1 div img{border-radius:0;}
}


/*- 安心サポートサービス : #first_time -------------------------------------------------------------------------*/
.relief{text-align:center;}
.relief span{display:block;max-width:300px;padding:10px;margin:0 auto;background-color:#d3d3d3;}

#first_time .text{line-height:1.8;}
#first_time .text > p{margin-bottom:1em;}
#first_time .text > section{}
#first_time h3{border:none!important;font-weight:500;}
#first_time h3 span{display:block;font-size:1.4em;}


#support{max-width:1400px;margin:auto;padding:clamp(2em, 10%, 4em) 1em;}
#support > div{display:grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));grid-gap: clamp(1rem, 4vw, 2rem);padding-top:2em;}
#support div section{padding:1em;text-align:center;border:solid 1px #ccc;border-radius:5px;}
#support section img{width:100px;margin-bottom:2em;}
#support section h4{margin-bottom:1em;font-size:1.2em;font-weight:500;}
#support section p{text-align:left;line-height:1.8;}


#promise{margin-bottom:4em;padding:clamp(2em, 10%, 4em) 1em;background:#f9f9f9;}
#promise dl{max-width:960px;margin:auto;padding:clamp(1em, 10%, 8em);background:#fff;counter-reset: dt;box-shadow:2px 2px 16px rgba(0,0,0,0.1);}
#promise dl div{margin-bottom:1.6em;padding-bottom:1.6em;border-bottom:dotted 1px #ccc;}
#promise dl dt{padding:1em 0;font-size:1.4em;font-weight:500;}
#promise dl dt span{white-space:nowrap;}
#promise dl div::before{counter-increment:dt;content: "Promise " counter(dt);font-family:serif;color:#c3b486;}
#promise dl dd{text-align:left;line-height:1.8;}

@media (max-width:1030px){
#support section div{display:block;}
#support section div p:nth-child(1){text-align:center;}
#support section div p:nth-child(1) img{max-width:100px;}
}



/*- 他者との違い : #difference --------------------------------------------------------------------------------*/


#difference .text section{margin-bottom:4em;}

#difference section section:first-of-type{padding-top:4em;}
#difference section > h3{margin-bottom:1em;padding-bottom:0.5em;}
#difference section > h3 + img{margin-bottom:2em;}
#difference section h4{margin-bottom:1em;padding-bottom:1em;font-size:1.3em;font-weight:500;border-bottom:dotted 1px #999;}
#difference section p{line-height:1.8;}
#difference section p:not(:last-of-type){margin-bottom:1em;}
#difference div.redb{margin-bottom:1em;}
#difference .eq_yen{white-space:nowrap;font-size:1.4em;}
#difference section dl{margin:0 0 2em;}
#difference section dt{margin-bottom:1em;font-weight:700;}
#difference section dt::before{content:'・';}
#difference section dd{padding:0 1em;}
#difference section dd:not(:last-of-type){margin-bottom:2em;line-height:1.8;}


/*-- 当事務所について : #our_office ------------------------------------------------------------------------------------------*/
#our_office h3{text-align:center;}
#our_office section{margin-bottom:4em;}
#our_office section p{margin-bottom:1em;line-height:1.8;}
#our_office .sec1 > p:last-of-type{text-align:right;}
#our_office .sec1 section{margin-bottom:0;padding:2em;border:solid 1px #ccc;border-radius:5px;}
#our_office .sec1 h4{margin-bottom:1em;}

#our_office .sec2 > div{}
#our_office .sec2 img{}
#our_office .sec2 table{width:100%;margin-bottom:2em;border-collapse:bollapse;}
#our_office .sec2 th,#our_office .sec2 td{padding:0.8em;line-height:1.8;border:solid 1px #ccc;}
#our_office .sec2 th{width:25%;background:#f9f9f9;font-weight:400;white-space:nowrap;}
#our_office .sec2 td{width:75%;}
#our_office .sec2 td ul{display:flex;gap:1em;list-syale:none;}


/*- 調査一覧 : #survey_item --------------------------------------------------------------------------*/
#survey_item .p1{margin-bottom:1em;font-size:2em;text-align:center;}
#survey_item .p1 span,#survey_item .p2 span{white-space:nowrap;}
#survey_item .p2{margin-bottom:clamp(2em, calc(1rem + 5vw), 4em);padding:1em;font-size:1.1em;text-align:center;}

#survey_item #sec2{max-width:1600px;}
#survey_item #sec2 section{display:flex;width:100%;}
#survey_item #sec2 section img{width:50%;height:auto;align-self:flex-start;}
#survey_item #sec2 section div{width:50%;padding:0 4em;display:flex;flex-direction:column;justify-content:center;}
#survey_item #sec2 section:nth-of-type(even) img{order:2;}
#survey_item #sec2 section h3{font-weight:500;}
#survey_item #sec2 section p{line-height:1.8;margin-bottom:1em;}
#survey_item #sec2 section ul{margin-bottom:2em;}
#survey_item #sec2 section li{padding:0.2em 0;}
#survey_item #sec2 section li::before{content:'・';color:#fcbeb3;}
#survey_item #sec2 section p a{display:block;max-width:400px;padding:1em;background:#394349;color:#fff;text-align:center;text-decoration:none;border-radius:5px;transition:opacity 0.3s;}
#survey_item #sec2 section p a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;float:right;}
#survey_item #sec2 section p a:hover{opacity:0.8;}

@media (max-width:860px){
	#survey_item #sec2{padding:0;}
	#survey_item #sec2 section{display:block;}
	#survey_item #sec2 section div,#survey_item #sec2 section img{width:auto;}
	#survey_item #sec2 section div{padding:2em 1em;}
	#survey_item #sec2 section h3{text-align:center;}	
	#survey_item #sec2 section p a{font-size:0.9em;margin:auto;}
}


/*- 報告書サンプル : #report_sample --------------------------------------------------------------------------*/
#report_sample .text .sec1{margin-bottom:2em;}
#report_sample .text .sec1 img{margin-bottom:2em;}
#report_sample .text p{margin-bottom:1em;line-height:1.8;}
#report_sample .sample_img{max-width:800px;margin:auto;padding:2em 0;}
#report_sample .sample_img img{max-width:100%;margin-bottom:1em;border:solid 1px #ccc;}
#report_sample .sample_img {transition:0.5s;}
#report_sample .sample_img #sample1:target div{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:url(../images/sample1.jpg) no-repeat center rgba(0,0,0,0.8);background-size:auto 80%;}
#report_sample .sample_img #close:target{display:none;}


/*- 調査料金 : #basic_charge --------------------------------------------------------------------------*/
#charge > section{padding:2em 0 3em;}
#charge section h4{margin-bottom:1em;padding-bottom:0.5em;font-size:clamp(1.2rem,(1rem + 2vw),1.8rem);font-weight:500;border-bottom:dotted 1px #333;}
#charge section h4::before{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.5em;color:#ccc;}
#charge section h5{margin-bottom:1em;}
#basic_charge p{margin-bottom:1em;line-height:1.8;}
#charge section table{table-layout:fixed;width:100%;margin:2em 0 ;border-bottom:dotted 1px #ccc;}
#charge section tr:first-of-type{background:#222;color:#fff;}
#charge section th,#charge section td{padding:1em 0;line-height:1.8;font-size:1.1em;vertical-align:top;text-align:center;border:solid 1px #ccc;}
#charge section p.plan-case{padding-top:1em;text-align:center;}
#charge section p a{display:inline-block;width:100%;max-width:350px;margin:0 0.5em;padding:1em;background:#394349;color:#fff;text-align:center;text-decoration:none;border:none;border-radius:5px;transition:opacity 0.3s;}
#charge section p a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;float:right;}
#charge section p a:hover{opacity:0.8;}
#charge section li::before{content:'・';}

#keihi{margin-bottom:4em;padding:clamp(2em, 10%, 4em) 0;background:url(../images/keihi_bg.jpg) no-repeat center #f9f9f9;background-size:cover;}
#keihi section{margin-top:2em;padding-top:2em;border-top:dotted 1px #333;}
#keihi section h4{margin-bottom:1em;font-size:1.4em;font-weight:500;}
#keihi section h4::before{content:'\f1ec';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.5em;color:#ccc;}
#keihi p,#keihi dl{line-height:1.8;}
#keihi section p{margin-bottom:1em;}
#keihi section li::before{content:'・';}
#keihi dl {display:grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));grid-gap: clamp(1rem, 4vw, 3rem);padding:2em 0 0;}
#keihi dl div{}
#keihi dt{margin-bottom:0.5em;padding-bottom:0.5em;border-bottom:dotted 1px #333;font-size:1.2em;font-weight:500;}

@media (max-width:767px){
	#charge section p a{margin-bottom:1em;}
}



/*- 調査の流れ : #flow --------------------------------------------------------------------------*/
#flow .text{max-width:1200px;}
#flow ol li::before{content: none;}
#flow ol li{position:relative;display:flex;justify-content:space-between;padding:2em;border:solid 1px #ccc;}
#flow ol li:not(:last-child){margin-bottom:4em;}
#flow ol li:not(:last-child)::after{position:absolute;left:0;bottom:-1.2em;width:100%;text-align:center;
content:'\f107';font-family:'Font Awesome 5 Free';font-weight:900;font-size:3em;line-height:1;}
#flow ol li img{max-width:100%;object-fit:cover;object-position:top;}
#flow ol li div:first-of-type{width:30%;}
#flow ol li div:last-of-type{width:62%;}
#flow p{line-height:1.8;}
#flow p.p1{margin-bottom:1em;font-size:clamp(1.1rem,(1rem + 2vw),1.4rem);font-weight:500;}
#flow p.p1::before{counter-increment: number;content: "Step" counter(number);
display:block;width:6em;margin-bottom:1em;padding:0.5em 1em;line-height:1;text-align:center;font-size:0.7em;background:#394349;color:#fff;}
#flow p.p1 span {white-space:nowrap;}
#flow p.p1 span span{display:inline-block;margin-left:0.3em;padding:0 0.5em;background:#c00;color:#fff;}

@media (max-width:860px){
	#flow ol li{display:block;padding:1em;}
	#flow ol li div{width:100%!important;}
	#flow p.p1{text-align:center;}
	#flow p.p1::before{margin:0 auto 1em;padding:1em 0;width:100%;}
	#flow ol li img{margin-bottom:1em;width:100%;aspect-ratio:16/9;}
}



/*-- よくあるご質問 : #faq ------------------------------------------------------------------------------------------*/
#faq .text .sec1{margin-bottom:2em;}
#faq .text .sec1 img{margin-bottom:2em;}
#faq p{line-height:1.8;}
#faq dl{margin-bottom:4em;}
#faq dl div:not(:last-of-type){margin-bottom:1em;padding-bottom:1em;border-bottom:dotted 1px #999;}
#faq dt,#faq dd{display:flex;padding:0.5em 0;line-height:1.8;}
#faq dt span{font-size:1.1em;font-weight:700;}
#faq dt::before,#faq dd::before{padding-right:0.8em;font-size:1.4em;line-height:1.2;font-weight:700;}
#faq dt::before{content:'Ｑ';color:#c00;}
#faq dd::before{content:'Ａ';color:#06c;}


#survey_page .text .sec1{margin-bottom:4em;}
#survey_page .text .sec1 img{margin-bottom:2em;}
#survey_page section{margin-bottom:4em;}
#survey_page section > div{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;margin-bottom:2em;}
#survey_page section > div h3{order:1;width:100%;}
#survey_page section h4{margin-bottom:1em;}
#survey_page section h4::before{content:"●";}
#survey_page section > div ul{order:2;width:45%;}
#survey_page section > div img{order:3;width:50%;}
#survey_page p{line-height:1.8;}
#survey_page p:not(:last-of-type){margin-bottom:1em;}
#survey_page section li{line-height:1.8;}
#survey_page section li::before{content:'・';}
#survey_page section table{table-layout:fixed;width:100%;margin:2em 0 ;border-bottom:dotted 1px #ccc;}
#survey_page section tr:first-of-type{background:#222;color:#fff;}
#survey_page section th,#survey_page section td{padding:1em 0;line-height:1.8;font-size:1.1em;vertical-align:top;text-align:center;border:solid 1px #ccc;}

@media (max-width:860px){
	#survey_page section > div{display:block;}
	#survey_page section > div ul{width:100%;}
	#survey_page section > div img{width:100%;margin-bottom:2em;}
	#survey_page section ul{margin-bottom:2em;}
}


#contact_us .text p{line-height:1.8;margin-bottom:1em;}

#investigation_case .box{display:grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));grid-gap: clamp(1rem, 4vw, 3rem);}
#investigation_case .box a{text-decoration:none;color:#333;}


#case {max-width:1200px;margin:0 auto 2em;padding:2em 1em 0;text-align:left;}

#blog {max-width:1200px;margin:0 auto 2em;padding:2em 1em 0;text-align:left;}


main#contents_post {margin-bottom:3em;}
main#contents_post section{line-height:1.8;}
main#contents_post h2{margin-bottom:0.5em;font-size:clamp(1.375rem, 1.254rem + 0.518vw, 1.875rem);font-weight:500;}
main#contents_post h3,#blog main h4{margin-top:2em;text-align:left;}
main#contents_post img{margin-bottom:2em;}
main#contents_post p{margin-bottom:1em;}
main#contents_post ul{list-style:disc;padding-top:1em;}
main#contents_post li{margin-left:1em;}
main#contents_post ul#date{list-style:none;margin-bottom:1em;}
main#contents_post ul#date li{display:inline-block;margin:0;padding:0;margin-right:0.8em;color:#999;}
main#contents_post ul#date li i{margin-right:0.3em;}

#case  ul#date{display:none;}

aside#post_list{}
aside#post_list h2{padding-bottom:0.5em;border-bottom:solid 1px #333;}
aside#post_list article{border-bottom:dotted 1px #333;padding:1em 0;}
aside#post_list a{display:flex;align-items:center;text-decoration:none;color:#333;}
aside#post_list a:hover{text-decoration:underline;text-underline-offset:0.2em;}
aside#post_list img{width:24%;margin-right:1em;aspect-ratio:1/1;object-fit:cover;object-position:center;}
aside#post_list .desc{display:none;}
aside#post_list h3{margin:0;font-size:1em!important;font-weight:400;color:#333;border:none;text-align:left;}
aside#post_list p.other_post{margin-top:2em;text-align:center;}
aside#post_list p.other_post a{display:inline-block;padding:1em 2em;background:#333;color:#fff;}

@media (min-width:860px){
	.column2 {display:flex;justify-content:space-between;max-width:1200px;margin:0 auto 2em;padding-top:2em;text-align:left;}
	.column2 main{width:65%;margin-bottom:0;}
	.column2 aside{width:30%;}
}



#pagination {
    display: flex;
    justify-content: flex-start;
padding-top:2em;
}
#pagination li {
    margin-right: 4px;
}
#pagination li a, #pagination li span {
    text-decoration: none;
    border: 1px #ddd solid;
    font-size: 14px;
    color: #222;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
#pagination li.prev a, #pagination li.next a {
    width: 50px;
}
#pagination li a {
    transition: background 0.2s ease 0s;
}
#pagination li a:hover {
    background: #ddd;
}
#pagination li.active span {
    color: #fff;
    border: 1px #222 solid;
    background: #222;
}




/*- #sub_page全体 --------------------------------------------------------------------------*/
/*body:has(#sub_page) #panList{display:none;}*/

#sub_page_top {position:relative;}
#sub_page_top h2{position:absolute;display:grid;width:100%;height:100%;place-content:center;color:#fff;font-size:clamp(1.4em, calc(1.4rem + ((1vw - 0.234375em) * 0.6214)), 2em);
background:rgba(0,0,0,0.6);}
#sub_page_top img{width:100%;aspect-ratio:5 / 1;object-fit:cover;object-position:center 70%;}

#sub_page{text-align:left;}
#sub_page > section{padding:clamp(2em, 10%, 4em) 0;}
#sub_page p{font-size:18px;letter-spacing:0.1rem;}
#sub_page .text{max-width:1200px;margin:auto;}
#sub_page h3{margin-bottom:1em;padding:0.8em;font-size:clamp(1.375rem, 1.254rem + 0.518vw, 1.875rem);font-weight:500;text-align:center;border:none;/*background:#fff3f1;border-radius:500px;*/}
#sub_page h3 span{white-space:nowrap;}
#sub_page h3::after{content:'－ ' attr(data-h2) ' －';display:block;padding-top:1.4rem;text-align:center;font-size:1rem;font-family:"Noto Serif JP",serif;letter-spacing:0.05em;}
#sub_page a .fa-chevron-down{margin-right:0.5em;}
@media (max-width:800px){
	#sub_page h2{border-radius:0;}
	#sub_page p{font-size:16px;}
}



.plan-link{position:relative;display:block;border-radius:5px;border:solid 2px #394349;background-color:#394349;color:#fff;
padding:18px 10px;margin:30px auto;max-width:400px;text-decoration:none;font-weight:500;text-align:center;}
.plan-link:hover{background-color:#fff;color:#394349;}
.plan-link i{font-size:14px;display:inline-block;position:relative;top:0;}

.plan-case a{display:block;border:solid 1px #fcbeb3;padding:15px;width:100%;max-width:400px;margin:0 auto;text-align:center;}

.plan-case2{display:flex;flex-wrap:wrap;margin:0 -10px;}
.plan-case2 .plan-case{flex-basis:calc(100% / 2);padding:0 10px;}

@media (max-width:410px){
.plan-case a{width:calc(100% - 20px);margin:0 auto;}

.plan-case2{display:block;margin:0;}
.plan-case2 .plan-case{padding:0;}
}

/*- #sub_page部分：news：新着情報 -----------------------------------------------------*/
.news-box{box-sizing:border-box;max-width:960px;margin:0 auto;position:relative;padding:0 1em;}

#sub_page h4.ttl-news{position:relative;display:block;background-color:rgb(0,0,0,0);text-align:left;color:#333;font-size:18px;padding:0;}

.news ul {margin:0 auto;box-sizing:border-box;color:#898989;}
.news-item {border-bottom:dashed 1px #dee2e6;padding:1em 0;
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.news a{color:#333;text-decoration:none;}
.news a:hover {color:#999;}

.news .news-item-date {width:20%;box-sizing:border-box;color:#898989;}
.news .news-item-title {width:80%;padding-left:1em;}

@media (max-width:860px){

.news-item{display:block;}
.news .news-item-date {display:inline-block;}
.news .news-item-date{width:200px;padding-left:0;}
.news .news-item-title{width:100%;padding-top:5px;}
.news .news-item-title br{display:none;}

}

/* #sub_page：安心サポート --------------------------------------------------------------------------*/
#sub_page .troubles{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
#sub_page .troubles li{border:solid 4px #fcbeb3;border-radius:1em;display:flex;flex-direction:column;align-items:center;padding:2em;color:#333;text-decoration:none;}
/*
#sub_page .troubles li a{display:flex;flex-direction:column;align-items:center;padding:2em;color:#333;text-decoration:none;}
#sub_page .troubles li a::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;padding-top:0.8em;}
*/
#sub_page .troubles li img{width:100px;margin-bottom:1.4em;}
#sub_page .troubles li a p{}
#sub_page .troubles li p:nth-of-type(1){padding-bottom:0.8em;font-weight:700;font-size:1.1em;text-align:center;letter-spacing:0;}
#sub_page .troubles a:hover{opacity:0.6;}

@media screen and (max-width:800px){
#sub_page .troubles li a{flex-direction:row;padding:0.5em;}
#sub_page .troubles li a::after{content:'\f054';padding-top:0;padding-left:0.5em;}
#sub_page .troubles li img{width:50px;margin-right:0.8em;margin-bottom:0;}
#sub_page .troubles li a p:nth-of-type(1){text-align:left;}
}


/* #sub_page：料金設定 --------------------------------------------------------------------------*/
#sub_page .price h3{font-size: clamp(1.5rem, 1.318rem + 0.777vw, 2.25rem)!important;}
#sub_page .price .text{max-width:1600px;}
#sub_page .price .text > div section{margin-bottom:4em;}
#sub_page .price h4{text-align:center;}
#sub_page .price img{margin-bottom:2em;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:16px;}
#sub_page .price p{line-height:1.8;}
#sub_page .price .p1{margin-bottom:1em;font-size:1.2em;font-weight:500;text-align:center;}
#sub_page .price .p1 span{display:block;}

@media (min-width:860px){
#sub_page .price .text > div{display:flex;justify-content:space-between;}
#sub_page .price .text > div section{width:31%;margin-bottom:0;}
#sub_page .price .p1 span{display:inline;}
}
/*
.price dl{padding:2em 0;}
.price dt{margin-bottom:1em;font-size:1.1em;font-weight:500;}
.price dl div{margin:0 0 1em;text-align:center;}
.price dl div:nth-of-type(1) dt::before{background:url(../images/index_price_img1.jpg) no-repeat center;background-size:cover;}
.price dl div:nth-of-type(2) dt::before{background:url(../images/index_price_img2.jpg) no-repeat center;background-size:cover;}
.price dl div:nth-of-type(3) dt::before{background:url(../images/index_price_img3.jpg) no-repeat center;background-size:cover;}
.price dt::before{content:'';display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center;margin:0 auto 1em;}
.price dd{}
.price p{max-width:700px;line-height:1.6;}
.price .f3em{font-size:1.8em;}
.price .f16em{font-size:1.2em;}
.price .f18em{font-size:1.4em;}



@media (min-width:768px){
.price dl{display:flex;justify-content:center;}
.price dl div{width:32%;max-width:360px;margin:0 1em;}
.price dl div:nth-of-type(2){order:3;}
.price p{margin:auto;font-size:1.2em;}
.price dt::before{max-width:360px;height:auto;aspect-ratio:1/1;border-radius:100%;}
}
*/
#sub_page .point{background:#f9f9f9;}
#sub_page .point .text{max-width:1080px;}
#sub_page .point .text section{display:flex;gap:3em;}
#sub_page .point .text section:nth-of-type(2) div:first-of-type{order:2;}
#sub_page .point .text section img{width:100%;height:auto;aspect-ratio: 16 / 9;object-fit:cover;border-radius:1em;}
#sub_page .point .text section div{width:50%;padding:2em 0;}
#sub_page .point .text section div:last-of-type{display:flex;flex-direction:column;justify-content:center;padding:2em clamp(2rem,2vw,3rem);}
#sub_page .point .text h4{margin-bottom:1em;text-align:center;font-size:1.4em;border:none;}
	#sub_page .point .text h3 span{display:block;text-align:center;}#sub_page .point .text p{text-align:left;line-height:1.8;}
#sub_page .point .text p:not(:last-of-type){margin-bottom:2em;}
#sub_page .point .text a.plan-link{margin:0 auto;max-width:400px;}
#sub_page .point .text a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;float:right;}


#sub_page #google_reviews{display:none;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background:url(../images/voice_bg.webp) no-repeat center bottom;background-size:cover;}
#sub_page #google_reviews p:first-of-type{text-align:center;margin-bottom:2em;line-height:1.8;}
#sub_page #google_reviews p span{white-space:nowrap;}
#sub_page #google_reviews p a{
display:block;max-width:600px;margin:auto;padding:1.4em 0;text-align:center;font-size:1.1em;color:#333;
border:solid 1px #ccc;border-radius:5px;text-decoration:none;background:#fff;}
#sub_page #google_reviews p a:hover{opacity:0.8;}
#sub_page #google_reviews p a::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;padding-left:1em;}

#sub_page .google_review .swiper-slide{box-sizing:border-box;padding:1em;background:#fff;border-radius:5px;/*box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .13), 0px 0px 2px 0px rgba(0, 0, 0, .05);*/}


@media (max-width:800px){
	#sub_page .point .text section{display:block;}
	#sub_page .point .text section:not(:last-of-type){margin-bottom:3em;}
	#sub_page .point .text section div,#sub_page .point .text section img{display:block;width:auto;padding:0;}
/*	#sub_page .point .text section img{margin-bottom:2em;}*/
	#sub_page .point .text h3{font-size:1.4;}

	#sub_page #google_reviews p a{font-size:1em;}
}


#sub_page .about{max-width:none;background:url(../images/index_about_bg.webp) no-repeat center #f9f9f9;background-size:cover;}
#sub_page .about h3{background:none;}
#sub_page .about .text{max-width:1200px;margin:0 auto 3em;}
#sub_page .about .text > img{width:48%;object-fit:cover;object-position:left bottom;}
#sub_page .about .text > div{max-width:800px;margin:auto;}
#sub_page .about p{line-height:1.8;}
#sub_page .about p:not(:last-of-type){margin-bottom:1em;}
#sub_page .about .text p:last-of-type{text-align:right;}
#sub_page .about p:last-of-type{padding:0 1em;}

@media (max-width:800px){
	#sub_page .about .text{flex-direction:column;}
	#sub_page .about .text > img,#sub_page .about .text > div{width:100%;}
	#sub_page .about .text > img{margin-bottom:1em;}
}


/* #sub_page：取り扱い調査一覧 --------------------------------------------------------------------------*/
#sub_page .survey_list .text{max-width:960px;}
#sub_page .survey_list .price-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
#sub_page .survey_list .price-list li{text-align:center;padding:1em;border:solid 4px #ddd;border-radius:1em;}
#sub_page .survey_list .price-list img{width:50%;height:auto;margin-bottom:1em;}
#sub_page .survey_list .price-list li span{display:block;}
/*
#sub_page .survey_list .price-list a{display:block;padding:0.5em;text-decoration:none;font-weight:500;color:#333;border:solid 1px #ccc;border-radius:5px;transition:opacity 0.3s;}
#sub_page .survey_list .price-list a:hover{opacity:0.8;}
*/

@media (min-width:481px){
/*	#sub_page .survey_list .price-list a{padding:1em;}*/
	#sub_page .survey_list .price-list img{width:50%;}
}

.faq .text{max-width:800px;}
.faq dl{margin-bottom:4em;}
.faq dl div:not(:last-of-type){margin-bottom:1em;padding-bottom:1em;border-bottom:dotted 1px #999;}
.faq dt,.faq dd{display:flex;padding:0.5em 0;line-height:1.8;font-size:1.1em;}
.faq dt{font-weight:700;}
.faq dt::before,.faq dd::before{padding-right:0.8em;font-weight:700;}
.faq dt::before{content:'Ｑ';color:#c00;}
.faq dd::before{content:'Ａ';color:#06c;}
.faq dd a{color:#dd3259;}



/* #sub_page:過去の事例集 --------------------------------------------------------------------------*/
#sub_page #index_diary{display:none;background:#f9f9f9;}
.diary_list{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);margin-bottom:3em;}
.diary_list h3{font-size:1em!important;font-weight:500;border:none;margin:0;padding:0;text-align:left;}
.diary_list p{margin-bottom:1em;}
.diary_list img{width:100%;margin-bottom:1em;object-fit:cover;}
.diary_list a{display:block;text-decoration:none;color:#333;}
.diary_list a:hover{opacity:0.6;}
.diary_list a,.diary_list a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}

@media (max-width:479px){
	.diary_list{display:block;}
	.diary_list article{margin-bottom:1em;}
	.diary_list article a{display:flex;background:#fff;}
	.diary_list article a img{width:30%;margin:0;}
	.diary_list article a div{width:70%;padding:1em;font-size:0.85em!important;}
}

/* #sub_page:探偵ブログ --------------------------------------------------------------------------*/
#sub_page #index_blog{display:none;background:#f2f2f2;}
#sub_page #index_blog .blog-title{font-weight:500;}
.blog-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: clamp(1rem, 2vw, 1.5rem);}
.blog-list img{margin-bottom:1em;width:100%;height:auto;aspect-ratio: 2 / 1.4;}
.blog-list article{padding:1em;background:#fff;border-radius:5px;border:solid 1px #eee;}

.blog-list a{display:block;text-decoration:none;color:#333;font-size:14px;}
.blog-list a:hover{opacity:0.6;}
.blog-list a,.blog-list a:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}

.blog-title{font-weight:bold;margin:10px auto;font-size:1.4em!important;}

@media (max-width:767px){
.blog-list{display:block;margin:0;}
.blog-list article{margin-bottom:1em;}
.blog-list img{display:block;margin:0 auto 5px;}
}



#sub_page .news{display:none;}



#sub_page .contact{background:url(../images/contact_bg.webp) no-repeat center;background-size:cover;}
#sub_page .contact a{text-decoration:none;text-align:center;}
#sub_page .contact .box{padding:1em;text-align:center;color:#fff;/*padding-left:30%;background:url(../images/contact_img.png) no-repeat left bottom;background-size:contain;border:solid 10px  #eee;*/}
#sub_page .contact h3{padding:0;background:none;color:#fff;}
#sub_page .contact h3 span{display:block;font-size:0.8em;}
#sub_page .contact h3::after{content:none;}
#sub_page .contact .tel {padding:1em 0;}
#sub_page .contact .tel a{font-size:clamp(2em, (1rem + 5vw), 3em);font-weight:900;color: #fff;text-shadow:2px 2px 0 rgba(0,0,0,0.2);}
#sub_page .contact .tel a::before{content:'\f87b';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
#sub_page .contact .mail_line{display:flex;justify-content:center;align-items:center;}
#sub_page .contact .mail_line p{padding:0 1em;}
#sub_page .contact .mail_line a{display:block;width:300px;padding:0.8em 0;font-size:1.1em;font-weight:700;color:#fff;border-radius:5px;box-shadow:4px 4px 0 rgba(0,0,0,0.1);transition:opacity 0.3s;}
#sub_page .contact .mail_line a:hover{opacity:0.8;}
#sub_page .contact .mail_btn a{background: #ff5161;}
#sub_page .contact .mail_btn a::before{content:'\f0e0';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
#sub_page .contact .line_btn a{background: #27a844;}
#sub_page .contact .line_btn a::before{content:'\f3c0';font-family:'Font Awesome 5 Brands';font-weight:400;margin-right:0.3em;}

@media (max-width:860px){
	#sub_page .contact{}
	#sub_page .contact .mail_line{display:block;}
	#sub_page .contact .mail_line p a{margin:1em auto;}
}


#sub_page .sample{background:#333;}
#sub_page .sample h3{color:#fff;}
/*#sub_page .sample .text{display:grid;grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: clamp(1rem, 2vw, 24px);margin-bottom:4em;}*/
#sub_page .sample .text > section{display:flex;padding:2em;background:#fff;border-radius:1em;}
#sub_page .sample .text > section > div{flex:1;padding:1em;}
#sub_page .sample .sec1{margin-bottom:2em;}
#sub_page .sample .text h3{margin-bottom:1em;font-size:1.4em;}
#sub_page .sample .text section img{width:100%;aspect-ratio:4 /3;object-fit:cover;object-position:center;margin-bottom:1.6em;border-radius:1em;}
#sub_page .sample .text section p{line-height:1.8;margin-bottom:1em;}
#sub_page .sample .text section p a{background:#fff;color:#333;text-decoration:none;border-bottom:solid 1px #333;}
#sub_page .sample .text section p a::after{content:'\f105';font-family:'Font Awesome 5 Free';font-weight:900;padding-left:1em;}
#sub_page .sample .text section p a:hover{opacity:0.8;}
#sub_page .sample > p{padding:0 1em;}
#sub_page .sample h4{margin-bottom:1em;}
#sub_page .sample table{border-collapse:collapse;width:100%;}
#sub_page .sample th,#sub_page .sample td{padding:0.6em;border:solid 1px #ccc;}
#sub_page .sample th{width:8em;text-align:center;background:#e5e5e5;}

@media (max-width:640px){
#sub_page .sample .text > section{flex-direction:column;padding:1em;}
#sub_page .sample .text > section > div{padding:0;}
}


#company .text > img{margin-bottom:4em;aspect-ratio:5 / 2;object-fit:cover;object-position:center;}
#company table{border-collapse:collapse;margin-bottom:4em;}
#company th,#company td{padding:0.5em;border:solid 1px #ccc;}
#company th{min-width:8em;}








.index_contact{padding:clamp(2em, 10%, 3em) 1em;background:url(../images/index_contact_bg.webp) no-repeat center;background-size:cover;}
.index_contact a{text-decoration:none;}
.index_contact .box{max-width:1400px;margin:auto;padding:3em 0.5em;background:rgba(255,255,255,0.9);border-radius:5px;}
.index_contact h2{margin-bottom:1em;font-size:clamp(1.5rem, 1.318rem + 0.777vw, 2.25rem);color:#333;font-weight:500;}
.index_contact h2 span{display:block;text-align:center;font-size:0.8em;}
.index_contact h2::after{content:none;}
.index_contact .tel {padding:clamp(2em, 10%, 3em) 0;}
.index_contact .tel a{font-size:clamp(2em, (1rem + 5vw), 3em);font-weight:900;color:#394349;}
.index_contact .tel a::before{content:'\f87b';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.index_contact .mail_line{display:flex;justify-content:center;align-items:center;}
.index_contact .mail_line p{margin:0 1em;}
.index_contact .mail_line a{display:block;width:300px;padding:0.5em 0;font-size:1.6em;font-weight:700;color:#fff;border-radius:5px;box-shadow:4px 4px 0 rgba(0,0,0,0.1);transition:opacity 0.3s;}
.index_contact .mail_line a:hover{opacity:0.8;}
.index_contact .mail_btn a{background: #ff5161;}
.index_contact .mail_btn a::before{content:'\f0e0';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:0.3em;}
.index_contact .line_btn a{background: #27a844;}
.index_contact .line_btn a::before{content:'\f3c0';font-family:'Font Awesome 5 Brands';font-weight:400;margin-right:0.3em;}

@media (max-width:767px){
	.index_contact{}
	.index_contact .mail_line{display:block;}
	.index_contact .mail_line p{margin:0;}
	.index_contact .mail_line p a{margin:1em auto;}

}