body{margin:0px;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:18px;line-height:1.75em;background:#eee;color:#333;position:relative;}
img{border:none;width:100%;}
a{text-decoration:none;color:#d71718;}
a:hover{opacity:.6;transition-duration:.5s;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
li{margin:0px;padding:0px;}
table{border-collapse: collapse;width:100%;}
th,td{padding:10px;border:1px solid #ccc;font-weight:normal;}
th{background:#F8B62D;text-align:center;color:white;}
table.brn br{display:none;}

.btn{text-align:center;margin:20px 0;}
.btn a{background:#F8B62D;padding:0px 40px;color:white;display:inline-block;font-size:.9em;position:relative;}
a.now{background:#FDD000;pointer-events:none;}

/* レイアウト */
ul.layout{display:flex;flex-wrap:wrap;width:1370px;margin:0 auto;}
ul.layout > li:nth-of-type(1){width:300px;background:#F8B62D;}
ul.layout > li:nth-of-type(2){width:1070px;background:white;}
img.img_sp{display:none;}
img.img_pc{display:block;}

/* ナビゲーション */
.navi_sp{display:none;}
.navi_pc{display:block;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .2s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position: relative;width: 50px;height: 50px;z-index: 11;float:right;margin-top:0px;}
.menu-trigger span{position: absolute;background:white;width: 30px;height: 3px;left: 0;right: 0;margin: auto;}
.menu-trigger span:nth-of-type(1){top: 10px;}
.menu-trigger span:nth-of-type(2){top: 18px;}
.menu-trigger span:nth-of-type(3){top: 26px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){opacity: 0;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.menu-trigger p{font-size:3vw;text-align:center;color:white;padding-top:12px;}
.g-nav{display:none;position:absolute;top:0px;left:0%;background:rgba(248,182,45,.95);width: 100%;height: auto;padding:40px 0 0px;z-index:10;}
.g-nav ul{border-top:1px solid white;margin:20px 5%;}
.g-nav ul li a{color:white;border-bottom:1px solid white;padding:5px 10px;display:block;}

nav{display:block;width:100%;margin-top:15px;}
nav ul{}
nav ul li{width:100%;}

/* サイド */
img.logo{width:220px;height:auto;margin:20px auto;display:block;}
.navi_pc ul{border-top:1px solid white;margin:20px 0;}
.navi_pc ul li a{color:white;border-bottom:1px solid white;padding:5px 10px;display:block;}
img.sidebanner{width:230px;height:auto;margin:20px auto;display:block;}

ul.side_icon{display:flex;flex-wrap:wrap;width:220px;height:auto;margin:0px auto;}
ul.side_icon li{width:calc(100%/3 - 20px);margin:0 10px;}


/* 本文ヘッダー */
header{width:100%;position:relative;}

.arr{position:relative;height:100px;margin: 0 auto;width:2px;color:#898989;top:-20px}
.arrows {position: relative;display:flex;height:100px;margin: 0 auto;justify-content: center;align-items: center;background:#898989;overflow:hidden;}
.arrows .arrow {position: absolute;top: 100%;left:0;}
.arrows .arrowfirst {animation: arrow-move 2s infinite;}
.arrows .arrow:before, .arrows .arrow:after {position: absolute;top: -100px;left: 0;display: block;width:2px;height:100px;content: '';background: #F8B62D;}
@keyframes arrow-move {
0% {top: 0%;opacity: 1;}
100% {top: 200%;opacity: 1;}
}
.arrowright{width:15px;height:3px;background:#898989;display:block;position:absolute;bottom:13px;left:2px;}
.arrowright{transform: skewY(-60deg);overflow:hidden}
.arrow2{position:absolute;top:0%;left:0;animation: arrow-move2 2s infinite;}
.arrow2:before {position: absolute;top:-170px;left: 0px;display: block;width:30px;height:100px;content: '';background: #F8B62D;transform: skewY(60deg);}
@keyframes arrow-move2 {
0% {top: 0%;opacity: 1;}
100% {top: 200px;opacity: 1;}
}
.arr p{position:absolute;bottom:-25px;left:50%;margin:0px auto;transform:translateX(-50%);font-family: serif;}

a.sonokeiba{width:154px;height:auto;position:absolute;top:17px;right:25px;z-inde:3;}

.spbtn{display:none;}

/* トップ本文 */

.topmain{background:url(img/main_back.png) no-repeat;background-size:contain;display:block;width:100%;}
.topmain section h2, article h2{margin:0px;padding:0px;overflow:hidden;text-indent:100%;white-space: nowrap;line-height:.1em;}
section.news{padding-top:25px;}
section.news h2{background:url(img/top_title01.png) no-repeat;background-size:contain;}
section.news ul{width:560px;height:170px;overflow:auto;margin:75px auto 170px;background:white;border:1px solid black;padding:45px 68px;}
section.news ul li{border-bottom:1px solid #898989;padding:0 15px 10px 120px;margin-bottom:40px;line-height:25px;}
section.news ul li span{width:200px;display:block;margin:0 0 -25px -100px;}


section.gallery h2{background:url(img/top_title02.png) no-repeat;background-size:contain;}
section.gallery a{width:323px;height:auto;margin:0 auto;padding:75px 0 135px;display:block;}

/* 共通バナー */

article h2{background:url(img/top_title03.png) white no-repeat;background-size:contain;}
article{background:#E5DFE2;width:100%;padding:0 0 80px;text-align:center;line-height:1.4em;} 
ul.foot01{display:flex;flex-wrap:wrap;margin:27px 103px 0;}
ul.foot01 li{width:404px;margin:0 14px 40px;}
ul.foot01 li a{color:#333;}
ul.foot02{display:flex;flex-wrap:wrap;margin:0 105px;}
ul.foot02 li{width:187px;margin:0 14px 40px;}
ul.foot02 li a{color:#333;}
ul.foot03{display:block;margin:0 75px}
ul.foot03 li{display:inline-block;}
ul.foot03 li img{height:39px;width:auto;margin:14px}
ul.foot03 li a{color:#333;}

/* フッター */
footer{background:#FDD000;height:80px;} 
footer p{text-align:center;font-size:14px;line-height:20px;padding:30px 0;margin:0px;} 

ul.flw_btn{width:auto;height:80px;background:url(img/bnr.png) no-repeat white;position:fixed;bottom:0px;right:0px;padding-left:142px;opacity:.9;border:1px solid #f8b62b}
ul.flw_btn li{display:inline-block;margin:0 15px;}


/* サブページ共通 */
.submain{display:block;width:100%;}
.submain h1{background:url(img/sub_title_back.png) no-repeat;height:73px;text-align:center;color:white;line-height:70px;font-size:40px;}
.submain section{width:calc(100% - 68px);padding:60px 34px 100px;}
.submain section h2{border-bottom:black solid 4px;font-size:30px;}
.submain section h2::after{content:"";border-bottom:#fdd000 solid 6px;margin-top:6px;display:block;}
.submain section h2 span{font-size:.7em;margin-left:10px}
.submain section h2.final{color:#d71718;margin-top:100px;}
.submain section h3{border-bottom:black solid 2px;font-size:28px;text-align:center;margin:40px 0 20px;padding-bottom:5px;}
.submain section h3.final{border-bottom:2px solid #d71718;color:#d71718}
.submain section h4{border-bottom:3px solid #fdd000;font-size:24px;font-weight:normal;margin:40px 0 5px;}
.submain section h5{text-align:right;font-size:20px;font-weight:normal;}
/*table.final th,table.final td{padding:10px;border:1px solid #d71718;font-weight:normal;}*/
table.final th,table.final td{border:1px solid #d71718;font-weight:normal;}
table.final th{background:#d71718;text-align:center;color:white;}

.br-pc { display:block; }
.br-sp { display:none; }

@media all and (min-width: 0) and (max-width: 749px)  {

body{background:white;}
table th,table td{padding:5px 3px;font-size:3vw;line-height:1.2em;}
table.brn br{display:block;}

.navi_sp{display:block;background:#F8B62D;height:50px;width:100%;}
ul.layout{display:block;width:100%;margin:0 auto;}
ul.layout > li:nth-of-type(1){display:none;}
ul.layout > li:nth-of-type(2){width:100%;display:block;}
img.img_sp{display:block;}
img.img_pc{display:none;}

img.logo{width:auto;height:40px;position:absolute;top:-12px;left:10px;z-index:11} 
ul.side_icon{position:absolute;top:10px;right:50px;width:auto;}
ul.side_icon li{width:30px;margin:0px 5px;}

a.sonokeiba{width:22vw;height:auto;top:2vw;right:2vw;}
.arr{left:-44vw;top:-18vw}
.arrows {height:50px;margin: 0 auto;}
.arrows .arrow:before, .arrows .arrow:after {top: -50px;left: 0;width:2px;height:50px;content: '';}
.arrowright{width:8px;height:3px;bottom:58px;left:2px;}
.arrow2:before {position: absolute;top:-175px;left: 0px;display: block;width:15px;height:100px;content: '';}
.arr p{bottom:30px;left:50%;margin:0px auto;transform:translateX(-50%);font-size:10px;}

ul.spbtn{display:flex;flex-wrap:wrap;width:90%;margin:-80px 5% 30px;}
ul.spbtn li{width:calc(100%/2 - 20px);margin:0 10px;}

.topmain{background-position:top center;background-size:160%;display:block;width:100%;}

.topmain section.news h2{background:url(img/top_title01_sp.png) no-repeat;background-size:cover;height:5.8vw;}
.topmain section.gallery h2{background:url(img/top_title02_sp.png) no-repeat;background-size:cover;height:5.8vw;}
article h2{background:url(img/top_title03_sp.png) white no-repeat;background-size:cover;height:5.8vw;}

section.news{padding-top:5px;}
section.news ul{width:80%;height:170px;margin:15vw auto 10vw;padding:20px;font-size:4vw;}
section.news ul li{padding:0 1vw 1vw 20vw;margin-bottom:5vw;line-height:6vw;}
section.news ul li span{width:25vw;margin:0 0 -6vw -20vw;}

section.gallery a{width:50%;height:auto;margin:0 auto;padding:10vw 0;display:block;}

ul.foot01{margin:10vw 10% 0;font-size:4vw;}
ul.foot01 li{width:100%;margin:0 0 5vw;}
ul.foot02{margin:0 5%;font-size:4vw;line-height:6vw;}
ul.foot02 li{width:calc(100%/2 - 6%);margin:0 3% 5vw;}
ul.foot03{;margin:10vw 2%}
ul.foot03 li img{height:30px;width:auto;margin:5vw 2% 0}

/* フローティングバナー　2020　05　07修正 */
ul.flw_btn{width:calc(72% - 2px);display:flex;flex-wrap:wrap;align-items:center;justify-content: center;height:15vw;padding-left:28%;background-size:contain}
ul.flw_btn li{width:calc(100%/4 - 0px);margin:0;}
ul.flw_btn li img{height:auto;width:100%;display:flex;align-items:center;}

/* サブページ共通 */
.submain h1{background-size:cover;height:12vw;line-height:11vw;font-size:5vw;}
.submain section{width:calc(100% - 20px);padding:10vw 10px 30vw;}
.submain section h2{border-bottom:black solid 2px;font-size:5vw;}
.submain section h2::after{content:"";border-bottom:#fdd000 solid 3px;margin-top:4px;display:block;}
.submain section h2 span{font-size:3.5vw;margin-left:0px;display:block;line-height:1.3em;}
.submain section h3{font-size:6vw;margin:15vw 0 5vw}
.submain section h4{font-size:5vw;margin:15vw 0 2vw}
.submain section h5{font-size:4vw;margin:2vw 0 2vw;line-height:1.4em;}
.submain p{font-size:4vw;line-height:1.65em;}


.scroll{overflow: auto;white-space:nowrap;padding-bottom:5px;}
.scroll::-webkit-scrollbar{height:10px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;border-radius:5px;}

.br-pc { display:none; }
.br-sp { display:block; }
}