@charset "utf-8";
/* tag全般 */
* {list-style: none;margin:0;padding:0;text-decoration: none;}
body {margin:0;padding:0;overflow-y: scroll;color:#6c757d;letter-spacing: 0.1rem;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
iframe {width:100%;vertical-align:bottom;margin:auto;border:0;}
img{width:100%;vertical-align:bottom;border:0;height:auto;}
dt {font-weight:bold;}
ol{list-style-type:decimal;padding-left:20px;}
th,td {padding-left: 2%;padding-right: 2%;}
select,textarea,input[type="text"],input[type="number"],input[type="url"],input[type="email"],input[type="submit"],input[type="button"],input[type="tel"]
{border-radius: 4px;border:1px solid #999;font-size:16px;padding-top:8px;padding-bottom:8px;}
input[type="tel"]::placeholder {font-size: 0.8em}
select,input[type="submit"]{height:40px;}
textarea{resize: vertical;}
hr {margin-top:25px;margin-bottom:25px;}
small {font-size:62.5%;}
table {border-collapse:collapse;}
tbody {width:100%;}
a:hover{text-decoration: none;}

.one-column,.mainContents {width: 100%;}
.contents {max-width: 1920px;margin-left:auto;margin-right:auto;}
/* 凡庸クラス */
/* 配置・幅関係 */
.pc-absolute {position: absolute;}
.absolute {position: absolute;}
.relative {position: relative;}
.fixed {position: fixed;}
.position-center {top:50%;left:50%;transform: translate(-50%,-50%);}
.position-center-top {top:0%;left:50%;transform: translate(-50%,0%);}
.position-center-bottom {bottom:0%;left:50%;transform: translate(-50%,0%);}
.position-right-center {top:50%;right:0%;transform: translate(0%,-50%);}
.position-left-center {top:50%;left:0%;transform: translate(0%,-50%);}
.position-left-half {top:50%;left:50%;transform: translate(0%,-50%);width:40%;}
.position-right-half {top:50%;right:50%;transform: translate(0%,-50%);width:40%;}
.position-left-top {top:0;left:0;}
.position-right-top {top:0;right:0;}
.position-right-bottom {bottom:0;right:0;}
.position-left-bottom {bottom:0;left:0;}
.ex-right {right:-10%;}
.ex-left {left:-10%;}
.position-center2 {top:0;bottom:0;left:0;right:0;margin:auto;}
.z-index-5{z-index:-5;}.z-index-4{z-index:-4;}.z-index-3{z-index:-3;}.z-index-2{z-index:-2;}.z-index-1{z-index:-1;}
.z-index1{z-index:1;}.z-index2{z-index:2;}.z-index3{z-index:3;}.z-index4{z-index:4;}.z-index5{z-index:5;}
.z-index6{z-index:6;}.z-index7{z-index:7;}.z-index8{z-index:8;}.z-index9{z-index:9;}.z-index10{z-index:10;}
.two-column {width:45%;}
/* .two-column:nth-child(even) {margin-right:0;margin-left:auto;} */
.three-column {width:30%;}
.two-three-column {width:60%;}
.full_width {width:100%;}
.quarter_width {width: 24%;}
.two-quarter_width {width: 48.8%;}
.three-quarter_width {width: 73.6%;}
.fit_width{width:fit-content}.ten_width{width:10%;}.twenty_width{width:20%;}.thirty_width{width:30%;}.fourty_width{width:40%;}.fourty_five_width{width:45%;}
.fifty_width{width:50%;}.sixty_width{width:60%;}.seventy_width{width:70%;}.eighty_width{width:80%;}.ninety_width{width:90%;}
.auto_width{width:auto;}.p-auto_width{width:96%;}.p-highauto_width{width:88%;}
.max_width10{max-width:10%;}.max_width20{max-width:20%;}.max_width30{max-width:30%;}.max_width40{max-width:40%;}.max_width50{max-width:50%;}
.max_width60{max-width:60%;}.max_width70{max-width:70%;}.max_width80{max-width:80%;}.max_width90{max-width:90%;}.max_width100{max-width:100%;}
.min_width10{min-width:10%;}.min_width20{min-width:20%;}.min_width30{min-width:30%;}.min_width40{min-width:40%;}.min_width50{min-width:50%;}
.min_width60{min-width:60%;}.min_width70{min-width:70%;}.min_width80{min-width:80%;}.min_width90{min-width:90%;}.min_width100{min-width:100%;}
.max_height10{max-height:10%;}.max_height20{max-height:20%;}.max_height30{max-height:30%;}.max_height40{max-height:40%;}.max_height50{max-height:50%;}
.max_height60{max-height:60%;}.max_height70{max-height:70%;}.max_height80{max-height:80%;}.max_height90{max-height:90%;}.max_height100{max-height:100%;}
.min_height10{min-height:10%;}.min_height20{min-height:20%;}.min_height30{min-height:30%;}.min_height40{min-height:40%;}.min_height50{min-height:50%;}
.min_height60{min-height:60%;}.min_height70{min-height:70%;}.min_height80{min-height:80%;}.min_height90{min-height:90%;}.min_height100{min-height:100%;}
.min_height10vh{min-height:10vh;}.min_height20vh{min-height:20vh;}.min_height30vh{min-height:30vh;}.min_height40vh{min-height:40vh;}.min_height50vh{min-height:50vh;}
.min_height60vh{min-height:60vh;}.min_height70vh{min-height:70vh;}.min_height80vh{min-height:80vh;}.min_height90vh{min-height:90vh;}.min_height100vh{min-height:100vh;}
.min_height10vmin{min-height:10vmin;}.min_height20vmin{min-height:20vmin;}.min_height30vmin{min-height:30vmin;}.min_height40vmin{min-height:40vmin;}.min_height50vmin{min-height:50vmin;}
.min_height60vmin{min-height:60vmin;}.min_height70vmin{min-height:70vmin;}.min_height80vmin{min-height:80vmin;}.min_height90vmin{min-height:90vmin;}.min_height100vmin{min-height:100vmin;}
.min_width10vw{min-width:10vw;}.min_width20vw{min-width:20vw;}.min_width30vw{min-width:30vw;}.min_width40vw{min-width:40vw;}.min_width50vw{min-width:50vw;}
.min_width60vw{min-width:60vw;}.min_width70vw{min-width:70vw;}.min_width80vw{min-width:80vw;}.min_width90vw{min-width:90vw;}.min_width100vw{min-width:100vw;}
.vmin20{width:20vmin;height:20vmin}
.vmin30{width:30vmin;height:30vmin}
.vmin50{width:50vmin;height:50vmin}
.vmin60{width:60vmin;height:60vmin}
.vmin75{width:75vmin;height:75vmin}
.vmin90{width:90vmin;height:90vmin}
.vmin100{width:100vmin;height:100vmin}
.height-vmin100{height:100vmin}
.m-hightop{margin-top:48px;}
.m-highbottom{margin-bottom:48px;}
.m-exhightop{margin-top:80px;}
.m-exhighbottom{margin-bottom:80px;}
.m-xlargehightop{margin-top:160px;}
.m-xlargebottom{margin-bottom:160px;}
.mtop{margin-top:24px;}
.mbottom{margin-bottom:24px;}
.p-exhighauto{padding-left:6%;padding-right:6%;}
.p-highauto{padding-left:4%;padding-right:4%;}
.p-auto{padding-left:2%;padding-right:2%;}
.p-smallauto{padding-left:1%;padding-right:1%;}
.p-updown {padding-top:2%;padding-bottom:2%;}
.p-highupdown{padding-top:4%;padding-bottom:4%;}
.p-exhighupdown{padding-top:6%;padding-bottom:6%;}
.p-smallupdown{padding-top:1%;padding-bottom:1%;}
.ptop{padding-top:24px;}
.pbottom{padding-bottom:24px;}
.p-smalltop{padding-top:12px;}
.p-smallbottom{padding-bottom:12px;}
.clrfix{clear:both;}
.clrfix::after{display:block;content:"";clear:both;}
.vertical-align-bottom{vertical-align:bottom;}
.vertical-align-baseline-middle{vertical-align:-webkit-baseline-middle;}
.responsive-table table th,
.responsive-table table td{display:table-cell;border:1px solid #666 !important;}
.responsive-table > tbody th ,
.responsive-table > tbody td {border-bottom:1px dashed lightgray;box-sizing: border-box;padding-top:8px;padding-bottom:8px;}
.responsive-table > tbody th {background:rgba(0,0,0,0.1);}
.responsive-table > tbody td {border-bottom:1px dashed lightgray;box-sizing: border-box;}
.responsive-table > tbody tr:last-child td,
.responsive-table > tbody tr:last-child th{border:0;}
.responsive-table table th{background: rgba(0,100,200,0.6);color:#fafafa;}
.scroll-table {display: block;overflow-x: scroll;-webkit-overflow-scrolling: touch;width:100%;}
.scroll-table thead,
.scroll-table tbody{width: 100%;display:table;}
.scroll-table td,
.scroll-table th{padding:0.5%;font-size: 80%;}
.scroll-table td.table-smallimg{min-width:100px;}
.scroll-table td.table-normalimg{min-width:150px;}
.scroll-table td.table-largeimg{min-width:200px;}
.four-column-table th,.four-column-table td{width:25%}
.border-dashed-gray{border:dashed rgba(0,0,0,0.4) 1px!important;box-sizing:border-box;}
.border-dashed-top-gray{border-top:dashed rgba(0,0,0,0.4) 1px!important;box-sizing:border-box;}
.border-dashed-bottom-gray{border-bottom:dashed rgba(0,0,0,0.4) 1px!important;box-sizing:border-box;}
.border-dashed-left-gray{border-left:dashed rgba(0,0,0,0.4) 1px!important;box-sizing:border-box;}
.border-dashed-right-gray{border-right:dashed rgba(0,0,0,0.4) 1px!important;box-sizing:border-box;}
.border-skyblue{border:solid rgba(0,134,209,1) 1px!important;box-sizing:border-box;}
.border-top-skyblue{border-top:solid rgba(0,134,209,1) 1px!important;box-sizing:border-box;}
.border-bottom-skyblue{border-bottom:solid rgba(0,134,209,1) 1px!important;box-sizing:border-box;}
.border-left-skyblue{border-left:solid rgba(0,134,209,1) 1px!important;box-sizing:border-box;}
.border-right-skyblue{border-right:solid rgba(0,134,209,1) 1px!important;box-sizing:border-box;}
.border-skyblue-bold{border:solid rgba(0,134,209,1) 4px!important;box-sizing:border-box;}
.border-top-skyblue-bold{border-top:solid rgba(0,134,209,1) 4px!important;box-sizing:border-box;}
.border-bottom-skyblue-bold{border-bottom:solid rgba(0,134,209,1) 4px!important;box-sizing:border-box;}
.border-left-skyblue-bold{border-left:solid rgba(0,134,209,1) 4px!important;box-sizing:border-box;}
.border-right-skyblue-bold{border-right:solid rgba(0,134,209,1) 4px!important;box-sizing:border-box;}
.pointer-events-none{pointer-events: none;}
/* フォント関連 */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap');
.sans-serif-f{font-family: 'Kanit', sans-serif;}
@font-face {font-family: 'MyFont';src: url(fonts/Michroma/Michroma-Regular.ttf);}
.logofont {font-family: MyFont;}
.logofont a:hover{color:#363636;}
@font-face {font-family: 'Sawarabi';src: url(fonts/Sawarabi/SawarabiMincho-Regular.ttf);}
.sawaravi-f {font-family: Sawarabi ,serif;}
.sawarabi-f a:hover{color:#363636;}
.serif-f {font-family: serif;}
.meirio-f{font-family:"メイリオ", Meiryo,sans-serif;}
.hiragino-f{font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;}
.transparent-f{color:transparent;}
.white-f{color:#fafafa;}
.black-f{color:#363636;}
.gray-f{color:#999999;}
.gold-f{color:gold;}
.orange-f{color:rgba(242,128,3,1)}
.silver-f{color:silver;}
.red-f{color:rgb(217,23,37);}
.blue-f{color:#3A69AD;}
.skyblue-f{color:#0086d1}
.green-f{color:rgba(0,255,200,0.5);}
.brown-f{color:brown;}
.purple-f{color:purple;}
.facebook-f{color:#3B5998;}
.instagram-f{
  color:purple;
  background: -webkit-radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
  background: radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.thin {font-weight: 100;}
.nomal{font-weight: normal;}
.bold {font-weight: bold;}
.bolder {font-weight: bolder;}
.bold-red {font-weight: bold;color:tomato;}
.normal-f{font-size:100%;}
.big-f{font-size:110%;}
.huge-f{font-size:120%;}
.mega-f{font-size:150%;}
.xlarge-f{font-size:200%;}
.xxlarge-f{font-size:300%;}
.xxxlarge-f{font-size:400%;}
.x4large-f{font-size:500%;}
.x5large-f{font-size:600%;}
.x6large-f{font-size:700%;}
.x7large-f{font-size:800%;}
.x8large-f{font-size:900%;}
.x9large-f{font-size:1000%;}
.small-f{font-size:87.5%;}
.mini-f{font-size:75%;}
.micro-f{font-size:62.5%;}
.vw1-f{font-size:1vw}
.vw2-f{font-size:2vw}
.vw3-f{font-size:3vw}
.vw4-f{font-size:4vw}
.vw5-f{font-size:5vw}
.vw6-f{font-size:6vw}
.vw7-f{font-size:7vw}
.vw8-f{font-size:8vw}
.vw9-f{font-size:9vw}
.vw10-f{font-size:10vw}
.vw11-f{font-size:11vw}
.vw12-f{font-size:12vw}
.vw13-f{font-size:13vw}
.vw14-f{font-size:14vw}
.vw15-f{font-size:15vw}
.vw16-f{font-size:16vw}
.vw17-f{font-size:17vw}
.vw18-f{font-size:18vw}
.vw19-f{font-size:19vw}
.vw20-f{font-size:20vw}
.white_double_text-decoration{text-decoration: double #fafafa underline;}
.aqua_wavy_text-decoration{text-decoration: wavy aqua underline;}
.black-textshadow{text-shadow: 2px 2px 1px #555555;}
.white-textshadow{text-shadow: 1px 1px 1px #fafafa;}
.skyblue-textshadow{text-shadow: 2px 2px 1px rgba(0,134,209,1);}
.orange-textshadow{text-shadow: 2px 2px 1px rgba(242,128,3,1);}
.red-textshadow {text-shadow: 2px 2px 1px brown;}
.yellow-undermarker {background-image: -webkit-linear-gradient(from bottom yellow 60% ,rgba(0,0,0,0) 60%);background: linear-gradient(to top, yellow 60% ,rgba(0,0,0,0) 60%);}
.green-undermarker {background-image: -webkit-linear-gradient(from bottom lightgreen 30% ,transparent 30%);background: linear-gradient(to top, lightgreen 30%, transparent 30%);}
.skyblue-undermarker {background-image: -webkit-linear-gradient(from bottom skyblue 30% ,transparent 30%);background: linear-gradient(to top,skyblue 30%, transparent 30%);}
.red-undermarker {background-image: -webkit-linear-gradient(from bottom tomato 30% ,transparent 30%);background: linear-gradient(to top,tomato 30%, transparent 30%);}
.first-letter::first-letter{font-size: 300%;font-weight:bold; float: left;line-height: 1;}
.first-letter::after{display:block;content:"";clear:both;}
.white-textshadow-wrap{text-shadow:#fafafa 2px 0px,#fafafa -2px 0px,#fafafa 0px -2px,#fafafa 0px 2px,#fafafa 2px 2px,#fafafa -2px 2px,#fafafa 2px -2px, #fafafa -2px -2px,#fafafa 1px 2px,#fafafa -1px 2px,#fafafa 1px -2px, #fafafa -1px -2px,#fafafa 2px 1px,#fafafa -2px 1px, #fafafa 2px -1px,#fafafa -2px -1px;}
.black-textshadow-wrap{text-shadow:#363636 2px 0px,#363636 -2px 0px,#363636 0px -2px,#363636 0px 2px,#363636 2px 2px,#363636 -2px 2px,#363636 2px -2px, #363636 -2px -2px,#363636 1px 2px,#363636 -1px 2px,#363636 1px -2px,#363636 -1px -2px,#363636 2px 1px,#363636 -2px 1px, #363636 2px -1px, #363636 -2px -1px;}
.skyblue-textshadow-wrap{text-shadow:skyblue 2px 0px,skyblue -2px 0px,skyblue 0px -2px,skyblue 0px 2px,skyblue 2px 2px,skyblue -2px 2px,skyblue 2px -2px, skyblue -2px -2px,skyblue 1px 2px,skyblue -1px 2px,skyblue 1px -2px,skyblue -1px -2px,skyblue 2px 1px,skyblue -2px 1px, skyblue 2px -1px, skyblue -2px -1px;}
.red-textshadow-wrap{text-shadow:red 2px 0px,red -2px 0px,red 0px -2px,red 0px 2px,red 2px 2px,red -2px 2px,red 2px -2px,red -2px -2px,red 1px 2px,red -1px 2px, red 1px -2px, red -1px -2px,red 2px 1px,red -2px 1px,red 2px -1px, red -2px -1px;}
.teal-textshadow-wrap {text-shadow:teal 2px 0px,teal -2px 0px,teal 0px -2px, teal 0px 2px,teal 2px 2px,teal -2px 2px,teal 2px -2px, teal -2px -2px,teal 1px 2px, teal -1px 2px,teal 1px -2px,teal -1px -2px,teal 2px 1px,teal -2px 1px,teal 2px -1px, teal -2px -1px;}
.word-break-all{word-break:break-all;}
.word-break-keep{word-break:keep-all;}
.nowrap {white-space: nowrap;}
.pre-wrap {white-space: pre-wrap;}
.monoton-f{font-family:'Monoton',cursive;}
.Fredericka-f{font-family:'Fredericka the Great',cursive;}
.Audiowide-f{font-family:'Audiowide', cursive;}
.Bungee-f{font-family:'Bungee Inline', cursive;}
.Orbitron-f{font-family:'Orbitron', sans-serif;}
.BlackOps-f{font-family:'Black Ops One', cursive;}
.Parisienne-f{font-family:'Parisienne', cursive;}
.Stardos-f{font-family:'Stardos Stencil', cursive;}
.Tomorrow-f{font-family:'Tomorrow', sans-serif;}
.Wallpoet-f{font-family:'Wallpoet', cursive;}
.letter-spacing1{letter-spacing: 0.2em;}
.line-height1{line-height:1;}
.line-height1half{line-height:1.5;}
.line-height2{line-height:2;}
.line-height3{line-height:3;}
.line-height4{line-height:4;}
/* 背景関連 */
.bg-white-left-top-right-bottom-transparent{
  -webkit-background-image:linear-gradient(45deg, transparent 36px , rgba(255,255,255,1) 36px , rgba(255,255,255,1) calc(100% - 36px), transparent calc(100% - 36px) );
  background-image:linear-gradient(135deg, transparent 36px , rgba(255,255,255,1) 36px , rgba(255,255,255,1) calc(100% - 36px), transparent calc(100% - 36px) );
}
.bg-white-left-bottom-right-top-transparent{
  -webkit-background-image:linear-gradient(-45deg, transparent 36px , rgba(255,255,255,1) 36px , rgba(255,255,255,1) calc(100% - 36px), transparent calc(100% - 36px) );
  background-image:linear-gradient(45deg, transparent 36px , rgba(255,255,255,1) 36px , rgba(255,255,255,1) calc(100% - 36px), transparent calc(100% - 36px) );
}
.bg-white-transparent{background:rgba(255,255,255,0.2);}
.bg-white-transparent2{background:rgba(255,255,255,0.4);}
.bg-white{background:#fff;}
.bg-red{background:tomato;}
.bg-orange{background:rgba(242,128,3,1);}
.bg-purple{background:rgba(200,0,200,0.3);}
.bg-green{background: green;}
.bg-teal{background:#007394;}
.bg-emerald{background:rgba(129,216,208,1);}
.bg-lime{background:#00B900;}
.bg-sunsetBlue{background:rgba(4, 126, 232, 0.3);}
.bg-skyblue{background:#0086d1;}
.bg-blue{background:rgba(0,50,100,1);}
.bg-fb{background:#3B5998;}
.bg-brown{background:rgba(203,100,100,0.3);}
.bg-lightgray{background:rgba(0,0,0,0.05);}
.bg-gray{background:rgba(0,0,0,0.25);}
.bg-darkgray{background:rgba(0,0,0,0.5);}
.bg-charcoalgray{background:rgba(0,0,0,0.85);}
.bg-linear-gray{-webkit-background:linear-gradient(rgba(0,0,0,0.1),transparent);background:linear-gradient(rgba(0,0,0,0.1),transparent);}
.bg-linear-lime{-webkit-background:linear-gradient(lime,transparent);background:linear-gradient(lime,transparent);}
.bg-linear-blue{-webkit-background:linear-gradient(left, rgba(0,50,100,1),rgba(4, 126, 232, 0.7));background:linear-gradient(to right, rgba(0,100,200,1),rgba(4, 126, 232, 0.7));}
.bg-orangeToPurple-grade {
  -webkit-background:linear-gradient(45deg,rgba(232, 126, 4, 0.7),rgba(126, 4, 126, 0.35),rgba(4, 126, 232, 0.7));
  background:linear-gradient(45deg,rgba(232, 126, 4, 0.7),rgba(126, 4, 126, 0.35),rgba(4, 126, 232, 0.7));
}
.bg-instagram {
  background: -webkit-radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
  background: radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
}
.bg-fixed{background-attachment: fixed;}
.bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
.bg-position{background-position: center center;}
.bg-size-contain{background-size: contain;}
.bg-size-cover{background-size: cover;}
.bg-size-100{background-size: 100%;}
.bg-repeat{background-repeat:no-repeat;}
.bg-triangle-right-top-skyblue-before,
.bg-triangle-left-top-skyblue-before ,
.bg-triangle-right-bottom-skyblue-after,
.bg-triangle-left-bottom-skyblue-after {position:relative;}
.bg-triangle-right-top-skyblue-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: -1;
}
.bg-triangle-left-top-skyblue-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  right:0;
  background: linear-gradient(to right bottom, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: -1;
}
.bg-triangle-right-bottom-skyblue-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to left top, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: -1;
}
.bg-triangle-left-bottom-skyblue-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to right top, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: -1;
}
.bg-triangle-right-top-white-before,
.bg-triangle-left-top-white-before ,
.bg-triangle-right-bottom-white-after,
.bg-triangle-left-bottom-white-after {position:relative;}
.bg-triangle-right-top-white-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, white 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-top-white-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  right:0;
  background: linear-gradient(to right bottom, white 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-right-bottom-white-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to left top, white 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-bottom-white-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to right top, white 49.5%, transparent 50%);
  z-index: 1;
}

.bg-triangle-right-top-darkgray-before,
.bg-triangle-left-top-darkgray-before ,
.bg-triangle-right-bottom-darkgray-after,
.bg-triangle-left-bottom-darkgray-after{
  position:relative;
}
.bg-triangle-right-top-darkgray-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom,  rgba(0,0,0,0.5) 50%, transparent 50%);
  z-index: -1;
}
.bg-triangle-left-top-darkgray-before:before {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  top:0;
  right:0;
  background: linear-gradient(to right bottom, rgba(0,0,0,0.5) 50%, transparent 50%);
  z-index: -1;
}
.bg-triangle-right-bottom-darkgray-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to left top,  rgba(0,0,0,0.5) 50%, transparent 50%);
  z-index: -1;
}
.bg-triangle-left-bottom-darkgray-after:after {
  content:"";
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to right top, rgba(0,0,0,0.5) 50%, transparent 50%);
  z-index: -1;
}

.bg-hightriangle-right-top-skyblue-before,
.bg-hightriangle-left-top-skyblue-before ,
.bg-hightriangle-right-bottom-skyblue-after,
.bg-hightriangle-left-bottom-skyblue-after{
  position:relative;
}
.bg-hightriangle-right-top-skyblue-before:before {
  content:"";
  width:70%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-top-skyblue-before:before {
  content:"";
  width:70%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  background: linear-gradient(to right bottom, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-right-bottom-skyblue-after:after {
  content:"";
  width:70%;
  height:100%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to left top, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-bottom-skyblue-after:after {
  content:"";
  width:70%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to right top, rgba(0,134,209,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-right-top-orange-before,
.bg-hightriangle-left-top-orange-before ,
.bg-hightriangle-right-bottom-orange-after,
.bg-hightriangle-left-bottom-orange-after{
  position:relative;
}
.bg-hightriangle-right-top-orange-before:before {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-top-orange-before:before {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to right bottom, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-right-bottom-orange-after:after {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to left top, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-bottom-orange-after:after {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to right top, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}

.bg-hightriangle-right-top-dark-before,
.bg-hightriangle-left-top-dark-before ,
.bg-hightriangle-right-bottom-dark-after,
.bg-hightriangle-left-bottom-dark-after{
  position:relative;
}
.bg-hightriangle-right-top-dark-before:before {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-top-dark-before:before {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to right bottom, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-right-bottom-dark-after:after {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to left top, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-hightriangle-left-bottom-dark-after:after {
  content:"";
  width:12.5%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to right top, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-right-top-orange-before,
.bg-triangle-left-top-orange-before ,
.bg-triangle-right-bottom-orange-after,
.bg-triangle-left-bottom-orange-after{
  position:relative;
}
.bg-triangle-right-top-orange-before:before {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-top-orange-before:before {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to right bottom, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-right-bottom-orange-after:after {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to left top, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-bottom-orange-after:after {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to right top, rgba(242,128,3,1) 49.5%, transparent 50%);
  z-index: 1;
}

.bg-triangle-right-top-dark-before,
.bg-triangle-left-top-dark-before ,
.bg-triangle-right-bottom-dark-after,
.bg-triangle-left-bottom-dark-after{
  position:relative;
}
.bg-triangle-right-top-dark-before:before {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to left bottom, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-top-dark-before:before {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to right bottom, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-right-bottom-dark-after:after {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  bottom:0;
  right:0;
  background: linear-gradient(to left top, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-triangle-left-bottom-dark-after:after {
  content:"";
  width:100%;
  height:12.5%;
  position:absolute;
  bottom:0;
  left:0;
  background: linear-gradient(to right top, #343a40 49.5%, transparent 50%);
  z-index: 1;
}
.bg-circle-top-darkgray-before{height:100vmin;}
.bg-circle-top-darkgray-before::before {content:"";width:100%;height:100vmin;position:absolute;top:0;left:0;background:-webkit-radial-gradient(farthest-side circle at bottom,rgba(255,255,255,0) 95%, white 100%);background:radial-gradient(farthest-side circle at bottom,rgba(255,255,255,0) 95%, white 100%);z-index: 1;}
.bg-circle-top-darkgray-before::after {content:"";width:100%;height:100vmin;position:absolute;bottom:0;left:0;background:-webkit-linear-gradient(rgba(255,255,255,0) 95%, white 100%);background:linear-gradient(rgba(255,255,255,0) 95%, white 100%);z-index: 1;}
/* 画像エフェクト(aタグ用) */
.imgcover {position:relative;}
.imgcover:hover::before {content:"";width:100%;height:100%;top:0;left:0;position: absolute;display: block;background:rgba(0,0,0,0.5);-webkit-animation:fadeIn 0.4s ease;animation:fadeIn 0.4s ease;z-index:3;}
.imgcover:hover::after {content:"READ MORE";color:#fff;padding:8px;border-radius: 8px;border:5px double rgba(255,255,255,0.3);top:50%;left:50%;transform: translate(-50%,-50%);position: absolute;display: block;background:rgba(255,255,255,0.5);-webkit-animation:fadeIn 0.4s ease;animation:fadeIn 0.4s ease;z-index:3;}
.white-cover{position:relative;}
.white-cover::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-image:-webkit-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0),rgba(255,255,255,0.5) 80%,rgba(255,255,255,1) 96%);background-image:linear-gradient(to bottom, rgba(255,255,255,1) 4%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0),rgba(255,255,255,0.5) 80%,rgba(255,255,255,1) 96%);}
.white-cover::after{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-image:-webkit-linear-gradient(left, rgba(255,255,255,1) 4%,rgba(255,255,255,0),rgba(255,255,255,1) 96%);background-image:linear-gradient(to right, rgba(255,255,255,1) 4%,rgba(255,255,255,0),rgba(255,255,255,1) 96%);}
.radius-circle {border-radius: 50%;}
.button .fill path {fill: #000;fill-opacity: 1;stroke: none;}
/* 見出しなどの装飾 */
/* 角丸める */
.radius {border-radius: 8px;}
.radius-large {border-radius: 16px;}
/* グラデ下線(赤紫) */
.under-grade {position: relative;padding: 0.25em 0;}
.under-grade:after {content: "";display: block;height: 4px;background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);background: linear-gradient(to right, rgb(230, 90, 90), transparent);}
/* グラデ下線 */
.under-grade2 {position: relative;padding: 0.25em 0;}
.under-grade2:after {content: "";display: block;width:30%;height: 4px;background: -webkit-linear-gradient(to right, rgb(90, 230, 90), transparent);background: linear-gradient(to right, rgb(90, 230, 90), transparent);}
.under-grade3 {position: relative;padding: 0.25em 0;}
.under-grade3:after {
  content: "";
  display: block;
  width:30%;
  margin-left:auto;
  margin-right:auto;
  height: 4px;
  -webkit-background:linear-gradient(45deg,rgba(232, 126, 4, 0.7),rgba(126, 4, 126, 0.35),rgba(4, 126, 232, 0.7));
  background:linear-gradient(45deg,rgba(232, 126, 4, 0.7),rgba(126, 4, 126, 0.35),rgba(4, 126, 232, 0.7));
}
.under-grade4 {position: relative;padding: 0.25em 0;}
.under-grade4:after {content: "";display: block;width:30%;margin-left:auto;margin-right:auto;height: 4px;background: -webkit-linear-gradient(to right, rgb(90, 230, 90), transparent);background: linear-gradient(to right, rgb(90, 230, 90), transparent);}
.left_balloon {position: relative;background: #fff;border: 1px solid #777;margin: 10px;padding: 10px;border-radius: 15px;margin-right: 15%;margin-left: 60px;clear: both;width: 85%;float: left;}  
.left_balloon:after,
.left_balloon:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.left_balloon:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 7px;margin-top: -7px;}
.left_balloon:before {border-color: rgba(0, 0, 0, 0);border-right-color: #000;border-width: 8px;margin-top: -8px;}
.right_balloon {position: relative;background: #85e249;border: 1px solid #777;margin: 10px;padding: 10px;border-radius: 15px;margin-left: 15%;margin-right:60px;clear: both;width: 85%;float: right;}  
.right_balloon:after,
.right_balloon:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.right_balloon:after {border-color: rgba(255, 255, 255, 0);border-left-color: #85e249;border-width: 7px;margin-top: -7px;}
.right_balloon:before {border-color: rgba(0, 0, 0, 0);border-left-color: #000;border-width: 8px;margin-top: -8px;}
.left_balloon_face,.right_balloon_face {width:50px;height:50px;position:absolute;top:50%;transform: translateY(-50%);border-radius: 50%;background-position:center;background-size:cover;background-repeat: no-repeat;border:solid 1px #666;box-sizing: border-box;}
.left_balloon_face {left:-60px;}
.right_balloon_face {right:-60px;}
.black_border {border:solid #333 1px;box-sizing: border-box;}
.red_double_border {border:double tomato 6px;box-sizing: border-box;}
.white_double_border {border:double #fff 6px;box-sizing: border-box;}
.crosstitle {position: relative;padding: 0.25em 2%;border-top: solid 2px #999999;border-bottom: solid 2px #999999;}
.crosstitle:before, .crosstitle:after {content: '';position: absolute;top: -8px;width: 2px;height: -webkit-calc(100% + 16px);height: calc(100% + 16px);background-color: #999999;}
.crosstitle:before {left: 1%;}
.crosstitle:after {right: 1%;}
.half-arrow{
  background-image: url('data:image/svg+xml;charset=utf8,%20%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%203%2018%2017%22%20class%3D%22keycolor%22%20fill%3D%22%230086d1%22%3E%20%3Cpolygon%20points%3D%226%2C4%206%2C9.2%200%2C9.2%200%2C17%206%2C17%2017.8%2C17%20%22%3E%3C%2Fpolygon%3E%20%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  padding-left: 10%;
}
.section-title-blue,.section-title-orange{position:relative;padding:8px 20px;}
.section-title-blue{border:3px solid #00b9eb;color:#3A69AD;}
.section-title-orange{border:3px solid orange;}
.section-title-blue::before,
.section-title-blue::after,
.section-title-orange::before,
.section-title-orange::after{position:absolute;content:"";border-width:10px;border-style: solid;width:0;height:0;}
.section-title-blue::before,
.section-title-orange::before{top: -1px;left: -1px;}
.section-title-blue::after,
.section-title-orange::after{bottom: -1px;right: -1px;}
.section-title-blue::before{border-color:#00b9eb transparent transparent #00b9eb;}
.section-title-blue::after{border-color:transparent #00b9eb #00b9eb transparent;}
.section-title-orange::before{border-color:orange transparent transparent orange;}
.section-title-orange::after{border-color:transparent orange orange transparent;}
.step-title {font-family: serif;display:flex;align-items: center;position:relative;background: royalblue;border-radius: 20px;padding-left: 10px;width:80px;}
.step-text {color: #fff;line-height: 1.8;}
.step-title .step-number{background: #f3f4f5;border: 2px solid royalblue;width:30px;height:30px;border-radius:50%;line-height: 1.8;text-align: center;}
.step-title + .step-caption{width:calc(96% - 85px);color:#3A69AD;}
.step-title2 {font-family: serif;display:flex;align-items: center;position:relative;background: tomato;border-radius: 20px;padding-left: 10px;width:80px;}
.step-title2 .step-number{background: #f3f4f5;border: 2px solid tomato;width:30px;height:30px;border-radius:50%;line-height: 1.8;text-align: center;}
.step-title2 + .step-caption{width:calc(96% - 85px);}
/* パーツ素材用 */
/* ボタン関連 */
.button{display:block;background:brown;border-radius: 10px;text-align: center;color: #fff;box-shadow: 0 5px 0px -2px #7A1200;}
.button:active{display:block;box-shadow: 0 2px 0px -1px #7A1200;transform: translateY(3px);}
/* SNSボタン */
.button.twitter{background-color:#55acee;font-family: 'Righteous', cursive;box-shadow:0px 5px 0px -2px blue;color:#fff;}
.button.twitter:active{box-shadow:0px 2px 0px -1px blue;transform:translateY(3px);}
.button.line{background-color:#00B900;font-family: 'Righteous', cursive;box-shadow:0px 5px 0px -2px green;color:#fff;}
.button.line:active{box-shadow:0px 2px 0px -1px green;transform:translateY(3px);}
.button.facebook{background-color:#3B5998;box-shadow:0px 5px 0px -2px #224;color:#fff;font-family: 'Anton', sans-serif;}
.button.facebook:active{box-shadow:0px 2px 0px -1px #224;transform:translateY(3px);}
.button.instagram{background:radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;box-shadow:0px 5px 0px -2px #224;font-family:'Pacifico', cursive;color:#fff;}
.button.instagram:active{box-shadow:0px 2px 0px -1px #224;transform:translateY(3px);}
.button.togetter{background:#007394;box-shadow:0px 5px 0px -2px #224;font-family:'Pacifico', cursive;color:#fff;}
.button.togetter:active{box-shadow:0px 2px 0px -1px #224;transform:translateY(3px);}
.button.skyblue{background:#0086d1;box-shadow:0px 5px 0px -2px #224;color:#fff;}
.button.skyblue:active{box-shadow:0px 2px 0px -1px #224;transform:translateY(3px);}

/* ボックス */
.box-title {position: absolute;top:-33px;left:-1px;font-weight: bold;}
.box-title .bg-purple{padding-top:5px;padding-bottom:5px;}
.under__border {border-bottom:1px solid lightgray;box-sizing: border-box;}
.under_shadow_black {box-shadow: 0 2px 2px #333;}
.list-left-smallp{padding-left:24px;}
.list-left-p{padding-left:32px;}
.list-left-m{margin-left:32px;}
.list-style-none{list-style-type:none!important;}
.list-style-disc{list-style-type:disc!important;}
.list-style-circle{list-style-type:circle!important;}
.list-style-square{list-style-type:square!important;}
.list-style-checkedbox{position:relative;}
.list-style-checkedbox::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f14a";width:24px;height:24px;top:8px;transform:translateY(-50%);left:2px;font-size:1.5rem;font-weight:bold;color:tomato;}
.list-style-checkedbox-center{position:relative;}
.list-style-checkedbox-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f14a";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:tomato;transform:translateY(-50%)}
.list-style-balloon{position:relative;}
.list-style-balloon::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f075";width:24px;top:-4px;left:2px;font-size:1.5rem;font-weight:bold;color:#666;}
.list-style-balloon-center{position:relative;}
.list-style-balloon-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f075";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:#666;transform:translateY(-50%)}
.list-style-doubleballoon{position:relative;}
.list-style-doubleballoon::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f086";width:24px;top:-4px;left:2px;font-size:1.5rem;font-weight:bold;color:#fff;}
.list-style-doubleballoon-center{position:relative;}
.list-style-doubleballoon-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f086";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:#666;transform:translateY(-50%)}
.list-style-question{position:relative;}
.list-style-question::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f059";width:24px;height:24px;top:2px;left:2px;font-size:1.5rem;font-weight:bold;color:#666;}
.list-style-question-center{position:relative;}
.list-style-question-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f059";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:#666;transform:translateY(-50%)}
.list-style-arrowright{position:relative;}
.list-style-arrowright::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f138";width:24px;height:24px;top:2px;left:2px;font-size:1rem;font-weight:bold;color:#666;z-index:1}
.list-style-arrowright-center{position:relative;}
.list-style-arrowright-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f138";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:#fff;transform:translateY(-50%);z-index:1}
.list-style-thumbup{position:relative;}
.list-style-thumbup::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f164";width:24px;height:24px;top:2px;left:2px;font-size:1.5rem;font-weight:bold;color:#666;}
.list-style-thumbup-center{position:relative;}
.list-style-thumbup-center::before{font-family:"Font Awesome 5 Free";position:absolute;content: "\f164";width:24px;top:50%;left:2px;font-size:1.5rem;font-weight:bold;color:#666;transform:translateY(-50%)}
.notice-explain {overflow-y: scroll;height:150px;background: #fff;padding: 8px 1%;border: 1px solid gray;}
.notice-explain dt{margin-bottom: 8px;margin-top: 24px;font-size:90%;}
.notice-explain dt:first-child{margin-bottom: 8px;margin-top: 8px;}
.notice-explain dd{font-size:75%;padding-bottom:16px;border-bottom: 1px dashed lightgray;box-sizing: border-box;}
.notice-explain dd:last-child{border-bottom: 0;}
.notice-explain dd ul,
.notice-explain dd ol {padding-left: 20px;}
.notice-explain dd ul li{list-style: disc;}
.notice-explain dd ol li{list-style: decimal;}
.thumbnail_title{min-height: 48px;}
/* レスポンシブ関連 */
.lock{overflow:hidden;}
.lock-x{overflow-x: hidden;}
.scroll{overflow-y:scroll;}
.table-cell{display:table-cell;}
.spflex{display:none;}
.sparea{display:none;}
.tabarea{display:none;}
.bigtabarea{display:none;}
.pcarea{display:block;}
.pc-inline-block{display:inline-block;}
.sp-inline-block{display:none;}
.sptable,.tabtable,.pctable{border-collapse:collapse;}
.sptable,.tabtable{display:none;}
.pctable{display:table;}
.hide{display:none;}
.block{display:block;}
.inline-block{display:inline-block;}
.flex{display:flex;flex-wrap:wrap;}
.flex-important{display:flex;flex-wrap:wrap;}
.align-items{align-items: center;}
.align-items-stretch{align-items:stretch;}
.align-items-end{align-items: flex-end;}
.align-items-start{align-items: flex-start;;}
.justify-content-flex-start{justify-content:flex-start;}
.justify-content-flex-end{justify-content:flex-end;}
.justify-content-center{justify-content:center;}
.justify-content-space-between{justify-content:space-between;}
.justify-content-space-around{justify-content:space-around;}
.flex-grow-1{flex-grow: 1;}
.flex-grow-2{flex-grow: 2;}
.flex-grow-3{flex-grow: 3;}
.visibility-hidden{visibility: hidden;}

/* アニメーション関連 */

.particles-js-canvas-el{
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
}

@import url(//fonts.googleapis.com/css?family=Cinzel&display=swap);
.p-kv {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: relative;
}
.p-kv__ttl {
  color: #fafafa;
  font-size:4.125vw;
}
.p-kv__ttl2 {
  color: #fafafa;
}
.p-kv__slider, .p-kv__slider-item {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-kv__slider {overflow: hidden;z-index: 1;}
.p-kv__slider::after {
  background: rgba(0, 0, 0, 0.2) linear-gradient(rgba(0, 0, 0, 0.01) 30%, transparent 0) center/4px 4px;
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.site-title {font-family: "Cinzel", serif;}

@-webkit-keyframes bg-slider {
  0% {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  9% {opacity: 1;-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);}
  19% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
  31% {opacity: 0;-webkit-transform: scale3d(1.15, 1.15, 1);transform: scale3d(1.15, 1.15, 1);}
  100% {opacity: 0;}
}

@keyframes bg-slider {
  0% {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  9% {opacity: 1;-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);}
  19% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
  31% {opacity: 0;-webkit-transform: scale3d(1.15, 1.15, 1);transform: scale3d(1.15, 1.15, 1);}
  100% {opacity: 0;}
}


.scale-zoomup-child {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  width: 100%;
}
.scale-zoomup-child:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.scale-fadein {
  -webkit-animation:scale-fadeIn 2s ease ;
  animation:scale-fadeIn 2s ease ;
}
@keyframes -webkit-scale-fadeIn {
  0%{opacity:0;transform: scale(2);}
  100%{opacity: 1;transform: scale(1);}
}
@keyframes scale-fadeIn {
  0%{opacity:0;transform: scale(2);}
  100%{opacity:1;transform: scale(1);}
}
.under-bganime {
  -webkit-animation:under-bganime 0.3s ease ;
  animation:under-bganime 0.3s ease ;
}
@keyframes -webkit-under-bganime {
  0%{width:0;}
  100%{width:calc(100% - 10px);}
}
@keyframes under-bganime {
  0%{width:0;}
  100%{width:calc(100% - 10px);}
}
.crosstitle-anime {
  -webkit-animation:crosstitle-anime 3s ease ;
  animation:crosstitle-anime 3s ease ;
}
.crosstitle-anime::before,
.crosstitle-anime::after {
  content: '';
  position: absolute;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #363636;
  -webkit-animation:crosstitle-anime 3s ease ;
  animation:crosstitle-anime 3s ease ;
}
.crosstitle-anime::before{bottom:-10px;}
.crosstitle-anime::after{top:-10px;}
@keyframes -webkit-crosstitle-anime {
  0%{height:0;}
  100%{height: -webkit-calc(100% + 20px);height: calc(100% + 20px);}
}
@keyframes crosstitle-anime {
  0%{height:0;}
  100%{height: -webkit-calc(100% + 20px);height: calc(100% + 20px);}
}

.fadein {
  -webkit-animation:fadeIn 0.4s ease ;
  animation:fadeIn 0.4s ease;
}
@keyframes -webkit-fadeIn {
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn {
  0%{opacity:0;}
  100%{opacity:1;}
}

.fadein-float-from-bottom {
  -webkit-animation:fadein-float-from-bottom 2s ease ;
  animation:fadein-float-from-bottom 2s ease;
}
@keyframes -webkit-fadein-float-from-bottom {
  0%{opacity:0;transform: translateY(50%);}
  100%{opacity:1;transform: translateY(0%);}
}
@keyframes fadein-float-from-bottom {
  0%{opacity:0;transform: translateY(50%);}
  100%{opacity:1;transform: translateY(0%);}
}

.fadein-infinite {
  -webkit-animation:fadein-infinite 2s ease infinite alternate ;
  animation:fadein-infinite 2s ease infinite alternate ;
}
@keyframes -webkit-fadein-infinite {
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadein-infinite {
  0%{opacity:0;}
  100%{opacity:1;}
}

.rolling {
  -webkit-animation:rolling 20s linear infinite ;
  animation:rolling 20s linear infinite ;
  transform: rotate(-720deg);
}
.spnav.rolling {transform:translateY(-50%) rotate(-720deg);}
@keyframes -webkit-rolling {
  0%{transform: rotate(720deg);}
  25%{transform: rotate(360deg);}
  50%{transform: rotate(0deg);}
  75%{transform: rotate(-360deg);}
  100%{transform: rotate(-720deg);}
}
@keyframes rolling {0%{transform: rotate(720deg);}
  25%{transform: rotate(360deg);}
  50%{transform: rotate(0deg);}
  75%{transform: rotate(-360deg);}
  100%{transform: rotate(-720deg);}
}

.loopbg {
  -webkit-animation:loopbg 10s linear infinite ;
  animation:loopbg 10s linear infinite ;
  background-size: 50%;
}
@keyframes -webkit-loopbg {0%{background-position:left;}100%{background-position:right;}}
@keyframes loopbg {0%{background-position:left;}100%{background-position:right;}}

.border_anime, .border_anime_child {
  overflow: hidden;
  position:relative;
}
.border_anime::before ,
.border_anime::after,
.border_anime_child::before,
.border_anime_child::after {
  content: "";
  display:block;
  position: absolute;
  background: #363636;
}
.border_anime::before {
  bottom:0.1px;
  left:-50%;
  width:100%;
  height:1px;
  z-index:1;
  -webkit-animation: rightAnim 1.5s linear .0s infinite;
  animation: rightAnim 1.5s linear .0s infinite;
}
.border_anime::after {
  bottom:-50%;
  right:0%;
  width:1px;
  height:100%;
  -webkit-animation: bottomAnim 1.5s linear .75s infinite;
  animation: bottomAnim 1.5s linear .75s infinite;
}
.border_anime_child::before {
  top:0.1px;
  right:-50%;
  width:100%;
  height:1px;
  z-index:1;
  -webkit-animation: leftAnim 1.5s linear .0s infinite;
  animation: leftAnim 1.5s linear .0s infinite;
}
.border_anime_child::after {
  top:-50%;
  left:0%;
  width:1px;
  height:100%;
  -webkit-animation: topAnim 1.5s linear .75s infinite;
  animation: topAnim 1.5s linear .75s infinite;
}
@keyframes -webkit-topAnim {0% {top:-100%;}100% {top:100%;}}
@keyframes -webkit-bottomAnim {0% {bottom:-100%;}100% {bottom:100%;}}
@keyframes -webkit-rightAnim {0% {left:-100%;}100% {left:100%;}}
@keyframes -webkit-leftAnim {0% {left:100%;}100% {left:-100%;}}
@keyframes topAnim {0% {top:-100%;}100% {top:100%;}}
@keyframes bottomAnim {0% {bottom:-100%;}100% {bottom:100%;}}
@keyframes rightAnim {0% {left:-100%;}100% {left:100%;}}
@keyframes leftAnim {0% {left:100%;}100% {left:-100%;}}
/* JS制御用 */
/* TOPへのスクロール */
.scrollTop {color:#fff;width:3rem;height:3rem;}
.scrollTop:hover {color:#fff}
/* .scrollTop:hover::after {height:0;} */
.with-sidebar{width:75%;}
.with-sidebar + .sidebar{width:25%;}
.with-sidebar + .sidebar .flex-important .three-column{width:100%}
/* タブ切り替え */
.tabContainer {background:rgba(100,100,100,0.15);}
.tablist {display:flex;flex-wrap: wrap;background:#939393;}
.tablist a {color:#fff;font-weight: bold;border-top: transparent solid 3px;border-bottom: transparent solid 3px;}
.tablist .currentList {background:#fff;color:#363636;font-weight: bold;border: 3px solid #939393;box-sizing: border-box;}
.tabContent {padding:1%;background:#fff;color:#363636;border: 3px solid #939393;border-top: 0;box-sizing: border-box;}
/* WPプラグイン用 */
/* contactform7 */
.contactform7 dt,.contactform7 dd {padding-top:5px;padding-bottom:5px;align-items: center;}
.contactform7 textarea,
.contactform7 select,
.contactform7 select,
.contactform7 input{width:80%;padding:10px;}
.contactform7 .wpcf7-select{display: block;width:calc(80% + 20px);}
.contactform7 input[type="radio"],
.contactform7 .auto_width input{width:auto;}
.wpcf7-form-control{width:100%}
.form-control{background-color: rgba(0,0,0,0);}
.form__area input[type="submit"]{width:100%;padding:10px;border-radius: 4px;border: 1px solid gray;box-sizing: border-box;}

@media screen and (max-width:1200px){
  .pcarea{display:none;}
  .bigtabarea{display:block}
  .bigtab_two-column {width:49.75%;}
  .bigtab_min_height10vh{min-height:10vh;}.bigtab_min_height20vh{min-height:20vh;}.bigtab_min_height30vh{min-height:30vh;}.bigtab_min_height40vh{min-height:40vh;}.bigtab_min_height50vh{min-height:50vh;}
  .bigtab_min_height60vh{min-height:60vh;}.bigtab_min_height70vh{min-height:70vh;}.bigtab_min_height80vh{min-height:80vh;}.bigtab_min_height90vh{min-height:90vh;}.bigtab_min_height100vh{min-height:100vh;}
    
}
@media screen and (max-width:768px){
  .pc-absolute {position: relative;}
  .tab-absolute {position: absolute;}
  video{transform:scale(2.5);}
  .with-sidebar{width:100%;}
  .with-sidebar + .sidebar{width:100%;}
  .with-sidebar + .sidebar .flex-important .three-column{width:calc(100% /3)}
  .contactform7 dt,.contactform7 dd {width:100%;}
  .contactform7 dd textarea,.contactform7 dd select,.contactform7 dd input{width:calc(100% - 20px);}
  .imgcover:hover::before,
  .imgcover:hover::after {display: none;}
  .pc__center{text-align:left;}
  .tabflex{display:flex;}
  .pcarea{display:none;}
  .bigtabarea{display:none}
  .tabarea{display:block;}
  .sptable{display:none}
  .pctable{display:none}
  .tabtable{display:table}
  .hide{display:none;}
  .spnav.sparea{display:block;}
  .tabrelative{position:relative;}
  .tab_micro-f{font-size:62.5%;}
  .tab_small-f{font-size:80%;}
  .tab_normal-f{font-size:100%;}
  .tab_big-f{font-size:110%;}
  .tab_huge-f{font-size:120%;}
  .tab_mega-f{font-size:150%;}
  .tab_xlarge-f{font-size:200%;}
  .tab_xxlarge-f{font-size:250%;}
  .tabmtop-0{margin-top:0px;}
  .tabmtop{margin-top:24px;}
  .tab_m-hightop{margin-top:48px;}
  .tab_m-exhightop{margin-top:80px;}
  .tab_m-smalltop{margin-top:1%;}
  .tabmbottom-0{margin-bottom:0px;}
  .tabmbottom{margin-bottom:24px;}
  .tab_m-highbottom{margin-bottom:48px;}
  .tab_m-exhighbottom{margin-bottom:80px;}
  .tab_m-smallbottom{margin-bottom:1%;}
  .quarter_width{width:48%;}
  .tabfull_width{width:100%;}
  .tab-pauto_width{width:96%;}
  .tab-ninety_width{width:90%;}
  .tab-eighty_width{width:80%;}
  .tab-seventy_width{width:70%;}
  .tab-sixty_width{width:60%;}
  .tab-fifty_width{width:50%;}
  .tab-fourty_width{width:40%;}
  .tab-thirty_width{width:30%;}
  .tab-twenty_width{width:20%;}
  .tab-ten_width{width:10%;}
  .tab-fit_width{width:fit-content;}
  .tabmax_width10{max-width:10%;}
  .tabmax_width20{max-width:20%;}
  .tabmax_width30{max-width:30%;}
  .tabmax_width40{max-width:40%;}
  .tabmax_width50{max-width:50%;}
  .tabmax_width60{max-width:60%;}
  .tabmax_width70{max-width:70%;}
  .tabmax_width80{max-width:80%;}
  .tabmax_width90{max-width:90%;}
  .tabmax_width100{max-width:100%;}
  .tab-min_height10vmin{min-height:10vmin;}.tab-min_height20vmin{min-height:20vmin;}.tab-min_height30vmin{min-height:30vmin;}.tab-min_height40vmin{min-height:40vmin;}.tab-min_height50vmin{min-height:50vmin;}
  .tab-min_height60vmin{min-height:60vmin;}.tab-min_height70vmin{min-height:70vmin;}.tab-min_height80vmin{min-height:80vmin;}.tab-min_height90vmin{min-height:90vmin;}.tab-min_height100vmin{min-height:100vmin;}
  .tab_min_height10vh{min-height:10vh;}.tab_min_height20vh{min-height:20vh;}.tab_min_height30vh{min-height:30vh;}.tab_min_height40vh{min-height:40vh;}.tab_min_height50vh{min-height:50vh;}
  .tab_min_height60vh{min-height:60vh;}.tab_min_height70vh{min-height:70vh;}.tab_min_height80vh{min-height:80vh;}.tab_min_height90vh{min-height:90vh;}.tab_min_height100vh{min-height:100vh;}
  .tab_two-column {width:49.75%;}
  .tab_three-column {width:32.5%;}
  .tab_three-column:nth-child(3n),
  .tab_three-column:nth-child(3n+2) {margin-left:1.25%;margin-right:0;}
  .quarter_width:nth-child(4n+3){margin-left:0%;}
  .tab_small-f {font-size:80%;}
  .three-column:nth-child(3n+2){margin-left:0%;margin-right:0%;}
}
@media screen and (max-width:568px){

  video{transform:scale(3.6);}
  .pc-absolute {position: relative;}
  .tab-absolute {position: relative;}
  .with-sidebar + .sidebar .flex-important .three-column{width:100%}
  .two-column:nth-child(even) {margin-right:0;margin-left:0;}
  .three-column:nth-child(3n+2) {margin-left:0;margin-right:0;}
  .sp__center{text-align: center;}
  .flex,.tabflex{display:block;}
  .pc-inline-block{display:none;}
  .sp-inline-block{display:inline-block;}
  .pcarea{display:none;}
  .bigtabarea{display:none}
  .pctable,.tabtable{display:none}
  .sptable{display:table;border-collapse:separate;}
  .sparea{display:block;}
  .spnone{display:none;}
  .spflex {display:flex;flex-wrap: wrap;align-items: center;}
  .spm-0{margin:0px;}
  .spp_left-0{padding-left:0}
  .spmtop-0{margin-top:0px;}
  .spmtop{margin-top:24px;}
  .sp_m-hightop{margin-top:48px;}
  .sp_m-exhightop{margin-top:80px;}
  .sp_m-smalltop{margin-top:1%;}
  .spmbottom-0{margin-bottom:0px;}
  .spmbottom{margin-bottom:24px;}
  .sp_m-highbottom{margin-bottom:48px;}
  .sp_m-exhighbottom{margin-bottom:80px;}
  .sp_m-smallbottom{margin-bottom:1%;}
  .spmax_width10{max-width:10%;}
  .spmax_width20{max-width:20%;}
  .spmax_width30{max-width:30%;}
  .spmax_width40{max-width:40%;}
  .spmax_width50{max-width:50%;}
  .spmax_width60{max-width:60%;}
  .spmax_width70{max-width:70%;}
  .spmax_width80{max-width:80%;}
  .spmax_width90{max-width:90%;}
  .spmax_width100{max-width:100%;}
  .two-column,.three-column,.two-three-column,.half_width,.quarter_width,.three-quarter_width{width: auto;}
  .sp__under__border {border-bottom:1px solid lightgray;box-sizing: border-box;}
  .spfull_width{width:100%;}
  .sp-pauto_width{width:96%;}
  .sp-ninety_width{width:90%;}
  .sp-eighty_width{width:80%;}
  .sp-seventy_width{width:70%;}
  .sp-sixty_width{width:60%;}
  .sp-fifty_width{width:50%;}
  .sp-fourty_width{width:40%;}
  .sp-thirty_width{width:30%;}
  .sp-twenty_width{width:20%;}
  .sp-ten_width{width:10%;}
  .sp-fit_width{width:fit-content;}
  .sp_width_auto{width:auto;}
  .sp-min_height10vmin{min-height:10vmin;}.sp-min_height20vmin{min-height:20vmin;}.sp-min_height30vmin{min-height:30vmin;}.sp-min_height40vmin{min-height:40vmin;}.sp-min_height50vmin{min-height:50vmin;}
  .sp-min_height60vmin{min-height:60vmin;}.sp-min_height70vmin{min-height:70vmin;}.sp-min_height80vmin{min-height:80vmin;}.sp-min_height90vmin{min-height:90vmin;}.sp-min_height100vmin{min-height:100vmin;}
  .sp_min_height10vh{min-height:10vh;}.sp_min_height20vh{min-height:20vh;}.sp_min_height30vh{min-height:30vh;}.sp_min_height40vh{min-height:40vh;}.sp_min_height50vh{min-height:50vh;}
  .sp_min_height60vh{min-height:60vh;}.sp_min_height70vh{min-height:70vh;}.sp_min_height80vh{min-height:80vh;}.sp_min_height90vh{min-height:90vh;}.sp_min_height100vh{min-height:100vh;}

  .responsive-table > tbody th,
  .responsive-table > tbody td {display:block;padding-top:8px;padding-bottom:8px;text-align: left;border: 0;}
  .responsive-table > tbody th {border-bottom:1px dashed gray;box-sizing: border-box;}
  .responsive-table > tbody tr:last-child th{border-bottom:1px dashed gray;}
  .responsive-table table th,
  .responsive-table table td{display:table-cell;border:1px solid #666 !important;}
  .responsive-table table th{background: rgba(0,100,200,0.6);}
  input[type="tel"]::placeholder{font-size: 0.7em}
  th.table-cell,
  td.table-cell {display:none;}
  .left_balloon {margin-right: 0; width: auto;}  
  .right_balloon {margin-left: 0; width: auto;}  
  .step-title,.step-title2{width:80px;}
  .sp_micro-f{font-size:62.5%;}
  .sp_mini-f{font-size:75%;}
  .sp_small-f{font-size:85%;}
  .sp_normal-f{font-size:100%;}
  .sp_big-f{font-size:110%;}
  .sp_huge-f{font-size:120%;}
  .sp_mega-f{font-size:150%;}
  .sp_xlarge-f{font-size:180%;}
  .sp_xxlarge-f{font-size:250%;}
  .sp_xxxlarge-f{font-size:350%;}
  .sp_x4large-f{font-size:480%;}
  .sp_two-column{width:49.5%;}
  .sp_two-column:nth-child(odd) {margin-right:0;margin-left:0;}
  .sp_two-column:nth-child(even) {margin-right:0;margin-left:auto;}
  .sp_three-column {width:32.5%;}
  .quarter_width:nth-child(4n+2),
  .quarter_width:nth-child(4n+3),
  .quarter_width:nth-child(4n) {margin-left:0%;}
  .bg-fixed{background-attachment:scroll;}
  .bg-triangle-skyblue-before:before,
  .bg-triangle-skyblue-after:after {height:20%;}
  .spquarter_width {width: 25%;}
  .black-textshadow {text-shadow: 1px 1px 0px #333;}
  .white-textshadow-wrap{
    text-shadow:#fafafa 1px 0px,#fafafa -1px 0px,#fafafa 0px -1px,#fafafa 0px 1px,#fafafa 1px 1px,#fafafa -1px 1px,#fafafa 1px -1px,#fafafa -1px -1px,
                #fafafa 1px 1px,#fafafa -1px 1px,#fafafa 1px -1px,#fafafa -1px -1px,#fafafa 1px 1px,#fafafa -1px 1px,#fafafa 1px -1px,#fafafa -1px -1px;}
  .black-textshadow-wrap{
    text-shadow:#363636 1px 0px,#363636 -1px 0px,#363636 0px -1px,#363636 0px 1px,#363636 1px 1px,#363636 -1px 1px,#363636 1px -1px,#363636 -1px -1px,
                #363636 1px 1px,#363636 -1px 1px,#363636 1px -1px,#363636 -1px -1px,#363636 1px 1px,#363636 -1px 1px,#363636 1px -1px,#363636 -1px -1px;}
  .skyblue-textshadow-wrap{
    text-shadow:skyblue 1px 0px,skyblue -1px 0px,skyblue 0px -1px,skyblue 0px 1px,skyblue 1px 1px,skyblue -1px 1px,skyblue 1px -1px, skyblue -1px -1px,
                skyblue 1px 1px,skyblue -1px 1px,skyblue 1px -1px,skyblue -1px -1px,skyblue 1px 1px,skyblue -1px 1px,skyblue 1px -1px, skyblue -1px -1px;}
  .red-textshadow-wrap{
    text-shadow:red 1px 0px,red -1px 0px,red 0px -1px, red 0px 1px,red 1px 1px,red -1px 1px,red 1px -1px,red -1px -1px,red 1px 1px,
                red -1px 1px,red 1px -1px, red -1px -1px,red 1px 1px,red -1px 1px,red 1px -1px, red -1px -1px;}
  .teal-textshadow-wrap{
    text-shadow:teal 1px 0px,teal -1px 0px,teal 0px -1px, teal 0px 1px,teal 1px 1px,teal -1px 1px,
                teal 1px -1px,teal -1px -1px,teal 1px 1px,teal -1px 1px,teal 1px -1px,teal -1px -1px,teal 1px 1px,teal -1px 1px,teal 1px -1px, teal -1px -1px;}
}