@charset "UTF-8";
@media only screen and (max-width: 750px) {

body{
	/background: #ffcc00 url(/images/aboutplatinum/why2/sp0.jpg) no-repeat center -20px;
	/background-size: 375px auto;
}

/* contents */
.contents .bg_sen{
	width: 100%;
	left:0%;
	margin-left:0px;
}

#main{
	padding-bottom: 56%;
}
#main h1{
	position: relative;
	width:69.25%;
	margin-left:6%;
	z-index: 3;
}
.box{
	position: relative;
	width:88%;
	margin:0 auto;
}
.box .box_inner{
	position: relative;
	width:100%;
	margin:0 auto;
	z-index: 1;
}
	.box .box_inner a{
	width:100%;
}
.box h2{
	font-size:6.4vw;
	letter-spacing: 2px;
	line-height: 1.16;
	width:100%;
	margin-top:1.2%;
}
.box h2 span.en{
	font-size:8.6vw;
	letter-spacing: 0.15em;
	margin-left:0;
}
.box h2 span.jp{
	font-size:7.6vw;
	letter-spacing: 0em;
	line-height: 1.28;
	margin-left:-0.1em;
}
.box h2 span.small{
	top:-0.4em;
	font-size:4vw;
	letter-spacing: 0.1em;
	margin-left:2%;
}
.box .txt{
	margin-top:4%;
	font-size:2.8vw;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.btn_wrap{
	margin-top:4%;
}
.btn_wrap .btn{
	width:50.4%;
	width:122px;
	height:auto;
}
.btn_wrap .btn p{
	width: 100%;
	font-size: 14px;
	padding:4.7% 0;
}
.btn_wrap .btn p span.ico{
	width:8px;
	height:auto;
	margin-left:8px;
	top:0.1em;
}
.box .bg_img{
	width:113.5%;
	margin-left:-6.77%;
}



.box1{
	margin-top:9.4%;
}
.box1 .bg_img{
	margin-top:26%;
}
.box2{
	margin-top:67%;
}
.box2 h2{
	margin-top:2%;
}
.box2 .bg_img{
	margin-top:35.5%;
}
.box3{
	margin-top:50%;
}
.box3 h2{
	margin-top:2%;
}
.box3 .bg_img{
	margin-top:60%;
	margin-left:-12%;
}
.box4{
	margin-top:75%;
}
.box4 .bg_img{
	margin-top:66%;
}
.box5{
	margin-top:63.5%;
}
.box5 h2{
	margin-top:3%;
}
.box5 .bg_img{
	margin-top:68%;
	margin-left:-3%;
}
.box6{
	margin-top:57%;
}
.box6 .bg_img{
	margin-top:85.5%;
}
.box7{
	margin-top:59%;
}
.box7 h2{
	margin-top:2.6%;
}
.box7 .bg_img{
	margin-top:83%;
}

.pdf_btn{
	width:103%;
	margin-top:6%;
}


/* 180422 update */
.pdf_btn{
	margin-top:8px;
	padding-bottom: 35px;
	border-bottom: 1px dashed #c7c3c2;
}

.contents__archive__list {
  width: 100%;
  margin: 60px auto 0;
	display: block;
}

.contents__archive__list__item {
	width: 100%;
	margin-bottom: 15px;
}

.contents__archive__list__box {
	width: 100%;
	/* overflow: hidden; */
}

.contents__archive {
	padding: 30px 0 0px;
}

}
