@charset "utf-8";

/* 共通 */
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
figure {
margin: 0;
padding: 0;
}

#space_Wrap {
width: 100%;
border-top: 10px solid #000;
}
#space_Wrap img { width: 100%;}
.space_inner {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}
.ttl_img {
max-width: 704px;
width: 90%;
padding: 100px 0;
margin: 0 auto;
}

.block01 {
justify-content: center;
align-items: flex-end;
padding: 0 0 250px;
}
.block01 .txt_box { margin-right: 150px;}
.txt01 {
max-width: 383px;
padding: 0 0 30px;
}
.block01 .img_box {	max-width: 379px;}

.block02 {
max-width: 519px;
padding: 0 0 250px;
margin: 0 auto;
}

.block03 {
max-width: 934px;
padding: 0 0 250px;
margin: 0 auto;
}

.gray_bg {
width: 100%;
padding: 150px 0;
background-color: #e8e8ec;
}
.block04 {
justify-content: space-between;
align-items: center;
}
.block04 .img_box { max-width: 601px;}
.block04 .img_box figure { box-shadow:  17px 17px 49px #ceced2,-17px -17px 49px #ffffff;}
.block04 .txt_box { margin-left: 80px;}
.block04 .txt_box a { margin: 0 auto;}
.txt03 {
max-width: 311px;
padding: 0 0 30px;
}

.footer {
width: 100%;
background-color: #000;
}
.footer_logo {
max-width: 98px;
width: 50%;
padding: 100px;
margin: 0 auto;
}
.footer_link {
width: 100%;
padding: 20px 0;
color: #fff;
border-top: 1px solid #888;
}
.footer_link .flex {
justify-content: space-between;
align-items: center;
}
.copyright { font-size: 10px;}
.footer_link a { color: #fff;}
.footer_link a:hover { text-decoration: none;}

.buy_link01 {
display: block;
max-width: 280px;
width: 100%;
padding: 13px 30px;
margin: 0 auto;
color: #fff;
background-color: #000;
border-radius: 100px;
font-size: 24px;
font-weight: 600;
font-feature-settings: 'plat';
letter-spacing: 0.5em;
text-align: center;
text-decoration: none;
transition: .3s;
box-sizing: border-box;
}
.buy_link01:hover { opacity: .6;}


.buy_link02 {
display: block;
width: 100%;
padding: 13px 30px;
margin: 0 auto;
color: #fff;
background-color: #000;
border-radius: 100px;
font-size: 24px;
font-weight: 600;
font-feature-settings: 'plat';
letter-spacing: 0.5em;
text-align: center;
text-decoration: none;
transition: .3s;
box-sizing: border-box;
}
.buy_link02:hover { opacity: .6;}

/*================================================================
sp
================================================================*/
@media only screen and (max-width: 960px) {

.ttl_img {
max-width: 100%;
width: 100%;
padding: 80px 0;
}
.block01 {
flex-direction: column;
width: 80%;
padding: 0 0 20px;
margin: 0 auto;
}
.block01 .txt_box { margin: 0 auto;}
.txt01 { max-width: 270px;}
.block01 .img_box {
max-width: 379px;
margin: 0 auto;
}
.buy_link01 { margin-bottom: 80px;}
.block02 {
width: 90%;
padding: 0 0 80px;
margin: 0 auto;
}
.block03 { padding: 0 0 80px;}
.gray_bg { padding: 50px 0;}
.block04 { flex-direction: column;}
.block04 .txt_box { margin: 30px 0 0;}

.buy_link01 {
max-width: 55%;
width: 100%;
padding: 13px 0;
font-size: 18px;
}
.buy_link02 {
	max-width: 55%;
	width: 100%;
	padding: 13px 0;
	font-size: 18px;
}
}