@charset "utf-8";
/* 
tablet用
 */

.only_PC{
display:none;
}


.only_SP{
display:none;
}

.only_TB{
display:block;
}


/* header */
#head_bar h1{
font-size: 1.3em;
}

#head_bar.fixed h1 img{
height: 32px;
}


/* intro */
.wrap_A{
    height: 100vh;
}

.wrap_A p{
  height: 100vh;
}

.wrap_A img{
max-width: 75%;
max-height: 75%;
}

/* main */
.wrap_B{
margin-top: 100vh;
}

.main_grid{
grid-template-columns: 100%;
grid-gap: 20px;
max-width: 80%;
padding: 100px 0;
}

.main_grid .item_01 img{
width: 50%;
max-width: 300px;
margin: 0 auto;
}

.main_grid .item_01{
order: 2;
}

.main_grid .item_02{
order: 1;
}

/* contact */
.wrap_C{
padding: 50px 50px;
}

#contact {
grid-template-columns: 100%;
grid-gap: 30px;
max-width: 100%;
}

#info{
width: 100%;
}

#info h3{
font-size: 1.2em;
line-height: 1.5em;
padding: 15px 5px;
margin-bottom: 15px;
}


.contact_tel{
font-size: 2.2em;
}

.contact_mail{
font-size: 1.6em;
}

/* content */
.wrap_D{
padding: 50px 50px;
}

.content{
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
}




.content_item_03 {
margin: 0 -50% 0 50%;
}


.content_headline{
width: 98%;
height: 100px;
   margin: 0 auto 15px;
}

.content h4{
margin: 0 auto;
font-size: 1.3em;
line-height: 1.4em;
}

.content2_grid .item_01{
order: 2;
}

.content2_grid .item_02{
order: 3;
}

.content2_grid .item_03{
order: 1;
}


.content3_grid{
grid-template-columns: 55% 1fr;
grid-gap: 0;
text-align: center;

width: 90%;
margin: 0 auto;
}


/* title_spec */
.title_spec {
height: auto;
text-align: center;
padding: 15px 20px;
}

.title_spec h3{
font-size: 1.1em;
line-height: 1.4em;
}


/* spec */
.wrap_E{
padding: 30px 50px;
}

.spec{
grid-template-columns:45% 1fr;
grid-gap: 30px;
max-width: 100%;
}

.img_spec{
position: static;
margin-right: 0;
}


.spec h4{
font-size: 1.1em;
line-height: 1.4em;
text-align: left;
margin: 15px 0;
}

.spec h5{
padding: 5px 10px;
margin: 10px 0;
font-weight: 500;
letter-spacing: 0.3em;
text-align: left;
}

.spec_item03{
margin: 0 -50% 0 50%;
}

.sub_ill_05{
width: 80%;
margin: 10px auto 0;
text-align: center;
}

.note_spec{
line-height: 1.6em;
margin: 50px 0;
padding: 10px;
max-width: 100%;
}