@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------
font-family
--------------------------------------------------------------------------------------- */

@font-face{
    font-family: 'NotoSansJP';
    src:url("../../font/NotoSansJP-Thin.otf");
    font-weight:100;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../../font/NotoSansJP-Light.otf);
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../../font/NotoSansJP-Regular.otf);
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../../font/NotoSansJP-Bold.otf);
    font-weight:700;
    font-style:normal;
}

/* --------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------- */
.wrapper{
	font-family: "NotoSansJP";
	width: 100%;
    margin: 30px 0;
}

.wrapper .contents_head{
	width: 100%;
    background: #00A6BA;
    height:274px;
    color:#FFF;
}
.in_box{
    width:960px;
    padding-left: 70px;
    margin: auto;
}
.wrapper .contents_head .right_box,
.wrapper .contents_head .left_box{display: inline-block; vertical-align: top;}
.wrapper .contents_head .right_box{width:559px;}
.wrapper .contents_head .left_box{width:326px;}
.wrapper .contents_head .left_box img{width:100%;}
.wrapper .contents_head .right_box h2{font-size: 42px; padding: 39px 0 32px; }
.wrapper .contents_head .right_box ul li{
    display:inline-block;
    vertical-align: middle;
    font-size: 24px;
    border-right: solid 1px #FFF;
    padding: 10px 0px;
    font-weight: bold;
    min-width: 149px;
    text-align: center;
}
.wrapper .contents_head .right_box ul li:first-child{border-left: solid 1px #FFF;}
.wrapper .contents_head .right_box p{font-size:20px; line-height: 35px; padding:32px 0 22px;
    font-weight: bold;}

.wrapper  .contents_main{
    width:960px;
    padding: 44px 0 44px 70px;
    margin: auto;
}
.wrapper  .contents_main h3{font-size: 22px;}
.wrapper  .contents_main h3::before{
    content: '■';
    color:#00A6BA;
    padding:0 22px 0 0;
    
}
.wrapper  .contents_main .sub_title{font-size: 20px; padding: 22px 44px 0; font-weight: bold;}
.pb_48{padding-bottom: 48px!important;}
.wrapper  .contents_main p{font-size: 16px; padding: 10px 44px 48px; }
.wrapper  .contents_main ul{padding: 22px 44px 48px; }
.wrapper  .contents_main ul li{
    font-size: 16px;
    line-height: 36px;
    padding: 0 0 57px 0;
    margin-left: 22px;
    text-indent: -18px;
}
.wrapper  .contents_main ul li::before{content: '・';}

.list_link{    
    width:960px;
    padding-left: 70px;
    margin: -100px auto 80px;
    position: relative;
}
.list_link .list_txt{
    font-size:26px;
    color: #FFF;
    font-weight: bold;
    position:  absolute;
    top: 50px;
    left: 120px;
}
.list_link .list_txt .small_txt{font-size: 20px!important;}
.list_link a:hover{opacity: 0.8;}
.list_link .list_txt2{
    font-size: 16px;
    position: relative;
    line-height: 1.8rem;
    padding: 0 0 0 25px;
    margin-left: 22px;
    margin-top: -30px;
    text-indent: -18px;
    z-index: 999;
}
.list_link .contact_link{
    background: #00A6BA;
    margin: 20px 0 0 0;
    text-align: center;   
    max-width: 508px;
    border-radius: 5px;
}
.list_link .contact_link a{
    font-size: 22px; 
    display: inline-block;
    width: 508px;
    padding: 10px;
    font-weight: bold;
    color:#FFF;
}
.list_link .contact_link:hover{opacity: 0.8;}
.list_link .contact_link a:hover{ text-decoration: none;}