@charset "UTF-8";



.member{margin-bottom:20px; padding:40px 0;}
.member-message{border-radius:8px; padding:1px 20px 20px; margin:0px 15px 20px; background:#f6fbf3;}
.member-message .photo{text-align:center; margin:20px auto; width:200px;}
.member-message .photo img{border-radius: 50%;}
.member-message .txt p{margin-top:20px;}
.member-message .txt h3{font-size:18px; margin-bottom:10px; color:#68b82d;}
.member-message .txt .job{text-align:center;}
.member-message .txt .name{font-size:18px; color:#68b82d; font-weight:bold;}
.name-member-top{text-align:right;}
.name-member-staff{text-align:center; border-bottom:4px solid #c9e5b3; padding-bottom:10px; margin:0 0 10px 0;}
.member-message-info table th{text-align:left; width:30%;}
.member-message-info table td{width:70%;}

#m-top{padding-bottom:40px; position:relative;}
#m-top .member-message{background:none;}

.shisetsu-intro{background:url(../img/common/bg_line01.png) repeat; padding:20px 0;}
.shisetsu-intro ul{margin:30px 30px 0;}
.shisetsu-intro ul li{margin-bottom:20px;}
.shisetsu-intro ul li img{border-radius:8px; margin-bottom:10px;}


.access{background:url(../img/common/bg_top-info.png); padding:25px 0;}
.office-data .txt{background:#FFF; padding:25px 35px; box-sizing:border-box; margin:15px; border:2px solid #eeeeee; border-radius:8px;}
.office-data dt{font-size:16px; font-weight:bold;}
.office-data dd{margin-bottom:10px; font-size:14px;}
.office-data .btn-map{padding:10px 0px 0; text-align:center;}

.office-data .map{padding:0 15px;}
.office-data .map iframe{width:100%; height:280px;}

.office-access{margin:40px 15px 0; padding:25px 0; border-top:2px solid #f2f2cb;}
.office-access h3{font-size:20px; text-align:center; margin-bottom:30px;}
.office-access .tit_line{display:inline-block; background:url(../img/common/line_txt-wavegreen.png) repeat-x bottom left; padding-bottom:10px;}
.office-access .lead{text-align:center;}
.office-access ul{margin:0 25px;}
.office-access ul li{margin-top:20px;}
.office-access ul li p{margin-top:5px;}
.office-access ul li img{width:100%;}

.office-access .youtube{margin: 70px auto 0; aspect-ratio: 560 / 315; width: 100%; max-width: 560px;}
.office-access .youtube iframe {width: 100%; height: 100%;}

.top-access{background:url(../img/top/bg_top-subara.png) repeat; text-align:center; padding:20px 8%;}
.top-access .txt{box-sizing:border-box; margin:20px 0; padding:10px 20px 20px; background:#FFF; border-radius:8px;}
.top-access .txt dl{margin:0 auto; box-sizing:border-box;}
.top-access .txt dt{text-align:center; padding-bottom:0px; font-size:15px;}
.top-access .txt dt .txt_line{
    background:url(../img/common/line_txt-wave.png) repeat-x left bottom;
    display:inline-block;
    font-weight:bold;
    padding:10px;
    background-size:15px;
}
.top-access .txt dd{ text-align:left; font-size:12px;}
.top-access .txt .tel{
    text-align:center;
    font-size:20px;
    background:#f5f5f5;
    font-weight:bold;
    padding:5px;
    border-radius:6px;
    margin:15px 0;
}

.top-access .txt .tel span{display:none;}
.top-access .txt .tel a{display:block; color:#68b82d;}
.top-access .txt .tel img{width:12px; margin:0 5px 0px 0;}

.top-access .btn-link{width:100%; margin-top:10px; text-align:center;}



@media (min-width: 768px) {

.member{margin-bottom:80px; padding:40px 8%;}
.member-message{display:inline-block; width:48%; vertical-align:top; margin:0 0 30px 0; padding:40px; background:#f2f9ea;}
.member-message:nth-child(odd){margin-left:3%;}
.member-message .photo{ margin-bottom:20px;}
.member-message .txt p{margin-top:0px; text-align:left;}
.member-message .txt .name-member-staff{text-align:center;}
.name-member-top .job{color:#000 !important;}
.member-message-info table th{text-align:left; width:20%;}
.member-message-info table td{width:80%;}

#m-top{position:relative; padding-bottom:80px; margin:0 auto;}
#m-top .member-message{padding:0 15px; background:none; margin-bottom:0px; width:100%; display:table;}
#m-top .photo,
#m-top .txt{display:table-cell; vertical-align:middle;}
#m-top .photo{width:320px;}
#m-top .member-message-top-name{margin-top: 20px; text-align: center;}
#m-top .member-message-top-name .name{font-size:22px; font-weight: 700; color: #68b82d;}
#m-top .txt{width:400px;}

.shisetsu-intro ul li{display:inline-block; margin-bottom:30px; width:47%;}
.shisetsu-intro ul li:nth-child(2n){margin-left:34px;}

.access{padding:60px 0;}
.office-access ul li{width:31%; display:inline-block; vertical-align:top; margin:0 1% 30px 1%;}
.office-access ul li:nth-child(2n){margin-right:0;}


@media (min-width: 940px) {
.member-message .txt h3{font-size:24px; line-height:40px; margin-bottom:20px; text-align:left;}
.member-message .txt .name{font-size:22px;}
.member-message .txt .job{font-size:18px;}
.member-message .photo{width:270px;}

#m-top .photo{width:460px;}
#m-top .txt{width:470px; margin-top:40px;}

.shisetsu-intro{padding:100px 0;}
.shisetsu-intro ul{width:840px; margin:20px auto;}
.office-data{overflow:hidden;}
.office-data .txt{float:right; width:400px; margin:0;}
.office-data .map{float:left; padding:0;}
.office-data .map iframe{width:560px; height:432px; border-radius:8px;}

.access{padding:60px 0 120px;}
.access .inner{width:1000px; margin:0 auto; overflow:hidden;}
.office-access{margin:100px auto ; padding:50px 10px;}
.office-access .lead{text-align:center; padding:0 120px;}
.office-access h3{font-size:26px;}
.office-access ul{margin:0;}
.office-access ul li{width:300px; display:inline-block; margin:0 30px 30px 0; position:relative;}
.office-access ul li:nth-child(2n){margin:0 30px 30px 0;}
.office-access ul li:nth-child(3n){margin-right:0;}
.office-access ul li:after{
  content:" ";
  display:block;
  border: 18px solid transparent;
  border-left: 22px solid #f2f2cb;
  position:absolute;
  right:-46px;
  top:50%;
  margin-top:-36px;
}
.office-access ul li:nth-child(3n):after{display:none;}

}

.top-access{padding:100px 0 120px; margin-bottom:0;}
.top-access .inner{max-width:1000px; margin:30px auto; overflow:hidden;}
.top-access .photo{width:60%; float:left;}
.top-access .txt dt .txt_line{background-size:auto;}
.top-access .txt{margin:0; width:38%; float:right;}
.top-access .txt dl{padding:0px 30px;}
.top-access .txt dt{font-size:24px; margin-bottom:20px;}
.top-access .txt dd{font-size:14px; margin-bottom:5px;}
.top-access .txt .tel{font-size:26px; margin-bottom:20px;}
.top-access .txt .tel img{width:14px;}
.top-access .txt .tel a{display:none;}
.top-access .txt .tel span{display:block; color:#68b82d;}
.top-access .btn-link{font-size:16px; padding: 20px;}


.top-access{background:url(../img/top/bg_top-subara.png) repeat;text-align:center;padding:20px 8%;}
.top-access .txt{box-sizing:border-box; margin:20px 0; padding:10px 20px 20px; background:#FFF; border-radius:8px;}
.top-access .txt dl{margin:0 auto; box-sizing:border-box;}
.top-access .txt dt{text-align:center; padding-bottom:0px; font-size:15px;}
.top-access .txt dt .txt_line{
    background:url(../img/common/line_txt-wave.png) repeat-x left bottom;
    display:inline-block;
    font-weight:bold;
    padding:10px;
    background-size:15px;
}
.top-access .txt dd{ text-align:left; font-size:12px;}
.top-access .txt .tel{
    text-align:center;
    font-size:20px;
    background:#f5f5f5;
    font-weight:bold;
    padding:5px;
    border-radius:6px;
    margin:15px 0;
}

.top-access .txt .tel span{display:none;}
.top-access .txt .tel a{display:block; color:#68b82d;}
.top-access .txt .tel img{width:12px; margin:0 5px 0px 0;}

.top-access .btn-link{width:100%; margin-top:10px; text-align:center;}
.top-access.lower {
    margin-bottom: 40px;
}










@media (min-width: 940px) {
.top-main{
  padding:60px 0 100px;
  background:url(../img/top/bg_top-main.png) no-repeat center top;
  background-size:auto;
}
.top-main h2{max-width:500px;}
.top-main .txt-main1{font-size:20px;}
.top-main .txt-main2{font-size:36px;}
.top-main .txt-main3{font-size:28px;}
.top-main .txt-main-b{font-size:60px;}

.top-lead{text-align:center; padding:40px 0;}
.top-lead h3{font-size:20px;}
.top-lead h3 strong{font-size:36px; background-size:auto;}
.top-lead p{font-size:20px;}

.top-subara .inner{width:100%; max-width:1000px; overflow:hidden;}
.top-subara{text-align:center; padding:100px 0 120px; background-size:auto;}
.top-subara .inner{margin:60px auto; overflow:hidden;}
.top-subara .txt{float:left; text-align:left; width:60%;}
.top-subara .photo{float:right; width:40%;}
.top-subara h2{font-size:20px; text-align:left;}
.top-subara h2 strong{font-size:36px; background-size:auto;}
.top-subara p{margin:0px 0 20px; font-size:16px; line-height:1.8;}
.btn-subara{float:left;}

.top-message{margin-bottom:120px;}
.top-message .inner{max-width:1000px; }
.top-message .txt{margin-top:30px;}

.top-support{padding:80px 0 20px;}
.top-support .pc-inner{max-width:1000px; margin:20px auto;}
.top-support h3{font-size:30px;}
.top-support li{width:30%;}
.top-support li:nth-child(2){ margin:0 4%;}

.top-info{width:1000px; margin:0 auto -60px;}
.top-info h3{font-size:30px;}
.top-info ul{margin:40px 45px;}
.top-info ul li{padding:15px 0px; font-size:16px;}
.top-info ul li .info-blog-cat{display:inline-block;}
.top-info ul li .info-blog-cat a{padding:8px 10px;}
.top-info ul li .info-blog-tit{display:inline-block;  font-size:16px;}
.btn-support{margin:30px auto; width:440px;}

.top-access{padding:100px 0 120px; margin-bottom:0;}
.top-access .inner{max-width:1000px; margin:30px auto; overflow:hidden;}
.top-access .photo{width:60%; float:left;}
.top-access .txt dt .txt_line{background-size:auto;}
.top-access .txt{margin:0; width:38%; float:right;}
.top-access .txt dl{padding:0px 30px;}
.top-access .txt dt{font-size:24px; margin-bottom:20px;}
.top-access .txt dd{font-size:14px; margin-bottom:5px;}
.top-access .txt .tel{font-size:26px; margin-bottom:20px;}
.top-access .txt .tel img{width:14px;}
.top-access .txt .tel a{display:none;}
.top-access .txt .tel span{display:block; color:#68b82d;}
.top-access .btn-link{font-size:16px; padding: 20px;}


}