@charset "utf-8";


/* モジュール(優先順位-高) -------------------------------- 
  各レイアウトより優先順位の高い設定
*/

/* 文章用 1文字目をインデント */
.doc {
}
.doc p {
	/*text-indent: 1em;*/
}
.doc p:last-of-type {
	margin-bottom: 0;
}

/* ブロック */
@media screen and (min-width: 768px) {
	.block {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 767px) {
	.block {
		margin-bottom: calc(30 / 768 * 100vw);
	}
}

/* 汎用トグル */
.sp_toggle,
.toggle {
	position: relative;
	padding-right: 1.1em;
}
.sp_toggle > i:before,
.toggle > i:before {
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: top;
}
@media screen and (min-width: 768px) {
	.sp_toggle i {
		display: none;
	}
}
@media screen and (max-width: 767px) {
}


/* アニメーション等の設定 */

/* inview ------------------------------------------------- */
/* inview - サイトトップ */
/* メインビジュアル 背景ボックス */
.inViewMVBox-out {
	opacity: 0;
	transition: all 1.0s ease 0.5s;
}
.inViewMVBox-in {
	opacity: 1.0;
	overflow:hidden;
}
/* メインビジュアル テキスト画像 */
@media screen and (min-width: 768px) {
	.inViewMVBoxTxt1_1-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(500px, 0);
		transform: translate(500px, 0);
		transition: all .5s ease 1.5s;
	}
	.inViewMVBoxTxt1_1-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_2-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(500px, 0);
		transform: translate(500px, 0);
		transition: all .5s ease 2.5s;
	}
	.inViewMVBoxTxt1_2-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_3-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(calc(100vw / 3), 0);
		transform: translate(calc(100vw / 3)300px, 0);
		transition: all .5s ease 3.5s;
	}
	.inViewMVBoxTxt1_3-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_4-out {
		display: inline-block;
		opacity: 0;
		transition: all .5s ease 4.5s;
	}
	.inViewMVBoxTxt1_4-in {
		opacity: 1.0;
	}
}
@media screen and (max-width: 767px) {
	.inViewMVBoxTxt1_1-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		transition: all .5s ease 1.5s;
	}
	.inViewMVBoxTxt1_1-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_2-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		transition: all .5s ease 2.5s;
	}
	.inViewMVBoxTxt1_2-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_3-out {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
		transition: all .5s ease 3.5s;
	}
	.inViewMVBoxTxt1_3-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewMVBoxTxt1_4-out {
		display: inline-block;
		opacity: 0;
		transition: all .5s ease 4.5s;
	}
	.inViewMVBoxTxt1_4-in {
		opacity: 1.0;
	}
}


.inViewMVBoxTxt2-out {
	opacity: 0;
	-webkit-transform: translate(0, 60px);
	transform: translate(0, 60px);
	transition: all 1.5s ease 5.5s;
}
.inViewMVBoxTxt2-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.inViewMVBoxTxt3-out {
	opacity: 0;
	-webkit-transform: translate(0, 60px);
	transform: translate(0, 60px);
	transition: all 1.5s ease 6.5s;
}
.inViewMVBoxTxt3-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
@keyframes inViewZoomin00 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 60px);
		transform: translate(0, 60px);
	}
	94% {
		opacity: 1;
		-webkit-transform: translate(0, -4px);
		transform: translate(0, -4px);
	}
	96% {
		-webkit-transform: translate(0, 4px);
		transform: translate(0, 4px);
	}
	98% {
		-webkit-transform: translate(0, -4px);
		transform: translate(0, -4px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}


/* 2col左右移動 */
@media screen and (min-width: 768px) {
	
}
@media screen and (max-width: 767px) {
	
}
.inViewlCol2r-out {
	opacity: 0;
	-webkit-transform: translate(-255px, 0);
	transform: translate(-255px, 0);
	transition: all 2.0s ease .33s;
}
.inViewlCol2l-out {
	opacity: 0;
	-webkit-transform: translate(255px, 0);
	transform: translate(255px, 0);
	transition: all 2.0s ease .33s;
}
.inViewlCol2r-in,
.inViewlCol2l-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/* 3col左右移動 */
@media screen and (min-width: 768px) {
	
}
@media screen and (max-width: 767px) {
	
}
.inViewlCol3r-out {
	opacity: 0;
	-webkit-transform: translate(-355px, 0);
	transform: translate(-355px, 0);
	transition: all 2.0s ease .33s;
}
.inViewlCol3l-out {
	opacity: 0;
	-webkit-transform: translate(355px, 0);
	transform: translate(355px, 0);
	transition: all 2.0s ease .33s;
}
.inViewlCol3r-in,
.inViewlCol3l-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}



