#section1 .box1 .leftbox h2{ border-bottom:solid #eee 0.1em; color:#6FB92C;}
#section1 .box1 .leftbox .txt1{ background:url(../images/index/images/index6.png); background-size:100% 100%;display:flex;align-items: center;justify-content: center; color:#007A28;}
#section1 .box1 .leftbox .txt2 .s1{ background:#fff; color:#007A28;  padding:0.1em 2em; border:solid #007A28 0.1em; border-radius:1.25em;}
#section1 .box1 .leftbox .txt3{ color:#DB5343;}
#section1 .box2{ background:#F1F8E5;}
#section1 .box2 .leftbox .txt1{ text-align:center;}
#section1 .box2 .leftbox .txt2{ color:#DB5343;display:flex;align-items: center;justify-content: center; position:relative; font-weight:600;}
#section1 .box2 .leftbox .txt2 .s1{color:#DB5343; font-weight:600;}
#section1 .box2 .leftbox .txt2 img{ padding-right:0.5em;}
#section1 .box2 .rightbox h2{ font-weight:300;}
#section1 .box2 .rightbox .txt3{ padding-left:6.5em; position:relative; font-weight:300;}
#section1 .box2 .rightbox .txt3 .s1{ position:absolute; left:0.5em; font-weight:300;}
#section1 .box2 .rightbox .txt4{ padding-left:1em; position:relative; font-weight:300;}
#section1 .box2 .rightbox .txt4 .s1{ position:absolute; left:0; top:0; color:#DB5343;}
#section2 .box1{background:url(../images/common/images/common15.png);}
#section2 .box1 h3{ color:#6FB92C;}
#section2 .box1 .inbox li a{margin:auto; border:solid #007A28 0.1em; border-radius:1em;display:flex;align-items: center;justify-content: center; background:#fff; color:#007A28;}
#section2 .box1 .inbox li a:hover{ background:#007A28; color:#fff;}
#section2 .box1 .inbox2 .title1{color:#DB5343;}
#section2 .box1 .inbox2 .txtbox h3{ color:#DB5343;}
#section2 .box1 .inbox2 .txtbox p .s1{ color:#DB5343;}
#section3 .box1 h2{border-bottom:solid #eee 0.1em; color:#6FB92C;}
#section3 .box1 ul h3{display:flex;align-items: center; color:#007A28;}
#section3 .box1 ul h3 .s1{ border-radius:50%; background:#007A28;display:flex;align-items: center;justify-content: center; color:#fff; margin-right:0.5em;}
#section3 .box1 ul p{ font-weight:300;}
#section3 .box1 ul p .s1{ display:inline-block; padding-left:1em; position:relative;}
#section3 .box1 ul p .s2{ position:absolute; left:0; top:0;}
#section4 .box1 h2{border-bottom:solid #eee 0.1em; color:#6FB92C;}
#section4 .box1 h3{color:#007A28;}
#section4 .box1 .txt1{ font-weight:300;}
#section4 .box1 .imgbox p{ text-align:center; font-weight:300;}
#section4 .box1 li p{font-weight:300;}
#section4 .box1 .img1{ width:100%;}

