@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 625%;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size : .20em;
	line-height : 2;
	background: #081138;
	color: #0a0a0a;
	width: 100%;
	letter-spacing: .5px;
	text-align: center;
	background: #f0f0f0;
}

@media screen and (max-width: 640px){
	/*html{font-size: 1000%;}*/
	html{font-size: 950%;}
	body {
		/*background: url(../image/sp_bg.jpg) repeat center;*/
		width: 900px;
	}
}
div,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0
}
img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	/* pc */
	pointer-events: none;
	/* smartphone*/
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

.container img.non100 {
	width:auto !important;
	float: right !important;
}

#header01 {
	background: url(../image/header01.png) no-repeat top center #0c3027;
	text-align: center;
	height: 700px;
}

#header02 {
	background: url(../image/header02.png) no-repeat top center #0c3027;
	text-align: center;
	height: 700px;
}

#header03 {
	background: url(../image/header03.png) no-repeat center;
	text-align: center;
	height: 700px;
}

.main {
	margin : auto;
}

@media screen and (max-width: 640px){
	.main {
		overflow: hidden;
	}
	#header01 {
		background: url(../image/header01_sp.png) no-repeat top center #0c3027;
		background-size: contain;
		text-align: center;
		height: 1070px;
	}
	#header02 {
		background: url(../image/header02_sp.png) no-repeat top center #0c3027;
		background-size: contain;
		text-align: center;
		height: 990px;
	}
	#header03 {
		background: url(../image/header03_sp.png) no-repeat top center #0c3027;
		background-size: contain;
		text-align: center;
		height: 990px;
	}
}

#footer {
	padding: .15rem 0 .1rem;
	background: #20201b;
	font-size : .16rem;
	line-height : 1.5;
	color: #FFF;
}

#footer p {
	margin: 0 auto .05rem;
	/*position: relative;
	top: .50rem;*/
}
#footer a {
	color: #FFF;
}
#copy{
	font-size: .12rem;
	color: #ca9837;
}

.container {
	margin : auto;
	padding: 80px 0;
	text-align: left;
	max-width: 900px;
	/*border-right:solid 5px #1d3a82;
	border-left:solid 5px #1d3a82;*/
	background: #FFF;
}

.container_cr {
	margin : auto;
	padding : 80px 0px;
	text-align: center;
	width: 1000px;
}

/* sp */
@media screen and (max-width: 640px){
	.container_cr {
		margin : auto;
		padding : 80px 0px;
		text-align: center;
		max-width: 1000px;
		min-height: 1500px;
	}
}

.container_law {
	margin : auto;
	padding : 60px 0px;
	text-align: left;
	width: 1000px;
}

.container_law p {
	margin : auto;
	width: 700px;
}


.pd0 {padding:0;}

/* OI */
.title_01 {
	background: url("../image/title_01.png") center no-repeat;
	height: 300px;
}

.title_02 {
	background: url(../image/title_02.png) center no-repeat;
	height: 500px;
}

.thanks_01 {
	background: url(../image/ttltx.png) center no-repeat;
	height: 200px;
}

/* maefuri */
.title_03 {
	background: url(../image/title_03.png) center no-repeat;
	height: 300px;
}

.title_04 {
	background: url(../image/title_04.png) center no-repeat;
	height: 300px;
}

.title_05 {
	background: url(../image/title_05.png) center no-repeat;
	height: 300px;
}

.title_06 {
	background: url(../image/title_06.png) center no-repeat;
	height: 300px;
}

.title_07 {
	background: url(../image/title_07.png) center no-repeat;
	height: 300px;
}

/* maefuri end */

/* sales */
.title_09 {
	background: url(../image/title_09.png) center no-repeat;
	height: 300px;
}

.title_10 {
	background: url(../image/title_10.png) center no-repeat;
	height: 600px;
}
/* sales end */

p {
	margin: auto;
	max-width: 800px;
	width: 80%;
}
.mark {
	max-width: 290px;
	padding-right: 40px;
}

/* sp */
@media screen and (max-width: 640px){
p {
	max-width: 900px;
	width: 93%;
}}

p ~ p {
	margin-top: 60px;
}

p.im900 {
	max-width: 900px;
	width: 900px;
}

p.im800 {
	width: 800px;
}

p.im700 {
	width: 700px;
}

p.im500 {
	width: 500px;
}

/*pc,sp display*/
.sp {display: none;}

@media screen and (max-width: 640px){
.pc {display: none;}
.sp {display: block;}
}
/*pc,sp end*/

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

a:visited {
	color : #000;
}

a:hover {
	color : #000;
	text-decoration : underline;
}

.ttltx {
	background:red;
	color:yellow;
	font-weight: bold;
	padding: 30px;
	text-align: center;
	font-size: 30px;
}

/*バグ対応*/
@media screen and (min-width:1020px) and (max-width:1024px) {
	html {width:130%;}
}
@media screen and (min-width:767px) and (max-width:768px) {
	html {width:170%;}
}

/*デバイスごとの改行*/
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
}
@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
}
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}
@media screen and (max-width: 320px){
	br.none_320 {display: none !important;}
}