@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmainnavi {margin: 58px auto 100px auto;position: relative;max-width: 1100px;background: rgba(255,255,255,1);border-radius: 15px;padding: 35px 20px 30px 30px;}
#contentsmainnavi .inner-Box {position: relative;padding-bottom: 0px;max-width: 1042px;}
#contentsmainnavi .inner-Box ul { display: flex; flex-wrap: wrap; justify-content: center; }
#contentsmainnavi .inner-Box  ul li {position: relative;margin-bottom: 4px;font-size: 1.8rem;color: #00331D;margin-right: 85px;}
#contentsmainnavi .inner-Box  ul li:nth-child(2n){margin-right: 0px;}
#contentsmainnavi .inner-Box  ul li a{ display: block; padding-right: 40px;}
#contentsmainnavi .inner-Box  ul li .arr{position: absolute;margin-bottom: 4px;display: block;width: 27px;height: 27px;top: 5px;right: -2px;border: 1px solid #00331D;border-radius: 50%;line-height: 1;transform: rotate(90deg);transform-origin: center;padding: 0 0 0 10px;transition: all 0.3s ease-in-out;}
#contentsmainnavi .inner-Box  ul li .arr img{ width: 7px; height: auto; transition: all 0.3s ease-in-out;}

#contentsmainnavi .inner-Box  ul li a:hover .arr{ background: #00331D; }
#contentsmainnavi .inner-Box  ul li a:hover .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


#contents01 {margin: 0 auto 140px;position: relative;max-width: 1100px;}
#contents01 span.picon {display: block;line-height: 1;width: 35px;margin: 0 auto 10px;}
#contents01 span.picon img {  }
#contents01 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.5rem;margin-bottom: 30px;position: relative;text-align: center;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3.6rem;position: relative;}
#contents01 .inner-Box h3 {font-size: 1.6rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.112rem;margin-bottom: 1rem;position: relative;border-bottom: #00331D 1px solid;padding-bottom: 1rem;}

#contents02 {margin: 0 auto -12.9rem;position: relative;max-width: 1100px;}
#contents02 span.picon {display: block;line-height: 1;width: 35px;margin: 0 auto 10px;}
#contents02 span.picon img {  }
#contents02 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.5rem;margin-bottom: 30px;position: relative;text-align: center;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3.6rem;position: relative;}
#contents02 .inner-Box h3 {font-size: 1.6rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.112rem;margin-bottom: 1rem;position: relative;border-bottom: #00331D 1px solid;padding-bottom: 1rem;}
#contents02 .inner-Box p.text2 {text-align: right;font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3.6rem;position: relative;padding-top: 1.3rem;}

#contents02 .morebtn2{width: 320px;margin: 82px auto 0 auto;display: block;}
#contents02 .morebtn2 a{ }

}
@media screen and (min-width:768px) and ( max-width:1600px) {


}

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

    #contentsmainnavi {margin: 11.87vw auto 3.87vw auto;position: relative;border-radius: 4.0vw;padding: 0vw 5.33vw 8.0vw;}
    #contentsmainnavi .inner-Box {position: relative;padding-bottom: 0.0vw;}
    #contentsmainnavi .inner-Box ul {}
    #contentsmainnavi .inner-Box  ul li {position: relative;margin-bottom: 4.07vw;font-size: 4.27vw;letter-spacing: 0.30vw;color: #00331D;background: rgba(255,255,255,1);border-radius: 2.67vw;}
    #contentsmainnavi .inner-Box  ul li:nth-child(2n){margin-right: 0.0vw;}
    #contentsmainnavi .inner-Box  ul li a{display: block;padding: 3vw 2.3vw 2.6vw 5.3vw;}
    #contentsmainnavi .inner-Box  ul li .arr{position: absolute;margin-bottom: 1.07vw;display: block;width: 6.13vw;height: 6.13vw;top: 3.93vw;right: 5.3vw;border: 0.37vw solid #00331D;border-radius: 50%;line-height: 1;transform: rotate(90deg);transform-origin: center;padding: 0 0 1vw 2.27vw;transition: all 0.3s ease-in-out;}
    #contentsmainnavi .inner-Box  ul li .arr img{height: auto;transition: all 0.3s ease-in-out;width: 1.5vw;position: relative;left: 0vw;top: -0.4vw;}
    
    #contentsmainnavi .inner-Box  ul li a:hover .arr{ background: #00331D; }
    #contentsmainnavi .inner-Box  ul li a:hover .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    
    
    #contents01 {margin: 0 auto 37.33vw;position: relative;}
    #contents01 span.picon {display: block;line-height: 1;width: 6.63vw;margin: 0 auto 1.27vw;}
    #contents01 span.picon img {  }
    #contents01 h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 6vw;position: relative;text-align: center;}
    #contents01 .inner-Box {margin: 0 5.1vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 9.6vw;position: relative;}
    #contents01 .inner-Box h3 {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 3vw;position: relative;border-bottom: #00331D 0.27vw solid;padding-bottom: 2.3vw;}
    
    #contents02 {margin: 0 auto -22.67vw;position: relative;}
    #contents02 span.picon {display: block;line-height: 1;width: 6.63vw;margin: 0 auto 1.27vw;}
    #contents02 span.picon img {  }
    #contents02 h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 6vw;position: relative;text-align: center;}
    #contents02 .inner-Box {margin: 0 5.1vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 9.6vw;position: relative;}
    #contents02 .inner-Box h3 {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 3vw;position: relative;border-bottom: #00331D 0.27vw solid;padding-bottom: 2.3vw;}
    #contents02 .inner-Box p.text2 { text-align: right; font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 9.6vw;position: relative;}
    
    #contents02 .morebtn2{margin: 21.87vw 7vw 0;display: block;width: 86vw;}
    #contents02 .morebtn2 a{ }



}