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

/* ---------- common ---------- */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSerifJP-Regular.woff') format('woff');
  font-display: swap;
} */
body {
	font-family: 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	/* font-family: 'Cantata One', serif, "Times New Roman" ,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
	/* font-family: 'Noto Serif' , "游明朝" , Garamond , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; */
	font-weight: 400;
	font-size: 0.9rem;
}
.wf {
	font-family: 'Spartan' , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.wf_en {
	font-family: 'Spartan' , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.wf_maru {
  font-family: 'Kosugi Maru', 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.wf_go {
font-family: 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.wf_min {
	font-family: 'Noto Serif Japanese', Garamond , "游明朝" , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.wf_ttl {
	font-family: "Secular One" ,'Noto Sans JP',  "游ゴシック" , sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
}
.wf02 {
	font-family: 'Sarala', 游ゴシック, sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}

a {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
}
p {
	font-weight:normal;
  font-family: 'Noto Sans JP', "游ゴシック" , 'Josefin Sans' , sans-serif , YuGothic, 'Franklin Gothic Medium' , 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  line-height: 1.8;
	color: #120e02;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
a {
	cursor: pointer;
	text-decoration:none;
	
}
a:hover{
}
a img{
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  transition: .3s ease-out;
}
/* a img:hover{
	opacity:.7;
} */
ul,ol {
	list-style-type: none;
}
figure {
	margin: 0;
}
img {
	border-style:none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0;
	max-width:100%;
}
.noto_b {
  font-family: 'Noto Sans JP', "游ゴシック" , 'Josefin Sans' , sans-serif , YuGothic, 'Franklin Gothic Medium' , 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  font-weight: 700 !important;
}

.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.fs105 {font-size: 105%;}
.fs110 {font-size: 110%;}
.in_bl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.bl {
	display:block;
}
.t_cen {
  text-align: center;
}
.t_le {
  text-align: left;
}
.t_ri {
  text-align: right;
}
.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
strong {
  font-size:120%;
}
.f12 {
  font-size: 1.2rem;
}
.f11 {
  font-size: 1.1rem;
}
.f09 {
  font-size: 0.9rem;
}
.f08 {
  font-size: 0.8rem;
}
.f07 {
  font-size: 0.7rem;
}
.f_gray {
  color: #818181;
}
.blue {
  color: #fee758;
}
.full {
  width: 99.3vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.full > section {
	max-width: calc(1200px - 6vw);
	margin-left: auto;
	margin-right: auto;
}
.bg {
	background: #f8f6f6;
	padding-top: 5vw;
  padding-bottom: 5vw;
}
.bg_wh {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.marker.active em {
    background-position: -100% .5em;
}
.marker em {
    background-image: -webkit-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -o-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
		font-size: 110%;
}
.uline.active{
    background-position: -100% .5em;
}
.uline::after {
	content: "";
	width: 0;
  border-bottom: solid 1px #cacaca;
  transition: all 2s ease;
}
.mT0{margin-top: 0 !important;}
.mTe1{margin-top: 1em !important;}
.mTe2{margin-top: 2em !important;}
.mTe3{margin-top: 3em !important;}
.mTe4{margin-top: 4em !important;}
.mTe5{margin-top: 5em !important;}
.mTe6{margin-top: 6em !important;}
.mTe7{margin-top: 7em !important;}
.mTe8{margin-top: 8em !important;}
.mB0{margin-bottom: 0 !important;}
.mBe1{margin-bottom: 1em !important;}
.mBe2{margin-bottom: 2em !important;}
.mBe3{margin-bottom: 3em !important;}
.mBe4{margin-bottom: 4em !important;}
.mR0{margin-right: 0 !important;}
.mRe1{margin-right: 1em !important;}
.mRe2{margin-right: 2em !important;}
.mRe3{margin-right: 3em !important;}
.mRe4{margin-right: 4em !important;}
.mL0{margin-left: 0 !important;}
.mLe1{margin-left: 1em !important;}
.mLe2{margin-left: 2em !important;}
.mLe3{margin-left: 3em !important;}
.mLe4{margin-left: 4em !important;}

#preloader { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#fefefe; z-index:99998; }

.spinner { position: absolute; left:0; right:0; bottom:0; top:0; width:70px; height:70px; margin: auto; text-indent:-9999px;     border-top: 1px solid #bf8e25; border-right: 1px solid #bf8e25; border-bottom: 1px solid #a90000; border-left: 1px solid #a90000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin .5s linear infinite; -moz-animation: spin .5s linear infinite; -ms-animation: spin .5s linear infinite; -o-animation: spin .5s linear infinite; animation: spin .5s linear infinite }

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.spinner{width:50px;height:50px}}@media screen and (max-width:414px){.spinner{width:40px;height:40px}}

.scrt-cover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: #fee758;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.scrt-cover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fefefe;
  z-index: 2;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}
.scrt-cover.visible:after, .scrt-cover.visible:before {
  right: -100%;
}
.fadects, .fadeaway, .faderight, .fadeleft {
  opacity: 0;
}
.fadeul li, .fadeul > section {
  opacity: 0;
}

@-webkit-keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(15px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeUp  {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:2s;
	 -ms-animation-duration:2s;
	 animation-duration:2s;
	 -webkit-animation-name: fadeUp;
	 animation-name: fadeUp;
	 visibility: visible !important;
	 opacity:1;
}
@-webkit-keyframes fade-r {
	 0% { opacity: 0; -webkit-transform: translateX(15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fade-r {
	 0% { opacity: 0; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.faderight.on {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fade-r;
	animation-name: fade-r;
}
@-webkit-keyframes fade-l {
	 0% { opacity: 0; -webkit-transform: translateX(-15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fade-l {
	 0% { opacity: 0; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeleft.on {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fade-l;
	animation-name: fade-l;
}
.fadeUpin {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
}
.fadects img, .fadeul li img, .fadeul > section img {
	transform: scale(1.1);
}
.fadeUpin img {
	transform: scale(1) !important;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
}
/* .fadeul li.fadeUpin, .fadeul > section.fadeUpin {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
} */
.fadeul li:nth-child(2), .fadeul > section:nth-child(2) {
	animation-delay: .5s;
}
.fadeul li:nth-child(3), .fadeul > section:nth-child(3) {
	animation-delay: 1s;
}
.fadeul li:nth-child(4), .fadeul > section:nth-child(4) {
	animation-delay: 1.5s;
}
.fadeul li:nth-child(5), .fadeul > section:nth-child(5) {
	animation-delay: .8s;
}
.fadeul li:nth-child(6), .fadeul > section:nth-child(6) {
	animation-delay: .9s;
}
.fadeul li:nth-child(7), .fadeul > section:nth-child(7) {
	animation-delay: 1.1s;
}
.fadeul li:nth-child(8), .fadeul > section:nth-child(8) {
	animation-delay: 1.3s;
}
.fadeul li:nth-child(9), .fadeul > section:nth-child(9) {
	animation-delay: 1.5s;
}
.fadeul li:nth-child(10), .fadeul > section:nth-child(10) {
	animation-delay: 1.7s;
}
.fadeul li:nth-child(11), .fadeul > section:nth-child(11) {
	animation-delay: 1.9s;
}

@-webkit-keyframes fadeAway {
	 0% { opacity: 0; -webkit-transform: translateY(15px); transform: scale(1.1) }
	 100% { opacity: 1; -webkit-transform: translateY(0); transform: scale(1) }
}
@keyframes fadeAway {
	 0% { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); transform: scale(1.1) }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transform: scale(1) }
}
.fadeawayin  {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fadeAway;
	animation-name: fadeAway;
}
button, input, select, textarea {
	border: solid 1px #d8d8d8;
	padding: 1em;
	
	border-radius: 3px;
}
.form input[type=text], .form input[type=password], .form input[type=email], .form input[type=url], .form input[type=number], .form input[type=tel], .form input[type=date], .form input[type=datetime], .form textarea {
	width: calc(100% - 2em) ;
}
input[type="submit"], input[type="button"] {
  /* max-width: 350px;
	font-size: 0.9rem;
  background: #f7112e;
  padding: 12px 10px 12px;*/
  width:100%;
  color: #fff;
  border: none;
  cursor: pointer;
  display: block;
  -webkit-transition: .3s ease-in;
  -moz-transition: .3s ease-in;
  -ms-transition: .3s ease-in;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	font-family: 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
input[type="button"] {
  background: #f7112e;
}
input[type="submit"]:hover {
	background: url(../images/arrow_r.svg) no-repeat center right 20px #be0000;
  background-size: 24px;
}
input[type="button"]:hover {
	background: #be0000;
}
.menu input[type=text], .menu input[type=password], .menu input[type=email], .menu input[type=url], .menu input[type=number], .menu input[type=tel], .menu input[type=date], .menu input[type=datetime], .menu select, menu textarea {
	width: auto;
}
input[type="checkbox"] {
	width: 22px;
	height: 22px;
}
input[type="checkbox"]:checked
{
	background:#8383ff;
}

input[type="radio"]
{
	height:19px;
	width:19px;
}