@charset "UTF-8";
/*------------------------------------------
■ 共通CSS-@import url("/css/common.css");
------------------------------------------*/
/*@import url("/css/old.css"); コピー元の使用してないCSS */

a{text-decoration:none;transition:0.4s;}
a:hover{transition:0.4s;}

video{width:100%;}

/*=== レイアウト ==============================================*/
html,body{font-size:20px;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

#wrapper{}/* 全体背景色 */
#header-in,#main-waku .text,.breadcrumb p{width:880px;margin:0 auto;}/* 記事枠横幅*/

#main{margin:0 10px;}

#header {width:100%;border-bottom:solid 1px #dddddd;background-color:#fff;}

table{margin:0 auto;}

@media (max-width:1200px) {
#header-in,#main-waku .text,.breadcrumb p{width:auto;}
}

/* ページ上部に戻る */
#pagetop_waku{position:fixed;bottom:30px;right:0;left:0;width:100%;max-width:1200px;margin:0 auto;height:80px;}

#pagetop{position:absolute;right:0;cursor:pointer;text-align:center;z-index:9;line-height:1.5;}
#pagetop:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#pagetop p{width:80px;height:80px;border-radius:80px;color:#706a6a;background-color:#000000;border:solid 3px #7a7a7a;}
#pagetop p span{display:block;width:24px;height:24px;position:absolute;top:33px;left:29px;
border-top:2px solid #fff; border-left:2px solid #fff;transform:rotate(45deg);}

@media (max-width:860px){
#pagetop{position:absolute;right:10px;}
}

/* ページ内リンクの位置調整 */
/*.page-link{margin-top:-100px;padding-top:100px;display:block;background-color:#fff;}*/

/*=== 見出し ==============================================*/

h2{margin:0 calc(50% - 50vw);width:100vw;font-size:30px;padding:50px;margin:60px auto 10px;background-color:#000000;color:#fff !important;font-weight:bold !important;}
h2.m0{margin:0 auto 10px;}

h3{}

/*h3{font-size:36px;font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;color:#2e6eae}*/

h4{font-size:20px;border-left:solid 10px #666;padding-left:5px;margin:20px auto 5px;}

/*=== パンくずリスト ==============================================*/
.breadcrumb{background-color:#2e6eae;color:#fff;font-size:14px;padding:5px 0;margin-bottom:20px;}
.breadcrumb p{text-align:left;}
.breadcrumb p a{text-decoration:underline;color:#fff;}

/*=== 背景画像 ==============================================*/
.back-img{background-repeat:no-repeat;background-size:300px auto;}

.back01{background-image:url(../images/back01.png);background-position:left;background-position:left bottom 30px;}
.back02{background-image:url(../images/back02.png);background-position:right;background-position:right bottom 30px;}
.back03{background-image:url(../images/back03.png);background-position:left;background-position:left bottom 30px;}
.back04{background-image:url(../images/back04.png);background-position:right;background-position:right bottom 30px;}
.back05{background-image:url(../images/back05.png);background-position:left;background-position:left bottom 30px;}

@media (max-width:1600px){
.back01,.back02,.back03,.back04,.back05{background-image:none;}
}

/*=== footer部分 ==============================================*/

#footer{margin-top:20px;padding-bottom:10px;text-align:center;background-color:#231f1e;color:#fff;}
#footer img{max-height:400px;}

#footer-link{font-family:"Noto Sans JP";text-align:center;max-width:1100px;margin:0 auto;}
#footer-link li{display:inline-block;font-size:12px;}
#footer-link a{text-decoration:none;color:#fff;padding:0 0.5em;}
#footer-link a:before{content:'\00A0\00A0\00A0';background-image:url(../images/chevron-right-solid.svg);background-position:left center;background-repeat:no-repeat;background-size:8px auto;}
#footer-link a:hover{}
#footer-link a:hover:before{content:'\00A0\00A0\00A0';background-image:url(../images/play-solid.svg);}

@media (max-width:860px){
#footer-link a{display:block;text-align:left;}
}

/*=== header部分 ==============================================*/
.text-h1{text-align:right;margin:0 auto;padding:0 0.5em 0.5em;}

/*
#header-in{position:relative;text-align:left;height:90px;}
#header-in img{width:180px;}
.index-h1{position:relative;z-index:10;text-align:right;margin:0 auto;padding:0 0.5em 0.5em;}

/*- navi部分 -----------------------------------------------------

.header_logo{position:Fixed;top:10px;left:20px;z-index:9;}
.header_logo img{max-width:220px;}

#navi{position:Fixed;top:0;z-index:8;background-color:rgb(0,0,0,0.8);width:100%;border-bottom:solid 1px #333;
font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","sans-serif";}

#navi-waku{position:relative;width:100%;max-width:1200px;margin:0 auto;}

#navi .spmenu_btn{display:none;}
#navi .spmenu ul{font-size:0;display:flex;margin:30px auto 10px;list-style:none;padding:12px 0;}

#navi .spmenu li{font-size:14px;font-weight:bold;width:calc( 100% / 5 );text-align:center;}
#navi .spmenu li a{display:inline-block;color:#ffffff;transition:0.3s;text-decoration:none;border-bottom:solid 5px rgb(0,0,0,0);}
#navi .spmenu li a span{display:block;}

#navi .spmenu li a:hover{border-bottom:solid 5px #ffffff;transition:0.3s;}

@media (max-width:749px){
#header-in{height:90px;}
.header_logo{position:Fixed;top:10px;left:10px;}

/* 全画面用のボタン装飾全取り消し *
#navi .spmenu ul{display:block;border:none;padding:0;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
#navi .spmenu li a{border:none;border-right:solid 1px none;text-decoration:none;}
#navi .spmenu li a p{display:inline;border-bottom:none;height:auto;width:auto;}
#navi .spmenu li a:hover{border-bottom:solid 1px #efefef;}


/* スマホ画面用装飾・開閉挙動：左から*
#overflow{overflow:hidden;position:relative;}/* iOSでbodyにつけるとoverflowが効かないことがあるためブロック要素追加 *

#navi .spmenu_btn{display:block;cursor:pointer;position:Fixed;top:30px;right:20px;font-weight:bold;width:50px;height:30px;transition:0.5s;}
#navi .spmenu_btn.open{transition:0.5s;z-index:99;}

#navi .spmenu_btn span:after{content:"MENU";color:#3c3d3d;position:relative;bottom:-16px;left:-4px;}

#navi .spmenu_btn:before,#navi .spmenu_btn:after,#navi .spmenu_btn span{display:block;content:" ";width:100%;height:5px;background-color:#3c3d3d;transition:0.5s;}
#navi .spmenu_btn:before{position:absolute;top:0;}
#navi .spmenu_btn span{position:absolute;top:calc(50% - 2px);}
#navi .spmenu_btn:after{position:absolute;bottom:0;}

#navi .spmenu_btn.open:before{position:absolute;top:calc(50% - 2px);transform:rotate(45deg);transition:0.5s;}
#navi .spmenu_btn.open span{transition:0.5s;background-color:transparent;}
#navi .spmenu_btn.open:after{position:absolute;top:calc(50% - 2px);transform:rotate(-45deg);transition:0.5s;}


#navi .spmenu{position:absolute;top:90px;left:-301px;width:300px;height:100vh;padding:20px;z-index:100;transition:0.5s;background-color:rgb(60,61,61,0.8);}/* 出てくるメニューの色 *
#navi .open ~ .spmenu{position:absolute;left:-1px;transition:0.5s;}

#navi .spmenu li{display:block;margin:0;width:100%;text-align:left;}

#navi .spmenu ul li a,#navi .spmenu ul li:last-child a{display:block;position:relative;margin:0 5px;padding:10px 5px;padding-left:40px;width:auto;color:#fff;border-bottom:solid 1px #efefef;}
}
*/

/*=== mainバナー画像 ======================================================*/
.main-img{background-color:#000;}

/*=== リンクボタン ==============================================*/
a.link-btn{display:inline-block;border-radius:5px;background-color:#706a6a;border:solid 1px #333;color:#fff;text-align:center;padding:10px;width:100%;max-width:400px;}
a.link-btn:hover{background-color:#ff8ec6;border-color:#ff8ec6;}

@media (max-width:1099px) {
a.link-btn{display:block;margin:0 auto;}
}
/* お問い合わせボタン横並び2つ ------------------------*/
.contact{margin:1rem auto;}
.contact a{display:inline-block;border-radius:5px;background-color:#706a6a;border:solid 1px #333;color:#fff;padding:10px;}
.contact a:hover{background-color:#ff8ec6;border-color:#ff8ec6;}

/*=== よくあるご質問(開閉式ver) ==============================================*/
/*#faqList{background-image:url(../images/faq.png);background-repeat:no-repeat;background-position:top right;}
.faq:nth-child(1),.faq:nth-child(2){padding-right:250px;}
*/
.faq{text-align:left;max-width:1200px;margin:0 auto 20px;}

/* QAの表示 */
.faq label,.faq-content{position:relative;display:block;min-height:60px;}
.faq label:before,.faq-content:before{display:inline-block;position:absolute;left:0;top:-10px;
font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size:48px;font-weight:bold;font-style:italic;
}
.faq label:before{content:"Q";color:#2e6eae;}
.faq-content:before{content:"A";color:#fd063b;}

.faq label{padding-left:68px;padding-top:15px;font-weight:bold;}
.faq-content{padding-left:68px;padding-top:10px;}

@media (max-width:1099px) {
.faq:nth-child(2){padding-right:0;}
}

/*=== 画像の背景色を横いっぱいにする ==============================================*/
/* 横幅設定はcommonにて。ここでは色設定のみ */
.over{background-color:#ececec;text-align:center;}

/*=== 動画横並び ==============================================*/
.video2{display:flex;}
.video2 p{flex-basis:50%;}
.video2 p:nth-child(1){padding-right:5px;}
.video2 p:nth-child(2){padding-left:5px;}

@media (max-width:1099px) {
.video2{display:block;}
.video2 p{padding:5px 0;}
}

/*== テキスト位置調整 ==*/
.t001{max-width:800px;margin:0 auto;}

/*=== 画像3つ横並び ==============================================*/
.line3{display:flex;flex-wrap:wrap;}
.line3 img{align-self:flex-start;width:100%;}
.line3 p{flex-basis:40%;}
.line3 p:nth-child(2){flex-basis:20%;}

@media (max-width:1099px) {
.line3{display:block;}
.line3 img{width:auto;}
.line3 p:nth-child(2) img{transform:rotate(90deg);max-height:100px;}
}

/*== LINE誘導 ======================================================*/
.line-friend{width:100%;background-color:#f4fbfb;}

.line-f{max-width:800px;margin:0 auto;padding:50px 20px 30px;}

.line-friend img{max-width:180px !important;}

.line-friend a{display:block;width: calc(100% - 30px);max-width:570px;margin:0 auto;padding:15px;border-radius:50px;background-color:#06c755;color:#fff;font-weight:bold;font-size: 30px;
animation:anime1 1s ease 1s infinite alternate;transform-origin:center;}
.line-friend a:hover{opacity:0.5;}

@keyframes anime1{
from {transform: scale(1,1);}
to {transform: scale(1.1,1.1);}
}

.line-f1{font-size:38px;width:fit-content;margin:0 auto;font-weight:bold;border-bottom:solid 2px #06c755;}
.line-f2{font-size:24px;font-weight:bold;}

/*=== リターンについて ==============================================*/
.return{width: 100%;}
.return tr{border-bottom:dotted 1px #999;}
.return th,.return td{padding:5px;}
.return th{padding-left:20px;}

@media (max-width:1099px) {
.return th{display: block;width: 100%;padding-left: 5px;background-color:#eee;}
.return td{display: inline-block;width:calc(100% / 3);padding-left: 10px;}
}

/*=== 会社概要 ==============================================*/
.company table{width:100%;max-width:880px;text-align:left;margin:50px auto;
/*font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/}
.company tr{border-bottom:solid 1px #9ebcd9;}
.company tr:nth-child(1){border-top:solid 1px #9ebcd9;}
.company th{padding:10px 20px;vertical-align:top;white-space:nowrap;}
.company td{padding:10px 20px;word-wrap: break-word;}

.googlemap{height:500px;width:100%;}

@media (max-width:1199px){
.company{width:calc(100% - 20px);margin: 0 auto;table-layout: fixed;}

.company th{display:block;white-space:normal;padding:10px 5px;}
.company td{display:block;word-break:break-word;padding:10px 5px;}
}

/*=== お問い合わせはこちら ==============================================*/
.otoiawase{text-align:center;font-family:/*'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',*/serif;}
.otoiawase .toi a{position:relative;display:block;margin:10px auto;padding:20px;width:600px;max-width:100%;font-size:30px;background-color:#2e6eae;color:#fff;border-radius:10px;}
/*.otoiawase .toi a:after{display:block;position:absolute;top:6px;right:20px;font-family:'Font Awesome 5 Free';content:'\f107';font-weight:bold;font-size:48px;}*/
.otoiawase .toi a:hover{background-color:rgb(0,0,0,0.7);}

.otoiawase p{font-weight:bolder;}
.otoiawase p.tel,.otoiawase p.tel a{font-size:40px;color:#2e6eae;}
.otoiawase p.tel img{width:46px;}
.otoiawase p.time{font-size:30px;color:#2e6eae;}

@media (max-width:1199px){
.otoiawase .toi a{font-size:26px;}
.otoiawase .toi a:after{font-size:36px;position:absolute;top:12px;right:10px;}
}