@charset "UTF-8";
/* ===============================================
Initializr Styles
=============================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* ===============================================
Reset
=============================================== */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,figure {margin:0; padding:0;}
ul,ol, li {list-style:none;}
/* ===============================================
Common Styles
=============================================== */
body {background:#fff; font-size:16px; color:#2f2621; font-family:'游ゴシック体', '游ゴシック', Yu Gothic, YuGothic, 'ヒラギノ角ゴシック Pro', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, Osaka, sans-serif; padding-top: 0;}
.min{font-family:'游ゴシック体', '游ゴシック', Yu Gothic, YuGothic, 'ヒラギノ角ゴシック Pro', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, Osaka, sans-serif;}
* {
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* img */
img {max-width:100%; height:auto;}
/* a:link */
a:link {text-decoration:none; color:inherit;}
a:visited {color:inherit;}
a:hover {color:inherit;}
a:active {color:inherit;}
/* color */
.colorWhite {color:#fff !important;}
.colorBlack {color:#555 !important;}
.colorGray {color:#666 !important;}
.colorRed {color:#c00 !important;}
/* background */
.bgClr {background-color:transparent !important;}
.bgWhite {background-color:#fff !important;}
.bgBlack{background-color:#000 !important;}
.bgGray {background-color:#fbf9f7 !important;}
.bgRed{background-color:#d73301 !important;}
/* sup/sub */
sub, sup {font-size:80%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
sup.size12{top:-0.8em}
/* font-size */
.size30 {font-size:30px !important;}
.size28 {font-size:28px !important;}
.size26 {font-size:26px !important;}
.size24 {font-size:24px !important;}
.size22 {font-size:22px !important;}
.size20 {font-size:20px !important;}
.size18 {font-size:18px !important;}
.size16 {font-size:16px !important;}
.size15 {font-size:15px !important;}
.size14 {font-size:14px !important;}
.size13 {font-size:13px !important;}
.size12 {font-size:12px !important;}
.size11 {font-size:11px !important;}
.size10 {font-size:10px !important;}
/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
/* add margin */
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt15 {margin-top:15px !important;}
.mt10 {margin-top:10px !important;}
.mt05 {margin-top:5px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb05 {margin-bottom:5px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mtXL{margin-top:100px !important;}
.mbXL{margin-bottom:100px !important;}
.mxAuto{margin-left:auto !important; margin-right:auto !important;}
.mlAuto{margin-left: auto !important;}
img.mxAuto{display: block;}
/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
/* add padding */
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt05 {padding-top:5px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb05 {padding-bottom:5px !important;}
.pyL{padding-top: 50px !important; padding-bottom: 50px !important;}
.pxS{padding-left:5px !important; padding-right: 5px !important;}
/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w05p {width:5% !important;}
/* text-align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
/* list-style */
.listDisc {padding-left:1.5em;}
.listDisc > li {list-style:disc;}
.listDecimal {padding-left:2.0em;}
.listDecimal > li {list-style:decimal;}
.listlowerAlpha {padding-left:2.0em;}
.listlowerAlpha > li {list-style:lower-alpha;}
/* notes */
.notes_01 {padding-left:1em; text-indent:-1em !important;}
.notes_01_5 {padding-left:1.5em; text-indent:-1.5em !important;}
.notes_02_5 {padding-left:2.5em; text-indent:-2.5em !important;}
.notes_03 {padding-left:3em; text-indent:-3em !important;}
.notesClr {padding:0; text-indent:0 !important;}
/* float */
.clearB {clear:both !important;}
/* Other */
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
audio,canvas,iframe,img,svg,video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
/* display */
/* .viewL-B,.viewL-I,.viewL-Ib {display:none !important;} */
/* .viewM-B,.viewM-I,.viewM-Ib {display:none !important;} */
.viewS-B,.viewS-I,.viewS-Ib {display:none !important;}
/* Form */
input,select {vertical-align:middle;}
input[type="text"],button,textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none; margin:0; padding:0;
}
select {position:relative; top:-0.1em;}
/* placeholder */
:placeholder-shown {font-weight:normal; color:#bbb;}
::-webkit-input-placeholder {font-weight:normal; color:#bbb;}
:-moz-placeholder {font-weight:normal; color:#bbb;}
::-moz-placeholder {font-weight:normal; color:#bbb;}
:-ms-input-placeholder {font-weight:normal; color:#bbb;}
/* ===============================================
All Styles (PC Size)
=============================================== */
/* Layout
----------------------------------------------- */
/* ----- common ----- */
#wrapper {position:relative; width:100%; margin:0 auto;}
.wrap {width:100%; margin:0 auto; max-width:1200px;}
.wrapL{width: 100%; max-width: 1720px; margin: 0 auto; padding: 0 50px;}
/* ----- header ----- */
#header {position:fixed; z-index:999; top:30px; left:50px; width:100%; display: flex; justify-content: space-between; align-items: center; border-radius: 25px; width: calc(100% - 100px); background: transparent; box-shadow: none; font-size: 16px;}
#header::after{top:-30px !important;}
#header a{text-decoration: none;}
#header .sitename{position: relative; z-index: 5;}
#header #menuOpen{display: none;}
#header #global{position: relative; z-index: 2; margin: auto 0; background: #fff; padding: 5px 5px 5px 40px; border-radius: 25px;}
#header #global .dirtop{font-size: 16px; font-weight: bold; color: #2f2621; position: relative; z-index: 2;}
#header #global .dirrow:has(.dirMenu) .dirtop::after{content: ""; width: 6px; height: 6px; border:solid 2px #2f2621; border-width: 0 2px 2px 0; display: inline-block; transform: translateY(-2px)rotate(45deg); margin-left: 5px;}
#header #global .dirrow + .dirrow{margin-left: 20px;}
#header #global .menuList{display: flex; align-items: center; margin-right: 30px;}
#header #global .dirMenu{width: 665px; background: rgba(255, 255, 255, 0.9); position: absolute; top: 100%; left: 0; padding: 20px; border-radius: 0 0 25px 25px; display: none; max-width: 100%;}
#header #global .dirMenu::before{content: ""; width: 100%; height: 50px; position: absolute; top:-50px; left: 0; z-index: 0; background: rgba(255, 255, 255, 0.9); border-radius: 25px 25px 0 0;}
#header #global .dirMenu .top{font-size: 24px; font-weight: bold; margin-bottom: 20px; display: block; width: fit-content;}
#header #global .dirMenu .dirList{display: flex; flex-wrap: wrap; justify-content: space-between;}
#header #global .dirMenu .row{background: #fff; width: 290px; margin:0 0; max-width: calc(50% - 20px);}
#header #global .dirMenu .row:nth-child(n + 3){margin-top: 20px;}
#header #global .dirMenu .row a{display: flex; align-items: center;}
#header #global .dirMenu .row .icon{width: 80px; display: block;}
#header #global .dirMenu .row .text{display:block; width: calc(100% - 80px); padding: 0 22px; margin:0;}
#header .btnPtn01{min-width: 150px;}
#header .btnPtn01 + .btnPtn01{margin-left: 5px;}
#header.is-scroll{background: rgba(255, 255, 255, 0.9); padding:5px 5px 5px 7px;}
#header.is-scroll:has(.is-open){border-radius: 25px 25px 0 25px;}
#header.is-scroll .sitename img{max-height: 36px; filter: invert(100%);}
#header.is-scroll #global{padding: 0 0 0 40px; background: none;}
#header.is-scroll #global .dirMenu{width: calc(100% + 5px); top:calc(100% + 5px); background: rgba(255, 255, 255, 0.8); max-width: none;}
#header.is-scroll #global .dirMenu::before{opacity: 0;}
#header.is-scroll #global .dirMenu .row{max-width: calc(50% - 10px);}
#header.is-scroll #global .dirMenu .row .text{position: relative; padding: 0 10px 0 20px; padding-left: 22px;}
/*
#header.is-scroll #global .dirMenu .row .icon{display: none;}
#header.is-scroll #global .dirMenu .row .text br{display: none;}
#header.is-scroll #global .dirMenu .row .text::before{content: ""; width: 6px; height: 6px; margin-right: 15px; background: #2f2621; border-radius: 100%; display:block; position: absolute; top:11px; left: 0;}*/
/* ----- kvArea ----- */
#kvArea {position:relative; margin: 0;}
#kvArea .kvImg{position: relative;}
#kvArea .kvImg img{width:100%}
#kvArea.type02{z-index: 1;}
#kvArea .kvImg .text{position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); background: rgba(255, 255, 255, 0.9); font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 60px; font-weight: 100; padding: 8px 30px; max-width: 90%; white-space: nowrap; font-size: 3dvw; letter-spacing: 1.5px; line-height: 1.3em;}
#kvArea .kvImg .text.vertical{writing-mode: vertical-rl; padding: 30px 0; letter-spacing: 3px;}
#kvArea .kvImg .text .textRed{color: #d73301;}
#kvArea .kvImg .text .sizeL{font-size: 80px; font-size: 4dvw;}
#kvArea .kvImg .textImg{width: auto; height: 89%; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%);}
#kvArea .kvImg .textImg.line1{width: 80px;}
#kvArea .kvImg .textImg img{max-height: 100%; width: auto;}
#kvArea .noteText{position: absolute; bottom:50px; right:50px; background: rgba(47, 38, 33, 0.8); color: #fff; padding: 14px 27px; font-size: 12px; line-height: 2em; letter-spacing: 1px;}
#kvArea .noteText strong{font-size: 14px;}
#kvArea .slick-dots, #kvArea .slick-dots li{display: flex; justify-content: center; align-items: center;}
/* ----- panList ----- */
.panList {background:transparent; width:100%; padding:20px 50px; border: solid 1px #ccc; border-width: 1px 0;}
.panList ul {font-size:0;}
.panList li {display:inline-block; font-size:14px; line-height:1;}
.panList li:before {content:"\3e"; display:inline-block; margin:0 15px;}
.panList li:first-child:before {display:none;}
/* ----- contents ----- */
#contents{min-height:500px; border-radius: 100px 100px 0 0; position: relative; padding: 116px 0 0; z-index: 2; margin-top: -100px; background: #fff;}
#contents.radius0{border-radius: 0; margin-top: 0;}
#assist{display: none;}
/* ----- footer ----- */
#footer{padding:160px 0 155px; background:#fff; font-size: 14px;}
.Main.tkcp ~ #footer{padding-top: 30px; border-top: solid 1px #ddd;}
#footer .wrapL{width: 100%; max-width: 1720px; padding: 0 50px;}
#footer .sitename{margin-bottom: 30px; align-self:flex-start;}
#footer .footMenu{margin:0 0;}
#footer .footMenu a{text-decoration: none;}
#footer .footMenu .dirtop{font-size: 20px; font-weight: 500; margin-bottom: 18px;}
#footer .footMenu .dirtop a{position: relative; display: flex; align-items: center; width: fit-content;}
#footer .footMenu .dirtop a::before{content: ""; width: 6px; height: 6px; border-radius: 100%; background: #2f2621; display: inline-block; vertical-align: middle; margin-right: 15px;}
#footer .footMenu .dirMenu{margin-left:58px;}
#footer .footMenu .dirMenu + .dirtop{margin-left: 58px;}
#footer .footMenu .dirMenu .row{padding-left: 18px; border-left: solid 1px #ccc; margin-left: 2px;}
#footer .footMenu .dirMenu .row + .row{padding-top: 14px;}
/* ----- pageTop ----- */
#pageTop {display:none; position:fixed; right:50px; bottom:50px; z-index:980; width: fit-content;}
#pageTop span {display:none;}
#pageTop a {display:block; background:url(../img/btn_pagetop.png) no-repeat; background-size:60px; width:60px; height:60px; opacity:1;}
#pageTop a:hover {opacity:.7;}
/* ----- page - top ----- */
#wrapper:has(#loading){height: 101dvh; overflow: hidden;}
#wrapper:has(#loading.is-load){height: auto; overflow: auto;}
#loading{display: flex; justify-content: center; width: 100%; height: 100dvh; position: fixed; top:0; left: 0; z-index: 1200;}
#loading .box{width: 50%; height: 100%; display: flex; align-items: center;}
#loading .left{background: #d73301; justify-content: flex-end; padding-right: 0; padding-left: 100px;}
#loading .right{background: #2f2621; justify-content: flex-start; padding-left: 0; padding-right: 100px;}
#loading.is-load .box{animation: fadeOutTop 0.8s ease-in 0s 1 forwards; pointer-events: none;}
#loading.is-load .left{animation-delay: 0s;}
#loading.is-load .right{animation-delay: 0.5s;}
@keyframes fadeOutTop{
0%{opacity: 1;}
100%{opacity: 0;}
}
#topsec01{background: no-repeat center center #000 url(../img/index/bg_top01.jpg); background-size: cover; color: #fff; text-align: center; padding:126px 0;}
#topsec01 .catch{font-size: 54px; font-weight: 100; line-height: 1.5em; letter-spacing: 2px;}
#topsec01 .text01{font-size: 24px; font-weight: 500; margin:23px auto 55px; letter-spacing: 2px;}
#topsec01 .text02{font-weight: 100; font-size: 36px; line-height: 1.67em; letter-spacing: 2px;}
#topsec02{padding: 140px 0 154px;}
#topsec02 .h1Ptn02{margin-bottom: 34px;}
#topsec02 .flexBox{gap:23px;}
#topsec02 .label{margin-top:16px; font-size: 18px;}
#topsec03{background: #fbf9f7; padding: 80px 0;;}
#topsec03 .h1Ptn02{width: 300px; transform: translateY(-33px);}
#topsec03 .newsList{width: calc(100% - 300px);}
.newsList{width: 100%;}
.newsList .row{width: 100%; display: flex; align-items: flex-start; padding:25px 0; border-top: solid 1px #ccc;}
.newsList .row:last-child{border-bottom: solid 1px #ccc;}
.newsList .row .date{margin-right: 38px; font-weight: 500; line-height: 1em; flex-shrink: 0; padding:7px 0;}
.newsList .row .category{width: 100px; background: #847871; font-size: 14px; font-weight: bold; line-height: 1em; flex-shrink: 0; margin-right: 40px; color: #fff; text-align: center; padding:8px 5px}
.newsList .row .text{font-weight: 500; width: calc(100% - 270px); padding-top: 2px;}
/* ----- page - categoryTop ----- */
.categoryTopList{display: flex; justify-content: center; flex-wrap: wrap; margin:0 auto 100px}
.categoryTopList .column{width: calc((100% / 5) - 15px); border: solid 1px #a7968f; background: #fbf9f7; margin-left: 15px;}/*width: calc((100% / 3) - 10px);*/
/*.categoryTopList.fixed .column{min-width: 225px;}*/
/*.categoryTopList .column:nth-child(n + 4){margin-top: 15px;}
.categoryTopList:not(.column2) .column:nth-child(3n+1){margin-left: 0;}*/
.categoryTopList:not(.column2) .column:nth-child(5n+1){margin-left: 0;}
.categoryTopList .contentsWrap{display: block; text-align: center;}/*flex*/
.categoryTopList .contentsWrap .icon{width: 100%; display: block;}/*150px*/
.categoryTopList .contentsWrap .icon img{width: 100%;}
.categoryTopList .contentsWrap .text{width: 100%; padding: 0 5px; font-size: 20px; font-weight: bold; align-self: center; display: flex; justify-content: center; align-items: center; height: 80px; line-height: 1.3em;}/*calc(100% - 150px); padding:0 22px; font-size:24px*/
/* ----- page - contact ----- */
.Main.tkcp{background: #fff; border-radius: 100px 100px 0 0; margin-top: -100px; position: relative; z-index: 2; padding-top: 110px;}
.Main.tkcp .heading1{background: none; padding: 0 0 80px;}
.Main.tkcp .heading1__title{font-size: 48px;}
.Main.tkcp .Main__content{padding-top: 0;}
.Main.tkcp .Main__content > .text{margin-bottom: 40px; font-size: 18px;}
.Main.tkcp .form-formBox__row .form-formBox__title{font-size: 18px; background-color: #fbf9f7; border-color: #ccc;}
.Main.tkcp .form-formBox__row .form-formBox__title.form-formBox__title__key::before{background-color: #ff5e39;}
.Main.tkcp .form-formBox__row .form-formBox__title .form-formBox__title__note{color: #ff5e39;}
.Main.tkcp .Main__content .u-btn{background-color: #2f2622; border-color: #2f2622; font-size: 14px;}
.Main.tkcp .form-formBox__row .form-formBox__form li:first-child{margin-top: 0;}
.Main.tkcp .Main__content .u-btn.u-btn__gray{background: #fff;}
.Main.tkcp .Main__content .u-btn.u-btn__sizeL{font-size: 18px;}
.Main.tkcp .Main__content .u-btn:hover{color: #2f2622 !important; background-color: #fff;}
.Main.tkcp .form-formBox p{font-size: 14px; padding: 5px 0;}
.Main.tkcp .Main__content .u-text__red{color: #ff5e39 !important;}
/* ----- page - list ----- */
.loginBox{padding: 38px 50px; background: #fbf9f7; border: solid 1px #ccc; margin-top: 43px;}
.loginBox .boxL{width: 410px; letter-spacing: -0.8px;}
.loginBox .boxR{width: 440px;}
.loginBox .coution{font-size: 20px; font-weight: bold; padding: 14px 15px 9px; color: #fff;}
.formLabel{display: block; font-size: 14px; font-weight: bold; line-height: 1em; margin-bottom: 5px;}
input[type="email"], input[type="text"], input[type="password"]{border:solid 1px #cccccc; padding: 5px 5px; min-height: 40px; border-radius: 2px; width: 100%;}
.passWrap{position: relative;}
.passWrap #togglePassword{position: absolute; top:1px; right: 1px; width: 38px; height: 38px; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.dlLink{display: block; width: fit-content; margin: 0 auto; font-size: 14px;}
.dlLink span{text-decoration: underline;}
.dataSize{font-size: 12px; display: block;}
/* ----- page - page ----- */
/* Contents Parts
----------------------------------------------- */
.textbox01{line-height: 2em; letter-spacing: 1px; font-size: 18px;}
.lineH02{line-height: 2em;}
.pointNote:has(.column2) .h2Ptn01{margin-top: -10px;}
.pointNote + .pointNote{margin-top: 70px;}
picture.block{display: block; text-align: center;}
picture.block img{margin:0 auto}
.border01{border: solid 1px #ccc;}
/* .movie */
.movie{display: block; aspect-ratio: 560/ 315;}
.movie iframe{width: 100%; height: 100%;}
/* .cautionList */
.cautionList{display: flex; align-items: flex-start; padding:45px 0;}
.cautionList + .cautionList{border-top: solid 1px #ccc;}
.cautionList .icon{width: 150px; margin-right: 50px;}
.cautionList .notes{width:calc(100% - 200px);}
/* .tabList */
.tabList{display: flex; align-items: center; padding: 10px; justify-content: center; flex-wrap: wrap; border: solid 1px #d5d5d5; box-shadow: 0 0 5px rgba(0,0,0,0.5); margin:60px auto 20px;}
.tabList > li{padding: 0 0; text-align: center; position: relative; display: flex; align-items: center;}
.tabList > li + li::before{content: ""; width: 1px; height: 30px; background: #ccc; display: block; margin:0 5px;}
.tabList > li .btn{display: block; position: relative; background: #fff; border: none; padding: 28px 15px;}
.tabList > li .btn.is-current{background: #f3efea;}
.tabList > li .btn::after{content: ""; width: 6px; height: 6px; border:solid 1px #2f2622; border-width: 0 1px 1px 0; transform: rotate(45deg); display: inline-block; position: relative; top:-3px; margin-left: 5px;}
/* .anchorList */
.anchorList{display: flex; justify-content: flex-start; gap:5px; flex-wrap: wrap; margin:0 auto 95px}
.anchorList li{width: fit-content; height: 40px;}
.anchorList li a{display: flex; justify-content: center; align-items: center; line-height: 1em; white-space: nowrap; padding: 0 19px; border:solid 1px #ccc; height: 100%;}
/* .tabWrap */
.tabWrap{margin-top: 95px; display: none;}
.tabWrap:has(.anchorList){margin-top: 0;}
.tabWrap.is-show{display: block;}
/* .inBoxRed */
.inBoxRed{background: #fbf9f7; border: solid 1px #ccc; font-size: 14px; padding: 16px 20px; line-height: 1.5em;}
/* ----- btnPtn ----- */
.btnPtn01{position:relative; display:block; background:#1a100b; padding:12px 20px; text-align:center; line-height:1.2; color:#fff; inline-size: fit-content; font-size: 14px; font-weight: bold; border-radius: 20px; border: none; cursor: pointer;}
.btnPtn01 a{color:#fff;}
a.btnPtn01{color:#fff;}
.btnPtn01.sizeL{font-size: 18px; padding: 17px 20px; min-width: 375px; max-width: 100%; border-radius: 30px;}
.btnPtn01.sizeS{min-width: 150px;}
.btnPtn01.bgDark{background-color: #2f2622;}
.btnPtn01.mark-up::after{content: ""; width: 7px; height: 7px; border:solid 2px #fff; border-width: 2px 2px 0 0; display: inline-block; margin-left: 10px; transform:translateY(2px)rotate(-45deg)}
[class*=btn]{touch-action: manipulation; -webkit-user-select: none; user-select: none;}
/* ----- hPtn ----- */
.h1Ptn01{margin-bottom: 60px;}
.h1Ptn01 + .lead{margin-bottom: 135px; font-weight: 400;}
.h1Ptn01 .subtitle{font-size: 18px; font-weight: bold; margin-bottom: 16px;}
.h1Ptn01:has(.icon) .subtitle{margin-bottom: 0;}
.h1Ptn01 .title{font-size: 48px; font-weight: bold; line-height: 1em;}
.h1Ptn01:has(.icon) .title{display: flex; align-items: flex-end;}
.h1Ptn01 .icon{width: 67px; height: 67px; display: block; margin-left: 20px;}
.h1Ptn01 .icon img{width: 100%; height: 100%; object-fit: contain; vertical-align: top;}
.h1Ptn02{font-size: 60px; font-weight: 100; letter-spacing: 2px;}
.h1Ptn03{margin-bottom: 50px;}
.h1Ptn03 .title{font-size: 90px; font-weight: 100; text-align: center;}
.h1Ptn03 .lead{width: fit-content; max-width: 100%; margin: 12px auto 0;}
.h2Ptn01{display: flex; flex-wrap: wrap; align-items: center; font-size: 30px; font-weight: bold; margin-bottom: 12px;}
.h2Ptn01 ~ .h2Ptn01{margin-top: 120px;}
.h2Ptn01 .point{background-color: #ff5e39; display: block; min-width: 100px; text-align: center; line-height: 1em; font-size: 18px; padding: 7px 14px 5px; color: #fff; margin-right: 20px;}
.h3Ptn01{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.h3Ptn02{font-size: 20px; font-weight: bold; margin:0 0 8px}
.h3Ptn02.setY{margin-top:-5px;}
/* ----- tblPtn ----- */
.tblPtn01{width:100%; margin:auto; border: solid 1px #2f2621; border-width: 1px 0;}
.tblPtn01 th, .tblPtn01 td{padding:11px 20px;}
.tblPtn01 tr + tr > *{border-top: solid 1px #2f2621;}
.tblPtn01 tr > * + *{border-left: solid 1px #d9d1cd;}
.tblPtn02{width: 100%; margin: auto; }
.tblPtn02 thead{border:solid 1px #2f2621; border-width: 1px 0; background: #fbf9f7;}
.tblPtn02 thead tr:nth-child(n + 2) th{border-top: solid 1px #d9d1cd;}
.tblPtn02 thead th{white-space: nowrap; padding: 3px 30px; background: #fbf9f7;}
.tblPtn02 tr > *:nth-child(n + 2), .tblPtn02 thead tr:nth-child(n + 2) th{border-left: solid 1px #d9d1cd;}
.tblPtn02 tbody tr{border-bottom: solid 1px #2f2621;}
.tblPtn02 tbody th{text-align: center; font-weight: 400; padding: 8px 10px; min-width: 130px; background: #fff;}
.tblPtn02 tbody td{padding: 8px 28px; background: #fff;}
.tblPtn02 tbody .min{padding:8px 5px;}
.tblPtn02 tbody .max{width: 54%; min-width: 200px;}
.dlcheck{display: block; width: fit-content; margin:0 auto; text-align: center;}
.dlcheck span{display: block; font-size: 10px; line-height: 1em;}
input[type="checkbox"].allcheck{margin-right: 9px;}
.tableWrap{overflow: auto;}
/* ----- ulPtn ----- */
.ulPtn01{}
.ulPtn01 > li{text-indent: -15px; padding-left: 15px; line-height: 2em;}
.ulPtn01 > li::before{content: ""; width: 6px; height: 6px; background-color: #2f2621; border-radius: 100%; display: inline-block; margin-right: 9px; vertical-align: middle;}
.ulPtn02{display: flex; align-items: flex-start;}
.ulPtn02 + .ulPtn02{margin-top:95px}
.ulPtn02 .title{width: 150px; margin-right: 50px; border-bottom: solid 2px #2f2621; font-size: 18px; padding-bottom: 5px;}
.ulPtn02 .list{width: calc(100% - 200px); display: flex; flex-wrap: wrap; justify-content: space-between;}
.ulPtn02 .list .row{width: calc(50% - 20px); margin:0 0; border-bottom: solid 1px #ccc; padding: 0 0 22px;}
.ulPtn02 .list .row:nth-child(n + 3){margin-top: 25px;}
.ulPtn02 .list .name{margin-bottom: 3px; font-size: 20px; margin-top: -3px;}
.ulPtn02 .list .category{display: flex; flex-wrap: wrap; margin-bottom: 11px;}
.ulPtn02 .list .category > li{width: 90px; background-color: #2f2621; color: #fff; text-align: center; font-size: 14px; font-weight: bold; line-height: 1em; padding: 6px 2px 5px; margin:0 10px 5px 0;}
.ulPtn02 .list .address{}
.ulPtn02 .list .tell{}
.ulPtn02 .contentBox{width: calc(100% - 200px);}
.ulPtn02 .contentBox.flexBox .box{width: calc(50% - 23px);}
.ulPtn02 .contentBox.flexBox .box.column2{width: calc(50% - 40px);}
.ulPtn02 .contentBox.flexBox .boxS{width: 30%;}
.ulPtn02 .contentBox.flexBox .boxL{width: 67%;}
.ulPtn02 .contentBox.catalogList .box:nth-child(n + 3){margin-top: 40px;}
.bgGrn{background-color: #8dc681 !important;}
.bgRed02{background-color: #c58d7e !important;}
.bgBle{background-color: #7ea4c8 !important;}
.bgOrg{background-color: #ff5e39 !important;}
/* ----- linkIcon ----- */
.linkIcon{position:relative;}
.linkIcon span{display:inline-block; vertical-align:top; width:auto; max-width:calc(100% - 40px);}
.linkIcon::before{content:""; display:inline-block; vertical-align:top; width:30px; height:30px; margin-right:10px; background:no-repeat center center url(../img/icon_pdf.png);}
.linkIcon.blank::before{background-image:url(../img/icon_blank.png)}
/* flex */
.flexBox{display: -webkit-box; display: -ms-flexbox; display:flex; margin:auto;}
[class*=flexBox].wr{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
[class*=flexBox].sb{justify-content:space-between;}
[class*=flexBox].sa{justify-content:space-around;}
[class*=flexBox].cn{justify-content:center;}
[class*=flexBox].fe{justify-content:flex-end;}
[class*=flexBox].fs{justify-content:flex-start;}
[class*=flexBox].ai-fls{align-items:flex-start;}
[class*=flexBox].ai-cnt{align-items:center;}
[class*=flexBox].ai-end{align-items:flex-end;}
[class*=flexBox] .shrink0{flex-shrink: 0;}
[class*=flexBox] .order1{order:1;}
[class*=flexBox] .order2{order:2;}
[class*=flexBox] .order3{order:3;}
[class*=flexBox] > .column2{width: calc(50% - 20px);}
[class*=flexBox] > .column2.fit{width: 50%;}
[class*=flexBox].wr > .column2:nth-child(n + 3){margin-top: 50px;}
[class*=flexBox] > .column3{width: calc(33% - 40px);}
[class*=flexBox] > .column3.fit{width: calc(33% - 10px);}
[class*=flexBox].wr > .column3:nth-child(n + 4){margin-top: 40px;}
[class*=flexBox] > .column4{width: calc(25% - 17.5px);}
[class*=flexBox] > .column4.fit{width: 25%;}
[class*=flexBox].gap10{gap: 10px;}
[class*=flexBox].gap20{gap: 20px;}
/* Common Parts
----------------------------------------------- */
/* ----- pre ----- */
.pre:after {content:"\A"; white-space:pre;}
.preRsv:after {content:""; white-space:normal;}
/* ----- Effect ----- */
a,.btnEase {
-moz-transition:all .3s ease;
transition:all .3s ease;
}
a:hover, button:hover {opacity:.7;}
/* ===============================================
Media Queries
=============================================== */
/* ===== Max Size ===== */
@media all and (min-width:1630px) {
/* ----- pageTop ----- */
#pageTop{right: calc((100dvw - 1620px) / 2);}
/* ----- kvArea ----- */
#kvArea .noteText{right:calc((100dvw - 1620px)/2);}
}
@media all and (810px <=width <= 1200px) {
.wrap {padding:0 15px;}
/* ----- header ----- */
#header{width: calc(100% - 50px); left: 25px;}
#header #global{padding-left: 20px;}
#header .btnPtn01{min-width: 120px; padding:13px 10px}
/* ----- footer ----- */
#footer .footMenu{width: 100%; margin: 0 auto 0 50px;}
/* ----- page - top ----- */
#loading .left{padding-right: 0; padding-left: 5%;}
#loading .right{padding-left: 0; padding-right: 5%;}
#topsec03 .h1Ptn02{width: fit-content; padding-right: 40px;}
#topsec03 .newsList{width: 100%;}
/* ----- page - categoryTop ----- */
.categoryTopList{column-gap: 15px;}
.categoryTopList .column{margin:0 0 15px !important;}
}
/* ===== TB Size -1080px ===== */
@media screen and (max-width:1080px) {
/* ----- header ----- */
#header{top: 0px; left:0; width: 100%; padding:20px 20px;}
#header.is-scroll, #header.is-scroll:has(.is-open){padding: 20px 20px; border-radius: 0;}
#header .sitename{max-width: 50%;}
#header.is-scroll .sitename img{max-height: none;}
#header.is-scroll:has(.is-open) .sitename img{filter: none;}
#header #menuOpen{display: block; position: relative; z-index: 5; font-size: 8px; font-weight: bold; width: 40px; height: 40px; line-height: 1em; background: #fff;}
#header #menuOpen span{position: relative; display: block;}
#header #menuOpen span::before{content:""; display: block; width: 20px; height: 10px; background: transparent no-repeat center center url(../img/icon_menu.png); background-size: contain; margin: 0 auto 5px;}
#header #menuOpen.is-open span::before{background-image: url(../img/icon_close.png);}
#header #global, #header.is-scroll #global{position: fixed; top:0; left: 0; width: 100%; height: 100dvh; overflow-y: auto; background: rgba(0, 0, 0, 0.9); color: #fff; border-radius: 0; padding: 75px 15px 130px; display: none;}
#header #global .dirtop{color: #fff; font-weight: 500; font-size: 18px; display: flex; align-items: center;}
#header #global .dirtop::before{content: ""; width: 3px; height: 3px; background: #fff; border-radius: 100%; display: block; margin-right: 5px;}
#header #global .dirrow{border-top: solid 1px #ccc; padding: 16px 10px;}
#header #global .dirrow + .dirrow{margin-left: 0;}
#header #global .menuList{display: block; margin-right: 0; width: 100%; order: 2;}
#header #global .menuList{border-bottom: solid 1px #ccc;}
#header #global .dirMenu, #header.is-scroll #global .dirMenu{display: block; background: none; width: 100%; position: relative; top:0; left: auto; padding: 16px 8px 0;}
#header #global .dirMenu .top{display: none;}
#header #global .dirMenu::before{display: none;}
#header #global .dirMenu .dirList{display: block;}
#header #global .dirMenu .row{background: none; font-size: 12px; width: 100% !important; max-width: 100% !important;}
#header #global .dirMenu .row + .row, #header #global .dirMenu .row:nth-child(n + 3){margin-top: 10px;}
#header #global .dirMenu .row .icon{display: none;}
#header #global .dirMenu .row .text, #header.is-scroll #global .dirMenu .row .text{width: 100%; padding: 0;}
#header #global .dirMenu .row .text br{display: none;}
#header.is-scroll #global .dirMenu .row .text::before{display: none;}
#header .btnLinkBox{justify-content: center; margin-bottom:25px; width: 100%; order:1;}
#header .btnPtn01{width: calc(50% - 10px); max-width: 180px;}
#header .btnPtn01 + .btnPtn01{margin-left: 20px;}
#header .btnPtn01:not(.bgRed){background: #fff; color: #19100b;}
}
/* ===== SP Size 0-810px ===== */
@media screen and (max-width:810px) {
body{font-size: 16px;}
/* Layout
--------------------------------------------- */
/* a:link */
a:hover {text-decoration:none;}
/* add margin */
.mtXL{margin-top:50px !important;}
.mbXL{margin-bottom:50px !important;}
/* add padding */
.pyL{padding-top: 30px !important; padding-bottom: 30px !important;}
/* ----- common ----- */
#wrapper {width:100%;}
.wrap {width:100%; padding:0 15px;}
.wrapL{width: 100%; padding: 0 10px;}
.viewS-B {display:block !important;}
.viewS-I {display:inline !important;}
.viewS-Ib {display:inline-block !important;}
.viewL-B,.viewL-I,.viewL-Ib {display:none !important;}
.viewS-w100p{width: 100% !important;}
/* ----- header ----- */
#header, #header.is-scroll, #header.is-scroll, #header.is-scroll:has(.is-open){padding:10px 10px}
#header .sitename{max-width: 60%;}
/* ----- kvArea ----- */
#kvArea{width: 100%; height: 120dvw;}
#kvArea .slick-list{width: 100%; height: 100%;}
#kvArea .kvImg{width: 100%; height: 100%;}
#kvArea .kvImg img{width: 100%; height: 100%; object-fit: cover;}
#kvArea.type02{height: 80dvw;}
#kvArea .kvImg .text{font-size: 26px; white-space: wrap; width: max-content; padding: 5px 20px; font-size: 7dvw;}
#kvArea .kvImg .text .sizeL{font-size: 34px; font-size: 8dvw;}
#kvArea .kvImg .textImg.line1{width: max-content;}
#kvArea .kvImg .text.vertical{width: max-content; height: max-content; padding:15px 0; letter-spacing: 2px;}
/* ----- panList ----- */
.panList{padding: 10px 0; border-width: 1px 0 0; display: none;}
.panList ul{flex-wrap: wrap;}
.panList li{font-size: 12px;}
/* ----- contents ----- */
#contents{padding:40px 0 0; border-radius: 30px 30px 0 0; margin-top: -50px;}
/* ----- footer ----- */
#footer{padding: 50px 0;}
.Main.tkcp ~ #footer{padding-top: 0; border-top: solid 1px #ddd;}/*,
.panList~#footer*/
#footer .wrapL{padding: 0 15px;}
#footer .sitename{display: block; width: fit-content; margin:0 auto; max-width: 64%;}
#footer .footMenu{width: 100%; border: solid 1px #ccc; border-width: 1px 0; margin-bottom: 50px;}
#footer .footMenu .dirtop{font-size: 14px; margin-bottom: 0; padding: 9px 0; width: 100%;}
#footer .footMenu .dirtop a::before{width: 3px; height: 3px; margin-right: 8px;}
#footer .footMenu .dirMenu{width: 100%; margin-left: 0; border-top: solid 1px #ccc; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 5px;}
.Main.tkcp ~ #footer .footMenu{border-top: none;}/*, .panList ~ #footer .footMenu*/
#footer .footMenu .dirMenu .dirtop{width: 100%;}
#footer .footMenu .dirMenu + .dirtop{margin-left: 0; border-top: solid 1px #ccc;}
#footer .footMenu .dirMenu .row{border-left: none; width: 40%; padding:0 0 4px; font-size: 12px;}
#footer .footMenu .dirMenu .row:nth-child(2n){width: 54%; min-width: 195px; padding-left: 10px;}
#footer .footMenu .dirMenu .row + .row{padding-top: 0;}
/* ----- pageTop ----- */
#pageTop {right:0; bottom:0;}
/* ----- page - top ----- */
#loading{flex-direction: column;}
#loading .box{width: 100%; height: 50%; padding: 2dvh 0;}
#loading img{width: 100%; height: 100%; object-fit: contain;}
#topsec01{padding: 53px 0;}
#topsec01 .catch{font-size: 26px;}
#topsec01 .text01{font-size: 16px;}
#topsec01 .text02{font-size: 24px;}
#topsec02{padding: 38px 0 45px;}
#topsec02 .h1Ptn02{margin-bottom: 18px;}
#topsec02 .flexBox{gap:0; justify-content: space-between;}
#topsec02 .label{font-size: 11px; margin-top: 5px;}
#topsec03{padding: 30px 0 50px;}
#topsec03 .h1Ptn02{width: 100%; transform: translateY(0); margin-bottom: 10px;}
#topsec03 .newsList{width: 100%;}
#topsec03 .newsList .row{flex-wrap: wrap; padding: 12px 0;}
.newsList .row .date{margin-right: 10px; font-size: 14px; padding: 4px 0;}
.newsList .row .category{margin-right: 0; font-size: 12px; min-width: 80px; padding: 5px 0;}
.newsList .row .text{width: 100%; font-size: 14px; margin-top: 3px; padding-top: 0;}
/* ----- page - categoryTop ----- */
.categoryTopList{margin:0 auto; justify-content: flex-start; column-gap: 12px;}
.categoryTopList.sp2clm{}
.categoryTopList .column{width:calc((100% / 3) - 8px); margin:0 0 30px !important}
.categoryTopList.sp2clm .column{width: calc(50% - 6px);}
.categoryTopList .contentsWrap{width: 100%;}
.categoryTopList .contentsWrap .icon{}/* width: 100px; */
.categoryTopList.sp2clm .contentsWrap .icon img{max-width: 28dvw;}
.categoryTopList .contentsWrap .text{padding: 0 2px; font-size: 16px; height: 60px;}/* width: calc(100% - 120px); */
/* ----- page - contact ----- */
.Main.tkcp{border-radius: 25px 25px 0 0; padding-top:30px}
.Main.tkcp .heading1{padding-bottom: 40px;}
.Main.tkcp .heading1__title{font-size: 28px;}
.Main.tkcp .heading1__inner{padding-bottom: 0;}
/* ----- page - list ----- */
.loginBox{padding:20px 20px 20px;}
.loginBox .boxL{width: 100%; letter-spacing: 0;}
.loginBox .boxR{width: 100%; margin-top:30px}
.loginBox .coution{padding: 5px 10px; font-size: 18px;}
/* ----- page - name ----- */
/* Contents Parts
----------------------------------------------- */
.textbox01{font-size: 16px;}
.pointNote:has(.column2) .h2Ptn01{margin-top: 0;}
.pointNote + .pointNote{margin-top: 50px;}
/* .cautionList */
.cautionList{display: block; padding:20px 0;}
.cautionList + .cautionList{padding-top: 50px;}
.cautionList .icon{width: 150px; margin: 0 auto 20px; display: block;;}
.cautionList .notes{width:100%;}
/* .tabList */
.tabList{flex-wrap: wrap; justify-content: flex-start; padding: 5px 2px;}
.tabList > li{padding: 0; min-width: 100px; width: calc(100% / 3);}
.tabList > li{}
.tabList > li + li::before{margin:0 2px}
.tabList > li:first-child::before, .tabList > li{}
.tabList > li:nth-child(3n + 1)::before{display: none;}
.tabList > li.viewS-w100p{width: 100%;}
.tabList > li .btn{padding: 8px 5px; width: 100%;}
/* ----- btnPtn ----- */
.btnPtn01{padding: 12px 10px;}
.btnPtn01.sizeL{min-width: 0; width: 100%;}
.btnPtn01.mark-up{padding: 12px 18px;}
/* ----- hPtn ----- */
.h1Ptn01{margin-bottom: 30px;}
.h1Ptn01 + .lead{margin-bottom: 60px;}
.h1Ptn01 .subtitle{font-size: 16px; margin-bottom: 10px;}
.h1Ptn01 .title{font-size: 28px;}
.h1Ptn01 .icon{width: 46px; height: 46px;}
.h1Ptn02{font-size: 30px;}
.h1Ptn03{margin-bottom: 40px;}
.h1Ptn03 .title{font-size: 40px;}
.h1Ptn03 .lead{width: 100%;}
.h2Ptn01{font-size: 20px;}
.h2Ptn01 ~ .h2Ptn01{margin-top: 60px;}
.h2Ptn01 .point{padding:7px 8px 5px; min-width: 0; font-size: 16px; transform: translateX(-5px);}
.h2Ptn01 .title{width: 100%; margin-top: 5px;}
.h3Ptn02{font-size: 18px;}
.h3Ptn02.setY{margin-top:0;}
/* ----- tblPtn ----- */
.tblPtn01 th, .tblPtn01 td{padding:20px 10px;}
.tblPtn02 thead th{padding: 3px 10px;}
.tblPtn02 tbody td{padding: 8px 8px;}
.tblPtn02 tbody td span{display: block;}
.tblPtn02 tbody th{min-width: 100px; white-space: nowrap; padding: 8px 8px;}
.tblPtn02 tr > *:first-child{position: sticky; left: 0;}
input[type="checkbox"].allcheck, .allcheck + label{display: inline-block; vertical-align: top;}
input[type="checkbox"].allcheck{transform: translateY(2px);}
.allcheck + label{line-height: 1.2em; text-align: left;}
/* ----- ulPtn ----- */
.ulPtn01{font-size: 14px;}
.ulPtn01 > li{line-height: 1.6em;}
.ulPtn01 > li::before{transform: translateY(-2px);}
.ulPtn01 > li + li{margin-top: 8px;}
.ulPtn02{display: block;}
.ulPtn02 + .ulPtn02{margin-top:50px}
.ulPtn02 .title{width: fit-content; margin:0 0 20px;}/*0 0 10px*/
.ulPtn02 .list{width: 100%;}
.ulPtn02 .title + .list{margin-top: 25px;}
.ulPtn02 .list .category{margin-bottom: 5px;}
.ulPtn02 .list .category > li{width: calc((100% / 3) - 10px); max-width: 90px; margin:0 10px 5px 0;}
.ulPtn02 .list .row{width: 100%; padding-left:1em}
.ulPtn02 .list .row + .row{margin-top: 25px;}
.ulPtn02 .list .name{margin-top: 0;}
.ulPtn02 .contentBox{width: 100%;}
.ulPtn02 .contentBox.flexBox .box,
.ulPtn02 .contentBox.flexBox .box.column2,
.ulPtn02 .contentBox.flexBox .boxL{width: 100%;}
.ulPtn02 .contentBox.flexBox .boxS{width: 60%; margin:0 auto}
.ulPtn02 .contentBox.flexBox .box + .box{margin-top: 40px;}
/* flex */
.flexBox.sp-blck{display:block;}
.flexBox.sp-wr{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.sp-flexBox{display: -webkit-box; display: -ms-flexbox; display:flex;}
.sp-sb{justify-content: space-between;}
[class*=flexBox] .sp-order1{order:1;}
[class*=flexBox] .sp-order2{order:2;}
[class*=flexBox] .sp-order3{order:3;}
[class*=flexBox] .sp-order4{order:4;}
[class*=flexBox].wr > .column2{width: calc(50% - 10px);}
[class*=flexBox].sp-blck > [class*=column], [class*=flexBox].wr > [class*=column].sp-w100p{width: 100%;}
[class*=flexBox].wr > .column2:nth-child(n + 3),
[class*=flexBox].wr > [class*=column].sp-w100p:nth-child(n + 2){margin-top: 20px;}
[class*=flexBox].sp-blck > .column2 + .column2{margin-top: 10px;}
[class*=flexBox].wr > .column2:nth-child(n + 3), [class*=flexBox].wr>.column3:nth-child(n + 4){margin-top: 20px;}
[class*=flexBox].wr > .column3{width: calc(50% - 10px);}
[class*=flexBox].wr > .column3:nth-child(n + 3){margin-top: 20px;}
[class*=flexBox].sp-wr > .column4{width: calc(50% - 10px);}
[class*=flexBox].sp-wr > .column4:nth-child(n + 3){margin-top: 20px;}
/* Common Parts
----------------------------------------------- */
/* ----- Effect ----- */
a:hover, button:hover {opacity:1;}
}
/* ===== SP XS Size 0-360px ===== */
@media screen and (max-width:360px) {
#header .btnPtn01 + .btnPtn01{margin-left: 10px;}
#footer .footMenu .dirMenu .row{width: fit-content; min-width: 0;}
#footer .footMenu .dirMenu .row:nth-child(2n){min-width: 0; width: fit-content;}
/* .tabList */
.tabList > li{min-width: 0; width: 50%;}
.tabList > li:nth-child(2n + 1)::before{display: none;}
.tabList > li:nth-child(2n)::before{content: ""; width: 1px; height: 30px; background: #ccc; display: block; margin:0 5px;}
}
@media print{
#header{position: absolute; padding:0 20px; width: 100%; left:0;}
}
/* CSS End
------------------------------------------------------ */