/* seisaku 2023.2.   alank  kinoshita tsubasa , katayama tomoya */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

@font-face {
  font-family: "myfont"; /*任意のフォントファミリー名でOK*/
  src: url("./Zen_Maru_Gothic/ZenMaruGothic-Regular.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
  font-display: swap; /*ダウンロード状況に応じてフォントの表示を変える
(「swap」はWebフォントが読み込まれるまでフォールバックフォントで表示し、読み込まれた時点で置き換えます。)*/
}
/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
* { box-sizing: border-box; }
a { text-decoration:none; }
li { list-style: none; }
html { font-size:62.5%; }
body{ background:#ffffff; width:100%; height:auto; font-family: "myfont",sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.d-f{display:flex;justify-content:center;align-items:center;}
.d-b{display:block;}
.d-i{display:inline-block;}
.f-b{font-weight:bold;}
.max-w11{max-width:1100px;margin:0 auto;}
h1,h2,h3{font-size:24px;}
h4,h5,h6{font-size:20px;}
p,th,td,li{font-size:18px;}
@media screen and (max-width:1200px){
  p,th,td,li{font-size:16px;}
}
@media screen and (max-width:950px){
  p,th,td,li{font-size:14px;}
}
@media screen and (max-width:700px){
  p,th,td,li{font-size:13px;}
}

/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:10%;content:'';width:80%;height:2px;background:#1D60B1;bottom:-10px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov:hover::after,.a-hov-b:hover::after,.a-hov-bb:hover::after{transform:scale(1, 1);}
.a-hov-b::after{position:absolute;left:0%;content:'';width:100%;height:2px;background:#1D60B1;bottom:-2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov-bb::after{position:absolute;left:10%;content:'';width:80%;height:2px;background:#fcfcfc;bottom:-10px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}



.top-main{width:100%;background-image:url(./img/top-img.png);background-size:cover;background-color:rgba(255,255,255,0.8);
  background-blend-mode:lighten;}
/* ヘッダー */
header{width:100%;margin:0 auto;height:100px;border-top:15px solid #094D8D;display:fixed;}
header nav,header nav ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
header nav{margin:20px auto;max-width:1200px;}
.top-time{font-size:24px;font-weight:bold;}
.top-eigyo{font-size:14px;font-weight:bold;margin-top:5px;}
header nav ul{gap:0 40px;margin-top:5px;}
header nav ul li{text-align:center;}
header nav ul li a span{font-size:14px;color:#1D60B1;font-weight:bold;}
header nav ul li a p{font-size:16px;color:#080808;font-weight:bold;}
header h1 img{width:240px;}

@media screen and (max-width:1110px){
  .top-main nav h1{margin-left:2%;}
  .top-main-tel{margin-right:2%;}
  header nav ul{margin-left:3%;}
}

/* 共通 */
.main-box{width:100%;margin:0 auto;overflow:hidden  ;}
.inner-box{width:85%;height:500px;margin:3% auto 5%;max-width:1100px;display:flex;background-image:url(./img/top-back-img.png);background-size:cover;background-position:right;position:relative;}
.inner-box-font{position:absolute;left:-2%;bottom:7%;z-index:9;}
.inner-box-font h5{color:rgba(128, 128, 128, 1);}
.inner-box-font h2{font-size:112px;margin-top:-18px;background:linear-gradient(90deg, rgba(5, 55, 116, 1) 0%, rgba(0, 178, 255, 1) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.inner-box-font h3{font-size:50px;background:linear-gradient(90deg, rgba(5, 55, 116, 1) 0%, rgba(0, 178, 255, 1) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.inner-box-left{position:absolute;top:0;left:0;width:50%;clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
.inner-box-left img{width:100%;height:500px;}
.inner-box-border{width:100%;display:flex;align-items:center;justify-items:center;z-index:9;position:absolute;top:55%;right:-104%;}
.inner-box-border p{writing-mode:vertical-rl;margin-top:-8%;margin-right:-.8%;font-size:13px;}
.scrolldown1{z-index:5;transform:translate(-50%,-50%);z-index:9;}
.scrolldown1::before{content:"";position:absolute;left:0%;top:0%;width:.5px;background:#8d8d8d;animation:pathmove 2s ease-in-out infinite;opacity:0;}
@keyframes pathmove{
  0%{height:0;top:0;opacity:0;}
  20%{height:130px;opacity:1;}
  100%{height:0;top:190px;opacity:0;}
}

@media screen and (max-width:1110px){
  .main-box{margin:7% auto 0;}
}

/* メニュー */
.nav-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:1300px;margin:0 auto;padding-bottom:3%;}
.nav-item,.nav-item-ye{width:20%;box-shadow:3px 3px 5px rgb(138, 138, 138);}
.nav-item a,.nav-item-ye a{display:block;font-size:14px;text-align:center;padding:15px 0;font-weight:bold;transition:all 0.2s ease;outline-offset:-5px;}
.nav-item a{background-color:#0056d2;color:#fff;border:2px solid #0056d2;outline :1px solid #FFFFFF;}
.nav-item-ye a{background-color:rgba(250, 218, 36, 1);color:#000;border:2px solid rgba(250, 218, 36, 1);outline :1px solid rgba(76, 76, 76, 1);}
.nav-item a:hover{background-color:#fff;color:#0056d2;border-color:#ffffff;outline :1px solid #0056d2;}
.nav-item-ye a:hover{background-color:#fff;color:rgb(226, 192, 0);border-color:#ffffff;outline :1px solid rgba(250, 218, 36, 1);}


/* セクションALL */
.section-all{width:100%;margin:0 auto;overflow:hidden;}
/* .section-back1{position:absolute;top:-130px;right:50%;width:780px;height:780px;background:rgba(227, 227, 227, 1);transform:rotateZ(45deg);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);z-index:-1;} */
/* .section-back2{position:absolute;top:440px;left:35%;width:780px;height:780px;background:rgb(9 108 230);transform:rotateZ(45deg);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);z-index:-1;} */
/* 背景図形1 */
.section-back1{width:1800px;height:1800px;position:absolute;top:0;left:50%;transform:rotateZ(45deg) translate(-57%,52%);z-index:-1;background-attachment:fixed;}
.top-back-all1,.top-back-all2{display:flex;width:100%;height:50%;margin:2%;}
.back1,.back4,.back2,.back3{margin:1%;}
.back1,.back4{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back2,.back3{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
/* 背景図形2 */
.section-back2{width:1800px;height:1800px;position:absolute;top:1900px;left:50%;transform:rotateZ(45deg) translate(-16%,23%);z-index:-1;background-attachment:fixed;}
.top-back-all11,.top-back-all22{display:flex;width:100%;height:50%;margin:2%;}
.back11,.back44,.back22,.back33{margin:1%;}
.back22,.back33{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back11,.back44{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
/* 背景図形3 */
.section-back3{width:1800px;height:1800px;position:absolute;top:4300px;left:50%;transform:rotateZ(45deg) translate(-57%,52%);z-index:-1;background-attachment:fixed;}
.top-back-all111,.top-back-all222{display:flex;width:100%;height:50%;margin:2%;}
.back111,.back444,.back222,.back333{margin:1%;}
.back222,.back333{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back111,.back444{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
/* .top-back-all{position:absolute;top:-5%;left:0;width:100%;}
.top-back-img,.top-back-img2{width:100%;} */
/* about */
.top-about{width:80%;margin:5% auto 0;}
.top-about-miya1{writing-mode:vertical-rl;position:absolute;top:-2%;right:-150px;font-size:120px;color:rgba(227, 227, 227, 1);z-index:1;}
.top-about p{color:rgba(236, 6, 6, 1);font-weight:bold;margin:3% auto 1%;position:relative;z-index:9;}
.top-about h3{font-size:120px;color:rgba(0, 89, 198, 1);margin-left:-3%;position:relative;z-index:9;}

@media screen and (max-width:1200px){
  .top-about-miya1,.top-about h3{font-size:100px;}
  .top-about-miya1{right:-130px;}
}

.top-about-a{position:absolute;bottom:25%;right:5%;z-index:9;}
/* VIEW MORE ALL */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#0056d2;color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:bold;font-size:16px;cursor:pointer;transition:all 0.2s ease;border:2px solid #0056d2;}
.btn:hover{background-color:#fff;color:#0056d2;border:2px solid #0056d2;}
.btn .icon{display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;width:24px;height:24px;border-radius:50%;font-size:16px;font-weight:bold;transition:all 0.2s ease;padding-bottom:2%;}
.btn:hover .icon{background-color:#0056d2;color:#fff;}


/* TOPICS */
.top-topics{width:80%;margin:0 auto;}
.top-topics-title{margin:3% auto;}
.top-topics h2{text-align:right;margin:0 26% 2% 0%;color:#fff;letter-spacing:.2rem;}
.top-topics h3{font-size:120px;color:#fff;margin-right:12%;text-align:right;line-height:95%;}
.top-topics-a{text-align:right;margin-top:5%;}
.top-topics-news a{display:flex;color:#000;background:#fff;padding:15px 20px;font-weight:bold;margin:1% auto;width:90%;box-shadow:2px 4px 4px rgb(107, 107, 107);}
.top-topics-news a span{padding-right:50px;}
.top-topics-news a:hover{transition:all .1s;box-shadow:none;color:rgba(0, 0, 0, 0.645);}
@media screen and (max-width:1200px){
  .top-topics h3{font-size:100px;}
}

/* WORK */
.top-work{width:80%;margin:0 auto;}
.top-work-title{display:flex;align-items:end;}
.top-work h3{font-size:120px;color:#0056d2;line-height:95%;}
.top-work h2{color:rgba(215, 215, 215, 1);margin-left:3%;letter-spacing:.2rem;}
.top-work-contens{margin:7% auto 10%;}
/*====================================================================
slick
====================================================================*/
.sliderArea{max-width:100%;margin:0 auto;padding:0 25px;}
.sliderArea.w300{max-width:300px;}
.slick-slide{margin:0 5px;}
.slick-slide img{width:100%;height:auto;}
.slick-prev,.slick-next{z-index:1;}
.slick-prev:before,.slick-next:before{color:#000;}
.slick-slide{transition:all ease-in-out .3s;opacity:.2;}
.slick-active{opacity:1;}
.slick-current{opacity:1;}
.thumb{margin:20px 0 0;}
.thumb .slick-slide{cursor:pointer;}
.thumb .slick-slide:hover{opacity:.7;}

/*====================================================================
補足
====================================================================*/
.slick-prev:before, .slick-next:before{display:none;}
.slider-contents{width:100px;}
.slider-contents a:hover{transition:all .1s;opacity:.7;}
.slider-contents h4{font-size:13px;color:rgba(105, 105, 105, 1);margin:6% auto 3%;}
.slider-contents p{color:#000;width:90%;}

.top-work-a{text-align:center;}
@media screen and (max-width:1200px){
  .top-work h3{font-size:100px;}
}


/* 対応工事内容 */
.top-construction-all{width:90%;margin:5% auto;background:#fff;border-radius:2rem;max-width:1300px;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.top-construction-all h6{position:absolute;top:-40%;left:-7%;font-size:120px;writing-mode:sideways-lr;color:rgba(199, 199, 199, 1);}
.top-construction-all h5{position:absolute;top:-10%;right:-2%;font-size:120px;color:rgba(26, 113, 213, 0.1);}
.const-container{width:85%;margin:40px auto;padding:20px;text-align:center;z-index:8;}
.const-container h1{text-align:left; font-weight:bold;margin-bottom:40px;margin-left:-25px;}
.const-flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.const-flex-block{width:30%;margin:2% 1.6%;}
.const-flex-block img{width:70%;}
.const-flex-block h3{text-align:center;font-size:18px;}
.const-flex-block h3 a{color:#000;}
.const-flex-block h3 a:hover{transition:all .4s;color:rgba(0, 89, 198, 1);}
.top-construction-a{text-align:center;margin-top:5%;}
@media screen and (max-width:1200px){
  .top-construction-all h6,.top-construction-all h5{font-size:100px;}
}

/* 解体までの流れ */
.top-flow-all{width:90%;margin:0 auto;background-color:rgba(0, 89, 198, 1);color:#fff;border-radius:2rem;max-width:1300px;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.top-flow-all h5,.top-flow-all h6{position:absolute;font-size:130px;opacity:.2;z-index:1;}
.top-flow-all h5{top:15%;left:-12%;transform:rotateZ(-90deg);}
.top-flow-all h6{bottom:15%;right:-12%;transform:rotateZ(90deg);}
.flow-container{width:85%;margin:40px auto;padding:20px;text-align:center;z-index:8;}
.flow-container h1{text-align:left;font-weight:bold;margin-bottom:40px;margin-left:-25px;}
/* Flow Grid Layout */
.flow-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;margin-bottom:40px;position:relative;}
/* Connectors (Simulated with margins and pseudo-elements for a simple design) */
.flow-grid .flow-step:not(:last-child)::after{position:absolute;content:'';right:-7%;top:40%;width:0px;height:0px;border-style:solid;border-color:transparent transparent #ffffff transparent;border-width:17px 0px 30px 30px;transform:rotate(-45deg);}
.flow-grid.second-row{direction:ltr;}
/* Flow Step Card */
.flow-step{background-color:#fff;color:#333;padding:20px 15px;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);position:relative;text-align:left;min-height:200px;display:flex;flex-direction:column;}
.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background-color:rgba(98, 168, 255, 1);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:bold;z-index:5;}
.step-title{display:flex;justify-content:center;align-items:center;height:80px;font-size:20px;text-align:center;font-weight:bold;border-bottom:2px solid #eee;}
.step-description{font-size:14px;margin:0;padding:20px 0;font-weight:bold;}
/* Contact Button (Step 1 specific) */
.btn-contact{font-size:14px;font-weight:bold;position:absolute;bottom:0;left:0;width:100%;display:block;background-color:#FFC000;color:#333;padding:8px 15px;text-align:center;border-radius:0 0 .8rem .8rem;}
.btn-contact:hover{transition:all.1s;background-color:#e0ac00;}
/* Timeline Note (Min. Days) */
.timeline-note{font-weight:bold;background-color:rgba(0, 53, 119, 1);padding:10px 0;margin:20px 0;border-radius:5px;}
.timeline-note span{font-size:11px;}
.top-note{margin-bottom:60px;}
/* Footer Note (The very bottom explanatory text) */
.flow-note{text-align:left;margin-top:40px;padding-top:10px;border-top:1px solid rgba(255, 255, 255, 0.5);font-size:14px;}
@media (max-width:1200px){
  .top-flow-all h5,.top-flow-all h6{font-size:110px;}
}
@media (max-width:768px){
  .flow-grid{grid-template-columns:1fr;gap:40px;}
  .flow-step{min-height:auto;}
  .flow-step:not(:last-child)::after{content:'▼';position:absolute;bottom:-30px;top:auto;left:50%;right:auto;transform:translateX(-50%);width:auto;height:auto;background-color:transparent;color:#fff;z-index:10;display:block;}
  .flow-step:nth-child(4)::after{display:none;}
}

/* 解体見積もりシミュレーター */
.top-estimate-all{width:90%;margin:0% auto;padding:6% 0 0 0;max-width:1300px;}
.top-estimate-all h6{position:absolute;top:-10%;right:-7%;font-size:120px;writing-mode:vertical-lr;color:#fff;}
.top-estimate-all h5{position:absolute;font-size:130px;color:rgba(0, 0, 0, 0.05);z-index:1;top:0;left:-5%;}
.estimate-container{width:90%;margin:0 auto;z-index:8;}
.estimate-container p{font-weight:bold;margin-top:15px;}
.estimate-main{width:95%;margin:0 auto;background:#e0ac00;height:300px;}
@media (max-width:1200px){
  .top-estimate-all h6{font-size:100px;}
  .top-estimate-all h5{font-size:110px;}
}

/* 平米数・坪数を自動計算！ */
.top-automatic-all{width:90%;margin:5% auto;max-width:1300px;}
.top-automatic-all h5{position:absolute;top:-10%;right:-2%;font-size:120px;color:rgba(26, 113, 213, 0.1);z-index:9;}
.top-automatic-all h1{text-align:left;font-weight:bold;margin-left:3%;}
.auto-container{width:100%;margin:20px auto 0;padding:20px;z-index:8;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);border-radius:1rem;background:#fff;}
.auto-container h4{position:absolute; top:0;right:0;width:100%;height:100%;clip-path:polygon(60% 0, 100% 0, 100% 100%, 50% 100%);background:rgba(0, 89, 198, 1);z-index:1;border-radius:1rem;}
.auto-container p{position:relative;z-index:9;text-align:left;}
@media screen and (max-width:1200px){
  .top-automatic-all h5{font-size:100px;}
}

/* Instagram */
.top-instagram-all{width:90%;margin:0 auto;max-width:1300px;}
.top-instagram-all h1{text-align:center;font-weight:bold;margin-bottom:40px;font-size:35px;}
.top-instagram-all h5{position:absolute;bottom:-5%;right:-5%;font-size:130px;color:rgba(86, 86, 86, 0.2);z-index:1;}
.inst-container{display:flex;justify-content:left;flex-wrap:wrap;}
.inst-main{width:20%;margin:2% 2%;border-radius:0 1rem 1rem 0;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);position:relative;z-index:9;background:#fff;}
.inst-main a{display:flex;}
.inst-main:hover{transform:translateY(4px);box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
.inst-main h3{writing-mode:vertical-lr;background:linear-gradient(60deg,rgba(37, 171, 255, 1) 0%,rgba(5, 55, 116, 1) 90%);color:#fff;font-size:16px;padding:1rem .5rem;clip-path:polygon(0% 0, 100% 0%, 100% 80%, 0% 95%);width:15%;letter-spacing:.1rem;}
.inst-contents{width:75%;margin:0 auto;padding:2rem 1rem;}
.inst-contents img{width:100%;}
.inst-contents h4{font-size:12px;color:rgba(105, 105, 105, 1);}
.inst-contents p{font-size:14px;margin:2% auto;color:#000;}
.top-instagram-a{text-align:center;margin-top:3%;position:relative;z-index:9;}

@media (max-width:1200px){
  .top-instagram-all h5{font-size:110px;}
}


/* お客様の実際の声 */
.top-review-all{width:90%;margin:0 auto;padding:6% 0 0 0;max-width:1300px;}
.top-review-all h5{position:absolute;top:0;left:-3%;font-size:130px;color:rgba(86, 86, 86, 0.2);z-index:1;}
.top-review-title{font-weight:bold;color:#fff;text-shadow:1px 1px 2px #000;margin-left:3%;}
.top-review-title h1{text-align:left;font-size:35px;}
.top-review-title h1,.top-review-title p{position:relative;z-index:9;}
.review-container{display:flex;justify-content:left;flex-wrap:wrap;margin:3% auto;}
.review-contents{width:20%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);border-radius:1rem;margin:0 2.5%;padding:2rem;background:#fff;}
.review-img{text-align:center;}
.review-img img{width:50%;}
.review-img h6{color:rgba(132, 132, 132, 1);font-size:12px;margin:10px 0 25px 0;}
.review-contents p{margin:2% auto;color:rgba(55, 55, 55, 1);font-weight:bold;font-size:15px;}

@media (max-width:1200px){
  .top-review-all h5{font-size:110px;}
}

/* お問い合わせ */
.top-contact-all{width:90%;margin:0 auto;padding:6% 0 10%;max-width:1300px;}
/* 背景CONTACT */
.top-contact-all h5{position:absolute;top:0;left:-3%;font-size:120px;color:rgba(39, 39, 39, 1);z-index:1;writing-mode:sideways-lr;}
.contact-container{width:90%;margin:3% 0 3% 10%;padding:3%;background-image:url(./img/top-img.png);border-radius:1rem;}
/* 背景カラー */
.contact-container h6{background:rgba(250, 218, 36, 0.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:1rem;}
.top-contact-title{text-align:center;position:relative;z-index:9;}
.top-contact-title h1{display:inline-block;background:rgba(55, 55, 55, 1);color:#fff;padding:.5rem 5rem;border-radius:2rem;box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);}
.top-contact-title p{font-weight:bold;margin:3% auto;}
.top-contact-main{display:flex;}
.top-cont-contents{z-index:9;width:30%;text-align:center;margin:0 3.3%;padding-top:3%;}
/* コンテンツ間縦線 */
.top-cont-contents::before{content:"";position:absolute;top:0;right:-15%;width:2px;height:100%;background:#fff;}
.top-cont-contents:last-child::before{display:none;}
.top-cont-contents img{width:30%;padding:1rem;background:rgba(67, 67, 67, 0.9);border-radius:50%;}
.top-cont-contents p{font-size:13px;font-weight:bold;margin:14% auto 5%;}
/* a要素関係 */
.top-cont-contents a{font-size:16px;display:inline-block;border-radius:5px;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
.t-cont-a1,.t-cont-a3{background:#fff;color:#fff;position:relative;padding:.8rem 2rem;color:#000;font-weight:bold;border:2px solid #fff;}
.t-cont-a1 span,.t-cont-a3 span{color:rgba(255, 136, 0, 1);}
.t-cont-a2{background:#fff;color:#fff;position:relative;padding:.8rem 2rem;color:#000;font-weight:bold;}
.t-cont-a2 span{font-size:20px;}
/* a要素-ホバー関係 */
.t-cont-a1:hover,.t-cont-a1:hover span,.t-cont-a3:hover,.t-cont-a3:hover span{transition:all .1s;background:rgba(255, 136, 0, 1);color:#fff;}
.t-cont-a2:hover{transition:all .1s;background:rgba(255, 136, 0, 1);color:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);transform:translateY(2px);}
/* a要素-allホバー */
.t-cont-a1:hover,.t-cont-a3:hover{box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);border:2px solid rgba(255, 136, 0, 1);transform:translateY(2px);}

@media screen and (max-width:1200px){
  .top-contact-all h5{font-size:100px;top:5%;}
}


/* フッター */
footer{width:100%;margin:0% auto;}
.footer-all{display:flex;justify-content:center;width:90%;margin:0 auto;max-width:1300px;}
.foo-left{width:40%;}
.foo-left img{width:70%;}
.foo-left-tel a{display:inline-flex;align-items:center;justify-content:space-between;color:#fff;background:rgba(0, 68, 151, 1);padding:.8rem 3rem;font-size:25px;font-weight:bold;letter-spacing:.1rem;border:2px solid rgba(0, 68, 151, 1);width:auto;border-radius:.5rem;}
.foo-left-tel a span{writing-mode:sideways-lr;font-size:13px;font-weight:bold;}
.foo-left-tel a:hover{transition:all .1s;color:rgba(0, 68, 151, 1);background:#fff;}
.foo-left-access{display:flex;margin:3% auto;}
.foo-left-access a{width:8%;object-fit:contain;margin-left:5%;display:inline-block;}
.foo-left-access a img{width:100%;}
.foo-left-access a img:hover{transition:al .1s;opacity:.7;}
.foo-center,.foo-right{width:30%;}
.foo-center h2,.foo-right h2{color:rgba(0, 117, 212, 1);position:relative;}
.foo-center h2::before,.foo-right h2::before{content:"";position:absolute;width:80%;height:2px;bottom:-5px;left:0;background:rgb(143, 143, 143);}
.foo-center ul,.foo-right ul{margin-top:4%;}
.foo-center li a,.foo-right li a{margin-top:1%;display:block;color:rgba(69, 69, 69, 1);width:80%;}

.footer-bottom{width:100%;margin:3% auto 0;background:rgba(0, 89, 198, 1);padding:3% 0 1%;}
.foo-bo-top{display:flex;justify-content:center;}
.foo-bo-top h4{margin:0 2%;font-size:15px;}
.foo-bo-top h4 a{color:#fff;}
.footer-bottom p{text-align:center;margin:2% auto 0;color:#fff;}

@media screen and (max-width:1000px){
  .footer-all{width:95%;}
}