﻿:root{--color1:#000f28;--color2:#1a92b0;--color3:#b69159;--color4:#ff9743;--hover:#0054AD;--text-color:#1f1f1f}@keyframes AnimationTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.top header{position:relative;z-index:5}main{background:url("../images/top/main.webp") no-repeat center top;background-size:cover;width:100%;height:100vh;min-height:1080px;padding:50px 20px 0 5%}@media screen and (max-width: 1200px){main{padding:50px 20px 0}}@media screen and (max-width: 768px){main{min-height:inherit;height:auto;padding-bottom:50px}}@media screen and (max-width: 520px){main{background:url("../images/top/main_sp.webp") no-repeat center top;background-size:cover}}main .logo{padding:0 0 0 1em}@media screen and (max-width: 768px){main .logo{text-align:center;padding:0}}main h1{font-size:67px;font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;color:#FFF;letter-spacing:0.2em;line-height:180%;padding:20px 0 40px}@media screen and (max-width: 768px){main h1{font-size:50px;text-align:center;text-shadow:0 0 3px rgba(0,0,0,0.8)}}@media screen and (max-width: 600px){main h1{font-size:36px}}@media screen and (max-width: 450px){main h1{font-size:26px;letter-spacing:0.1em;margin-left:30px;padding:20px 0}}main h1 span{font-size:87px}@media screen and (max-width: 768px){main h1 span{font-size:60px}}@media screen and (max-width: 600px){main h1 span{font-size:50px}}@media screen and (max-width: 450px){main h1 span{font-size:30px}}main h1 span.co{color:#ecb963}main h1 span.pa{position:relative;left:-20px}@media screen and (max-width: 450px){main h1 span.pa{left:-15px}}main h1 span.pa span{letter-spacing:-10px}@media screen and (max-width: 450px){main h1 span.pa span{letter-spacing:0px}}main h1 span.pa span.pa2{letter-spacing:-40px}@media screen and (max-width: 450px){main h1 span.pa span.pa2{letter-spacing:-30px}}main p{font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;color:#FFF}@media screen and (max-width: 768px){main p{text-shadow:0 0 3px rgba(0,0,0,0.8)}}main p.tx{font-size:26px;padding-left:1em}@media screen and (max-width: 768px){main p.tx{text-align:center;padding-left:0}}@media screen and (max-width: 600px){main p.tx{font-size:24px;line-height:160%}}@media screen and (max-width: 520px){main p.tx{font-size:20px}}@media screen and (max-width: 450px){main p.tx{font-size:16px}}main p.tx br{display:none}@media screen and (max-width: 768px){main p.tx br{display:block}}main p.tx2{font-size:20px;padding-left:2em;line-height:180%}@media screen and (max-width: 768px){main p.tx2{text-align:center;padding-left:0;font-size:16px}}@media screen and (max-width: 768px){main p.tx2 span{display:none}}main p.tx2 br.tab{display:none}@media screen and (max-width: 768px){main p.tx2 br.tab{display:block}}main p.tx2 br.sp1{display:none}@media screen and (max-width: 520px){main p.tx2 br.sp1{display:block}}main .btnArea{display:flex;justify-content:flex-start;align-items:center;gap:0 30px;padding:50px 0 30px 30px}@media screen and (max-width: 768px){main .btnArea{padding:100px 0 30px}}@media screen and (max-width: 660px){main .btnArea{flex-wrap:wrap;justify-content:center;gap:20px 0}}@media screen and (max-width: 450px){main .btnArea{padding:60px 0 30px}}main .btnArea .button{width:385px}@media screen and (max-width: 768px){main .btnArea .button{width:50%}}@media screen and (max-width: 660px){main .btnArea .button{width:100%;padding:0 30px}}@media screen and (max-width: 520px){main .btnArea .button{padding:0}}main .btnArea .button a{font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;display:flex;justify-content:center;align-items:center;font-size:22px;color:#252525;padding:30px 20px;background:#FFF7C8;background:linear-gradient(140deg, #fff7c8 0%, #b18648 100%);border-radius:10px;position:relative}@media screen and (max-width: 768px){main .btnArea .button a{font-size:18px}}@media screen and (max-width: 660px){main .btnArea .button a{border-radius:50px;width:350px;margin:0 auto}}@media screen and (max-width: 520px){main .btnArea .button a{padding:20px}}@media screen and (max-width: 450px){main .btnArea .button a{width:300px}}main .btnArea .button a:after{position:absolute;top:50%;right:40px;content:"";width:10px;height:10px;border-top:2px solid #333;border-right:2px solid #333;-webkit-transform:translate(0%, -50%) rotate(45deg);-moz-transform:translate(0%, -50%) rotate(45deg);-ms-transform:translate(0%, -50%) rotate(45deg);-o-transform:translate(0%, -50%) rotate(45deg);transform:translate(0%, -50%) rotate(45deg)}main .btnArea .button.type2 a{border:2px solid #b69159;background-image:none;background-color:var(--color1);color:#FFF}main .btnArea .button.type2 a:after{border-color:#FFF}.topBox{padding:70px 3%;position:relative;z-index:0}@media screen and (max-width: 520px){.topBox{padding:30px 20px 0}}.topBox:before{content:"";position:absolute;z-index:-1;top:-400px;left:0;width:100%;height:100%;background:url("../images/top/top-img.webp") no-repeat left 0;background-size:100%}.topBox_in{position:relative;z-index:1}.topBox_in .topBox_in_flex{display:flex;justify-content:flex-start;align-items:center;gap:0 100px;padding:0 0 70px}@media screen and (max-width: 1300px){.topBox_in .topBox_in_flex{align-items:flex-start;gap:0 50px}}@media screen and (max-width: 1000px){.topBox_in .topBox_in_flex{flex-wrap:wrap}}.topBox_in .topBox_in_flex.type2{justify-content:flex-end}.topBox_in .topBox_in_flex.type2 .imgBox{order:2}@media screen and (max-width: 1000 maxpx){.topBox_in .topBox_in_flex.type2 .imgBox{order:1}}.topBox_in .topBox_in_flex.type2 .txBox{order:1}@media screen and (max-width: 1000px){.topBox_in .topBox_in_flex.type2 .txBox{order:2}}.topBox_in .topBox_in_flex .imgBox{width:55%;height:529px;overflow:hidden;border-radius:10px}@media screen and (max-width: 1300px){.topBox_in .topBox_in_flex .imgBox{height:auto}}@media screen and (max-width: 1000px){.topBox_in .topBox_in_flex .imgBox{width:100%}}.topBox_in .topBox_in_flex .imgBox img{object-fit:cover;width:100%;height:100%}.topBox_in .topBox_in_flex .txBox{width:500px}@media screen and (max-width: 1000px){.topBox_in .topBox_in_flex .txBox{width:100%;padding:30px 30px 0}}@media screen and (max-width: 520px){.topBox_in .topBox_in_flex .txBox{padding:30px 0}}.topBox_in .topBox_in_flex .txBox .en{font-size:14px;display:flex;justify-content:flex-start;align-items:center;gap:0 10px}.topBox_in .topBox_in_flex .txBox .en:before{content:"";width:9px;height:9px;background-color:var(--color4);border-radius:50%}.topBox_in .topBox_in_flex .txBox h3{font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;font-size:26px;padding:20px 0 40px}@media screen and (max-width: 520px){.topBox_in .topBox_in_flex .txBox h3{padding:10px 0 20px}}.topBox_in .topBox_in_flex .txBox ul{display:flex;justify-content:flex-start;flex-wrap:wrap}.topBox_in .topBox_in_flex .txBox ul li{width:50%;position:relative;padding:5px 0 5px 1em;font-size:16px;line-height:200%}@media screen and (max-width: 520px){.topBox_in .topBox_in_flex .txBox ul li{width:100%;line-height:160%}}.topBox_in .topBox_in_flex .txBox ul li:before{content:"・";position:absolute;top:5px;left:0}.topBox_in .topBox_in_flex .txBox .btn{margin-top:30px}@media screen and (max-width: 520px){.topBox_in .topBox_in_flex .txBox .btn{display:flex;justify-content:center}}.top_news{display:flex;justify-content:space-between;flex-wrap:wrap;background:url("../images/top/top-img3.webp") no-repeat center;background-size:cover;border-radius:20px;max-width:1200px;margin:0 auto;padding:100px 50px 60px}@media screen and (max-width: 520px){.top_news{padding:30px}}.top_news .lBox{width:35%}@media screen and (max-width: 520px){.top_news .lBox{width:100%}}.top_news .lBox .en{font-family:"Montserrat","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:36px;color:#1f1f1f;font-weight:400;padding:0 0 15px}@media screen and (max-width: 520px){.top_news .lBox .en{text-align:center;font-size:28px}}@media screen and (max-width: 520px){.top_news .lBox .button{display:none}}.top_news .lBox .button a{display:inline-block;background-color:#000;color:#FFF;padding:5px 15px}.top_news .rBox{width:65%}@media screen and (max-width: 520px){.top_news .rBox{width:100%}}.top_news .rBox .item{border-bottom:1px solid #dadada}.top_news .rBox .item:last-child{border-bottom:none}.top_news .rBox .item:first-child a{padding-top:20px}.top_news .rBox .item a{display:flex;justify-content:flex-start;align-items:flex-start;gap:0 50px;font-size:14px;color:#000;padding:40px 0}@media screen and (max-width: 520px){.top_news .rBox .item a{padding:15px 10px;flex-wrap:wrap}}@media screen and (max-width: 520px){.top_news .rBox .item a .day{width:100%}}@media screen and (max-width: 520px){.top_news .rBox .item a .title{padding:5px 0 0 0;width:100%}}.top_news .rBox .button{display:none}@media screen and (max-width: 520px){.top_news .rBox .button a{display:inline-block;background-color:#000;color:#FFF;padding:5px 15px}}
