@charset "UTF-8";

body{
	/background: #ffcc00 url(/images/aboutplatinum/why2/pc7.jpg) no-repeat center 47px;
}

.emphasize-link2 {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #00C2EB;
}
.emphasize-link2 p:last-child {
margin-bottom: 0;
}
.emphasize-link2::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 6px 6px;
content: "Check!!";
background-color: #00C2EB;
color: #fff;
font-weight: bold;
}

.contents__qa__textlink {
    font-size: 1.4rem;
    color: #00C2EB;
    text-decoration: underline;
    letter-spacing: 0.1em;
    font-weight: 600;
}

/* contents */
.contents {
	/opacity: 0.8;
	/color:#f00;
}
.contents__archive {
  /* padding-top: 165px; */
}

/* main */
#main{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	/border: 4px solid #d6d6d6;
	height:366px;
	margin-bottom: 72px;
	color:#00C2EB;
	/color:#f0f;
}
#main .inner{
	position: relative;
	padding:72px 45px 0;
}
#main h1{
	font-size:40px;
	letter-spacing: 1px;
	line-height: 1.3;
	font-weight: bold;
}
#why_item4 #main h1,
#why_item5 #main h1,
#why_item6 #main h1,
#why_item7 #main h1{
	margin-top:15px;
}
#main .sub{
	display: inline-block;
	font-weight: bold;
	font-size:22px;
	letter-spacing: 0.08em;
	line-height: 1;
}
#main .sub span.no{
	font-size:80px;
	margin-left:10px;
	font-weight: bold;
}
#main .title{
	margin-top:15px;
	display: block;
	font-weight: normal;
	font-size:50px;
	letter-spacing: 4px;
	line-height: 1;
}
#main .title span.small{
	display: inline-block;
	position: relative;
	top:-10px;
	font-size:20px;
	letter-spacing: 3px;
	margin-left:10px;
	font-weight: bold;
}
.bd div{background: #d6d6d6;position:absolute;}
.bd div.bdT{width: 100%; height:4px; top:0; left:0;}
.bd div.bdB{width: 100%; height:4px; bottom:0; right:0;}
.bd div.bdR{height:100%; width :4px; right:0; top:0;}
.bd div.bdL{height:100%; width :4px; left:0; bottom:0;}


/* container */
#container{
}
#container .box{
	position: relative;
	z-index: 1;
	/color:#f00;
}
#container .box h2{
	position: relative;
	font-size:30px;
	color:#00C2EB;
	/color:#f0f;
	letter-spacing: 0px;
	line-height: 1.4;
}
#container .box h3{
	position: relative;
	margin-top:55px;
	font-size:26px;
	letter-spacing: 0;
	line-height: 1.75;
}
#container .box .txt{
	position: relative;
	margin-top:20px;
	font-size:17px;
	letter-spacing: 0;
	line-height: 1.75;
}
#container .box .txt + .txt{
	margin-top: 15px;
}
#container .box .txt2{
	position: relative;
	margin-top:3px;
	font-size:16px;
	letter-spacing: 0;
	line-height: 1.75;
}
#container .box .attention{
	margin-top:0;
	font-size:13px;
}
#container .box .img_tit{
	display: inline-block;
	text-align: right;
	width:100%;
	font-size:18px;
	font-weight: bold;
}
.btn_wrap{
	margin-top:48px;
}
.btn_wrap .btn{
	float:right;
}
.btn_wrap .btn a{
	display: inline-block;
	background: #008ecc;
	/background: rgba(255,0,0,0.6);
	font-size: 15px;
	color:#fff;
	letter-spacing: 0.1em;
	text-align: center;
	padding:7px 12px;
}
.contents.ie_browser .btn_wrap .btn a{
	padding:10px 12px 4px;
}
.btn_wrap .btn a span.ico{
	display: inline-block;
	width:12px;
	margin-left:8px;
	position: relative;
	top:-1px;
}
.contents.ie_browser .btn_wrap .btn a span.ico{
	top:-4px;
}

