@charset "UTF-8";

/*------------------------------------------ contents */

#oneletter_CP p {
	margin: 0;
}
#oneletter_CP p img {
	display: block;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

#oneletter_CP #main_area {
	background-image:url("../../../img/lp/oneletter_CP/main_area_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(1338 / 750 * 100%);
}
#oneletter_CP #main_area .main_ttl {
	position: absolute;
	margin-top: 106.933%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #limited {
	background-image:url("../../../img/lp/oneletter_CP/limited_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(2300 / 750 * 100%);
}
#oneletter_CP #limited .limited_ttl {
	position: absolute;
	margin-top: 13.33%;
	top: 0;
	left: 33.6%;
	width: calc(334 / 750 * 100%);
}
#oneletter_CP #limited .limited_catch {
	position: absolute;
	margin-top: 24%;
	top: 0;
	left: 22%;
	width: calc(516 / 750 * 100%);
}
#oneletter_CP #limited .limited_desc {
	position: absolute;
	margin-top: 54.133%;
	top: 0;
	left: 22%;
	width: calc(516 / 750 * 100%);
}
#oneletter_CP #limited .limited_point {
	position: absolute;
	margin-top: 280%;
	top: 0;
	left: 10.266%;
	width: calc(300 / 750 * 100%);
}
#oneletter_CP #step1 {
	background-image:url("../../../img/lp/oneletter_CP/step1_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(3100 / 750 * 100%);
}
#oneletter_CP #step1 .step1_ttl {
	position: absolute;
	margin-top: 31.2%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step1 .step1_desc {
	position: absolute;
	margin-top: 55.46%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step1 dl {
	margin: 0;
}
#oneletter_CP #step1 dl dt:nth-of-type(1) {
	position: absolute;
	margin-top: 85.9%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step1 dl dt:nth-of-type(2) {
	position: absolute;
	margin-top: 229.86%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step1 dl dd {
	margin: 0;
}
#oneletter_CP #step1 dl dd:nth-of-type(1) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(872 / 750 * 100%);
	top: 0;
	left: calc(91 / 750 * 100%);
	width: calc(120 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(1) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(937 / 750 * 100%);
	top: 0;
	left: calc(74 / 750 * 100%);
	width: calc(257 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(1) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(1023 / 750 * 100%);
	top: 0;
	left: calc(72 / 750 * 100%);
	width: calc(284 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(2) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(1332 / 750 * 100%);
	top: 0;
	left: calc(395 / 750 * 100%);
	width: calc(128 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(2) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(1396 / 750 * 100%);
	top: 0;
	left: calc(396 / 750 * 100%);
	width: calc(250 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(2) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(1491 / 750 * 100%);
	top: 0;
	left: calc(397 / 750 * 100%);
	width: calc(281 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(3) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(2025 / 750 * 100%);
	top: 0;
	left: calc(405 / 750 * 100%);
	width: calc(128 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(3) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(2096 / 750 * 100%);
	top: 0;
	left: calc(398 / 750 * 100%);
	width: calc(280 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(3) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(2192 / 750 * 100%);
	top: 0;
	left: calc(395 / 750 * 100%);
	width: calc(222 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(4) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(2580 / 750 * 100%);
	top: 0;
	left: calc(94 / 750 * 100%);
	width: calc(131 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(4) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(2646 / 750 * 100%);
	top: 0;
	left: calc(80 / 750 * 100%);
	width: calc(284 / 750 * 100%);
}
#oneletter_CP #step1 dl dd:nth-of-type(4) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(2740 / 750 * 100%);
	top: 0;
	left: calc(78 / 750 * 100%);
	width: calc(225 / 750 * 100%);
}
#oneletter_CP #step1 dl dd .btn_item {
	position: absolute;
	top: 0;
	width: calc(135 / 310 * 100%);
}
#oneletter_CP #step2 {
	background-image:url("../../../img/lp/oneletter_CP/step2_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(1700 / 750 * 100%);
}
#oneletter_CP #step2 .step2_ttl {
	position: absolute;
	margin-top: 40%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step2 .step2_desc {
	position: absolute;
	margin-top: 65.33%;
	top: 0;
	left: 8%;
	width: calc(630 / 750 * 100%);
}
#oneletter_CP #step2 ul {
	list-style: none;
	margin: 0;
}
#oneletter_CP #step2 ul li {
	position: absolute;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step2 ul li:nth-child(1) {
	margin-top: 107.466%;
}
#oneletter_CP #step2 ul li:nth-child(2) {
	margin-top: 145.33%;
}
#oneletter_CP #step2 ul li:nth-child(3) {
	margin-top: 179.06%;
}
#oneletter_CP #step2 ul li:nth-child(4) {
	margin-top: 204.4%;
}
#oneletter_CP #step3 {
	background-image:url("../../../img/lp/oneletter_CP/step3_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(793 / 750 * 100%);
}
#oneletter_CP #step3 .step3_ttl {
	position: absolute;
	margin-top: 7.46%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP #step3 .step3_desc {
	position: absolute;
	margin-top: 32.8%;
	top: 0;
	left: 9.33%;
	width: calc(610 / 750 * 100%);
}
#oneletter_CP .pane_topic_path {
	position: absolute;
	margin-top: 88.8%;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 10px;
}
#oneletter_CP .pane_topic_path .wrap {
	margin-right: 5.46%;
	margin-left: 5.46%;
	border-color: #000;
}
#oneletter_CP .pane_topic_path ul {
	margin-bottom: 1em;
	padding-top: 0.5em;
	font-size: 1.0rem;
}
#oneletter_CP .pane_topic_path ul li a {
	color: #000;
}
#oneletter_CP .pane_topic_path ul li:not(:last-child)::after {
	color: #000;
}




