@charset "utf-8";

#header-bg_com {
width: 100%;
background-image: url("../images/img_header01.jpg");
background-position: center 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 420px;
}

#copy_txt {
background-image: url("../images/ttl_icon.svg");
background-position: center 0;
background-repeat: no-repeat;
background-size: 37px 37px;
text-align: center;
padding: 60px 0;
font-size: 34px;
color: #FFF;
}

#mainimg {
width: 1140px;
height: 420px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}

.outline_tb {
font-size: 16px;
width: 100%;
margin-top: 30px;
}

.outline_tb th {
width: 20%;
background-color:#ebf8f6;
padding: 15px 0 15px 10px;
border-top: 1px solid #50b5a5;
text-align: left;
font-weight: normal;
}

.outline_tb td {
width: 80%;
padding: 15px 0 15px 10px;
border-top: 1px solid #50b5a5;
}

.outline_tb th.ty01,
.outline_tb td.ty01 {
border-bottom: 1px solid #50b5a5;
}

#outline_meassage {
background-image : url(../images/bg01.gif);
background-repeat: repeat-y;
background-position: 200px 0;
text-align: left;
padding-bottom: 60px;
margin-top: 30px;
}

.outlineL01 {
float: left;
width: 57%;
}

.outlineR01 {
float: right;
width: 43%;
background-image : url(../images/bg02.gif);
background-repeat: no-repeat;
background-size: auto 200px;
font-size: 42px;
line-height: 80px;
padding: 130px 20px 0 40px;
}

.outline01 {
padding: 60px 20px 0 260px;
}




/* max-width: 1157px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1157px){

#mainimg {
width: 100%;
height: 380px;
}

#header-bg_com {
height: 380px;
}

#outline_meassage {
background-position: 100px 0;
padding-bottom: 40px;
}


.outlineL01 {
width: 50%;
}

.outlineR01 {
width: 50%;
background-size: auto 150px;
font-size: 50px;
line-height: 80px;
padding: 40px 20px 0 20px;
}

.outline01 {
padding: 30px 20px 0 140px;
}


}
/* max-width: 1157px @end */

/* min-width: 769px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 769px){



}
/* min-width: 769px @end */

/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 768px){

#mainimg {
height: 250px;
}

#header-bg_com {
height: 250px;
}

#mainimg {
height: 310px;
}


#copy_txt {
background-size: 27px 27px;
padding: 40px 0;
font-size: 24px;

}

#outline_meassage {
background-image : none;
padding-bottom: 30px;
margin-top: 20px;
}

#outline_meassage img {
width: 80%;
height: auto;
}

.outlineL01 {
float: none;
width: 100%;
text-align: center;
}

.outlineR01 {
float: none;
width: 100%;
background-color: #ecf5f9;
background-image : none;
font-size: 20px;
line-height: 20px;
padding: 20px;
margin-top: 20px;
}

.outline01 {
padding: 0 20px 20px 20px;
background-color: #ecf5f9;
}

.outline_tb {
font-size: 14px;
margin-top: 20px;
}

.outline_tb th {
width: 30%;
padding: 10px 0 10px 5px;
}

.outline_tb td {
width: 70%;
padding: 10px 0 10px 5px;
}


.mt60_sp {
padding: 0 10px;
}



}
/* max-width: 768px @end */


/* @end */