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

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

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

.contents__archive {
  /* padding-top: 70px; */
}

/* main */
#main{
	height:auto;
	margin-bottom: 10%;
}
#main .inner{
	padding:4% 4% 5%;
}
#main h1{
	font-size:5.4vw;
	letter-spacing: 0;
	line-height: 1.3;
	margin-top:0.7%;
}
#why_item4 #main .inner,
#why_item5 #main .inner,
#why_item6 #main .inner,
#why_item7 #main .inner{
	padding-bottom:6%;
}
#why_item4 #main h1,
#why_item5 #main h1,
#why_item6 #main h1,
#why_item7 #main h1{
	margin-top:3%;
}
	
#main .sub{
	font-size:2.8vw;
	letter-spacing: 0em;
	line-height: 1;
	margin-left:1%;
}
#main .sub span.no{
	font-size:9vw;
	margin-left:8px;
}
#main .title{
	margin-top:4%;
	font-size:6vw;
	letter-spacing: 0.15em;
	line-height: 1;
}
#main .title span.small{
	top:-0.4em;
	font-size:2.8vw;
	letter-spacing: 1px;
	margin-left:6px;
}
.bd div.bdT{width: 100%; height:2px; top:0; left:0;}
.bd div.bdB{width: 100%; height:2px; bottom:0; right:0;}
.bd div.bdR{height:100%; width :2px; right:0; top:0;}
.bd div.bdL{height:100%; width :2px; left:0; bottom:0;}


/* container */
#container .box h2{
	font-size:4vw;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
#container .box h3{
	margin-top:10%;
	font-size:3.8vw;
	letter-spacing: 0;
	line-height: 1.75;
}
#container .box .txt,
#container .box .txt2{
	margin-top:4%;
	font-size:3vw;
	letter-spacing: 0;
	line-height: 1.7;
}
#container .box .attention{
	margin-top:0px;
	font-size:2.4vw;
}
#container .box .img_tit{
	text-align: left;
	font-size:3.4vw;
}
.btn_wrap{
	margin-top:6%;
}
.btn_wrap .btn{
	float:none;
	width:100%;
}
.btn_wrap .btn a{
	width:100%;
	/background: rgba(255,0,0,0.6);
	font-size: 3.2vw;
	letter-spacing: 0em;
	text-align: center;
	padding:1.5% 0;
}
.btn_wrap .btn a span.ico{
	display: inline-block;
	width:8px;
	margin-left:8px;
	position: relative;
	top:0px;
}

/*  f_navi */
#f_navi{
	border-top: 1px solid #d6d6d6;
	/border-top: 1px solid #f00;
	width:89.33%;
	margin:0 auto;
	padding-top:6%;
}
#f_navi .contents_s{
	width: 100%;
}
#f_navi .categoly_tit{
	padding-top:0;
	font-size:2.8vw;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0px;
}
#f_navi a{
	font-size:3vw;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
#f_navi .leftBtn a{
	padding-left:10px;
	background: url(/images/aboutplatinum/why2/cmn/ico_f_navi2.png) no-repeat left center;
	background-size: 6px auto;
}
#f_navi .rightBtn a{
	padding-right:10px;
	background: url(/images/aboutplatinum/why2/cmn/ico_f_navi.png) no-repeat right center;
	background-size: 6px auto;
}

/*-----------------
	why_item1
--------------------*/
#why_item1 #main{
	background: url(/images/aboutplatinum/why2/item1/main_bg.jpg) no-repeat 95% 66%;
	background-size:25% auto;
}
#why_item1 #container{
	background: none;
}
#why_item1 #container .box1 .img{
	margin-top:2%;
}
#why_item1 #container .box2 .txt2{
	margin-top:1.7%;
}
#why_item1 #container .box2 .img{
	width:100%;
	margin:5% 0 0 0;
}
#why_item1 #container .box2 .attention{
	margin:3% -6% 0 0;
}
#why_item1 #container .box3{
	margin-top:20%;
}
#why_item1 #container .box4{
	padding-bottom: 29%;
}
#why_item1 #container .box4 h3{
	margin-top:7.5%;
}
#why_item1 #container .box4 .img{
	width:61.2%;
	margin:2.2% auto 0;
}

/*-----------------
	why_item2
--------------------*/
#why_item2 #main{
	background: url(/images/aboutplatinum/why2/item2/main_bg.jpg) no-repeat 93% 63%;
	background-size:45% auto;
}
#why_item2 #container .box1 .left{
	float:none;
}
#why_item2 #container .box1 .img{
	float:none;
	margin-top:10%;
}
#why_item2 #container .box1 .img_s{
	margin:6.2% 0 0 22%;
	width:56%;
	float:none;
}
#why_item2 #container .box2{
	margin-top: 10%;
}
#why_item2 #container .box2 .img{
	width:91.34%;
	margin:5% auto 0;
}
#why_item2 #container .box3{
	margin-top:21%;
	margin-bottom:30%;
}
#why_item2 #container .box3 .left{
	float:none;
	width:100%;
}
#why_item2 #container .box3 .img{
	float:none;
	width:100%;
	margin-top:9%;
}
#why_item2 #container .box3 .img_tit{
	font-size: 3.2vw;
	padding-right:0;
}
#why_item2 #container .box3 .img_s{
	display: inline-block;
	margin:5% 0 0 19%;
	width:67%;
	float:none;
}
#why_item2 #container .box3 .txt{
	margin-top:3.5%;
}

