@charset "UTF-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav {
display: block
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
@font-face {
font-family: 'Antonio-Regular';
src:url('../fonts/Antonio-Regular.ttf.woff') format('woff'),
url('../fonts/Antonio-Regular.ttf.svg') format('svg'),
url('../fonts/Antonio-Regular.ttf.eot'),
url('../fonts/Antonio-Regular.ttf-1.eot') format('embedded-opentype'); 
font-weight: normal;
font-style: normal;
}
html, body {
width: 100%;
height: 100%;
}
body {
background: #222;
text-align : center;
font-family: "tbchibirgothicplusk-pro", '游ゴシック体', 'Yu Gothic Medium', 'YuGothic', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 400;
color: #fff;
line-height: 1.9;
letter-spacing: 0.1em;
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
word-break: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@media print, screen and (min-width:980px) {
body {
font-size: 14px;
}
}

@media only screen and (min-width:0px) and (max-width:979px) {
body {
font-size: 12px;
}
}
h1, h2, h3, h4 {
font-size: 100%;
}
p {
margin-bottom: 32px;
}
a {
transition: color 0.3s ease 0s;
}
a:link {
color: #fff;
text-decoration: none;
}
a:visited {
color: #ffff;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
a:active {
color: #fff;
}
img {
border: 0px;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.pink {
color: #c44260;
}
.left {
text-align: left !important;
}
.center {
text-align: center;
}
.blank {
margin-top: -120px;
padding-top: 120px;
}
.normal {
display: none;
}
/**/

.headAdjustment dt {
clear: left;
float: left;
padding: 0;
}
.headAdjustment dd {
margin: 0;
padding: 0 0 0 15px;
}
.headAdjustmentW dt {
clear: left;
float: left;
padding: 0;
}
.headAdjustmentW dd {
margin: 0;
padding: 0 0 0 35px;
}

@media print, screen and (min-width: 979px) {
.br-pc {
display: block;
}
.br-sp {
display: none;
}
.pc {
display: none;
}
}

@media print, screen and (max-width: 979px) {
.br-pc {
display: none;
}
.br-sp {
display: block;
}
.sp {
display: none;
}
}
.en {
font-family: 'Viga', sans-serif;
font-weight: 700;
}
.block-revealer__element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
opacity: 0;
}

.wp-pagenavi {
clear: both;
width: 1000px;
text-align: center;
margin: 30px auto;
}

.wp-pagenavi a, .wp-pagenavi span {
font-family: 'Poppins', sans-serif; 
font-size: 11px;
text-decoration: none;
border: 1px solid #454545;
padding: 6px 10px;
margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #626262;
}

.wp-pagenavi span.current {

}

/* ----------------------------------------------------------------------------------
arrow
---------------------------------------------------------------------------------- */

.mouse {
position: absolute;
width: 28px;
height: 50px;
left: 0;
right: 0;
bottom: 50px;
margin: auto;
border: 2px solid #fff;
border-radius: 30px;
z-index: 200;
}
.arrow {
position: absolute;
width: 30px;
left: 0;
right: 0;
bottom: 84px;
margin: auto;
z-index: 200;
animation: scroll 1.5s infinite;
-webkit-animation: scroll 1.5s infinite;
-moz-animation: scroll 1.5s infinite;
}
.arrow::before {
content: "";
display: block;
margin: 0 auto;
width: 6px;
height: 6px;
background: #fff;
border-radius: 100px;
}
 @keyframes scroll {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: translateY(14px);
}
}
@-webkit-keyframes scroll {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: translateY(14px);
}
}
@-moz-keyframes scroll {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: translateY(14px);
}
}
#scroll {
position: absolute;
font-family: 'Viga', sans-serif;
font-size: 12px;
font-weight: 600;
color: #fff;
bottom: 110px;
left: 0;
right: 0;
margin: 0;
padding: 0;
z-index: 4;
}
/* ローディングの背景部分のCSS */
.loader {
background: #222;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1508;
}
.loadLogo {
position: absolute;
width: 139px;
height: 83px;
top: -10%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 150;
}
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
position: absolute;
font-size: 10px;
text-indent: -9999em;
width: 5em;
height: 5em;
border-radius: 50%;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loader-animation:before {
width: 50%;
height: 50%;
background: #ffffff;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
}
.loader-animation:after {
background: #222;
width: 85%;
height: 85%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@-webkit-keyframes load3 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes load3 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

/* ----------------------------------------------------------------------------------
フォーム
---------------------------------------------------------------------------------- */

@media print, screen and (min-width:980px) {
.input {
width: 300px;
padding: 5px;
font-size: 14px;
border: solid 1px #ccc;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
box-sizing: border-box;
}
.inputS {
width: 148px;
padding: 5px;
font-size: 14px;
border: solid 1px #ccc;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
box-sizing: border-box;
}
/*セレクト*/

select {
width: 300px;
font-size: 14px;
height: 30px;
padding: 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
background: #eee;
background: url(../img/arrow@2x.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
background: url(../img/arrow@2x.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
background-size: 32px, 100%;
vertical-align: middle;
border-radius: 5px;
}
.select-boxTop select {
width: 450px;
font-size: 18px;
height: 56px;
margin-bottom: 10px;
padding: 0 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
background: #eee;
background: url(../img/arrow@2x.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
background: url(../img/arrow@2x.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
background-size: 32px, 100%;
vertical-align: middle;
border-radius: 5px;
box-sizing: border-box;
}
}

@media only screen and (min-width:0px) and (max-width:979px) {
.input, .inputS {
width: 100%;
padding: 7px;
font-size: 14px;
border: solid 1px #ccc;
margin: 3px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
box-sizing: border-box;
}
/*セレクト*/

select {
width: 100%;
font-size: 14px;
height: 30px;
padding: 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
background: #eee;
background: url(../img/arrow@2x.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
background: url(../img/arrow@2x.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
background-size: 32px, 100%;
vertical-align: middle;
border-radius: 5px;
}
.select-boxTop select {
width: 450px;
font-size: 18px;
height: 56px;
margin-bottom: 10px;
padding: 0 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
background: #eee;
background: url(../img/arrow@2x.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
background: url(../img/arrow@2x.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
background-size: 32px, 100%;
vertical-align: middle;
border-radius: 5px;
box-sizing: border-box;
}
}
textarea {
width: 100%;
height: 200px;
padding: 7px 12px;
font-size: 14px;
border: solid 1px #ccc;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
box-sizing: border-box;
}
/*ラジオボタン*/
label.rdbox {
display: inline-block;
padding-right: 10px;
}
/*チェックボックス*/
label.ckbox {
display: inline-block;
padding-right: 10px;
}
/*必須マーク*/
.requiredMark {
position: relative;
display: inline;
padding: 1px 5px;
text-align: center;
font-size: 10px;
color: #fff;
background: #B92F31;
margin-left: 8px;
top: -1px;
line-height: 1;
border-radius: 5px;
}

/* ----------------------------------------------------------------------------------
media
---------------------------------------------------------------------------------- */

.media {
overflow: hidden;
font-family: 'Poppins', sans-serif;
clear: both;
font-size: 10px;
font-weight: 500;
color: #fff;
text-align: center;
margin: 20px auto;
margin-top: 50px;
padding: 0px;
}

.media a {
font-size: 30px;
margin: 0 5px;
}

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }
.fs25 { font-size: 25px !important; }
.fs26 { font-size: 26px !important; }
.fs27 { font-size: 27px !important; }
.fs28 { font-size: 28px !important; }
.fs29 { font-size: 29px !important; }
.fs30 { font-size: 30px !important; }

.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }

.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mt-10 { margin-top: -10px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.pat5 { padding-top: 5px !important; }
.pat10 { padding-top: 10px !important; }
.pat15 { padding-top: 15px !important; }
.pat20 { padding-top: 20px !important; }
.pat25 { padding-top: 25px !important; }
.pat30 { padding-top: 30px !important; }
.pat35 { padding-top: 35px !important; }
.pat40 { padding-top: 40px !important; }

.lh { line-height: 1 !important; }
.lh100 { line-height: 1 !important; }
.lh110 { line-height: 1.1 !important; }
.lh120 { line-height: 1.2 !important; }
.lh130 { line-height: 1.3 !important; }
.lh140 { line-height: 1.4 !important; }
.lh150 { line-height: 1.5 !important; }
.lh160 { line-height: 1.6 !important; }
.lh170 { line-height: 1.7 !important; }

.wid100 { width: 100% !important; }