/* 736px以下用（SP用）の記述 end--------------------------------------- */
}



/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

#oneletter_CP {
	margin: 0 auto;
	max-width: 1400px;
	min-width: 1200px;
}
#oneletter_CP a {
	transition: all .3s;
}
#oneletter_CP a:hover {
	opacity: .6;
}

#oneletter_CP #main_area {
	background-image:url("../../../img/lp/oneletter_CP/main_area_bg_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(770 / 1400 * 100%);
}
#oneletter_CP #main_area .main_ttl {
	position: absolute;
	margin-top: 15.57%;
	top: 0;
	left: 9.35%;
	width: calc(570 / 1400 * 100%);
}
#oneletter_CP #limited {
	background-image:url("../../../img/lp/oneletter_CP/limited_bg_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(722 / 1400 * 100%);
}
#oneletter_CP #limited .limited_ttl {
	position: absolute;
	margin-top: 5.28%;
	top: 0;
	left: 39.85%;
	width: calc(200 / 1400 * 100%);
}
#oneletter_CP #limited .limited_catch {
	position: absolute;
	margin-top: 9.85%;
	top: 0;
	left: 38.57%;
	width: calc(484 / 1400 * 100%);
}
#oneletter_CP #limited .limited_desc {
	position: absolute;
	margin-top: 18.64%;
	top: 0;
	left: 38.57%;
	width: calc(516 / 1400 * 100%);
}
#oneletter_CP #limited .limited_point {
	position: absolute;
	margin-top: 46.42%;
	top: 0;
	left: 82.78%;
	width: calc(162 / 1400 * 100%);
}
#oneletter_CP #lineup {
	background-image:url("../../../img/lp/oneletter_CP/lineup_bg_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(1343 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 .step1_ttl {
	position: absolute;
	margin-top: 4.78%;
	top: 0;
	left: 23.42%;
	width: calc(286 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 .step1_desc {
	position: absolute;
	margin-top: 11.5%;
	top: 0;
	left: 16.5%;
	width: calc(480 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl {
	margin: 0;
}
#oneletter_CP #lineup #step1 dl dt {
	margin: 0;
}
#oneletter_CP #lineup #step1 dl dd {
	margin: 0;
}
#oneletter_CP #lineup #step1 dl dt:nth-of-type(1) {
	position: absolute;
	margin-top: 17.28%;
	top: 0;
	left: 34.92%;
	width: calc(260 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dt:nth-of-type(2) {
	position: absolute;
	margin-top: 38.71%;
	top: 0;
	left: 10.85%;
	width: calc(314 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd {
	margin: 0;
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(1) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(345 / 1400 * 100%);
	top: 0;
	left: calc(159 / 1400 * 100%);
	width: calc(50 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(1) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(370 / 1400 * 100%);
	top: 0;
	left: calc(154 / 1400 * 100%);
	width: calc(104 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(1) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(408 / 1400 * 100%);
	top: 0;
	left: calc(152 / 1400 * 100%);
	width: calc(130 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(2) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(413 / 1400 * 100%);
	top: 0;
	left: calc(633 / 1400 * 100%);
	width: calc(54 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(2) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(438 / 1400 * 100%);
	top: 0;
	left: calc(633 / 1400 * 100%);
	width: calc(105 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(2) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(474 / 1400 * 100%);
	top: 0;
	left: calc(632 / 1400 * 100%);
	width: calc(130 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(3) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(781 / 1400 * 100%);
	top: 0;
	left: calc(222 / 1400 * 100%);
	width: calc(53 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(3) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(808 / 1400 * 100%);
	top: 0;
	left: calc(215 / 1400 * 100%);
	width: calc(119 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(3) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(846 / 1400 * 100%);
	top: 0;
	left: calc(215 / 1400 * 100%);
	width: calc(210 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(4) p:nth-of-type(1) {
	position: absolute;
	margin-top: calc(736 / 1400 * 100%);
	top: 0;
	left: calc(538 / 1400 * 100%);
	width: calc(55 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(4) p:nth-of-type(2) {
	position: absolute;
	margin-top: calc(762 / 1400 * 100%);
	top: 0;
	left: calc(534 / 1400 * 100%);
	width: calc(124 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd:nth-of-type(4) p:nth-of-type(3) {
	position: absolute;
	margin-top: calc(800 / 1400 * 100%);
	top: 0;
	left: calc(533 / 1400 * 100%);
	width: calc(210 / 1400 * 100%);
}
#oneletter_CP #lineup #step1 dl dd .btn_item {
	position: absolute;
	top: 0;
}
#oneletter_CP #lineup #step2 .step2_ttl {
	position: absolute;
	margin-top: 20.71%;
	top: 0;
	left: 66.21%;
	width: calc(280 / 1400 * 100%);
}
#oneletter_CP #lineup #step2 .step2_desc {
	position: absolute;
	margin-top: 28.28%;
	top: 0;
	left: 62.71%;
	width: calc(380 / 1400 * 100%);
}
#oneletter_CP #lineup #step2  ul {
	list-style: none;
	margin: 0;
}
#oneletter_CP #lineup #step2  ul li {
	position: absolute;
	top: 0;
	left: 63.42%;
	width: calc(360 / 1400 * 100%);
}
#oneletter_CP #lineup #step2  ul li:nth-child(1) {
	margin-top: 38.57%;
}
#oneletter_CP #lineup #step2  ul li:nth-child(2) {
	margin-top: 48.35%;
}
#oneletter_CP #lineup #step2  ul li:nth-child(3) {
	margin-top: 57.14%;
	width: calc(363 / 1400 * 100%);
}
#oneletter_CP #lineup #step2  ul li:nth-child(4) {
	margin-top: 63.42%;
}
#oneletter_CP #lineup #step3 .step3_ttl {
	position: absolute;
	margin-top: 71.35%;
	top: 0;
	left: 67.2%;
	width: calc(258 / 1400 * 100%);
}
#oneletter_CP #lineup #step3 .step3_desc {
	position: absolute;
	margin-top: 78.21%;
	top: 0;
	left: 63.42%;
	width: calc(360 / 1400 * 100%);
}
#oneletter_CP .pane_topic_path {
	position: absolute;
	margin-top: 90.21%;;
	top: 0;
	left: 7.14%;
	width: 85.71%;
}
#oneletter_CP .pane_topic_path .wrap {
	width: 100%;
	border-color: #000;
}
#oneletter_CP .pane_topic_path ul {
	margin-bottom: 1em;
	padding-top: 0.5em;
	font-size: 1.2rem;
	color: #4c4c4c;
}
#oneletter_CP .pane_topic_path ul li a {
	color: #4c4c4c;
}
#oneletter_CP .pane_topic_path ul li:not(:last-child)::after {
	color: #4c4c4c;
}




/* 737px以上用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {

#oneletter_CP {
	font-size: ★★vw;
}


/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

#oneletter_CP .txt_link {
	font-size: ★★px;
}


/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}