@charset "UTF-8";

body {
    width: 100%;
    /*overflow-x: hidden;*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin: 0;
    text-align: justify;
line-break: strict;
overflow-wrap: break-word;
word-wrap: break-word;
}
body, html {
color: #000;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    
    .header_bg {
        background: #EFEFEF;
        box-sizing: border-box;
    }
    .header_wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 945px;
        padding: 3.035vw 0 2.335vw;
        box-sizing: border-box;
    }
    .header_logo {
        display: inline-block;
        width: 38.548vw;
    }
    .header_logo img {
        width: 100%;
    }
    .header_pr {
        display: inline-block;
        font-size: 0;
        position: absolute;
    	top: 50%;
    	right: 15px;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 8.585%;
    }
    .header_pr img {
        width: 100%;
    }
    
    
    @media screen and (min-width: 440px) {
        .header_wrap {
            padding: 14px 0 10px;
        }
        .header_logo {
            width: 150px;
        }
        .header_pr {
            width: 40px;
        }
    }
    
    
    @media screen and (min-width: 640px) {
        .header_logo {
            width: 176px;
        }
        .header_wrap {
            padding: 15.79px 0 11.74px;
        }
    }
    
    
    
    .ft_line {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
        border: none;
    }
    
    
    
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    
    img {
        width: 100%;
        height: auto;
    }
    .sp_br{
        display: block;
    }
    .main_wrap {
        overflow: hidden;
        position: relative;
    }
    .fv_wrap {
        position: relative;
    }
    .fv_mv {
        font-size: 0;
        animation: 2s fv_mv_anime;
    }
    @keyframes fv_mv_anime {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .fv_h, .fv_name {
        position: absolute;
        z-index: 5;
        font-size: 0;
    }
    .fv_h {
        right: -5%;
        bottom: -22%;
        width: 103.3%;
        animation: 3s fv_h_anime;
    }
    @keyframes fv_h_anime {
        0% {
            transform: translateX(50%);
        	-webkit-transform: translateX(50%);
        	-ms-transform: translateX(50%);
        	opacity: 0;
        }
        30% {
            transform: translateX(50%);
        	-webkit-transform: translateX(50%);
        	-ms-transform: translateX(50%);
        	opacity: 0;
        }
        100% {
            transform: translateX(0%);
        	-webkit-transform: translateX(0%);
        	-ms-transform: translateX(0%);
        	opacity: 1;
        }
    }
    .fv_name {
        right: 7%;
        bottom: 14%;
        width: 41.35%;
        animation: 3s fv_name_anime;
    }
    @keyframes fv_name_anime {
        0% {
            transform: translateY(50%);
        	-webkit-transform: translateY(50%);
        	-ms-transform: translateY(50%);
        	opacity: 0;
        }
        30% {
            transform: translateY(50%);
        	-webkit-transform: translateY(50%);
        	-ms-transform: translateY(50%);
        	opacity: 0;
        }
        100% {
            transform: translateY(0%);
        	-webkit-transform: translateY(0%);
        	-ms-transform: translateY(0%);
        	opacity: 1;
        }
    }
    @media screen and (min-width: 640px) {
        .fv_h {
            right: 2%;
            bottom: 39%;
            width: 60.3114%;
        }
        .fv_name {
            right: 40%;
            bottom: 4%;
            width: 19.3%;
        }
        .sp_br{
            display:none;
        }
    }
    
    
    .itr_bg {
        background: #f5f5f5;
        margin: 0 0 20px;
    }
    .itr_wrap {
        padding: 23% 20px 20px;
    }
    .itr_container {
        margin: 0 auto;
        max-width: 920px;
    }
    .itr_txt {
        margin: 0;
        font-size: 16px;
        line-height: 1.50667;
        font-weight: 600;
        color: #231815;
    }
    @media screen and (min-width: 640px) {
        .itr_bg {
            margin-bottom: 30px;
        }
        .itr_wrap {
            padding: 30px 20px;
        }
        .itr_txt {
            font-size: 17px;
            line-height: 1.7647;
            letter-spacing: .029em;
        }
    }
    
    
    .atc1_bg {
        background: #e7efe7;
        margin: 0 0 35px;
    }
    .atc1_wrap {
        padding: 30px 20px;
    }
    .atc1_container {
        margin: 0 auto;
        max-width: 920px;
    }
    .c_heading {
        margin: 0 0 20px;
        text-align: center;
        font-size: 23.7px;
        line-height: 1.4;
        color: #477032;
    }
    .atc1_prof {
        text-align: center;
        margin: 0 0 30px;
    }
    .atc1_prof_photo {
        font-size: 0;
        text-align: center;
        margin: 0 0 16px;
    }
    .atc1_prof_photo img {
        width: 68%;
    }
    .atc1_prof_name1 {
        margin: 0 0 2px;
        font-size: 13.6px;
        font-weight: 600;
        line-height: 1.3543;
        letter-spacing: .04em;
    }
    .atc1_prof_name2 {
        margin: 0 0 6px;
        font-size: 11.9px;
        font-weight: 600;
        line-height: 1.341;
        letter-spacing: .04em;
    }
    .atc1_prof_name3 {
        margin: 0;
        font-size: 17.78px;
        font-weight: 600;
        line-height: 1.145;
        letter-spacing: .06em;
    }
    .atc1_prof_name3 > span {
        font-size: .708em;
    }
    .c_text1 {
        font-size: 16px;
        margin: 0;
        line-height: 1.481;
        font-weight: 500;
    }
    @media screen and (min-width: 640px) {
        .atc1_wrap {
            padding: 50px 20px;
        }
        .c_heading {
            font-size: 40px;
            margin: 0 0 50px;
        }
        .atc1_prof_cts {
            display: none;
        }
        .atc1_prof {
            width: 385px;
            margin: 0 30px 20px 0;
            float: left;
        }
        .atc1_prof_photo {
            margin: 0;
        }
        .atc1_prof_photo img {
            width: 100%;
        }
        .c_text1 {
            font-size: 18px;
            line-height: 1.722;
            letter-spacing: .02em;
        }
        
    }
    
    
    
    .atc2_bg {
        background: #f5f5f5;
        margin: 0 0 35px;
    }
    .atc2_wrap {
        padding: 30px 20px;
    }
    .atc2_container {
        margin: 0 auto;
        max-width: 920px;
    }
    .atc2_container .c_text1 {
        margin-bottom: 30px;
    }
    .atc2_bnr {
        font-size: 0;
        box-shadow: 0 0 8px rgba(35,24,21,.3);
    }
    @media screen and (min-width: 640px) {
        .atc2_wrap {
            padding: 50px 20px;
        }
    }
    
    
    .atc3_bg {
        background: #e7efe7;
    }
    .atc3_wrap {
        padding: 30px 20px;
    }
    .atc3_container {
        margin: 0 auto;
        max-width: 993px;
    }
    .c_heading2 {
        color: #0141a0;
    }
    .atc3_box {
        background: #fff;
        padding: 14px;
        margin: 0 0 40px;
    }
    .atc3_bnr {
        font-size: 0;
        box-shadow: 0 0 8px rgba(35,24,21,.3);
        margin: 0 auto;
        max-width: 930px;
    }
    @media screen and (min-width: 640px) {
        .atc3_wrap {
            padding: 50px 20px;
        }
        .atc3_box {
            padding: 30px 26px;
            margin-bottom: 64px;
        }
    }
    
    
    .atc4_bg {
        border-bottom: 10px solid #477032;
    }
    .atc4_wrap {
        padding: 70px 20px;
        text-align: center;
        margin: 0 auto;
        max-width: 1220px;
        position: relative;
        box-sizing: border-box;
    }
    .atc4_container {
        margin: 0 auto;
        max-width: 700px;
        position: relative;
    }
    .atc4_img {
        font-size: 0;
        margin-bottom: 50px;
    }
    .atc4_logo {
        font-size: 0;
        margin: 0 0 20px;
    }
    .atc4_logo img {
        width: 398px;
        max-width: 100%;
    }
    .atc4_h {
        margin: 0 0 6px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.67;
    }
    .atc4_txt1 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.9375;
        margin: 0 0 1.2em;
    }
    .atc4_txt1_2 {
        margin-bottom: 80px;
    }
    .atc4_txt2 {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.538;
    }
    @media screen and (min-width: 640px) {
        .atc4_wrap {
            padding: 90px 20px;
        }
        .atc4_img {
            margin-bottom: 80px;
        }
        .atc4_txt1_2 {
            margin-bottom: 90px;
        }
    }
    
    
    .inview_fade2 {
        opacity: 0;
        transform: translateY(60px);
    	-webkit-transform: translateY(60px);
    	-ms-transform: translateY(60px);
    }
    .inview_fade2_on {
        animation: 2s inview_fade2_anime;
        opacity: 1;
        transform: translateY(0);
    	-webkit-transform: translateY(0);
    	-ms-transform: translateY(0);
    }
    @keyframes inview_fade2_anime {
        0% {
            opacity: 0;
            transform: translateY(60px);
        	-webkit-transform: translateY(60px);
        	-ms-transform: translateY(60px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        	-webkit-transform: translateY(0);
        	-ms-transform: translateY(0);
        }
    }
    
    
    .top {
        position: fixed;
        z-index: 99;
        bottom: 20px;
        right: 12px;
        width: 32px;
        font-size: 0;
        cursor: pointer;
    }
    .top.stop {
        position: absolute;
        right: 12px;
        bottom: 116px;
    }
    @media screen and (min-width: 640px) {
        .top.stop {
            bottom: 136px;
        }
    }
    @media screen and (min-width: 1220px) {
        .top {
            right: auto;
            left: calc(50% + 590px);
            transform: translateX(-50%);
        	-webkit-transform: translateX(-50%);
        	-ms-transform: translateX(-50%);
        	width: 36px;
        }
    }
    
    
    .onside {
        position: relative;
        z-index: 5;
    }
    .barwrap1 {
        overflow: hidden;
        position: relative;
    }
    .bar {
        position: absolute;
        z-index: 1;
    }
    .bar1 {
        width: 50%;
        left: -70vw;
        background: #fff;
        top: 0;
        height: 100%;
        transform: skew(-25deg);
    }
    .bar2 {
        width: 50%;
        left: calc(50% + 778px);
    	transform: translateX(-50%) skew(25deg);
    	-webkit-transform: translateX(-50%) skew(25deg);
    	-ms-transform: translateX(-50%) skew(25deg);
        background: #fff;
        top: 0;
        height: 100%;
    }
    .bar3 {
        width: 50%;
        left: calc(50% - 264px);
    	transform: translateX(-50%) skew(-25deg);
    	-webkit-transform: translateX(-50%) skew(-25deg);
    	-ms-transform: translateX(-50%) skew(-25deg);
        background: #fff;
        top: 0;
        height: 100%;
    }
    @media screen and (min-width: 640px) {
        .bar1 {
            width: 364px;
            left: calc(50% - 477px);
        	transform: translateX(-50%) skew(-25deg);
        	-webkit-transform: translateX(-50%) skew(-25deg);
        	-ms-transform: translateX(-50%) skew(-25deg);
        }
        .bar2 {
            width: 364px;
            left: calc(50% + 1179px);
        	transform: translateX(-50%) skew(25deg);
        	-webkit-transform: translateX(-50%) skew(25deg);
        	-ms-transform: translateX(-50%) skew(25deg);
        }
        .bar3 {
            width: 364px;
            left: calc(50% + 300px);
        	transform: translateX(-50%) skew(-25deg);
        	-webkit-transform: translateX(-50%) skew(-25deg);
        	-ms-transform: translateX(-50%) skew(-25deg);
        }
    }