/* 下層h1 */
@media screen and (min-width: 768px) {
	.inViewH1a-out {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		transition: all 1.0s ease .1s;
	}
	.inViewH1a-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewH1b-out::after {
		width: 0px;
		margin-left: 510px;
		transition: all 1.0s ease .3s;
	}
	.inViewH1b-in::after {
		width: 250px;
		margin-left: 385px;
	}
}
@media screen and (max-width: 767px) {
	.inViewH1a-out {
		opacity: 0;
		-webkit-transform: translate(0, 30px);
		transform: translate(0, 30px);
		transition: all 1.0s ease .1s;
	}
	.inViewH1a-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.inViewH1b-out::after {
		width: 0px;
		margin-left: 50%;
		transition: all 1.0s ease .3s;
	}
	.inViewH1b-in::after {
		width: calc(250 / 768 * 100vw);
		margin-left: calc(225 / 768 * 100vw);
	}
}


/* 下層h2 */
@media screen and (min-width: 768px) {
	.inViewH2-out {
		text-indent: 80px;
		color: #fff;
		transition: all 1.0s ease 1.1s;
	}
	.inViewH2-in {
		text-indent: 0;
		color: #222;
	}
}
@media screen and (max-width: 767px) {
	.inViewH2-out {
		color: #fff;
		transition: all 1.0s ease 1.1s;
	}
	.inViewH2-in {
		color: #222;
	}
}


/* 下層h3 */
@media screen and (min-width: 768px) {
	.inViewH3-out {
		opacity: 0;
		text-indent: 200px;
		transition: all 1.0s ease .1s;
	}
	.inViewH3-in {
		opacity: 1.0;
		text-indent: 0;
	}
}
@media screen and (max-width: 767px) {
	.inViewH3-out {
		opacity: 0;
		text-indent: 120px;
		transition-property: opacity, text-indent;
		transition-duration: 1.0s;
		transition-timing-function: ease;
		transition-delay: 0.1s;
	}
	.inViewH3-in {
		opacity: 1.0;
		text-indent: 0;
	}
}