/*  f_navi */
#f_navi{
	position: relative;
	border-top: 2px solid #d6d6d6;
	width:1040px;
	margin:0 auto;
	padding-top:42px;
}
#f_navi .categoly_tit{
	padding-top:3px;
	font-size:17px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 1px;
}
#f_navi .leftBtn{
	position: absolute;
	top:0;
	left:0;
	text-align: left;
}
#f_navi .rightBtn{
	position: absolute;
	top:0;
	right:0;
	text-align: right;
}
#f_navi a{
	display: inline-block;
	font-size:17px;
	line-height: 1.4;
	color:#737373;
	/color:#0f0;
}
#f_navi a span.en{
	font-size:19px;
	line-height: 1.6;
	letter-spacing: 3px;
}
#f_navi a span.jp{
	display: inline-block;
	padding-top:3px;
	font-size:17px;
	line-height: 1.5;
	letter-spacing: 0;
}
#f_navi a span.small{
	display: inline-block;
	position: relative;
	top:-2px;
	font-size:12px;
	line-height: 1.6;
}
#f_navi .leftBtn a{
	padding-left:20px;
	background: url(/images/aboutplatinum/why2/cmn/ico_f_navi2.png) no-repeat left center;
}
#f_navi .rightBtn a{
	padding-right:20px;
	background: url(/images/aboutplatinum/why2/cmn/ico_f_navi.png) no-repeat right center;
}

/*-----------------
	why_item1
--------------------*/
#why_item1 #main{
	background: url(/images/aboutplatinum/why2/item1/main_bg.jpg) no-repeat 753px 16px;
}
#why_item1 #container{
	background: url(/images/aboutplatinum/why2/item1/bg.png) no-repeat right 5px;
}
#why_item1 #container .box2 .img{
	width:924px;
	margin:43px 0 0 60px;
}
#why_item1 #container .box2 .attention{
	margin:12px 0 0 60px;
}

#why_item1 #container .box3{
	margin-top:137px;
}
#why_item1 #container .box4{
	padding-bottom: 177px;
}
#why_item1 #container .box4 .img{
	width:920px;
	margin:25px auto 0;
}

/*-----------------
	why_item2
--------------------*/
#why_item2 #main{
	background: url(/images/aboutplatinum/why2/item2/main_bg.jpg) no-repeat 540px 38px;
}
#why_item2 #container .box1 .left{
	float:left;
}
#why_item2 #container .box1 .img{
	float:right;
	margin-top:7px;
}
#why_item2 #container .box1 .img_tit{
	color:#00C2EB;
	/color:#f0f;
}
#why_item2 #container .box1 .img_s{
	display: inline-block;
	margin-top:62px;
	width:270px;
	float:right;
}
#why_item2 #container .box2{
	margin-top: 70px;
}
#why_item2 #container .box2 .img{
	width:938px;
	margin:17px 0 0 74px;
}
#why_item2 #container .box3{
	margin-top:140px;
	margin-bottom:146px;
}
#why_item2 #container .box3 .left{
	float:left;
	width:540px;
}
#why_item2 #container .box3 .img{
	float:right;
	width:450px;
	margin-top:7px;
}
#why_item2 #container .box3 .img_tit{
	font-size: 26px;
	padding-right:15px;
	font-weight: normal;
}
#why_item2 #container .box3 .img_s{
	display: inline-block;
	margin-top:27px;
	margin-right:51px;
	width:330px;
	float:right;
}
#why_item2 #container .box3 .txt{
	margin-top:17px;
}


/*-----------------
	why_item3
--------------------*/
#why_item3 #main{
	background: url(/images/aboutplatinum/why2/item3/main_bg.jpg) no-repeat 766px 45px;
}
#why_item3 #container .box .left{
	float:left;
}
#why_item3 #container .box .img{
	float:right;
}
#why_item3 #container .box1 .img{
	width:338px;
	margin-right:32px;
	margin-top:6px;
}
#why_item3 #container .box2{
	margin-top:135px;
}
#why_item3 #container .box2 .img{
	width:404px;
	margin-right:-1px;
	margin-top:115px;
}
#why_item3 #container .box3{
	margin-top:135px;
}
#why_item3 #container .box3 .img{
	width:380px;
	margin-right:-2px;
	margin-top:6px;
}
#why_item3 #container .box4{
	margin-top:145px;
	margin-bottom:150px;
}
#why_item3 #container .box4 .img{
	width:400px;
	margin-right:0px;
	margin-top:6px;
}



