@charset "Shift_JIS";

html{font-size: 625%;}

@media screen and (max-width: 640px){
html{font-size: 1000%;}
}

body {
	margin: 0px;
	font-family: 'Lato', 'Noto Sans JP', '?????? ProN', 'Hiragino Kaku Gothic ProN', '????', Meiryo, 'MS P????', 'MS PGothic', sans-serif;
	font-size : .20em;
	line-height : 2;
	color: #333;
	text-align: center;
	/*background: url(../image/main_bg.jpg) no-repeat center top fixed;*/
	background: #001e43;
}

@media screen and (max-width: 640px){
body {
	/*background: url(../image/sp_bg.jpg) repeat center;*/
	width: 900px;
}}

#header1 {
	background: url(../image/header1.png) repeat center;
	text-align: center;
	height: 1182px;
}

.header1_bottom {
	background: url(../image/header1_bottom.png) no-repeat center;
	text-align: center;
	height: 150px;
}

#header2 {
	background: url(../image/header2.png) repeat center;
	text-align: center;
	height: 807px;
}

#header3 {
	background: url(../image/header3.png) no-repeat center;
	text-align: center;
	height: 807px;
}
 
.main {
	margin : auto;
}

@media screen and (max-width: 640px){
.main {
	overflow: hidden;
}}

#footer {
	padding: .10rem 0;
	background: #000;
	font-size : .16rem;
	line-height : 1.5;
	color: #FFF;
	border-top : 2px double #999;
	height : 0.5rem;
}

#footer p {
	margin: auto;
	/*position: relative;
	top: .50rem;*/
}

#footer a {
	color: #FFF
}

.container {
	margin : auto;
	padding: 80px 0;
	text-align: left;
	max-width: 960px;
	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;
}

/* OI */
.ttl01 {
	background: url(../image/ttl01.png) center no-repeat;
	height: 250px;
}

.ttl02 {
	background: url(../image/ttl02.png) center no-repeat;
	height: 250px;
}

.ttl03 {
	background: url(../image/ttl03.png) center no-repeat;
	height: 250px;
}

.ttljisseki {
	background: url(../image/ttljisseki.png) center no-repeat;
	height: 250px;
}

.thanks_01 {
	background: url(../image/ttltx.png) center no-repeat;
	height: 250px;
}

/* maefuri */
.ttlm01 {
	background: url(../image/ttlm01.png) center no-repeat;
	height: 250px;
}

.ttlm02 {
	background: url(../image/ttlm02.png) center no-repeat;
	height: 250px;
}

.ttlm03 {
	background: url(../image/ttlm03.png) center no-repeat;
	height: 250px;
}

.ttlm04 {
	background: url(../image/ttlm04.png) center no-repeat;
	height: 250px;
}

.ttlm05 {
	background: url(../image/ttlm05.png) center no-repeat;
	height: 250px;
}

.ttlm06 {
	background: url(../image/ttlm06.png) center no-repeat;
	height: 250px;
}

.ttlm07 {
	background: url(../image/ttlm07.png) center no-repeat;
	height: 430px;
}

.ttlm08 {
	background: url(../image/ttlm08.png) center no-repeat;
	height: 250px;
}

.ttlm09 {
	background: url(../image/ttlm09.png) center no-repeat;
	height: 250px;
}

.ttlm10 {
	background: url(../image/ttlm10.png) center no-repeat;
	height: 250px;
}

.ttlm_jisseki {
	background: url(../image/ttlm_jisseki.png) center no-repeat;
	height: 250px;
}

.ttlm_koe {
	background: url(../image/ttlm_koe.png) center no-repeat;
	height: 250px;
}

.thanks_02 {
	background: url(../image/ttltx2.png) center no-repeat;
	height: 250px;
}

/* maefuri end */

/* sales */
.ttls01 {
	background: url(../image/ttls01.png) center no-repeat;
	height: 250px;
}

.ttls02 {
	background: url(../image/ttls02.png) center no-repeat;
	height: 250px;
}

.ttls03 {
	background: url(../image/ttls03.png) center no-repeat;
	height: 250px;
}

.ttls04 {
	background: url(../image/ttls04.png) center no-repeat;
	height: 250px;
}

.ttls05 {
	background: url(../image/ttls05.png) center no-repeat;
	height: 250px;
}

.ttls06 {
	background: url(../image/ttls06.png) center no-repeat;
	height: 250px;
}

.ttls07 {
	background: url(../image/ttls07.png) center no-repeat;
	height: 250px;
}

.ttls08 {
	background: url(../image/ttls08.png) center no-repeat;
	height: 250px;
}

.ttls09 {
	background: url(../image/ttls09.png) center no-repeat;
	height: 250px;
}

.ttls10 {
	background: url(../image/ttls10.png) center no-repeat;
	height: 250px;
}

.ttls11 {
	background: url(../image/ttls11.png) center no-repeat;
	height: 250px;
}

.ttls12 {
	background: url(../image/ttls12.png) center no-repeat;
	height: 250px;
}

.thanks_03 {
	background: url(../image/thanks_21.png) center no-repeat;
	height: 300px;
}

/* sales end */

p {
	margin: auto;
	max-width: 800px;
	width: 80%;
}

/* 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;
}