@charset "utf-8";

/* ========================================================================= *
 *  CSSのリセット
/* ========================================================================= */

@page { size: A4 portrait;}
@media print{
	body{
		font-size:14px !important;
		width: 172mm !important;
	}
}
*{
	box-sizing: border-box;
}

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, img, ins, kbd, q, s, 
samp, small, strike, strong,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, caption, 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;letter-spacing: -0.01em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; font-weight:400;}
sub, sup{ margin: 0; padding: 0; border: 0; font-size: 100%;}
em{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; }

/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
a,
button{
	text-decoration: none;
	/* outline: 0; */
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
button{
	background-color: transparent;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	border:none;
}
a:hover{
	/*opacity:0.8;*/
}
body:not(.home) img {
	max-width: 100%;
	height: auto;
}
a,
a:before,
a:after,
button,
button:before,
button:after {
-webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease;
-moz-transition-duration: 0.5s; -moz-transition-timing-function: ease;
-o-transition-duration: 0.5s; -o-transition-timing-function: ease; 
transition-duration: 0.5s; transition-timing-function: ease; }
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display:block;}

/*  base : clear
/* ------------------------------------ */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*  base : font awesome square size
/* ------------------------------------ */
.fa { width: 1em; text-align: center; }

/*  base : forms
/* ------------------------------------ */
input, textarea, select, label { font-family: inherit; }

/* ------------------------------------------------------------------------- *
 *  Base Structure
/* ------------------------------------------------------------------------- */
html {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color: #000;
	font-weight: 500;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
/* ------ Body ------ */
html{
	font-size:62.5%;
	position:static !important;
}
body,
h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,sub,sup,
mark,del,ins,strike,abbr,dfn,blockquote,q,cite,code,pre,
ol,ul,li,dl,dt,dd,
div,section,article,main,aside,nav,header,hgroup,footer,
img,figure,figcaption,
address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
input,button{
	font-size:1.4rem;
}

body{
	font-family:  YakuHanJP,'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight:400;
	line-height: 1.4em;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	color:#000;
	background-color: #fff;
	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto;
	letter-spacing: 0.05em;
	top: 0px !important;
	position:static !important;
}
button{
	font-family:  YakuHanJP,'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight:400;
	line-height: 1.4em;
	-webkit-text-size-adjust: 100%;
	color:#000;
	appearance: none;
	outline: none;
	-webkit-appearance: none;
	letter-spacing: 0.05em;
}
.mincho{
	font-family: YakuHanMP, '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
.lng_en{
	font-family:'Oswald';
	font-weight: 700;
}

/*■ Mobile ■*/
@media only screen and (max-width: 750px) {
	html{
		font-size: 100px;
		font-size: -webkit-calc(100vw / 7.5) !important;
		font-size: calc(100vw / 7.5) !important;
	}
	body{
		font-size:0.26rem;
	}
	h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,sub,sup,
	mark,del,ins,strike,abbr,dfn,blockquote,q,cite,code,pre,
	ol,ul,li,dl,dt,dd,
	div,section,article,main,aside,nav,header,hgroup,footer,
	img,figure,figcaption,
	address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,
	input,button{
		font-size:0.26rem;
	}
	body,
	button{
		letter-spacing:0.05em;
	}
}
@media only screen and (max-width: 640px) {
	html{
		font-size: 85px;
	}
}
@media only screen and (max-width: 480px) {
	html{
		font-size: 64px;
	}
}
@media only screen and (max-width: 320px) {
	html{
		font-size: 43px;
	}
}

/* ------ Anchor ------ */
a {
	/* outline: none; */
}

a:link {
	text-decoration: none;
	/*color: #333;*/
}
a:visited {
	text-decoration: none;
	/*color: #333;*/
}
a:hover {
	text-decoration: none;
	/*color: #333;*/
}
a:active {
	text-decoration: none;
	/*color: #333;*/
}

/*---------------------------------------
	for all
---------------------------------------*/
.ie8 img {
	width: auto;
}

p {
	font-size: 100%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}

article{
	position: relative;
	/* overflow:hidden; */
}
footer{
	text-align: center;
	vertical-align: top;
}

/* -----------------------------------------
 汎用class
----------------------------------------- */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cf { display: block;vertical-align: top;zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: block;vertical-align: top;zoom: 1;}
.left{
	float:left;
}
.right{
	float:right;
}

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	.sp{display:none !important;}
}
/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	.pc{display:none !important;}
}

/* ------------------------------------------------------------------------- *
/* 横向きの場合のスタイル */
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 750px) and (orientation: landscape) {
	html{
		font-size: -webkit-calc(100vh / 7.5) !important;
		font-size: calc(100vh / 7.5) !important;
	}
}