@charset "utf-8";


/* ===================================================
ヘッダー
====================================================== */
.top_summery{
font-size:12px;
text-align:left;
line-height:1.5;
padding:2px 0 6px 10px;
}

#sp_head{
display: none;
}
@media screen and (max-width:900px)  {
#sp_head{
display: block;
padding: 10px 8px 0;
text-align: left;
background-color: #f7f7f7;
height: 59px;
width: 100%;
position: fixed;
top: 0;
z-index: 9;
}
#sp_head img{
width:270px;
}
}
@media screen and (max-width:420px)  {
#sp_head{
height:59px;
}
#sp_head img{
width:240px;
}
}
@media screen and (max-width:380px)  {
#sp_head{
padding:12px 6px 0;
}
#sp_head img{
width:220px;
}
}

#header_top{
width: 900px;
margin: 0 auto;
overflow: hidden;
}
@media screen and (max-width:900px)  {
#header_top{
display:none;
}
}


#logo{
width: 340px;
z-index:99999;
margin:0;
float:left;
}
#logo img{
width:100%;
height:auto;
}
@media screen and (max-width:900px)  {
#logo{
top:25px;
left:20px;
}
#logo img{
width:250px;
}
}

.fixed #logo{
top:0px;
transition: 1s;
}

.header_submenu{
float:right;
margin-top: 8px;
}
.header_submenu a{
display: block;
padding:7px 20px;
color:#fff;
text-decoration: none;
text-align:center;
width:200px;
background-color: #254169;
border-radius:4px;
font-weight:500;
}

/* ===================================================
ヘッダー隠れ要素
====================================================== */
@media screen and (min-width:901px) {
.hideClass {
transform: translateY(-156px);
}
}
@media screen and (min-width:901px) {
.site-header{
background:rgba(255,255,255,0.9);
justify-content: space-between;
padding: 0;
top: 0;
position:fixed;
transition:0.6s;
width: 100%;
z-index: 999;
border-top: #67afd9 solid 7px;
}
.site-header.hide{
top: -156px;
}
}

.site-header_inner{
width:100%;
background: #f7f7f7;
height:90px;
}
@media screen and (max-width: 900px){
.site-header_inner{
display:none;
}
}


/* ===================================================
フッターお問合せ
====================================================== */

.footer_contact{
background-color:#f7f7f7;
padding:80px 0;
}
@media only screen and (max-width:680px){
.footer_contact{
padding:50px 0;
}
}
/* ------------------------------- */
.footer_contact h2{
font-size:30px;
font-weight:700;
margin-bottom:30px;
}
@media only screen and (max-width:767px){
.footer_contact h2{
font-size:24px;
}
}
/* ------------------------------- */
.contact_box{
overflow:hidden;
max-width:746px;
width:100%;
margin:0 auto;
display: flex;
}
@media only screen and (max-width:680px){
.contact_box{
display: block;
max-width:310px;
}
}
/* ------------------------------- */
.contact_tel,
.contact_mail{
margin:0 15px;
}
@media only screen and (max-width:767px){
.contact_mail,
.contact_tel{
width:46%;
margin:0 2%;
}
}
@media only screen and (max-width:680px){
.contact_mail,
.contact_tel{
width:96%;
margin:0 2% 20px;
}
}
/* ------------------------------- */
.contact_mail a{
width:343px;
background-color:#254169;
color:#fff;
font-size:20px;
font-weight:900;
text-align:center;
display:block;
padding:33px 28px 33px 74px;
background-image:url("../images/ico_mail.svg");
background-repeat:no-repeat;
background-size:32px;
background-position:34px 29px;
text-decoration: none;
line-height:1.2;
}
.contact_tel a{
font-size:26px;
font-weight:900;
padding:20px 18px;
width:343px;
background-color:#4f8b27;
text-align:center;
display:block;
line-height:1.2;
color:#fff;
text-decoration: none;
background-image:url("../images/ico_phone.svg");
background-repeat:no-repeat;
background-size:25px;
background-position:50px 37px;
background-position: calc(50% - 110px) 39px;
margin-bottom:4px;
}
p.time{
font-size:13px;
}
.contact_tel a span{
font-size:12px;
font-weight:400;
display:block;
margin-bottom:4px;
}
@media only screen and (max-width:767px){
.contact_mail a,
.contact_tel a{
width:100%;
}
.contact_mail a{
font-size:18px;
}
}

@media only screen and (max-width:680px){
.contact_mail a{
width:100%;
font-size:18px;
padding:20px 20px 20px 50px;
background-size:30px;
border-radius:35px;
background-position: calc(50% - 110px) 15px;
}
.contact_tel a{
font-size: 24px;
width: 100%;
margin-bottom: 4px;
border-radius: 40px;
padding: 10px 10px 10px 20px;
background-position: calc(50% - 104px) 32px;
background-size: 20px;
}
.contact_tel a span{
font-size:13px;

}
}


/* ===================================================
ブロック
====================================================== */

#pagebody{
max-width: 900px;
width: 90%;
margin: 0 auto 40px;
overflow: hidden;
}


/* ===================================================
下層タイトル
====================================================== */

.k_ttlimg_tab{
display: block;
}
.k_ttlimg_sp{
display: none;
}
@media only screen and (max-width:640px){
.k_ttlimg_tab{
display: none;
}
.k_ttlimg_sp{
display: block;
}
}


/* ===================================================
フッターテキストリンク
====================================================== */

.footer__nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
		width:800px;
		margin:0 auto 60px;
}
@media only screen and (max-width:900px){
.footer__nav {
  gap: 0;
		width:100%;
}
}
@media only screen and (max-width:640px){
.footer__nav {
display: none;
}
}
.footer__col {
  flex: 1;
  min-width: 150px;
		margin:0 30px;
}
@media only screen and (max-width:1199px){
.footer__col {
		margin:0 20px
}
}

ul.footer__list{
text-align: left;
}

ul.footer__list > li{
margin-bottom:8px;
}