@charset "UTF-8";


/* default,reset
----------------------------------------------------------------------------------------------------*/
header, footer, section, article, aside, nav,
figure, figcaption, main {
	display: block;
}
body{
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height: 1.6;
	letter-spacing: 0.075em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
    background-color: #1e1e1e;
}
img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	border:none;
}
img[src*='.svg']{
    width: 100%;
    height: auto;
}
a,a:visited{
	color: #000;
	text-decoration: none;
	-webkit-transition:opacity .4s;
	transition:opacity .4s;
}
.sub-navi a, .sub-navi a:visited{
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.05em;
}

:focus{outline:none;}
.hover{-webkit-transition:opacity .4s;transition:opacity .4s;cursor: pointer;}
a:hover,.hover:hover{opacity: 0.5;}
div,main,header,footer,nav,section,p,ul,ol,dl,li,dt,dd,a,span,h1,h2,h3,h4,h5,h6,table,tr,th,td,figure,figcaption{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
section{position: relative;}
ul,ol,dl,li,dt,dd{list-style: none;}
label{color:inherit;}

.cf:after{
	content: "";
	display: block;
	clear: both;
}
.ofi{
	width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
    border: none;
    margin: 0;
    padding-left: 1em;
    box-sizing: border-box;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    box-shadow: none;
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border-color: #fff;
}
[type="checkbox"]:checked+span:not(.lever):before {
    border-right-color: #fff;
    border-bottom-color: #fff;
}
[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {
    border-color: #fff;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #fff;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border-color: #fff;    
}
textarea {
    height: 100%;
    min-height: 20em;
    margin: 0;
    padding: 0;    
}

/* フォント設定
----------------------------------------------------------------------------------------------------*/
.yugo{font-family:  "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",  Osaka, sans-serif;}
.yumin{	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.font-roboto{font-family: 'Roboto', sans-serif;}
.font-robotoC{font-family: 'Roboto Condensed', sans-serif;}
.font-HVM{font-family: 'Herr Von Muellerhoff', cursive;}
.poppins{font-family: 'Poppins', sans-serif;}
.vidaloka{font-family: 'Vidaloka', serif;}

/*== デフォルト：1280px以上用（PC用）の記述
====================================================================*/
/*-- 基本
--------------------------------------------------------------------*/
main{padding-bottom: 60px;}
.type-head-3 main,
.type-head-3 #pageHeader{padding-left: 160px;}
.inner{
	max-width: 960px;
	margin: 0 auto;
}
.left01{
    width: calc(100% - 240px);
}
.left02{
    width: calc(100% - 400px);
}
.right01{
    width: 200px;
    margin-left: 40px;
}
.right02{
    width: 200px;
    margin-left: 200px;
}
.txt{
	font-size: 14px;
	text-align: justify;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
a.wink:hover img {opacity: 0.8;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex.tri .box{width: calc(100% / 3 - 40px);}
.flex.tetra .box{width: 24.083333%;}
.center-flex{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;}
.relative{position: relative;}
.center-abs{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.w300{width: 300px;}

.gray01{color: #3C3C3C !important;}
.gray02{color: #5a5a5a !important;}
.gray03{color: #828282 !important;}
.gray01 a{color: #3C3C3C !important;}
.gray02 a{color: #5a5a5a !important;}
.gray03 a{color: #828282 !important;}
.gray01 a::before{background-color: #3C3C3C !important;}
.gray02 a::before{background-color: #5a5a5a !important;}
.gray03 a::before{background-color: #828282 !important;}
.gray01 a::after{border-color: #3C3C3C !important;}
.gray02 a::after{border-color: #5a5a5a !important;}
.gray03 a::after{border-color: #828282 !important;}

.bg-white01{color: #3C3C3C;background-color: #e4c79b !important;}
.bg-white02{color: #3C3C3C;background-color: #fff !important;opacity:0.8;}
.bg-white03{color: #323237;background-color: #fff !important;}
.bg-gray01{color: #FFF;background-color: #3C3C3C;}
.bg-gray02{color: #FFF;background-color: #5a5a5a;}
.bg-gray03{color: #FFF;background-color: #828282;}
.bg-gray04{color: #FFF;background-color: #eef0f0;}
.bg-black01{color: #FFF;background-color: #000000;}
.bg-yellow01{color: #FFF;background-color: #fdd000;}
.bg-yellow02{color: #000000;background-color: #fdd000 !important;opacity:1;}
.bg-yellow03{color: #000000;background-color: #fdd000;}

.row .col{padding:0;}
.row .col.gap{padding:0 .5rem}
.row .col.gap:first-child{padding-left:0;padding-right:1rem;}
.row .col.gap:last-child{padding-left:1rem;padding-right:0}

/* トップページ
====================================================================================================*/
/* 1200px以下用の記述
====================================================================================================*/
@media screen and (max-width: 1199px) {
    .left02{
        width: calc(100% - 240px);
    }
    .right02{
        width: 200px;
        margin-left: 40px;
    }    
}/* 1200px以下用の記述 */
/* 960px以下用の記述
====================================================================================================*/
@media screen and (max-width: 959px) {
    .left01, .left02{
        width: 100%;
    }
    .right01, .right02{
        width: 100%;
        margin-left: 0;
    }    
}/* 960px以下用の記述 */
/* 768px以下用の記述
====================================================================================================*/
@media screen and (max-width: 767px) {}/* 768px以下用の記述 */

/* 480px以下用の記述
====================================================================================================*/
@media screen and (max-width: 479px) {}/* 480px以下用の記述 */