@charset "UTF-8";
.f-zen {font-family: "Zen Old Mincho", serif;font-style: normal;}

@media screen and (min-width: 768px),print {
main {letter-spacing: 1px;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 120px auto 78px; background: #F5F5F5; padding: 100px 0;}
#con1 .bx .inner{width: 1100px; margin: -133px auto 0; }
#con1 .bx .inner .ttl{font-size: 100px; letter-spacing: 5px; line-height: 0.9; text-align: center;}
#con1 .bx .inner .ttl1{font-size: 32px; letter-spacing: 2px; text-align: center; margin-bottom: 45px;}
#con1 .bx .inner .txt{font-size: 16px; letter-spacing: 1px; line-height: 1.95; text-align: center; position: relative; margin-bottom: 100px;}
#con1 .bx .inner .txt::after{content: ""; width: 100%; height: 1px; margin: 0 auto; background: #2B2827; position: absolute; left: 0; right: 0; bottom: -45px;}
#con1 .bx .inner .ttl2{font-size: 34px; font-weight: bold; letter-spacing: 1px; text-align: center; position: relative; margin-bottom: 41px;}
#con1 .bx .inner .ttl2::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -2px;}
#con1 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con1 .bx .inner .list li{margin-right: 10px; margin-bottom: 10px;}
#con1 .bx .inner .list li:nth-child(2){margin-right: 0;}
#con1 .bx .inner .list li:nth-child(5){margin-right: 0;}
#con1 .bx .inner .list li:nth-child(8){margin-right: 0;}

#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px; }
#con2 .bx .inner{width: 1100px; margin: 0 auto; }
#con2 .bx .inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1px; text-align: center; position: relative; margin-bottom: 41px;}
#con2 .bx .inner .ttl::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -2px;}
#con2 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .inner .list li{margin-right: 10px; margin-bottom: 10px;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px -2px 5px 5px rgba(10,10,10,0.02);}
#con2 .bx .inner .list li:nth-child(3){margin-right: 0;}
#con2 .bx .inner .list li:nth-child(5){margin-right: 0;}
#con2 .bx .inner .list li:nth-child(7){margin-right: 0;}

#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 76px; background: #EEECE7; padding: 68px 0 100px;}
#con3 .bx .inner{width: 1105px; margin: 0 auto; }
#con3 .bx .inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1px; text-align: center; position: relative; margin-bottom: 41px;}
#con3 .bx .inner .ttl::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -2px;}
#con3 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con3 .bx .inner .list li{margin-right: 10px; margin-bottom: 10px;}
#con3 .bx .inner .list li:nth-child(3){margin-right: 0;}
#con3 .bx .inner .list li:nth-child(7){margin-right: 0;}
#con3 .bx .inner .list li:nth-child(11){margin-right: 0;}

#con4 {}
#con4 .bx{width: 100%; max-width: 1200px; margin: 0 auto 140px; position: relative;}
#con4 .bx::before{content: ""; width: 1100px; height: 401px; margin: 0 auto; background: #F5F5F5; position: absolute; left: 0; right: 0; top: 80px; z-index: -1;}
#con4 .bx .ttl{font-size: 32px; letter-spacing: 1.5px; text-align: center; margin-bottom: 84px;}
#con4 .bx .list{margin-bottom: 140px; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .list li{margin-right: 100px; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 15px 15px rgba(10,10,10,0.02);}
#con4 .bx .list li:last-child{margin-right: 0;}
#con4 .bx .link{text-align: center;}


}

@media screen and (max-width: 767px) {
main {letter-spacing: 1px;}

#con1 {}
#con1 .bx{width: 100%; margin: 23vw auto 13vw; background: #F5F5F5; padding: 10vw 0 12vw;}
#con1 .bx .inner{width: 100%; margin: -14vw auto 0; }
#con1 .bx .inner .ttl{ font-size: 10.5vw; letter-spacing: 0.95vw; line-height: 0.9; text-align: center; margin-bottom: 3vw;}
#con1 .bx .inner .ttl1{font-size: 5.6vw; letter-spacing: 0.2vw; text-align: center; margin-bottom: 8vw;}
#con1 .bx .inner .txt{font-size: 3.65vw; letter-spacing: 0.43vw; line-height: 2.1; position: relative; margin-bottom: 16vw; padding: 0 5vw;}
#con1 .bx .inner .txt::after{content: ""; width: 89%; height: 1px; margin: 0 auto; background: #2B2827; position: absolute; left: 3vw; right: 0; bottom: -6vw;}
#con1 .bx .inner .ttl2{font-size: 6vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; position: relative; margin-bottom: 9.5vw;}
#con1 .bx .inner .ttl2::after{content: ""; width: 10vw; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -1vw;}
#con1 .bx .inner .list{width: 87%; margin: 0 auto;}
#con1 .bx .inner .list li{margin-bottom: 4.8vw;}
#con1 .bx .inner .list li:last-child{margin-bottom: 0;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 12vw; }
#con2 .bx .inner{width: 100%; margin: 0 auto; }
#con2 .bx .inner .ttl{font-size: 6vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; position: relative; margin-bottom: 9.5vw;}
#con2 .bx .inner .ttl::after{content: ""; width: 10vw; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -1vw;}
#con2 .bx .inner .list{width: 87%; margin: 0 auto;}
#con2 .bx .inner .list li{margin-bottom: 4.8vw;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px -2px 5px 5px rgba(10,10,10,0.02);}
#con2 .bx .inner .list li:last-child{margin-bottom: 0;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 14vw; background: #EEECE7; padding: 10vw 0 12vw;}
#con3 .bx .inner{width: 100%; margin: 0 auto; }
#con3 .bx .inner .ttl{font-size: 6.4vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; position: relative; margin-bottom: 9.5vw;}
#con3 .bx .inner .ttl::after{content: ""; width: 10vw; height: 1px; margin: 0 auto; background: #E95504; position: absolute; left: 0; right: 0; bottom: -1vw;}
#con3 .bx .inner .list{width: 87%; margin: 0 auto;}
#con3 .bx .inner .list li{margin-bottom: 4.8vw;}
#con3 .bx .inner .list li:last-child{margin-bottom: 0;}

#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 15vw; position: relative;}
#con4 .bx::before{content: ""; width: 100%; height: 163vw; margin: 0 auto; background: #F5F5F5; position: absolute; left: 0; right: 0; top: 30vw; z-index: -1;}
#con4 .bx .ttl{font-size: 7.4vw; letter-spacing: 0.2vw; text-align: center; margin-bottom: 15vw;}
#con4 .bx .list{width: 87%; margin: 0 auto 17vw; position: relative; z-index: 1; }
#con4 .bx .list li{margin-bottom: 9.5vw; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 15px 15px rgba(10,10,10,0.02);}
#con4 .bx .list li:last-child{margin-bottom: 0;}
#con4 .bx .link{width: 90%; margin: 0 auto 10vw; }

}