/* 下層 section */
@media screen and (min-width: 768px) {
	.inViewSec-out {
		opacity: 0;
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px);
		transition: all .5s ease .1s;
	}
	.inViewSec-in {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@media screen and (max-width: 767px) {
	.inViewSec-out {
		opacity: 0;
		transition: all .5s ease .1s;
	}
	.inViewSec-in {
		opacity: 1.0;
	}
}



/* 上移動 */
.inViewlUp-out {
	-webkit-transform: translate(0, 60px);
	transform: translate(0, 60px);
	transition: all .5s ease .33s;
}
.inViewlUp-in {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* フェードイン */
.inViewFade-out {
	opacity: 0;
	transition: all 1.0s ease .5s;
}
.inViewFade-in {
	opacity: 1.0;
}

/* フェードイン + 上移動 */
.inViewScrlUp-out {
	opacity: 0;
	-webkit-transform: translate(0, 40px);
	transform: translate(0, 40px);
	transition: all .5s ease .1s;
}
.inViewScrlUp-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* フェードイン2 + 上移動 */
.inViewScrlUp2-out {
	opacity: 0.3;
	-webkit-transform: translate(0, 40px);
	transform: translate(0, 40px);
	transition: all .5s ease .1s;
}
.inViewScrlUp2-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* フェードイン + 右移動 */
.inViewScrlRight-out {
	opacity: 0;
	-webkit-transform: translate(-120px, 0);
	transform: translate(-120px, 0);
	transition: all 1.0s ease .33s;
}
.inViewScrlRight1-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.1s;}
.inViewScrlRight2-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.2s;}
.inViewScrlRight3-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.3s;}
.inViewScrlRight4-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.4s;}
.inViewScrlRight5-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.5s;}
.inViewScrlRight6-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.6s;}
.inViewScrlRight7-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.7s;}
.inViewScrlRight8-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.8s;}
.inViewScrlRight9-out  {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 0.9s;}
.inViewScrlRight10-out {opacity: 0; -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); transition: all 1.0s ease 1.0s;}
.inViewScrlRight-in,
.inViewScrlRight1-in,
.inViewScrlRight2-in,
.inViewScrlRight3-in,
.inViewScrlRight4-in,
.inViewScrlRight5-in,
.inViewScrlRight6-in,
.inViewScrlRight7-in,
.inViewScrlRight8-in,
.inViewScrlRight9-in,
.inViewScrlRight10-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/* フェードイン + 左移動 */
.inViewScrlLeft-out {
	opacity: 0;
	-webkit-transform: translate(120px, 0);
	transform: translate(120px, 0);
	transition: all 1.0s ease .33s;
}
.inViewScrlLeft1-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.1s;}
.inViewScrlLeft2-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.2s;}
.inViewScrlLeft3-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.3s;}
.inViewScrlLeft4-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.4s;}
.inViewScrlLeft5-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.5s;}
.inViewScrlLeft6-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.6s;}
.inViewScrlLeft7-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.7s;}
.inViewScrlLeft8-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.8s;}
.inViewScrlLeft9-out  {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 0.9s;}
.inViewScrlLeft10-out {opacity: 0; -webkit-transform: translate(120px, 0); transform: translate(120px, 0); transition: all 1.0s ease 1.0s;}
.inViewScrlLeft-in,
.inViewScrlLeft1-in,
.inViewScrlLeft2-in,
.inViewScrlLeft3-in,
.inViewScrlLeft4-in,
.inViewScrlLeft5-in,
.inViewScrlLeft6-in,
.inViewScrlLeft7-in,
.inViewScrlLeft8-in,
.inViewScrlLeft9-in,
.inViewScrlLeft10-in {
	opacity: 1.0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* テキストフェードイン + 左移動 */
.inViewScrlTxtLeft-out {
	opacity: 0;
	text-indent: 200px;
	transition-property: opacity, text-indent;
	transition-duration: 1.0s;
	transition-timing-function: ease;
	transition-delay: 0.1s;
}
.inViewScrlTxtLeft-in {
	opacity: 1.0;
	text-indent: 0;
}

/* ズームイン */
.inViewZoomin-out {
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	transition: all 1.0s ease .33s;
}
.inViewZoomin-in {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

/* ズームイン＆3D回転 */
.inViewZoomin2-out {
	-webkit-transform: scale(0, 0) rotateY(180deg);
	transform: scale(0, 0) rotateY(180deg);
	transition: all 1.0s ease .33s;
}
.inViewZoomin2-in {
	-webkit-transform: scale(1, 1) rotateY(360deg);
	transform: scale(1, 1) rotateY(360deg);
}


/* ズームイン＆3D回転 */
.inViewZoomin3-out {
	-webkit-animation: scale .4s cubic-bezier(.01, .21, .82, .99) .2s alternate forwards;
	animation: scale .4s cubic-bezier(.01, .21, .82, .99) .2s alternate forwards;
}
.inViewZoomin3-in {
	-webkit-animation: scale .4s cubic-bezier(.01, .21, .82, .99) .2s alternate forwards;
	animation: scale .4s cubic-bezier(.01, .21, .82, .99) .2s alternate forwards;
	/*
	animation-duration: .5s;
	animation-name: inViewZoomin3;
	*/
}

@keyframes inViewZoomin3 {
	0% {
		-webkit-transform: scale(0, 0) rotateY(0deg);
		transform: scale(0, 0) rotateY(0deg);
	}
	70% {
		-webkit-transform: scale(1.1, 1.1) rotateY(0deg);
		transform: scale(1.1, 1.1) rotateY(0deg);
	}
	100% {
		-webkit-transform: scale(1, 1) rotateY(0deg);
		transform: scale(1, 1) rotateY(0deg);
	}
}


@keyframes scale {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	70% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}



/* 幅 */
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w125 {width: 125px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w175 {width: 175px;}
.w180 {width: 180px;}
.w200 {width: 200px; max-width: 100%;}
.w220 {width: 220px; max-width: 100%;}
.w225 {width: 225px; max-width: 100%;}
.w240 {width: 240px; max-width: 100%;}
.w250 {width: 250px; max-width: 100%;}
.w260 {width: 260px; max-width: 100%;}
.w275 {width: 275px; max-width: 100%;}
.w280 {width: 280px; max-width: 100%;}
.w300 {width: 300px; max-width: 100%;}
@media screen and (min-width: 768px) {
	.w320 {width: 320px;}
	.w325 {width: 325px;}
	.w340 {width: 340px;}
	.w350 {width: 350px;}
	.w360 {width: 360px;}
	.w375 {width: 375px;}
	.w380 {width: 380px;}
	.w400 {width: 400px;}
	.w420 {width: 420px;}
	.w425 {width: 425px;}
	.w440 {width: 440px;}
	.w450 {width: 450px;}
	.w460 {width: 460px;}
	.w475 {width: 475px;}
	.w480 {width: 480px;}
	.w500 {width: 500px;}
	.w520 {width: 520px;}
	.w525 {width: 525px;}
	.w540 {width: 540px;}
	.w550 {width: 550px;}
	.w560 {width: 560px;}
	.w575 {width: 575px;}
	.w580 {width: 580px;}
	.w600 {width: 600px;}
	.w620 {width: 620px;}
	.w625 {width: 625px;}
	.w640 {width: 640px;}
	.w650 {width: 650px;}
	.w660 {width: 660px;}
	.w675 {width: 675px;}
	.w680 {width: 680px;}
	.w700 {width: 700px;}
	.w720 {width: 720px;}
	.w725 {width: 725px;}
	.w740 {width: 740px;}
	.w750 {width: 750px;}
	.w760 {width: 760px;}
	.w775 {width: 775px;}
	.w780 {width: 780px;}
	.w800 {width: 800px;}
	.w820 {width: 820px;}
	.w825 {width: 825px;}
	.w840 {width: 840px;}
	.w850 {width: 850px;}
	.w860 {width: 860px;}
	.w875 {width: 875px;}
	.w880 {width: 880px;}
	.w900 {width: 900px;}
	.w920 {width: 920px;}
	.w925 {width: 925px;}
	.w940 {width: 940px;}
	.w950 {width: 950px;}
	.w960 {width: 960px;}
	.w975 {width: 975px;}
	.w980 {width: 980px;}
	.w1000 {width: 1000px;}
	.w1010 {width: 1010px;}
	.w1020 {width: 1020px;}
}
@media screen and (max-width: 767px) {
	.w320 {width: 100%;}
	.w325 {width: 100%;}
	.w340 {width: 100%;}
	.w350 {width: 100%;}
	.w360 {width: 100%;}
	.w375 {width: 100%;}
	.w380 {width: 100%;}
	.w400 {width: 100%;}
	.w420 {width: 100%;}
	.w425 {width: 100%;}
	.w440 {width: 100%;}
	.w450 {width: 100%;}
	.w460 {width: 100%;}
	.w475 {width: 100%;}
	.w480 {width: 100%;}
	.w500 {width: 100%;}
	.w520 {width: 100%;}
	.w525 {width: 100%;}
	.w540 {width: 100%;}
	.w550 {width: 100%;}
	.w560 {width: 100%;}
	.w575 {width: 100%;}
	.w580 {width: 100%;}
	.w600 {width: 100%;}
	.w620 {width: 100%;}
	.w625 {width: 100%;}
	.w640 {width: 100%;}
	.w650 {width: 100%;}
	.w660 {width: 100%;}
	.w675 {width: 100%;}
	.w680 {width: 100%;}
	.w700 {width: 100%;}
	.w720 {width: 100%;}
	.w725 {width: 100%;}
	.w740 {width: 100%;}
	.w750 {width: 100%;}
	.w760 {width: 100%;}
	.w775 {width: 100%;}
	.w780 {width: 100%;}
	.w800 {width: 100%;}
	.w820 {width: 100%;}
	.w825 {width: 100%;}
	.w840 {width: 100%;}
	.w850 {width: 100%;}
	.w860 {width: 100%;}
	.w875 {width: 100%;}
	.w880 {width: 100%;}
	.w900 {width: 100%;}
	.w920 {width: 100%;}
	.w925 {width: 100%;}
	.w940 {width: 100%;}
	.w950 {width: 100%;}
	.w960 {width: 100%;}
	.w975 {width: 100%;}
	.w980 {width: 100%;}
	.w1000 {width: 100%;}
	.w1010 {width: 100%;}
	.w1020 {width: 100%;}
}




/* 余白 */
.m0 {margin: 0;}
.m0-t {margin-top: 0;}
.m0-r {margin-right: 0;}
.m0-b {margin-bottom: 0;}
.m0-l {margin-left: 0;}
/*
@media screen and (min-width: 768px) {
	.m5 {margin: 5px;}
	.m5-t {margin-top: 5px;}
	.m5-r {margin-right: 5px;}
	.m5-b {margin-bottom: 5px;}
	.m5-l {margin-left: 5px;}
	.m10 {margin: 10px;}
	.m10-t {margin-top: 10px;}
	.m10-r {margin-right: 10px;}
	.m10-b {margin-bottom: 10px;}
	.m10-l {margin-left: 10px;}
	.m15 {margin: 15px;}
	.m15-t {margin-top: 15px;}
	.m15-r {margin-right: 15px;}
	.m15-b {margin-bottom: 15px;}
	.m15-l {margin-left: 15px;}
	.m20 {margin: 20px;}
	.m20-t {margin-top: 20px;}
	.m20-r {margin-right: 20px;}
	.m20-b {margin-bottom: 20px;}
	.m20-l {margin-left: 20px;}
	.m25 {margin: 25px;}
	.m25-t {margin-top: 25px;}
	.m25-r {margin-right: 25px;}
	.m25-b {margin-bottom: 25px;}
	.m25-l {margin-left: 25px;}
	.m30 {margin: 30px;}
	.m30-t {margin-top: 30px;}
	.m30-r {margin-right: 30px;}
	.m30-b {margin-bottom: 30px;}
	.m30-l {margin-left: 30px;}
	.m40 {margin: 40px;}
	.m40-t {margin-top: 40px;}
	.m40-r {margin-right: 40px;}
	.m40-b {margin-bottom: 40px;}
	.m40-l {margin-left: 40px;}
	.m50 {margin: 50px;}
	.m50-t {margin-top: 50px;}
	.m50-r {margin-right: 50px;}
	.m50-b {margin-bottom: 50px;}
	.m50-l {margin-left: 50px;}
	.m60 {margin: 60px;}
	.m60-t {margin-top: 60px;}
	.m60-r {margin-right: 60px;}
	.m60-b {margin-bottom: 60px;}
	.m60-l {margin-left: 60px;}
}
@media screen and (max-width: 767px) {
	.m5   {margin: calc(5 / 768 * 100vw);}
	.m5-t {margin-top: calc(5 / 768 * 100vw);}
	.m5-r {margin-right: calc(5 / 768 * 100vw);}
	.m5-b {margin-bottom: calc(5 / 768 * 100vw);}
	.m5-l {margin-left: calc(5 / 768 * 100vw);}
	.m10   {margin: calc(10 / 768 * 100vw);}
	.m10-t {margin-top: calc(10 / 768 * 100vw);}
	.m10-r {margin-right: calc(10 / 768 * 100vw);}
	.m10-b {margin-bottom: calc(10 / 768 * 100vw);}
	.m10-l {margin-left: calc(10 / 768 * 100vw);}
	.m15   {margin: calc(15 / 768 * 100vw);}
	.m15-t {margin-top: calc(15 / 768 * 100vw);}
	.m15-r {margin-right: calc(15 / 768 * 100vw);}
	.m15-b {margin-bottom: calc(15 / 768 * 100vw);}
	.m15-l {margin-left: calc(15 / 768 * 100vw);}
	.m20   {margin: calc(20 / 768 * 100vw);}
	.m20-t {margin-top: calc(20 / 768 * 100vw);}
	.m20-r {margin-right: calc(20 / 768 * 100vw);}
	.m20-b {margin-bottom: calc(20 / 768 * 100vw);}
	.m20-l {margin-left: calc(20 / 768 * 100vw);}
	.m25   {margin: calc(25 / 768 * 100vw);}
	.m25-t {margin-top: calc(25 / 768 * 100vw);}
	.m25-r {margin-right: calc(25 / 768 * 100vw);}
	.m25-b {margin-bottom: calc(25 / 768 * 100vw);}
	.m25-l {margin-left: calc(25 / 768 * 100vw);}
	.m30   {margin: calc(30 / 768 * 100vw);}
	.m30-t {margin-top: calc(30 / 768 * 100vw);}
	.m30-r {margin-right: calc(30 / 768 * 100vw);}
	.m30-b {margin-bottom: calc(30 / 768 * 100vw);}
	.m30-l {margin-left: calc(30 / 768 * 100vw);}
	.m40   {margin: calc(40 / 768 * 100vw);}
	.m40-t {margin-top: calc(40 / 768 * 100vw);}
	.m40-r {margin-right: calc(40 / 768 * 100vw);}
	.m40-b {margin-bottom: calc(40 / 768 * 100vw);}
	.m40-l {margin-left: calc(40 / 768 * 100vw);}
	.m50   {margin: calc(50 / 768 * 100vw);}
	.m50-t {margin-top: calc(50 / 768 * 100vw);}
	.m50-r {margin-right: calc(50 / 768 * 100vw);}
	.m50-b {margin-bottom: calc(50 / 768 * 100vw);}
	.m50-l {margin-left: calc(50 / 768 * 100vw);}
	.m60   {margin: calc(60 / 768 * 100vw);}
	.m60-t {margin-top: calc(60 / 768 * 100vw);}
	.m60-r {margin-right: calc(60 / 768 * 100vw);}
	.m60-b {margin-bottom: calc(60 / 768 * 100vw);}
	.m60-l {margin-left: calc(60 / 768 * 100vw);}
}
*/

.p0 {padding: 0;}
.p0-t {padding-top: 0;}
.p0-r {padding-right: 0;}
.p0-b {padding-bottom: 0;}
.p0-l {padding-left: 0;}
/*
@media screen and (min-width: 768px) {
	.p5 {padding: 5px;}
	.p5-t {padding-top: 5px;}
	.p5-r {padding-right: 5px;}
	.p5-b {padding-bottom: 5px;}
	.p5-l {padding-left: 5px;}
	.p10 {padding: 10px;}
	.p10-t {padding-top: 10px;}
	.p10-r {padding-right: 10px;}
	.p10-b {padding-bottom: 10px;}
	.p10-l {padding-left: 10px;}
	.p15 {padding: 15px;}
	.p15-t {padding-top: 15px;}
	.p15-r {padding-right: 15px;}
	.p15-b {padding-bottom: 15px;}
	.p15-l {padding-left: 15px;}
	.p20 {padding: 20px;}
	.p20-t {padding-top: 20px;}
	.p20-r {padding-right: 20px;}
	.p20-b {padding-bottom: 20px;}
	.p20-l {padding-left: 20px;}
	.p25 {padding: 25px;}
	.p25-t {padding-top: 25px;}
	.p25-r {padding-right: 25px;}
	.p25-b {padding-bottom: 25px;}
	.p25-l {padding-left: 25px;}
	.p30 {padding: 30px;}
	.p30-t {padding-top: 30px;}
	.p30-r {padding-right: 30px;}
	.p30-b {padding-bottom: 30px;}
	.p30-l {padding-left: 30px;}
	.p40 {padding: 40px;}
	.p40-t {padding-top: 40px;}
	.p40-r {padding-right: 40px;}
	.p40-b {padding-bottom: 40px;}
	.p40-l {padding-left: 40px;}
	.p50 {padding: 50px;}
	.p50-t {padding-top: 50px;}
	.p50-r {padding-right: 50px;}
	.p50-b {padding-bottom: 50px;}
	.p50-l {padding-left: 50px;}
	.p60 {padding: 60px;}
	.p60-t {padding-top: 60px;}
	.p60-r {padding-right: 60px;}
	.p60-b {padding-bottom: 60px;}
	.p60-l {padding-left: 60px;}
}
@media screen and (max-width: 767px) {
	.p5   {padding: calc(5 / 768 * 100vw);}
	.p5-t {padding-top: calc(5 / 768 * 100vw);}
	.p5-r {padding-right: calc(5 / 768 * 100vw);}
	.p5-b {padding-bottom: calc(5 / 768 * 100vw);}
	.p5-l {padding-left: calc(5 / 768 * 100vw);}
	.p10   {padding: calc(10 / 768 * 100vw);}
	.p10-t {padding-top: calc(10 / 768 * 100vw);}
	.p10-r {padding-right: calc(10 / 768 * 100vw);}
	.p10-b {padding-bottom: calc(10 / 768 * 100vw);}
	.p10-l {padding-left: calc(10 / 768 * 100vw);}
	.p15   {padding: calc(15 / 768 * 100vw);}
	.p15-t {padding-top: calc(15 / 768 * 100vw);}
	.p15-r {padding-right: calc(15 / 768 * 100vw);}
	.p15-b {padding-bottom: calc(15 / 768 * 100vw);}
	.p15-l {padding-left: calc(15 / 768 * 100vw);}
	.p20   {padding: calc(20 / 768 * 100vw);}
	.p20-t {padding-top: calc(20 / 768 * 100vw);}
	.p20-r {padding-right: calc(20 / 768 * 100vw);}
	.p20-b {padding-bottom: calc(20 / 768 * 100vw);}
	.p20-l {padding-left: calc(20 / 768 * 100vw);}
	.p25   {padding: calc(25 / 768 * 100vw);}
	.p25-t {padding-top: calc(25 / 768 * 100vw);}
	.p25-r {padding-right: calc(25 / 768 * 100vw);}
	.p25-b {padding-bottom: calc(25 / 768 * 100vw);}
	.p25-l {padding-left: calc(25 / 768 * 100vw);}
	.p30   {padding: calc(30 / 768 * 100vw);}
	.p30-t {padding-top: calc(30 / 768 * 100vw);}
	.p30-r {padding-right: calc(30 / 768 * 100vw);}
	.p30-b {padding-bottom: calc(30 / 768 * 100vw);}
	.p30-l {padding-left: calc(30 / 768 * 100vw);}
	.p40   {padding: calc(40 / 768 * 100vw);}
	.p40-t {padding-top: calc(40 / 768 * 100vw);}
	.p40-r {padding-right: calc(40 / 768 * 100vw);}
	.p40-b {padding-bottom: calc(40 / 768 * 100vw);}
	.p40-l {padding-left: calc(40 / 768 * 100vw);}
	.p50   {padding: calc(50 / 768 * 100vw);}
	.p50-t {padding-top: calc(50 / 768 * 100vw);}
	.p50-r {padding-right: calc(50 / 768 * 100vw);}
	.p50-b {padding-bottom: calc(50 / 768 * 100vw);}
	.p50-l {padding-left: calc(50 / 768 * 100vw);}
	.p60   {padding: calc(60 / 768 * 100vw);}
	.p60-t {padding-top: calc(60 / 768 * 100vw);}
	.p60-r {padding-right: calc(60 / 768 * 100vw);}
	.p60-b {padding-bottom: calc(60 / 768 * 100vw);}
	.p60-l {padding-left: calc(60 / 768 * 100vw);}
}
*/

/* フォントサイズ */
@media screen and (min-width: 768px) {
	.fs10 {font-size: 1.0rem;}
	.fs11 {font-size: 1.1rem;}
	.fs12 {font-size: 1.2rem;}
	.fs13 {font-size: 1.3rem;}
	.fs14 {font-size: 1.4rem;}
	.fs15 {font-size: 1.5rem;}
	.fs16 {font-size: 1.6rem;}
	.fs17 {font-size: 1.7rem;}
	.fs18 {font-size: 1.8rem;}
	.fs19 {font-size: 1.9rem;}
	.fs20 {font-size: 2.0rem;}
	.fs22 {font-size: 2.2rem;}
	.fs24 {font-size: 2.4rem;}
	.fs26 {font-size: 2.6rem;}
	.fs28 {font-size: 2.8rem;}
	.fs30 {font-size: 3.0rem;}
	.fs32 {font-size: 3.2rem;}
	.fs34 {font-size: 3.4rem;}
	.fs36 {font-size: 3.6rem;}
	.fs38 {font-size: 3.8rem;}
	.fs40 {font-size: 4.0rem;}

	.pcfs10 {font-size: 1.0rem;}
	.pcfs11 {font-size: 1.1rem;}
	.pcfs12 {font-size: 1.2rem;}
	.pcfs13 {font-size: 1.3rem;}
	.pcfs14 {font-size: 1.4rem;}
	.pcfs15 {font-size: 1.5rem;}
	.pcfs16 {font-size: 1.6rem;}
	.pcfs17 {font-size: 1.7rem;}
	.pcfs18 {font-size: 1.8rem;}
	.pcfs19 {font-size: 1.9rem;}
	.pcfs20 {font-size: 2.0rem;}
	.pcfs22 {font-size: 2.2rem;}
	.pcfs24 {font-size: 2.4rem;}
	.pcfs26 {font-size: 2.6rem;}
	.pcfs28 {font-size: 2.8rem;}
	.pcfs30 {font-size: 3.0rem;}
	.pcfs32 {font-size: 3.2rem;}
	.pcfs34 {font-size: 3.4rem;}
	.pcfs36 {font-size: 3.6rem;}
	.pcfs38 {font-size: 3.8rem;}
	.pcfs40 {font-size: 4.0rem;}
}
@media screen and (max-width: 767px) {
	.fs10 {font-size: calc(16 / 768 * 100vw);}
	.fs11 {font-size: calc(18 / 768 * 100vw);}
	.fs12 {font-size: calc(20 / 768 * 100vw);}
	.fs13 {font-size: calc(22 / 768 * 100vw);}
	.fs14 {font-size: calc(24 / 768 * 100vw);}
	.fs15 {font-size: calc(26 / 768 * 100vw);}
	.fs16 {font-size: calc(28 / 768 * 100vw);}
	.fs17 {font-size: calc(30 / 768 * 100vw);}
	.fs18 {font-size: calc(32 / 768 * 100vw);}
	.fs19 {font-size: calc(34 / 768 * 100vw);}
	.fs20 {font-size: calc(36 / 768 * 100vw);}
	.fs22 {font-size: calc(38 / 768 * 100vw);}
	.fs24 {font-size: calc(40 / 768 * 100vw);}
	.fs26 {font-size: calc(42 / 768 * 100vw);}
	.fs28 {font-size: calc(44 / 768 * 100vw);}
	.fs30 {font-size: calc(46 / 768 * 100vw);}
	.fs32 {font-size: calc(48 / 768 * 100vw);}
	.fs34 {font-size: calc(50 / 768 * 100vw);}
	.fs36 {font-size: calc(52 / 768 * 100vw);}
	.fs38 {font-size: calc(54 / 768 * 100vw);}
	.fs40 {font-size: calc(56 / 768 * 100vw);}

	.spfs10 {font-size: calc(16 / 768 * 100vw);}
	.spfs11 {font-size: calc(18 / 768 * 100vw);}
	.spfs12 {font-size: calc(20 / 768 * 100vw);}
	.spfs13 {font-size: calc(22 / 768 * 100vw);}
	.spfs14 {font-size: calc(24 / 768 * 100vw);}
	.spfs15 {font-size: calc(26 / 768 * 100vw);}
	.spfs16 {font-size: calc(28 / 768 * 100vw);}
	.spfs17 {font-size: calc(30 / 768 * 100vw);}
	.spfs18 {font-size: calc(32 / 768 * 100vw);}
	.spfs19 {font-size: calc(34 / 768 * 100vw);}
	.spfs20 {font-size: calc(36 / 768 * 100vw);}
	.spfs22 {font-size: calc(38 / 768 * 100vw);}
	.spfs24 {font-size: calc(40 / 768 * 100vw);}
	.spfs26 {font-size: calc(42 / 768 * 100vw);}
	.spfs28 {font-size: calc(44 / 768 * 100vw);}
	.spfs30 {font-size: calc(46 / 768 * 100vw);}
	.spfs32 {font-size: calc(48 / 768 * 100vw);}
	.spfs34 {font-size: calc(50 / 768 * 100vw);}
	.spfs36 {font-size: calc(52 / 768 * 100vw);}
	.spfs38 {font-size: calc(54 / 768 * 100vw);}
	.spfs40 {font-size: calc(56 / 768 * 100vw);}
}



/* 配置 */
.center,
.ta_center {
	text-align: center;
}
.ta_right {
	text-align: right;
}
.ta_left {
	text-align: left;
}


/* 回り込み関連 */
.float-l {
	float: left;
}
.float-r {
	float: right;
}


/* フォント関連 */
.red {
	color: #c00;
}
.pocolor {
	color: #188ad1;
}
.wh {
	color: #FFFFFF;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* 幅によって表示非表示を切り替える */
@media screen and (min-width: 768px) {
	.sp_show {display: none !important;}
}
@media screen and (max-width: 767px) {
	.pc_show {display: none !important;}
}