@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);@import url("https://fonts.googleapis.com/css?family=Cinzel");.secAboutTopBox{background:url(../img/common/bg_sec_silver.jpg) center top no-repeat;background-size:100% auto;width:100%;display:flex;justify-content:space-between;align-items:center}@media all and (max-width: 767px){.secAboutTopBox{flex-wrap:wrap;padding-bottom:50px}}.secAboutTopBox>div{width:50%}@media all and (max-width: 767px){.secAboutTopBox>div{width:100%}}.secAboutTopBox>div img{vertical-align:bottom;width:100%}@media all and (max-width: 767px){.secAboutTopBox>div.boxDotOv{margin-bottom:50px}}@media all and (max-width: 767px){.secAboutTopBox.box01 div:first-child{order:2}}@media all and (max-width: 767px){.secAboutTopBox.box01 div:last-child{order:1}}.secCatchSpeciality{background:url(../img/common/bg_sec_silver.jpg) center top no-repeat;background-size:100% auto;padding:100px 0 50px}@media all and (max-width: 767px){.secCatchSpeciality{padding:50px 0 25px}}.secCatchSpeciality .secCatchSpecialityInner{background:url(../img/common/bg_secLogo.png) center center no-repeat;background-size:contain;padding:250px 0 150px}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner{padding:40px 10px}}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch{text-align:center;margin-bottom:100px;font-family:"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;text-align:center;font-size:2.4rem;position:relative;padding-bottom:25px}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch{font-size:1.6rem;margin-bottom:50px}}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch::after{content:"";width:3px;height:50px;background:#4a4029;position:absolute;bottom:-50px;left:50%;transform:translateX(-5px)}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch::after{height:20px;bottom:-5px}}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch::before{content:"";width:1px;height:50px;background:#4a4029;position:absolute;bottom:-50px;left:50%;transform:translateX(-10px)}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch::before{height:20px;bottom:-5px}}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch span{display:block;position:relative}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch span::after{content:"";width:3px;height:100px;background:#4a4029;position:absolute;top:-130px;left:50%;transform:translateX(-5px)}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch span::after{height:30px;top:-40px}}.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch span::before{content:"";width:1px;height:100px;background:#4a4029;position:absolute;top:-130px;left:50%;transform:translateX(-10px)}@media all and (max-width: 767px){.secCatchSpeciality .secCatchSpecialityInner .seTtlCatch span::before{height:30px;top:-40px}}.secSpeciality{padding:100px 0;width:100%;overflow:hidden}@media all and (max-width: 767px){.secSpeciality{padding:25px 0}}.secSpeciality .secSpecialityBox{display:flex;justify-content:space-between;align-items:center;padding:1% 8%;margin-bottom:150px}@media all and (max-width: 767px){.secSpeciality .secSpecialityBox{flex-wrap:wrap;padding:0 10px;margin-bottom:50px}}.secSpeciality .secSpecialityBox .secSpecialityBoxImg{width:55%;position:relative}@media all and (max-width: 767px){.secSpeciality .secSpecialityBox .secSpecialityBoxImg{width:100%}}.secSpeciality .secSpecialityBox .secSpecialityBoxImg::after{content:"";width:150%;height:100%;background:#14110a;position:absolute;top:10%;right:-100%;z-index:-10}.secSpeciality .secSpecialityBox .secSpecialityBoxImg img{width:100%;opacity:.4;filter:blur(3px) grayscale(100%);transform:translateY(50px) translate3d(0, 0, 0);transition:all .5s}.secSpeciality .secSpecialityBox .secSpecialityBoxImg img.active{opacity:1;filter:blur(0) grayscale(0);transform:translateY(0) translate3d(0, 0, 0)}.secSpeciality .secSpecialityBox.box02 .secSpecialityBoxImg{order:2}.secSpeciality .secSpecialityBox.box02 .secSpecialityBoxImg::after{right:auto;left:-100%}@media all and (max-width: 767px){.secSpeciality .secSpecialityBox.box02 .secSpecialityBoxImg{order:1}}.secSpeciality .secSpecialityBox.box02 .secSpecialityBoxCont{order:1}@media all and (max-width: 767px){.secSpeciality .secSpecialityBox.box02 .secSpecialityBoxCont{order:2}}.secSpeciality .secSpecialityBox .secSpecialityBoxCont{width:45%;padding:5%}@media all and (max-width: 767px){.secSpeciality .secSpecialityBox .secSpecialityBoxCont{width:100%;padding:0}}.secSpeciality .secSpecialityBoxSub{display:flex;justify-content:space-between;flex-wrap:wrap;padding:1% 8%}@media all and (max-width: 767px){.secSpeciality .secSpecialityBoxSub{padding:15px 30px;background:#333;margin-bottom:25px}}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont{width:48%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:100px}@media all and (max-width: 767px){.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont{width:100%;margin-bottom:50px}}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContimg{width:35%}@media all and (max-width: 767px){.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContimg{width:100%}}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContimg img{width:100%;opacity:.4;filter:blur(3px) grayscale(100%);transform:translateY(50px) translate3d(0, 0, 0);transition:all .5s}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContimg img.active{opacity:1;filter:blur(0) grayscale(0);transform:translateY(0) translate3d(0, 0, 0)}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContTxt{width:65%;padding:5% 10% 5% 5%;position:relative}@media all and (max-width: 767px){.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContTxt{width:100%;padding:0}}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContTxt h3{font-size:2.4rem}@media all and (max-width: 767px){.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContTxt h3{font-size:1.6rem}}.secSpeciality .secSpecialityBoxSub .secSpecialityBoxSubCont .secSpecialityBoxSubContTxt::after{content:"";width:130%;height:50%;background:#14110a;position:absolute;top:10%;right:30px;z-index:-10}.secSpecialitySub{margin:100px auto;background:#14110a}.secSpecialitySub .secSpecialitySubBox{display:flex;justify-content:space-between;align-items:center}@media all and (max-width: 767px){.secSpecialitySub .secSpecialitySubBox{flex-wrap:wrap;margin-bottom:50px}}.secSpecialitySub .secSpecialitySubBox>div{width:50%}@media all and (max-width: 767px){.secSpecialitySub .secSpecialitySubBox>div{width:100%}}.secSpecialitySub .secSpecialitySubBox>div img{vertical-align:bottom}.secSpecialitySub .secSpecialitySubBox .secSpecialitySubBoxCont{padding:5%}@media all and (max-width: 767px){.secSpecialitySub .secSpecialitySubBox .secSpecialitySubBoxCont{padding:10px}}@media all and (max-width: 767px){.secSpecialitySub .secSpecialitySubBox.box01 .secSpecialitySubyBoxImg{order:1}}@media all and (max-width: 767px){.secSpecialitySub .secSpecialitySubBox.box01 .secSpecialitySubBoxCont{order:2}}.secNav{display:flex;justify-content:space-between;align-items:center}@media all and (max-width: 767px){.secNav{flex-wrap:wrap}}.secNav a{width:33.333%;display:block;overflow:hidden}@media all and (max-width: 767px){.secNav a{width:100%;height:150px}}.secNav a h3{font-family:"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;color:#fff;font-size:2rem;text-align:center;border:1px solid #ffd684;width:70%;height:70%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;z-index:100}@media all and (max-width: 767px){.secNav a h3{font-size:1.6rem}}.secNav a h3 span{margin-top:22%;display:block;letter-spacing:.2em;font-family:"Cinzel",serif;color:#ffd684;font-size:1.6rem}@media all and (max-width: 767px){.secNav a h3 span{font-size:1.4rem;margin-top:11%}}.secNav a img{transition:all .5s;vertical-align:bottom}.secNav a:hover img{transform:scale(1.1, 1.1)}@media all and (max-width: 767px){.secNav a .secNavBox{height:100%}}.secContAbout .secContAboutCatch{padding:100px 0}