@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");


body{overflow: scroll}

body{
    font-family: 'Roboto', 'Zen Kaku Gothic New', sans-serif;
    line-height: 1.6;
    background-color: #fdfdfd;
    overflow-x: hidden;
}


/* スマホ (768px未満) */
@media (max-width: 767px) {
    main {width: 93%; margin: auto; }
}

/* タブレット (768px ~ 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    main { max-width: 88%; margin: auto; }
}

/* パソコン (1025px以上) */
@media (min-width: 1025px) {
    main {max-width: 78%; margin: auto; }
}


/* slick用　表示崩れ防止  javascript  $(window).on('load', function () {　　～　$('body').addClass('loaded');　を付け加え　*/
.thumbnail-slide {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.loaded .thumbnail-slide {
	opacity: 1;
}



/* ーーーーーーーーーーーーーーーーーー */
/* (1) header  PCヘッダー */ /* ナビメニュー含む */
/* ーーーーーーーーーーーーーーーーーー */

header {
    width: 100%; display: flex; justify-content: center; background-color: #fdfdfd;}

.header_container {display: flex; justify-content: center; align-items: center; width: 100%;
 margin-top: .5rem;}

.logo {display: flex;}

h1 {font-size: .8rem; margin-left: 1rem; }

.catch_phrase {text-align: center; font-size: .8rem; background-color: #333333; font-weight: 600;  padding: 0 .5em 0 .5em; letter-spacing: 0.1em; color: #fdfdfd;}

.company_name { font-weight: 600; text-align: center; font-size: .8rem; margin-top: .3rem;
                padding: 0 .5em 0 .5em; color: #333333; border-bottom: 2px solid #333333;
                border-top: 2px solid #333333; letter-spacing: 0.1em;}

.navi_menu {margin-left: 1rem;}

.navi_menu ul {margin: 0 auto; padding: 0; display: flex; justify-content: center; list-style: none;}

.navi_menu ul {border-left: 1px solid #333333;}

.navi_menu ul li {border-right: 1px solid #333333; position: relative; flex-grow: 1; text-align: center; }

.navi_menu ul li a {text-decoration: none; color: #333333; background-color: transparent; padding: 0 10px 0 10px; font-size: 0.8rem; font-weight: 500; }

.navi_menu ul li a:hover {color: #fdfdfd; font-weight: 500; background-color: #90d2f2; }

.contact {display: flex; align-items: flex-end; justify-content: space-between;}

.tel_icon {display: flex; height: 1.5rem; margin-left: 1.5rem; margin-right: 1rem; margin-bottom:.4rem; }

/* ★　phone_numberは箱　numberは実際の番号 */
.phone_number {display: flex; justify-content: center; flex-direction: column; letter-spacing: 0.13em; }

.number { font-size: 1em; font-weight: 800; color: #333333; letter-spacing: 0.22em;}

.hours {font-size: 0.8em; font-weight: 800; color: #333333;}

/* slick thumnail */



.thumbnail-slide {max-width: 100%; overflow: hidden;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:calc(50vw - 50%);padding-left:calc(50vw - 50%)} 

.thumbnail-slide .slick-slide {opacity: 1;transform: scale(1);transition: opacity 0.3s ease, transform 0.3s ease;}

.thumbnail-slide .dimmed {opacity: 0.4;transform: scale(0.95);}



/* ーーーーーーーーーーーーーーーーーー */
/* (2) header  ヘッダーレスポンシブル */ 
/* ーーーーーーーーーーーーーーーーーー */

/* スマホ less 767 ~767 */
@media (max-width: 767px) {
    header {height: 80px;}
.header_container {display: flex; justify-content: center; align-items: center; gap: 10px; }

.logo {display: flex; align-items: center; }

.logo img {height: 60px; width: 60px; }

/* display block */
.catch_phrase, .company_name { display: block; }
    
/* display none */
.navi_menu, .contact, .lower-menu { display: none; }
}

/* タブレット less 1024  768~1024 */
@media (min-width: 768px) and (max-width: 1024px) {
    header { height: 90px; }
    h1 { font-size: .8rem; }

.phone_number { font-size: .8rem; }
    
.logo img { width: 52px; height: 52px; }
    
.header_container {max-width: 1024px; }

/* display none */
#burger,.catch_phrase,.company_name  { display: none; }
}

/* PC more 1025  */
@media (min-width: 1025px) {
    header { height: 90px; }
    h1 { font-size: .8rem; }
    
.phone_number { font-size: .8rem; }
    
.logo img { width: 52px; height: 52px; }

.header_container { max-width: 1600px; }

/* display none */
#burger {display: none;}
}



/* ーーーーーーーーーーーーーーーーーー */
/* (3) hero image */ 
/* ーーーーーーーーーーーーーーーーーー */

.hero-container { width: 100%; height: auto; background-color: #fdfdfd; }

#hero-image { width: 100%; height: auto; display: block; }



/* ーーーーーーーーーーーーーーーーーー */
/* (4) global munu */ 
/* ーーーーーーーーーーーーーーーーーー */


.menu-background {background-color: #fdfdfd; background-image: repeating-linear-gradient(315deg,#fdfdfd,#fdfdfd 6px,#90d2f2 0,#90d2f2 7px);padding: 15px 0;}

.lower-menu {width: 100%; margin: 0rem auto; padding: 0; background-color: #90d2f2; border-top: 1.3px solid #333333; border-bottom: 1.3px solid #333333;}


.lower-menu ul {max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-around; list-style: none; padding: 0;} 

.lower-menu ul li {position: relative; flex: 1; text-align: center; border-left: 1px solid #333333; border-right: 1px solid #333333;}

.lower-menu a {display: block; color: #333333; padding: 10px 0; background-color: #90d2f2; text-decoration: none;} 

.lower-menu a:hover {color: #333333; background-color: #cceeff;} 

.lower-menu li {flex: 1;} 

.lower-menu a .line1, .lower-menu a .line2 {display: block;} 

.lower-menu a .line1 {width:70%; margin: 0 auto; background: url(../images/dotline.svg) repeat-x left bottom / auto 2px;} 

.lower-menu a .line1 span {font-size: 1.5rem;} 

.category-menu a .line2 {font-size: 0.7rem; letter-spacing: 0.1em;}



/* ーーーーーーーーーーーーーーーーーー */
/* (4-1)  burger-menu              
/* ーーーーーーーーーーーーーーーーーー */


#burger{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:fixed;top:20px;right:20px;z-index:4;color:#90d2f2;background-color:rgba(144,210,242,0.3) ;border-radius:10px}
.burger span{display:block;width:35px;height:3px;border-radius:5px;background-color:#90d2f2;margin:5px 0;transition:0.3s; z-index: 4;}
.burger>span:nth-child(1){top:-40%}
.burger>span:nth-child(3){top:40%}
#burger.active span {background-color: #585858;}

.burger.active>span:nth-child(1){transform:translateY(12.5px);top:0}
.burger.active>span:nth-child(2){transform:rotate(270deg);top:0%}
.burger.active>span:nth-child(3){opacity:0}
.b-nav{position:fixed;top:0;right:-100%;width:360px;height:100%;background-color:rgb(144,210,242,0.8); color:#333333;transition:right 0.3s ease-in-out;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;}
.b-nav.active{right:0;  padding-top: 80px; }
.b-nav ul{list-style:none;padding:0;margin:0}
.b-nav li{margin-bottom:5px;text-align:center;line-height:1.1rem;padding:0}
.b-nav a{text-decoration:none;color:#585858;font-size:1rem;font-weight:bold;display:block;padding-bottom:15px;margin-top:-10px}
.b-nav li a{border-bottom:1px solid #fdfdfd}hr{border:none}
.menu-nav-footer{text-align:center;}
.social-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:0 auto}
.social-icons img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;text-decoration:none;background-repeat:no-repeat}
.icon a{text-decoration:none}
/* バーガーメニュー下の画像 */
.footer-logo{text-align:center;margin-top:10px}.footer-logo img{height:auto;width:200px}

@media screen and (min-width: 768px) {
    #burger { display: none }
}

/* 　　　　　　　　　　　　　 */
/* (4-2) ページトップボタン */
/* 　　　　　　　　　　　　 */
.pagetop a{display:block;text-decoration:none;text-align:center;z-index:99;position:fixed;right:20px;bottom:20px;color:#90d2f2;font-size:1.5rem;background:rgba(144,210,242,0.3);width:60px;line-height:60px;border-radius:50%}

@media screen and (min-width: 768px) {
    .pagetop { display: none }
}


.mailbtn a{display:block;text-decoration:none;text-align:center;z-index:99;position:fixed;left:20px;bottom:20px;font-size:1.5rem;background:rgba(254,193,174,.3);width:60px;line-height:60px;border-radius:50%;color:#fec1ae}

@media screen and (min-width: 768px) {
    .mailbtn { display: none !important;}
}


/* ーーーーーーーーーーーーーーーーーー */
/* (5) h-tag */ 
/* ーーーーーーーーーーーーーーーーーー */

.h2a  {margin: auto; margin-bottom:1rem;font-size: 1.5rem; color: #26466d; display: block; text-align: center; width: fit-content; padding: 0 2.5rem; border-bottom: solid 3px #26466d;}

/* h-tag 上のあしらい */
.upper-tag {display: flex; justify-content: center; align-items: center; margin: 20px auto 10px;}

.upper-tag img { height: 3rem; width: auto;}

.upper-tag-left {display: flex; align-items: center; margin: 1.5rem auto -1rem 0;}

.upper-tag-left img { height: 3rem; width: auto;}

/* h-tag 768px以上 */
@media (min-width: 768px) {.upper-tag {margin-top:2rem;} h2{margin-bottom:1rem;}}



h4 {font-size: 1.1rem; font-weight: 500; color:#26466d;}

h4 ::after { content: ""; display: block; background-color:#26466d; width: 33%; height: 1px; margin-bottom: 1rem;}

.h4-thub{font-size: 1;}

.h5inquery{margin-bottom:.5rem;font-size:1.1rem;color:rgba(38,70,109,.8);font-weight:400;position:relative;padding-left:2.5rem;background:linear-gradient(to right,rgba(144,210,242,.2) 0%,rgba(144,210,242,0) 100%)}h5::before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:1rem;top:0;color:#90d2f2}


/* ーーーーーーーーーーーーーーーーーー */
/* (6) 文章の枠（黄色） */ 
/* ーーーーーーーーーーーーーーーーーー */

.three_dots{font-size: 2rem; text-align: center; color:#26466c; }

.sentence_border_1 {border: 1px solid #26466d; border-radius: 15px; background-color: rgba(253, 253, 253, 0.5); padding: 20px; margin: 20px 0; }

.sentence_border {border: 1px solid #FDE67C; border-radius: 15px; background-color: rgba(253, 230, 124, 0.1); padding: 20px; margin: 20px 0; }


.article-left{width:90%;margin:0 auto}
.article-left img{width:30%;height:auto;float:left;margin-right:2rem}
.article-right{width:90%;margin:0 auto}
.article-right img{width:30%;height:auto;;float:right;margin-left:2rem;}

@media screen and (max-width: 768px) {
    .article-left img,
    .article-right img {
      width: 40%;
    }
  }

.article-center{width:90%;margin:0 auto}



/* (6.1)お問い合わせフォーム */

.maegaki{position:relative;background-color:rgb(144,210,242,.2);;color:#3f3f3f;font-weight:500;border:1px solid rgb(254,193,174,.4);border-radius:10px;padding:2rem .5rem;margin:20px auto;margin-bottom:5rem;width:90%;max-width:960px}
.maegaki::before{content:'';position:absolute;inset: 10px;width:auto;height:auto;border:1px solid rgb(254,193,174,.4);border-radius:10px;z-index:-1;background-color:#fdfdfd;background-image:repeating-linear-gradient(315deg,#fdfdfd,#fdfdfd 6px,rgb(254,193,174,.4) 0,rgb(254,193,174,.4) 7px)}

.maegaki p{margin:1rem auto ;line-height:1.8;max-width:95%;}

@media (max-width: 767px) {.maegaki p .input-form p{padding:0 2.5rem}}
@media (min-width: 768px) {.maegaki p {text-align: center;}}

.kugirisen{width:60%;border-top:1px solid rgb(144,210,242);margin:0 auto}


.input-form{position:relative;background-color:rgb(144,210,242,.2);border:1px solid #fde67c;border-radius:10px;padding:30px;margin:20px auto;width:80%;max-width:960px}


.input-form::before{content:"";position:absolute;inset: 10px;width:auto;height:auto;border:1px solid #fde67c;border-radius:10px;z-index:-1;background-color:#fdfdfd;background-image:repeating-linear-gradient(315deg,#fdfdfd,#fdfdfd 6px,#fde67c 0,#fde67c 7px)}


.input-form label{display:block;font-size:14px;margin-bottom:8px;color:#333;font-weight:700}
.input-form input,.input-form textarea{width:100%;padding:10px;margin-bottom:2rem;border:1px solid #26466d;border-radius:10px;font-size:14px;line-height:1.5;box-sizing:border-box}
.input-form textarea{height:100px;resize:none}
.input-form p.btn-container{display:flex;flex-direction:column;justify-content:center;max-width:300px;margin:1rem auto 0;gap:none}
.input-form p.btn-container input[type="submit"],.input-form p.btn-container input[type="reset"]{display:block;width:100%;text-align:center;background-color:#90d2f2;border:1px solid #26466d;color:#26466d;letter-spacing:.3rem;padding:10px;border-radius:5px;cursor:pointer;font-size:14px;appearance:none}
.input-form p.btn-container input[type="submit"]:hover,.input-form p.btn-container input[type="reset"]:hover{background:#fdfdfd;color:#26466d}


/* 電話番号部分 */
.otoiawase-tel{border: 1px solid #26466d; padding: 1px 10px;border-radius:10px; margin: 0 auto; width :50%;text-align: center; color:#26466d; }
@media (max-width: 767px) {.otoiawase-tel{border: 1px solid #26466d; padding: 1px 10px;border-radius:10px; margin: 0 auto; width :80%;text-align: center; color:#26466d;}}


/* ーーーーーーーーーーーーーーーーーー */
/* (6-2) 背景バックグラウンドCSS*/ 
/* ーーーーーーーーーーーーーーーーーー */
.bg-1st{background-color:transparent;background-image:repeating-linear-gradient(to bottom,rgba(144,210,242,.2),rgba(144,210,242,.2) 5px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 45px),repeating-linear-gradient(to right,rgba(51,51,51,.05),rgba(51,51,51,.05) 5px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 45px);margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:calc(50vw - 50%);padding-left:calc(50vw - 50%)}@media screen and (max-width:767px){.bg-1st{background-image:repeating-linear-gradient(to bottom,rgba(144,210,242,.2),rgba(144,210,242,.2) 2.5px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 22.5px),repeating-linear-gradient(to right,rgba(51,51,51,.05),rgba(51,51,51,.05) 2.5px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 22.5px)}}


.bg-2nd,.bg-4th{background-color:transparent;background-image:repeating-linear-gradient(45deg,rgba(144,210,242,.3),rgba(144,210,242,.3) .8px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5px),repeating-linear-gradient(315deg,rgba(144,210,242,.3),rgba(144,210,242,.3) .8px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 8px);padding:1rem 0;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:calc(50vw - 50%);padding-left:calc(50vw - 50%)}

.bg-3rd{background-color:transparent;background-image:repeating-linear-gradient(45deg,rgba(253,230,124,.3),rgba(253,230,124,.3) .8px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5px),repeating-linear-gradient(315deg,rgba(253,230,124,.3),rgba(253,230,124,.3) .8px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 8px);padding:1rem 0;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:calc(50vw - 50%);padding-left:calc(50vw - 50%)}

.bg-5th{background-color:rgba(253,230,124,.2);padding:1rem 0;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:calc(50vw - 50%);padding-left:calc(50vw - 50%)}



/* ーーーーーーーーーーーーーーーーーー */
/* (7) 業務内容紹介 */ 
/* ーーーーーーーーーーーーーーーーーー */

.list-grid .list { position: relative; margin-bottom: 2rem; padding: 1rem; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid #FDE67C; border-radius: 15px; background-color: rgba(253, 230, 124, 0.1); color: #333333; margin: 20px 0; }

.list h4 a {color: #244267; text-decoration: none; }
.list h4 a:hover {color: #90d2f2;}

.work-detail { background: #fdfdfd; color: #333333; border-radius: 3px; border: 1px solid #333333; display: inline-block;padding: 0.3rem 0.5rem; min-width: 3rem; text-align: center; font-size: 0.7rem; line-height: 1; margin-right: 5px; margin-bottom: 0.5rem; }


dl.line { margin: 0; display: grid; grid-template-columns: auto 1fr; font-size: 0.7em; border-top: 1px solid #ccc; }

dl.line dt, dl.line dd {border-bottom: 0.5px solid #ccc; padding: 0.5rem; }

dl.line dt { background: rgba(51, 51, 51, 0.1); font-weight: bold; }

/* button design */
.btn1 { display: flex; justify-content: center; width: 300px; margin: 1rem auto 0; }

.btn1 a { display: block; width: 100%; text-decoration: none; text-align: center; background-color: #90d2f2; border: 1px solid #26466d; color: #333333; letter-spacing: .3rem; padding: 10px; border-radius: 5px; }

.btn1 a:hover {background: #cceeff; color: #333333;}

/* layout 3fr  2fr 1fr*/
@media screen and (min-width: 1025px) {
    .list-grid { display: grid; gap: 2rem 1rem; grid-template-columns: repeat(3, 1fr); justify-content: center;}
    .list-grid .list { margin-bottom: 0; } 
}

/* ↓　grid設定が上手くいかないため、仕方なく指定する※具合が悪い場合は外すこと */
@media screen and (min-width:1025px) and (max-width:1200px){.list-grid{transform:scale(.9);transform-origin:top center}}
/* 上　grid設定が上手くいかないため、仕方なく指定する※具合が悪い場合は外すこと */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .list-grid {  display: grid; gap: 1rem 1rem; grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
    .list-grid { display: grid; gap: 1rem; grid-template-columns: repeat(1, 1fr); }
}


/* ーーーーーーーーーーーーーーーーーー */
/* (8) 事務所の特徴 */ 
/* ーーーーーーーーーーーーーーーーーー */


/* common */
.row {display: flex; align-items: center; margin-bottom: 4rem; gap:2rem; position:relative; }

.row::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%;  transform: translateX(-50%); width: 1px;   background-color:transparent; }

.left { flex-direction: row;}

.right { flex-direction: row-reverse; }

.policy_image { width: 550px; height: auto; object-fit: cover; }

.policy_text { display: flex; flex-direction: column; margin:0 auto; max-width: 450px; text-align: left; flex-direction: column;flex-grow: 1;  justify-content: center;}

.point_content {background-image:linear-gradient(90deg, rgba(38, 70, 109, 0) 0%, rgba(38, 70, 109, 0) 50%, #fdfdfd 50%, #fdfdfd 50%), linear-gradient(180deg, rgba(38, 70, 109, 0) 0%, rgba(38, 70, 109, 0) 97%, #26466d 97%, #26466d 100%); background-size: 8px 100%, 100% 1.9rem; line-height: 2rem; font-size: 0.9rem;
position: relative;}

.point-content-outer{padding:1.5rem;background-color:#fdfdfd;border-radius:10px;padding:1rem}


/*@media screen　@media (max-width: 767px) */

@media (max-width: 767px) {
.policy_container {margin: 0 auto; width: 100%; }

.row {flex-direction: column; align-items: flex-start; margin: 0 auto; margin-bottom: 2rem;}

.policy_image {width: 90%; margin-bottom: 10px; margin: 0 auto; }

.policy_text { width: 90%; margin-bottom: 20px; margin: 0 auto; }
}
/* @media screen　@media (min-width: 768px) and (max-width: 1024px) */ 

@media (min-width: 768px) and (max-width: 1024px) {
.policy_container { margin: 0 auto; width: 700px; margin-top:2rem;}

.policy_image {width: 300px;}

.policy_text { width: 360px;}
}


/*  @media screen　@media (min-width: 1025px)*/


@media (min-width: 1025px) {
.policy_container { margin: 0 auto; width: 100%;}

.policy_image { max-width: 55%; padding:2rem;}

.policy_text {width: 35%; line-height:1.8rem;}

.row{margin-bottom: 0rem; gap:0;}
}


/* 事務所情報 */

.book-stamp{display:flex;justify-content:center;align-items:center}
.book-stamp img{height:auto;width:70%;
	@media (min-width:768px){width:60%}
	@media (min-width:1025px){width:40%}}

#footer-contents {background: rgb(253,230,124,0.3);color: #333333; font-size: .8rem; padding: 3rem; display: block; justify-content:space-around; align-items: flex-start; }



#footer-contents .l-footer {margin-bottom: 50px;}

.office-details {
    background-image: url("../images/back-info.webp");
    background-size: cover; 
    background-position: center; /* 画像を中央に配置 */
    background-repeat: no-repeat; /* 画像の繰り返しを無効にする */
}

.contact-info {padding: 2rem; }
.contact-info p { margin: .2rem ; padding:5px;color: #333333;}
.contact-info a { color: #0073e6; text-decoration: none; }
.contact-info a:hover { text-decoration: underline;}
.info-item { background-color:rgba(144,210,242,0.3); color: #999999;font-size:.8rem;
text-align:center;letter-spacing:.3rem; }

@media screen and (min-width:768px) {
#footer-contents {display: flex; justify-content: space-around;}
#footer-contents .l-footer {margin-bottom: 0;width: 50%;}
#footer-contents .r-footer {width:50%; padding-left: 3%;}
}

@media screen and (min-width:1025px) {
	.l-footer {padding: 0 3rem;}}

.iframe-box {width: 100%;height: 0;padding-top: 100%; position: relative;}
.iframe-box iframe {position: absolute;left: 0; top: 0; width: 90%; height: 90%; border-radius: 10px; overflow: hidden; filter: brightness(.95);  margin: auto;}

.footer-width{display:flex;justify-content:center;gap:2rem;max-width:800px;flex-wrap:wrap;margin-top: 2rem; margin-bottom: 1rem;}

#menu-footer{display:flex;justify-content:center;align-items:center;text-align:center; 
	background-color:rgba(252,229,124,.9);background-image:linear-gradient(to left,rgba(253,253,253,0) 0%,rgba(253,253,253,0) 11.1%,rgba(253,253,253,.20) 11.1%,rgba(253,253,253,.20) 22.2%,rgba(253,253,253,.30) 22.2%,rgba(253,253,253,.30) 33.3%,rgba(253,253,253,.40) 33.3%,rgba(253,253,253,.40) 44.4%,rgba(253,253,253,.50) 44.4%,rgba(253,253,253,.50) 55.6%,rgba(253,253,253,.60) 55.6%,rgba(253,253,253,.60) 66.7%,rgba(253,253,253,.70) 66.7%,rgba(253,253,253,.70) 77.8%,rgba(253,253,253,.80) 77.8%,rgba(253,253,253,.80) 88.9%,rgba(253,253,253,.90) 88.9%,rgba(253,253,253,.90) 100%),linear-gradient(to top,rgba(253,253,253,0) 0%,rgba(253,253,253,0) 11.1%,rgba(253,253,253,.20) 11.1%,rgba(253,253,253,.20) 22.2%,rgba(253,253,253,.30) 22.2%,rgba(253,253,253,.30) 33.3%,rgba(253,253,253,.40) 33.3%,rgba(253,253,253,.40) 44.4%,rgba(253,253,253,.50) 44.4%,rgba(253,253,253,.50) 55.6%,rgba(253,253,253,.60) 55.6%,rgba(253,253,253,.60) 66.7%,rgba(253,253,253,.70) 66.7%,rgba(253,253,253,.70) 77.8%,rgba(253,253,253,.80) 77.8%,rgba(253,253,253,.80) 88.9%,rgba(253,253,253,.90) 88.9%,rgba(253,253,253,.90) 100%);}

#menu-footer a { text-decoration: none;color: inherit;}

#menu-footer ul{margin:0;padding:0;list-style:none;flex:1;min-width:150px}

#menu-footer .title { font-weight: 700; color: #333333; padding-bottom: 5px;}


footer { background-color: rgba(252,229,124,.8); font-size: .8rem; text-align: center; padding: 20px;color: #333333; 
}

footer small {font-size: 100%;}


.pagetop-show {display: block;}



/* inquerの下　事務所 */

.intro-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.hako{box-sizing:border-box;background:transparent;padding:10px}.hako-a,.hako-b{width:200px}.hako-c{width:300px}.hako img{width:100%;height:auto;display:block}@media (max-width:1024px){.hako-a,.hako-b{width:38%}.hako-c{width:80%}.intro-container{gap:5px}}