/*-----------------
	why_item3
--------------------*/
#why_item3 #main{
	background: url(/images/aboutplatinum/why2/item3/main_bg.jpg) no-repeat 96.5% 62%;
	background-size:24% auto;
}
#why_item3 #container .box .left{
	float:none;
}
#why_item3 #container .box .img{
	float:none;
}
#why_item3 #container .box1 .img{
	width:52%;
	margin:4.4% auto 0;
}
#why_item3 #container .box2{
	margin-top:13%;
}
#why_item3 #container .box2 .img{
	width:66%;
	margin:10% auto 0;
}
#why_item3 #container .box3{
	margin-top:17%;
}
#why_item3 #container .box3 .img{
	width:70%;
	margin:5% auto 0;
}
#why_item3 #container .box4{
	margin-top:12%;
	margin-bottom:30%;
}
#why_item3 #container .box4 .img{
	width:100%;
	margin:6% auto 0;
}



/*-----------------
	why_item4
--------------------*/
#why_item4 #main{
	background: url(/images/aboutplatinum/why2/item4/main_bg.jpg) no-repeat 96.5% 62%;
	background-size:33% auto;
}
#why_item4 #container .box5 {
	margin-bottom: 20%;
}
#why_item4 #container .box5 .txt{
	letter-spacing: -0.01em;
}
#why_item4 #container .box5 .img{
	width: 100%;
	margin-top: 10%;
}

#why_item4 #container .box2{
	margin-top:7%;
}
#why_item4 #container h3{
	margin-top:0;
}
#why_item4 #container .box2 .img.-img01 {
	width:70%;
	margin:5% auto 0;
}
#why_item4 #container .box2 .img.-img02 {
	width:100%;
	margin:5% auto 0;
}
#why_item4 #container .box3{
	margin-top:20%;
}
#why_item4 #container .box4{
	margin-top:8%;
	margin-bottom:29%;
}
#why_item4 #container .box4 .img{
	width:100%;
	margin:3% auto 0;
}
#why_item4 #container .box4 .btn_wrap{
	margin-top:7%;
}
#why_item4 #container .box6 {
	margin-bottom: 30%;
}



/*-----------------
	why_item5
--------------------*/
#why_item5 #main{
	background: url(/images/aboutplatinum/why2/item5/main_bg.jpg) no-repeat 98% 90%;
	background-size:33% auto;
}
#why_item5 #container .box1 .left{
	float:none;
}
#why_item5 #container .box1 .img{
	float:none;
}
#why_item5 #container .box1 .img{
	width:64%;
	margin:5% 0 0 20%;
}
#why_item5 #container .box2{
	margin-top:2%;
}
#why_item5 #container .box3{
	margin-top:8%;
	margin-bottom:20%;
}
#why_item5 #container .box3 h3{
	margin-top:0;
	font-size:3.6vw;
}
#why_item5 #container .box3 .img{
	width:100%;
	margin:5% auto 0;
}
#why_item5 #container .box3 .attention{
	margin-top:2%;
	width:100%;
	font-size: 2.8vw;
}

#why_item5 #container .box4{
	margin-bottom:28%;
}


/*-----------------
	why_item6
--------------------*/
#why_item6 #main{
	background: url(/images/aboutplatinum/why2/item6/main_bg.jpg) no-repeat 90% bottom;
	background-size:28% auto;
}
#why_item6 #container .box .left{
	float:none;
}
#why_item6 #container .box .img{
	float:none;
	width:100%;
	margin:6% auto 0;
}
#why_item6 #container .box2{
	margin-top:12%;
	margin-bottom:28%;
}
#why_item6 #container .box2 .img_tit{
	font-size:2.9vw;
	margin-top:3%;
}



/*-----------------
	why_item7
--------------------*/
#why_item7 #main{
	background: url(/images/aboutplatinum/why2/item7/main_bg.jpg) no-repeat 95% 30%;
	background-size:46% auto;
}
#why_item7 #main h1{
	font-size:5.2vw;
	letter-spacing: 0px;
}
#why_item7 #container .box2{
	margin-top:7%;
}
#why_item7 #container .box2 h3{
	margin-top:0;
}
#why_item7 #container .box2 .img{
	width:100%;
	margin:4% auto 0;
}
#why_item7 #container .box2 .img_tit{
	font-size:3vw;
	margin-top:2%;
}
#why_item7 #container .box3{
	margin-top:20%;
	margin-bottom:29%;
}
#why_item7 #container .box3 ul{
	width:100%;
	margin:8.4% auto 0;
}
#why_item7 #container .box3 ul li{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:9%;
	text-align: center;
}
#why_item7 #container .box3 ul li .list_img{
	width:53%;
	margin:0 auto ;
}
#why_item7 #container .box3 ul li .list_tit{
	font-size:3.6vw;
	margin-top:3%;
}
#why_item7 #container .box3 ul li .list_txt{
	font-size:2.8vw;
	margin-top:2%;
}
#why_item7 .sen{
	width:100%;
	margin:10% auto 10%;
}


/*---*/
}