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

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

@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Thin.otf);
    font-weight:100;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Light.otf);
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Regular.otf);
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Bold.otf);
    font-weight:700;
    font-style:normal;
}
/* --------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------- */
.wrapper{
	font-family: "NotoSansSC";
	width: 100%;
    margin: 30px 0;
}

.wrapper .contents_head{
	width: 100%;
    background: #00A6BA;
    height:334px;
    color:#FFF;
}
.in_box{
    width:960px;
    padding-left: 70px;
    margin: auto;
}
.wrapper .contents_head .in_box h2{font-size: 40px; padding: 39px 0 0px; }
.wrapper .contents_head .right_box,
.wrapper .contents_head .left_box{display: inline-block; vertical-align: top;}
.wrapper .contents_head .left_box{padding-top: 32px;}
.wrapper .contents_head .right_box{width:303px;}
.wrapper .contents_head .right_box img{width:100%; text-align: right;}
.wrapper .contents_head .left_box ul li{
    display:inline-block;
    vertical-align: middle;
    font-size: 24px;
    border-right: solid 1px #FFF;
    padding: 10px 20px;
    font-weight: bold;
    min-width: 149px;
    text-align: center;
}
.wrapper .contents_head .left_box ul li:first-child{border-left: solid 1px #FFF;}
.wrapper .contents_head .left_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: 19px;
    text-indent: -20px;
}
.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: 32px;
    left: 120px;
    line-height: 2.5rem;
}
.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: 36px;
    padding: 0 0 0 45px;
    margin-left: 18px;
    margin-top: 0px;
    text-indent: -11px;
    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;}