@charset "UTF-8";

/* CSS Document */
@font-face {
  font-family: "Yu Gothic";
  font-display: auto;
  font-weight: normal;
  src: local("Yu Gothic-Medium"),
  local('Yu Gothic Medium'),
  local('YuGothic-Regular'); 
}
@font-face {
  font-family: "Yu Gothic";
  font-display: auto;
  font-weight: bold;
  src: local("Yu Gothic-Bold"),
  local('Yu Gothic');
}


/* reset
------------------------------------------*/
/*!
 * ress.css ? v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}address{font-style:normal}
h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; margin: 0; padding:0;}
ul,li,ol,li { list-style: none;}
a,form,iframe {outline: 0; border: 0;}
img {
	max-width: 100%;
	height:auto;
	line-height:0;
	vertical-align:top;
}

a:link,
a:hover,
a:visited {
	text-decoration: none;
	color: #000;
}

/* テキストリンク */
a.txtlink {
    padding-bottom: 3px;
	color: #e3aa00;
    background: linear-gradient(transparent 90%, #e3aa00 90%);
}
a.txtlink:hover {
	text-decoration: none;
}

/* font style 親要素引継ぎ */
span {
	font-size: inherit;
  	font-weight: inherit;
}

/* Primary Styles
------------------------------------------*/
html {
	overflow-y: scroll;
	box-sizing: border-box;
	font-size: 62.5%;
}

body {
	position: relative;
	background:#fff;
	text-size-adjust:100%;
	color: #000;
	font-size: 1.6rem;
	font-weight:500;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ ゴシック",sans-serif;
	letter-spacing: 0.08em;
	line-height: 1.6;
}

body.fixed {
    position: fixed;
    width: 100%;
}

main {
	font-size: 1.6rem;
	line-height: 1.75;
	display:  block;
}

@media (max-width: 767px) {
	main {
		display: flex;
		align-items: center;
		height: calc(100vh - 57px);
		height: calc(100dvh - 57px);
	}
}

/* Common style
---------------------------------*/
.txt-center,
.stxt-center {
	text-align: center;
}
@media (max-width: 767px){
	.stxt-center {
		text-align: left;
	}
}

.block { display: block;}
.iblock { display: inline-block;}


/* layout --------------------- */
.wrap {
    box-sizing: border-box;
    max-width: 1350px;
    width: 90%;
    margin: 0 auto;
}

@media (max-width: 480px) {
	.wrap {
	    width: 85%;
	}
	
}

/* font STYLE ------------------- */
.f-en { font-family: Arial, Helvetica, "sans-serif";}
.f-yug { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.f-min { font-family: "ヒラギノ明朝 ProN", Hiragino Mincho ProN, "ヒラギノ明朝 Pro","Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "MS P明朝", Georgia, Times, serif;}
.f-aral { font-family: 'Arial', sans-serif; }
.f-yuji { font-family: 'Yuji Syuku', serif; }

/* font weight --------------------------------------*/
.f-bold { font-weight: bold;}
.f-normal { font-weight: normal;}
.f-w300 { font-weight: 300;}
.f-w600 { font-weight: 600;}

/* font color --------------------------------------*/
.f-red { color: #FF0000;}
.f-wht { color: #fff;}
.f-blk { color: #000;}
.f-navy { color: #003366;}
.f-orng { color: #e3aa00;}

/* font size --------------------------------------*/
.f-sz10 { font-size: 1.0rem;}
.f-sz11 { font-size: 1.1rem;}
.f-sz12 { font-size: 1.2rem;}
.f-sz13 { font-size: 1.3rem;}
.f-sz14 { font-size: 1.4rem;}
.f-sz15 { font-size: 1.5rem;}
.f-sz16 { font-size: 1.6rem;}
.f-sz17 { font-size: 1.7rem;}
.f-sz18 { font-size: 1.8rem;}
.f-sz19 { font-size: 1.9rem;}
.f-sz20 { font-size: 2.0rem;}
.f-sz21 { font-size: 2.1rem;}
.f-sz22 { font-size: 2.2rem;}
.f-sz23 { font-size: 2.3rem;}
.f-sz24 { font-size: 2.4rem;}
.f-sz25 { font-size: 2.5rem;}
.f-sz26 { font-size: 2.6rem;}
.f-sz27 { font-size: 2.7rem;}
.f-sz28 { font-size: 2.8rem;}
.f-sz29 { font-size: 2.9rem;}
.f-sz30 { font-size: 3.0rem;}
.f-sz31 { font-size: 3.1rem;}
.f-sz32 { font-size: 3.2rem;}
.f-sz33 { font-size: 3.3rem;}
.f-sz34 { font-size: 3.4rem;}
.f-sz35 { font-size: 3.5rem;}
.f-sz36 { font-size: 3.6rem;}
.f-sz37 { font-size: 3.7rem;}
.f-sz38 { font-size: 3.8rem;}
.f-sz39 { font-size: 3.9rem;}
.f-sz40 { font-size: 4.0rem;}
.f-sz41 { font-size: 4.1rem;}
.f-sz42 { font-size: 4.2rem;}
.f-sz43 { font-size: 4.3rem;}
.f-sz44 { font-size: 4.4rem;}
.f-sz45 { font-size: 4.5rem;}
.f-sz46 { font-size: 4.6rem;}
.f-sz47 { font-size: 4.7rem;}
.f-sz48 { font-size: 4.8rem;}
.f-sz49 { font-size: 4.9rem;}
.f-sz50 { font-size: 5.0rem;}
.f-sz51 { font-size: 5.1rem;}
.f-sz52 { font-size: 5.2rem;}
.f-sz53 { font-size: 5.3rem;}
.f-sz54 { font-size: 5.4rem;}
.f-sz55 { font-size: 5.5rem;}
.f-sz56 { font-size: 5.6rem;}
.f-sz57 { font-size: 5.7rem;}
.f-sz58 { font-size: 5.8rem;}
.f-sz59 { font-size: 5.9rem;}
.f-sz60 { font-size: 6.0rem;}
.f-sz62 { font-size: 6.2rem;}
.f-sz64 { font-size: 6.4rem;}
.f-sz66 { font-size: 6.6rem;}
.f-sz68 { font-size: 6.8rem;}
.f-sz70 { font-size: 7.0rem;}
.f-sz72 { font-size: 7.2rem;}
.f-sz76 { font-size: 7.5rem;}
.f-sz80 { font-size: 8.0rem;}
.f-sz85 { font-size: 8.5rem;}
.f-sz90 { font-size: 9.0rem;}
.f-sz95 { font-size: 9.5rem;}
.f-sz100 { font-size:10rem;}
.f-sz110 { font-size:11rem;}
@media (min-width: 481px) and (max-width: 1200px) {
    .f-sz15 { font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.1389));}
    .f-sz16 { font-size: calc(1.5rem + ((1vw - 0.48rem) * 0.1389));}
    .f-sz17 { font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.1389));}
    .f-sz18 { font-size: calc(1.7rem + ((1vw - 0.48rem) * 0.1389));}
    .f-sz19 { font-size: calc(1.75rem + ((1vw - 0.48rem) * 0.2083));}
    .f-sz20 { font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.2778));}
    .f-sz21 { font-size: calc(1.85rem + ((1vw - 0.48rem) * 0.3472));}
    .f-sz22 { font-size: calc(1.9rem + ((1vw - 0.48rem) * 0.4167));}
    .f-sz23 { font-size: calc(1.95rem + ((1vw - 0.48rem) * 0.4861));}
    .f-sz24 { font-size: calc(2rem + ((1vw - 0.48rem) * 0.5556));}
    .f-sz25 { font-size: calc(2rem + ((1vw - 0.48rem) * 0.6944));}
    .f-sz26 { font-size: calc(2.1rem + ((1vw - 0.48rem) * 0.6944));}
    .f-sz27 { font-size: calc(2.1rem + ((1vw - 0.48rem) * 0.8333));}
    .f-sz28 { font-size: calc(2.2rem + ((1vw - 0.48rem) * 0.8333));}
    .f-sz29 { font-size: calc(2.2rem + ((1vw - 0.48rem) * 0.9722));}
    .f-sz30 { font-size: calc(2.3rem + ((1vw - 0.48rem) * 0.9722));}
    .f-sz31 { font-size: calc(2.3rem + ((1vw - 0.48rem) * 1.1111));}
    .f-sz32 { font-size: calc(2.4rem + ((1vw - 0.48rem) * 1.1111));}
    .f-sz33 { font-size: calc(2.4rem + ((1vw - 0.48rem) * 1.25));}
    .f-sz34 { font-size: calc(2.5rem + ((1vw - 0.48rem) * 1.25));}
    .f-sz35 { font-size: calc(2.5rem + ((1vw - 0.48rem) * 1.3889));}
    .f-sz36 { font-size: calc(2.6rem + ((1vw - 0.48rem) * 1.3889));}
    .f-sz37 { font-size: calc(2.6rem + ((1vw - 0.48rem) * 1.5278));}
    .f-sz38 { font-size: calc(2.7rem + ((1vw - 0.48rem) * 1.5278));}
    .f-sz39 { font-size: calc(2.7rem + ((1vw - 0.48rem) * 1.6667));}
    .f-sz40 { font-size: calc(2.8rem + ((1vw - 0.48rem) * 1.6667));}
    .f-sz41 { font-size: calc(2.8rem + ((1vw - 0.48rem) * 1.8056));}
    .f-sz42 { font-size: calc(2.9rem + ((1vw - 0.48rem) * 1.8056));}
    .f-sz43 { font-size: calc(2.9rem + ((1vw - 0.48rem) * 1.9444));}
    .f-sz44 { font-size: calc(3rem + ((1vw - 0.48rem) * 1.9444));}
    .f-sz45 { font-size: calc(3rem + ((1vw - 0.48rem) * 2.0833));}
    .f-sz46 { font-size: calc(3.1rem + ((1vw - 0.48rem) * 2.0833));}
    .f-sz47 { font-size: calc(3.1rem + ((1vw - 0.48rem) * 2.2222));}
    .f-sz48 { font-size: calc(3.2rem + ((1vw - 0.48rem) * 2.2222));}
    .f-sz49 { font-size: calc(3.2rem + ((1vw - 0.48rem) * 2.3611));}
    .f-sz50 { font-size: calc(3.3rem + ((1vw - 0.48rem) * 2.3611));}
    .f-sz51 { font-size: calc(3.3rem + ((1vw - 0.48rem) * 2.5));}
    .f-sz52 { font-size: calc(3.4rem + ((1vw - 0.48rem) * 2.5));}
    .f-sz53 { font-size: calc(3.4rem + ((1vw - 0.48rem) * 2.6389));}
    .f-sz54 { font-size: calc(3.5rem + ((1vw - 0.48rem) * 2.6389));}
    .f-sz55 { font-size: calc(3.5rem + ((1vw - 0.48rem) * 2.7778));}
    .f-sz56 { font-size: calc(3.6rem + ((1vw - 0.48rem) * 2.7778));}
    .f-sz57 { font-size: calc(3.6rem + ((1vw - 0.48rem) * 2.9167));}
    .f-sz58 { font-size: calc(3.7rem + ((1vw - 0.48rem) * 2.9167));}
    .f-sz59 { font-size: calc(3.7rem + ((1vw - 0.48rem) * 3.0556));}
    .f-sz60 { font-size: calc(3.8rem + ((1vw - 0.48rem) * 3.0556));}
    .f-sz62 { font-size: calc(3.8rem + ((1vw - 0.48rem) * 3.3333));}
    .f-sz64 { font-size: calc(3.9rem + ((1vw - 0.48rem) * 3.4722));}
    .f-sz66 { font-size: calc(3.9rem + ((1vw - 0.48rem) * 3.75));}
    .f-sz68 { font-size: calc(4rem + ((1vw - 0.48rem) * 3.8889));}
    .f-sz70 { font-size: calc(4.2rem + ((1vw - 0.48rem) * 3.8889));}
    .f-sz72 { font-size: calc(4.4rem + ((1vw - 0.48rem) * 3.8889));}
    .f-sz76 { font-size: calc(4.6rem + ((1vw - 0.48rem) * 4.1667));}
    .f-sz80 { font-size: calc(4.8rem + ((1vw - 0.48rem) * 4.4444));}
    .f-sz85 { font-size: calc(5rem + ((1vw - 0.48rem) * 4.8611));}
    .f-sz90 { font-size: calc(5rem + ((1vw - 0.48rem) * 5.5556));}
    .f-sz95 { font-size: calc(5.5rem + ((1vw - 0.48rem) * 5.5556));}
    .f-sz100 { font-size: calc(5.5rem + ((1vw - 0.48rem) * 6.25));}
    .f-sz110 { font-size: calc(5.5rem + ((1vw - 0.48rem) * 7.6389));}
}
@media (max-width: 480px){
    .f-sz15 { font-size: 1.4rem;}
    .f-sz16 { font-size: 1.5rem;}
    .f-sz17 { font-size: 1.6rem;}
    .f-sz18 { font-size: 1.7rem;}
    .f-sz19 { font-size: 1.75rem;}
    .f-sz20 { font-size: 1.8rem;}
    .f-sz21 { font-size: 1.85rem;}
    .f-sz22 { font-size: 1.9rem;}
    .f-sz23 { font-size: 1.95rem;}
    .f-sz24 { font-size: 2rem;}
    .f-sz25 { font-size: 2rem;}
    .f-sz26 { font-size: 2.1rem;}
    .f-sz27 { font-size: 2.1rem;}
    .f-sz28 { font-size: 2.2rem;}
    .f-sz29 { font-size: 2.2rem;}
    .f-sz30 { font-size: 2.3rem;}
    .f-sz31 { font-size: 2.3rem;}
    .f-sz32 { font-size: 2.4rem;}
    .f-sz33 { font-size: 2.4rem;}
    .f-sz34 { font-size: 2.5rem;}
    .f-sz35 { font-size: 2.5rem;}
    .f-sz36 { font-size: 2.6rem;}
    .f-sz37 { font-size: 2.6rem;}
    .f-sz38 { font-size: 2.7rem;}
    .f-sz39 { font-size: 2.7rem;}
    .f-sz40 { font-size: 2.8rem;}
    .f-sz41 { font-size: 2.8rem;}
    .f-sz42 { font-size: 2.9rem;}
    .f-sz43 { font-size: 2.9rem;}
    .f-sz44 { font-size: 3rem;}
    .f-sz45 { font-size: 3rem;}
    .f-sz46 { font-size: 3.1rem;}
    .f-sz47 { font-size: 3.1rem;}
    .f-sz48 { font-size: 3.2rem;}
    .f-sz49 { font-size: 3.2rem;}
    .f-sz50 { font-size: 3.3rem;}
    .f-sz51 { font-size: 3.3rem;}
    .f-sz52 { font-size: 3.4rem;}
    .f-sz53 { font-size: 3.4rem;}
    .f-sz54 { font-size: 3.5rem;}
    .f-sz55 { font-size: 3.5rem;}
    .f-sz56 { font-size: 3.6rem;}
    .f-sz57 { font-size: 3.6rem;}
    .f-sz58 { font-size: 3.7rem;}
    .f-sz59 { font-size: 3.7rem;}
    .f-sz60 { font-size: 3.8rem;}
    .f-sz62 { font-size: 3.8rem;}
    .f-sz64 { font-size: 3.9rem;}
    .f-sz66 { font-size: 3.9rem;}
    .f-sz68 { font-size: 4rem;}
    .f-sz70 { font-size: 4.2rem;}
    .f-sz72 { font-size: 4.4rem;}
    .f-sz76 { font-size: 4.6rem;}
    .f-sz80 { font-size: 4.8rem;}
    .f-sz85 { font-size: 5rem;}
    .f-sz90 { font-size: 5rem;}
    .f-sz95 { font-size: 5.5rem;}
    .f-sz100 { font-size: 5.5rem;}
    .f-sz110 { font-size: 5.5rem;}
}


/* padding */
.pt130 { padding-top: 130px;}
.pt120 { padding-top: 120px;}
.pt110 { padding-top: 110px;}
.pt100 { padding-top: 100px;}
.pt90 { padding-top: 90px;}
.pt85 { padding-top: 85px;}
.pt80 { padding-top: 80px;}
.pt70 { padding-top: 70px;}
.pt60 { padding-top: 60px;}
.pt50 {	padding-top: 50px;}
.pt40 { padding-top: 40px;}
.pt30 { padding-top: 30px;}
.pt20 { padding-top: 20px;}
.pt15 {	padding-top: 15px;}
.pt10 {	padding-top: 10px;}
.pt5 { padding-top: 5px;}

.pb130 { padding-bottom: 130px;}
.pb120 { padding-bottom: 120px;}
.pb110 { padding-bottom: 110px;}
.pb100 { padding-bottom: 100px;}
.pb90 { padding-bottom: 90px;}
.pb80 { padding-bottom: 80px;}
.pb70 {	padding-bottom: 70px;}
.pb60 {	padding-bottom: 60px;}
.pb50 {	padding-bottom: 50px;}
.pb40 {	padding-bottom: 40px;}
.pb30 {	padding-bottom: 30px;}
.pb20 {	padding-bottom: 20px;}
.pb15 {	padding-bottom: 15px;}
.pb10 {	padding-bottom: 10px;}
.pb5 { padding-bottom: 5px;}

.mb90 {	margin-bottom: 90px;}
.mb70 {	margin-bottom: 70px;}
.mb60 {	margin-bottom: 60px;}
.mb50 {	margin-bottom: 50px;}
.mb40 {	margin-bottom: 40px;}
.mb30 {	margin-bottom: 30px;}
.mb20 { margin-bottom: 20px;}
.mb15 { margin-bottom: 15px;}
.mb10 { margin-bottom: 10px;}
.mb5 { margin-bottom: 5px;}

@media (max-width: 767px) {
	.pt130 { padding-top: 100px;}
	.pt120 { padding-top: 95px;}
	.pt110 { padding-top: 90px;}
	.pt100 { padding-top: 75px;}
	.pt90 { padding-top: 60px;}
	.pt85 { padding-top: 63px;}
	.pt80 { padding-top: 55px;}
	.pt70 { padding-top: 50px;}
	.pt60 { padding-top: 45px;}
	.pt50 { padding-top: 40px;}
	.pt40 { padding-top: 30px;}
	.pt30 { padding-top: 25px;}
	.pt20 { padding-top: 15px;}
	
	.pb130 { padding-bottom: 100px;}
	.pb120 { padding-bottom: 95px;}
	.pb110 { padding-bottom: 90px;}
	.pb100 { padding-bottom: 80px;}
	.pb90 { padding-bottom: 65px;}
	.pb80 { padding-bottom: 55px;}
	.pb70 { padding-bottom: 50px;}
	.pb60 { padding-bottom: 45px;}
	.pb50 { padding-bottom: 40px;}
	.pb40 { padding-bottom: 30px;}
	.pb30 { padding-bottom: 25px;}
	.pb20 { padding-bottom: 20px;}
	
	.mb30 { margin-bottom: 25px;}
	.mb40 {	margin-bottom: 30px;}
	.mb50 {	margin-bottom: 35px;}
	.mb60 {	margin-bottom: 40px;}
	.mb70 { margin-bottom: 55px;}
	.mb90 { margin-bottom: 60px;}
}

@media (max-width: 480px) {
	.pt130 { padding-top: 65px;}
	.pt120 { padding-top: 60px;}
	.pt110 { padding-top: 55px;}
	.pt100 { padding-top: 50px;}
	.pt90 { padding-top: 45px;}
	.pt85 { padding-top: 40px;}
	.pt80 { padding-top: 40px;}
	.pt70 { padding-top: 35px;}
	.pt60 { padding-top: 30px;}
	.pt50 { padding-top: 25px;}
	.pt40 { padding-top: 20px;}
	.pt30 { padding-top: 15px;}
	.pt20 { padding-top: 10px;}

	.pb130 { padding-bottom: 65px;}
	.pb120 { padding-bottom: 60px;}
	.pb110 { padding-bottom: 55px;}	
	.pb100 { padding-bottom: 50px;}
	.pb90 { padding-bottom: 45px;}
	.pb80 { padding-bottom: 40px;}
	.pb70 { padding-bottom: 35px;}
	.pb60 { padding-bottom: 30px;}
	.pb50 { padding-bottom: 25px;}
	.pb40 { padding-bottom: 20px;}
	.pb30 { padding-bottom: 15px;}
	.pb20 { padding-bottom: 10px;}
	
	.mb90 {	margin-bottom: 45px;}
	.mb70 {	margin-bottom: 35px;}
	.mb60 {	margin-bottom: 30px;}
	.mb50 {	margin-bottom: 25px;}
	.mb40 { margin-bottom: 20px;}
	.mb30 { margin-bottom: 15px;}
	.mb20 { margin-bottom: 10px;}
}

/* iOS タップバグ回避
========================= */
@media screen and (max-width: 640px) {
	.button a{
		pointer-events: none;
	}
	a:hover:after,
	a:active:after,
	a:focus:after
	a:after {
		display: none !important;
	}
}