@charset "UTF-8";

body{
	line-height: 1;
}
body,html {
	color: #4D4D4D;
	font: inherit;
	vertical-align: baseline;
	font-family:"Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 95%;
	word-break: break-all;
	margin:0 ;
	padding: 0;
}
h1,h2,h3,article,section,ul,ol,li,p {
	margin: 0;
	padding: 0;
	clear:both;
}

h2{
	margin: 30px 0;
	text-align: center;
	font-size: 240%;
	letter-spacing: 0.3em;
}
a {
	text-decoration: none;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
a:hover{
	 opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

ul,ol {
	list-style: none;
}

image,img{
	border: none;
	margin: 0;
	padding: 0;
}

/*-------------------------------
ヘッダー
-------------------------------*/
header {
	padding: 60px 0;
}

header p.date {
	font-size: 34px;
	font-weight: bold;
	color:#4d4d4d;
	text-align: center;
}

header h1 {
	width: 100%;
	height: 530px;
	margin: 35px 0 0 0;
	background: url('/pc/img/cp/cp201709/pc_title.png') center no-repeat ;
	text-indent: -9999px;
}


/*-------------------------------
メイン
-------------------------------*/
section h1 {
	margin: 0 auto;
	color: #4d4d4d;
	line-height: 1.2;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.4px;
}

.caution p,
p.daution {
	padding: 0 0 0 -1em;
	font-size: 13px;
	color: #4d4d4d;
	text-indent: -1em;
}

/*-- takaku --*/
#takaku {
	padding: 100px 0 0 0;
	background: url('/pc/img/cp/cp201709/icon_takaku.png') center top no-repeat;
}

#takaku dl {
	width: 820px;
	margin: 50px auto 0;
	padding: 0 0 50px 0;
	background: url('/pc/img/cp/cp201709/takaku_img.png') left top no-repeat;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
}

#takaku dl dt {
	margin: 15px 0 25px 190px;
	position: relative;
}
#takaku dl dt::before {
	content:'Q:';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1.5em;
}

#takaku dl dd {
	margin: 0 0 25px 190px;
	color: #ca4231;
	position: relative;
}
#takaku dl dd::before {
	content:'A:';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1.5em;
}

#takaku p {
	width: 630px;
	margin: -30px auto 0;
	padding: 0 0 0 190px;
}

/*-- mitsumori --*/
#mitsumori {
	margin: 90px auto 0;
	clear: both;
	text-align: center;
}

#mitsumori li {
	display: inline-block;
	margin: 30px 0;
	font-size: 27px;
	font-weight: bold;
}
#mitsumori li::after {
	content:' \0021d2 ';
}
#mitsumori li:nth-child(3)::after {
	content: none;
}

#mitsumori a {
	display: block;
	width: 700px;
	margin: 0 auto;
	padding: 0 0 0 40px;
	background: #333 url('/pc/img/cp/cp201709/icon_mitsumori.png') 18px center no-repeat;
	color: #fff;
	line-height: 80px;
	font-size: 34px;
	letter-spacing: -1px;
	text-align: center;
	box-sizing: border-box;
}

/*-- Step --*/
#cp_step {
	margin: 100px auto 0;
	padding: 150px 0 0 0;
	background:url('/pc/img/cp/cp201709/icon_kaitori.png') center top no-repeat;
}

#cp_step h1 {
	margin: 0 auto 20px;
}

#cp_step ol {
	width: 1000px;
	height: 302px;
	margin: 0 auto;
}

#cp_step ol li {
	display: block;
	float: left;
	clear: none;
	width: 247px;
	height: 100%;
	margin: 0 0 0 -2px;
	border: 2px solid #4d4d4d;
	position: relative;
}
#cp_step ol li:nth-child(1) {
	margin: 0;
	background: #fff url('/pc/img/cp/cp201709/step01.png') 30px 64px no-repeat;
	background-size: 190px auto;
}
#cp_step ol li:nth-child(2) {
	background: #fff url('/pc/img/cp/cp201709/step02.png') 23px 55px no-repeat;
	background-size: 209px auto;
}
#cp_step ol li:nth-child(3) {
	background: #fff url('/pc/img/cp/cp201709/step03.png') 25px 64px no-repeat;
	background-size: 198px auto;
}
#cp_step ol li:nth-child(4) {
	background: #fff url('/pc/img/cp/cp201709/step04.png') 20px 74px no-repeat;
	background-size: 209px auto;
}
#cp_step ol li::after {
	content:'';
	display:block;
	width: 36px;
	height: 34px;
	background: url('/pc/img/cp/cp201709/cursor_step_pc.png');
	position: absolute;
	top: 125px;
	right: -18px;
	z-index:1;
}
#cp_step ol li:nth-child(4)::after {
	content: none;
}

#cp_step ol li>span {
	display: block;
	width: 110px;
	height: 40px;
	background: #ca4231;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	float: left;
}

#cp_step ol li p {
	margin: 210px 0 0;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}

#cp_step ol li:nth-child(3) p {
	margin: 230px 0 0;
}

#cp_step ol li p span {
	color: #c1272d;
}

#cp_step ol li p.caution {
	padding: 0 0 0 1em;
	font-size: 14px;
	text-indent: -1em;
	
}
/*-- Blancco --*/
#blancco {
	margin: 100px 0 40px 0;
	padding: 0 0 75px 0;
}

#blancco h1 {
	font-size: 33px;
}

#blancco p {
	width: 555px;
	margin: 20px auto 0;
	padding: 20px 0 35px 185px;
	background: url('/pc/img/cp/cp201709/blancco_img.png') left top no-repeat,url('/pc/img/cp/cp201709/blancco_logo.png') right bottom no-repeat;
	font-size: 24px;
	line-height: 1.3;
}

#blancco .caution {
	width: 650px;
	margin: 0 auto 45px;
	font-size: 16px;
}

#blancco .caution li:nth-child(2),
#blancco .caution li:nth-child(3) {
	display: inline-block;
	padding: 0 2em 0 0;
}

/*-- kaitori --*/
#kaitori {
	width: 1080px;
	margin: 0 auto 0;
	padding: 80px 0 130px 0;
	overflow: hidden;
}

.kaitori {
	width: 493px;
	padding: 0 0 290px 0;
	clear: none;
	border: 2px solid #4d4d4d;
	border-radius: 18px;
	text-align: center;
	position: relative;
}
.kaitori.left {
	float: left;
	margin: 0 0 0 30px;
	background: url('/pc/img/cp/cp201709/kaitori_img01.png') center 92px no-repeat;
}
.kaitori.right {
	float: right;
	margin:0 30px 0 0;
	background: url('/pc/img/cp/cp201709/kaitori_img02.png') center 105px no-repeat;
}

.kaitori p.pre {
	margin: -80px 0 0 0;
	color: #499855;
	font-size: 30px;
	font-weight: bold;
}

.kaitori h1 {
	display: inline-block;
	margin: 12px 0 0 0;
	background: #fff;
	font-size: 46px;
}

.kaitori p.main {
	font-size: 30px;
	font-weight: bold;
}

.kaitori p.main span {
	color: #e03441;
}

.kaitori a{
	display: block;
	position: absolute;
	width: 460px;
	bottom: 0;
	left: 50%;
	margin: 0 0 -50px -230px;
	background: #ca4231 url('/pc/img/cp/cp201709/cursor_step_pc.png') 5px center no-repeat;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 66px;
}
.kaitori a span {
	font-size: 24px;
}