/*ーーーーーーーーーーーーーーーー
pcの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
#section1 .box1 .inbox{ width:960px; margin:auto; padding:40px 0;}
#section1 .box1 .leftbox{ width:100%; }
#section1 .box1 .leftbox h2{ font-size:25px; padding-bottom:10px; margin-bottom:20px;}
#section1 .box1 .leftbox .img1{ padding-top:10px; width:560px;}
#section1 .box1 .leftbox .txt1{ width:463px; height:73px; font-size:35px;}
#section1 .box1 .leftbox .txt2 { font-size:24px; padding:10px 0;}
#section1 .box1 .leftbox .txt2 .s1{ font-size:20px; margin-right:0.5em;}
#section1 .box1 .leftbox .txt3{ padding-left:10px; font-size:20px;}
#section1 .box1 .rightbox{width:960px; margin:auto; position:relative;}
#section1 .box1 .rightbox img{ position:absolute; width:250px; right:0; bottom:0;}
#section1 .box2 .inbox{ width:920px; margin:auto; position:relative; padding:30px 0;}
#section1 .box2 .inbox .line{ width:1px; height:212px; background:#A8A89E; display:block; position:absolute; top:20px; left:420px;}
#section1 .box2 .leftbox{ width:460px; float:left;}
#section1 .box2 .leftbox .txt1{ font-size:23px; padding:50px 0 0;}
#section1 .box2 .leftbox .txt2{ font-size:35px;}
#section1 .box2 .leftbox .txt2 .s1{font-size:35px;} 

#section1 .box2 .leftbox .txt2 img{ width:37px;}
#section1 .box2 .rightbox{ width:460px; float:left;}
#section1 .box2 .rightbox h3{ padding:10px 0 5px; margin-top:10px;}
#section1 .box2 .rightbox .txt3{ font-size:15px; padding-bottom:10px;}
#section1 .box2 .rightbox .txt3 .s1{ font-size:15px;}
#section1 .box2 .rightbox .txt4{ font-size:15px; padding-bottom:10px;}
#section1 .box2 .rightbox .txt4 .s1{ font-size:15px;}
#section2 .box1 .inbox{ width:960px; margin:auto; padding:30px 0;}
#section2 .box1 .inbox ul{ width:920px; margin:auto;}
#section2 .box1 .inbox li{ float:left; width:25%; padding:10px 0;}
#section2 .box1 .inbox h3{font-size:20px; padding:30px 0 0 40px;}
#section2 .box1 .inbox li a{ height:47px; width:210px; font-size:18px;}
#section2 .box1 .inbox li a{ border-radius:9px;}
#section2 .box1 .inbox2{ width:980px; margin:auto; padding-bottom:50px;}
#section2 .box1 .inbox2 .txtbox{background:url(../images/index/images/index11_1.png); background-size:100% 100%; width:849px; height:280px; margin:auto; padding:20px 40px;}
#section2 .box1 .inbox2 .txtbox h3{ font-size:54px;}
#section2 .box1 .inbox2 .txtbox p{ line-height:2; padding-bottom:30px;}
#section3 .box1{ width:960px; margin:auto; padding:80px 0 50px;}
#section3 .box1 h2{ font-size:25px; padding-bottom:10px; margin-bottom:20px;}
#section3 .box1 li{ position:relative; padding-left:280px; min-height:300px;}
#section3 .box1 ul{ padding-top:30px;}
#section3 .box1 ul h3{ height:43px; font-size:30px; padding:20px 0;}
#section3 .box1 ul h3 .s1{ height:43px; width:43px; font-size:33px;}
#section3 .box1 li .img1{ width:250px; position:absolute; left:0; top:0;}
#section3 .box1 li .img2{width:45px; position:absolute; left:102.5px; top:235px;}
#section4 .box1{ width:960px; margin:auto; padding:50px 0; position:relative; }
#section4 .box1 h2{ font-size:25px; padding-bottom:10px; margin-bottom:20px;}
#section4 .box1 h3{ font-size:20px; padding:0px 0 10px;}
#section4 .box1 .imgbox{ width:310px; position:absolute; right:0; top:220px;}
#section4 .box1 .imgbox p{ font-size:16px;}
#section4 .box1 .txt1{ padding:20px 0 30px; width:560px;}
#section4 .box1 li {padding-bottom:40px; width:560px;}
#section4 .box1 li p{ padding:0 0 20px;}

.about_reserve {
    padding: 100px 0;
}

.about_reserve .sp {
    display: none;
}

.about_reserve .inner {
    width: 850px;
    margin: 0 auto;
}

.reserve_title {
    margin: 0 0 30px;
    font-size: 35px;
    color: #007A28;
    text-align: center;
}

.about_reserve .r_text {
    margin: 0 0 20px;
    text-align: center;
}

.about_reserve .r_text .color {
    color: #DB5343;
    font-weight: bold;
}

.about_reserve .r_subtitle {
    margin: 0 0 20px;
    font-size: 25px;
    color: #6FB92C;
}

.about_reserve .r_text02 {
    margin: 0 0 50px;
    line-height: 2;
}

.about_reserve .r_text02 .bold {
    font-weight: bold;
    color: #DB5343;
}

.about_reserve .r_text02 .small {
    font-size: 15px;
}

.about_reserve .r_text02 .small .color {
    color: #DB5343;
    font-weight: bold;
}

.about_reserve .bottom_text {
    margin: 80px 0 50px;
    font-size: 20px;
    text-align: center;
}

.about_reserve .name {
    text-align: right;
}

}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#link1{ bottom:15.6vw;}
#link2{ bottom:15.6vw;}
#link3{ bottom:15.6vw;}
#section1 .box1{ position:relative; padding-top:7vw;}
#section1 .box1 .leftbox{ width:100%;  padding-top:5vw;}
#section1 .box1 .leftbox h2{ font-size:5vw; padding-bottom:2vw; margin-bottom:5vw; width:90%; margin:auto;}
#section1 .box1 .leftbox .img1{ width:95%; margin:auto; display:block; padding:10vw 0 0;}
#section1 .box1 .leftbox .txt2 {font-size:5vw; padding:2vw 5vw 0;}
#section1 .box1 .leftbox .txt2 .s1{ font-size:5vw; display:table; margin-bottom:2vw;}
#section1 .box1 .leftbox .txt1{ width:90vw; height:14.2vw; font-size:5vw; margin:auto;}
#section1 .box1 .leftbox .txt3{ width:90vw; margin:auto; padding:2vw 0;}
#section1 .box1 .rightbox img{ position:absolute; width:30vw; right:5vw; top:0;}
#section1 .box2 .leftbox{ width:95%; margin:auto; padding:5vw 0;}
#section1 .box2 .leftbox .txt1{ font-size:5vw; padding:1vw 0 0;}
#section1 .box2 .leftbox .txt2{ font-size:8vw;}
#section1 .box2 .leftbox .txt2 .s1{font-size:8vw;}
#section1 .box2 .leftbox .txt2 .a1{ position:absolute; width:85%; display:block; top:1vw; left:8%; height:10vw;}
#section1 .box2 .leftbox .txt2 img{ width:8vw;}
#section1 .box2 .rightbox{ width:95%; margin:auto; padding:5vw 0;}
#section1 .box2 .rightbox h3{ padding:5vw 0 1vw; border-top:solid #A8A89E 0.1em; margin-top:2vw;}
#section1 .box2 .rightbox .txt3{ font-size:4vw; padding-bottom:4vw;}
#section1 .box2 .rightbox .txt3 .s1{ font-size:4vw;}
#section1 .box2 .rightbox .txt4{ font-size:4vw; padding-bottom:4vw;}
#section1 .box2 .rightbox .txt4 .s1{ font-size:4vw;}
#section2 .box1 .inbox{ width:100%; margin:auto; padding:5vw 0;}
#section2 .box1 .inbox ul{ widows:100%; margin:auto;}
#section2 .box1 .inbox li{ float:left; width:50%; padding:2vw 0 3vw;}
#section2 .box1 .inbox h3{font-size:6vw; padding:3vw 0 0 3vw;}
#section2 .box1 .inbox li a{ height:10vw; width:95%; font-size:4vw;}
#section2 .box1 .inbox2{ width:95%; margin:auto; padding-bottom:10vw;}
#section2 .box1 .inbox2 .txtbox h3{ font-size:6vw; text-align:center; background:#fff;}
#section2 .box1 .inbox2 .txtbox .imgbox{background:url(../images/index/images/index11_2.png); background-size:100% 100%; width:100%; height:55vw;}
#section2 .box1 .inbox2 .txtbox p{ padding:5vw; letter-spacing:-0.05em; line-height:1.8;}
#section2 .box1 .inbox2 .more_btn2{ margin:auto;}
#section3 .box1{ width:95%; margin:auto; padding:10vw 0;}
#section3 .box1 h2{ padding-bottom:2vw; margin-bottom:5vw; width:90%; margin:auto;}
#section3 .box1 li{ position:relative; width:100%;}
#section3 .box1 ul{ padding-top:10vw;}
#section3 .box1 ul h3{ font-size:6vw; height:25vw;}
#section3 .box1 ul h3 .s1{ height:8vw; width:8vw; font-size:7vw;}
#section3 .box1 li .img1{ width:25vw; position:absolute; right:0; top:0;}
#section3 .box1 li .img2{width:10vw; display:block; margin:auto;}
#section4 .box1{ width:95%; margin:auto; padding:0 0 10vw;}
#section4 .box1 h2{ padding-bottom:2vw; margin-bottom:5vw; width:90%; margin:auto;}
#section4 .box1 h3{ font-size:4vw; padding:0px 0 10px;}
#section4 .box1 .imgbox{ width:70%; margin:auto;}
#section4 .box1 .imgbox p{ font-size:3vw;}
#section4 .box1 .txt1{ padding:4vw 0 4vw; font-size:4vw;}
#section4 .box1 li {padding-bottom:10vw;}
#section4 .box1 li p{ padding:0 0 5vw; font-size:4vw;}
#section4 .box1 li .more_btn2{ margin:auto;}

.about_reserve {
    padding: 50px 20px;
    box-sizing: border-box;
}

.about_reserve .inner {
    width: 100%;
    margin: 0 auto;
}

.reserve_title {
    margin: 0 0 30px;
    font-size: 7vw;
    color: #007A28;
    text-align: center;
}

.about_reserve .r_text {
    margin: 0 0 20px;
    text-align: center;
}

.about_reserve .r_text .color {
    color: #DB5343;
    font-weight: bold;
}

.about_reserve .r_subtitle {
    margin: 0 0 20px;
    font-size: 6vw;
    color: #6FB92C;
}

.about_reserve .r_text02 {
    margin: 0 0 50px;
    line-height: 2;
}

.about_reserve .r_text02 .bold {
    font-weight: bold;
    color: #DB5343;
}

.about_reserve .r_text02 .small {
    font-size: 4vw;
}

.about_reserve .r_text02 .small .color {
    color: #DB5343;
    font-weight: bold;
}

.about_reserve .bottom_text {
    margin: 50px 0 50px;
    font-size: 5vw;
    text-align: center;
}

.about_reserve .name {
    text-align: right;
}

}