/*-----------------
	why_item4
--------------------*/
#why_item4 #main{
	background: url(/images/aboutplatinum/why2/item4/main_bg.jpg) no-repeat 705px 30px;
}
#why_item4 #container .box1 .attention{
	margin-top: 1em;
}
#why_item4 #container .box2{
	margin-top:50px;
}
#why_item4 #container .box2 .img.-img01 {
	width:344px;
	margin-left:59px;
	margin-top:18px;
}
#why_item4 #container .box2 .img.-img02 {
	width:900px;
	margin-top:20px;
}
#why_item4 #container .box3{
	margin-top:140px;
}
#why_item4 #container .box4{
	margin-top:45px;
	margin-bottom:150px;
}
#why_item4 #container .box4 .img{
	width:502px;
	margin-left:60px;
	margin-top:13px;
}
#why_item4 #container .box4 .btn_wrap{
	margin-top:-28px;
}
#why_item4 #container .box5{
	margin-bottom:150px;
}
#why_item4 #container .box5 .img {
	width: 702px;
	margin-top: 70px;
}
#why_item4 #container .box6{
	margin-bottom:150px;
}



/*-----------------
	why_item5
--------------------*/
#why_item5 #main{
	background: url(/images/aboutplatinum/why2/item5/main_bg.jpg) no-repeat 702px 24px;
}
#why_item5 #container .box1 .left{
	float:left;
}
#why_item5 #container .box1 .img{
	float:right;
}
#why_item5 #container .box1 .img{
	width:382px;
	margin-right:-15px;
	margin-top:21px;
}
#why_item5 #container .box2{
	margin-top:40px;
}
#why_item5 #container .box3{
	margin-top:45px;
	margin-bottom:140px;
}
#why_item5 #container .box3 .img{
	width:502px;
	margin-left:62px;
	margin-top:23px;
}
#why_item5 #container .box3 .attention{
	margin-top:5px;
	width:630px;
	font-size: 16px;
	text-align: center;
}
#why_item5 #container .box4{
	margin-bottom:140px;
}


/*-----------------
	why_item6
--------------------*/
#why_item6 #main{
	background: url(/images/aboutplatinum/why2/item6/main_bg.jpg) no-repeat 758px 29px;
}
#why_item6 #container .box .left{
	float:left;
}
#why_item6 #container .box .img{
	float:right;
	width:386px;
	margin-right:0px;
	margin-top:6px;
}
#why_item6 #container .box2{
	margin-top:135px;
	margin-bottom:142px;
}
#why_item6 #container .box2 .img_tit{
	font-size:16px;
	margin-top:20px;
	line-height: 1.6;
	text-align: center;
}


/*-----------------
	why_item7
--------------------*/
#why_item7 #main{
	background: url(/images/aboutplatinum/why2/item7/main_bg.jpg) no-repeat 524px 32px;
}
#why_item7 #container .box2{
	margin-top:86px;
}
#why_item7 #container .box2 .img{
	width:460px;
	margin-left:0;
	margin-top:22px;
}
#why_item7 #container .box2 .img_tit{
	font-size:14px;
	margin-top:13px;
	line-height: 1.6;
	text-align: left;
}
#why_item7 #container .box3{
	margin-top:140px;
	margin-bottom:102px;
}
#why_item7 #container .box3 ul{
	width:820px;
	margin:3.6% auto 0;
}
#why_item7 #container .box3 ul li{
	float:left;
	width:370px;
	margin-left:80px;
	margin-bottom:40px;
	text-align: center;
}
#why_item7 #container .box3 ul li:nth-child(2n+1){
	margin-left:0;
}
#why_item7 #container .box3 ul li .list_img{
	width:254px;
	margin:0 auto ;
}
#why_item7 #container .box3 ul li .list_tit{
	font-size:20px;
	line-height: 1.6;
	color:#00C2EB;
	/color:#f0f;
	margin-top:19px;
}
#why_item7 #container .box3 ul li .list_txt{
	font-size:16px;
	line-height: 1.6;
	margin-top:8px;
}
#why_item7 .sen{
	width:800px;
	height:2px;
	background: url(/images/aboutplatinum/why2/item7/tensen.png) repeat-x left top;
	background-size: auto 2px;
	margin:0 auto 46px;
}