@charset "UTF-8";
/* ======================
           cmn
========================*/

/* html,body,#container,#mv{
	position: relative;
	width: 100%;
} */

/* ▼ GoogleFont ▼ */
body {
	font-family: 'Noto Sans JP', sans-serif;
   }
/* ▲ GoogleFont ▲ */

section>.inr, header>.inr, .top_block>.inr {
	max-width: 1200px;
	margin: 0 auto;
}

.main>.sec>.inr {
	padding: 80px 0;
}

.main>.sec#area>.inr {
	width: 100%;
	padding: 0;
	max-width: none;
	position: relative;
}

@media (max-width:767px) {
	.main>.sec>.inr {
		padding: 40px 20px !important;
	}
	.main>.sec#problem>.inr {
		padding-bottom: 50px !important;
	}
	.main .problem_block {
		padding: 0 3%;
	}
	.main>.sec#service>.inr {
		padding-top: 75px !important;
	}
	.main>.sec#area>.inr {
		padding: 0px !important;
	}
}

@media (min-width:768px) and (max-width:1220px) {
	section>.inr, header>.inr, .top_block>.inr, .main>.sec>.inr {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (min-width:768px) {
	.main>.sec#service>.inr {
		padding-top: 140px !important;
	}
}

/* ---- ttl ---- */

.sec_ttl {
	font-size: 4rem;
}

.block_ttl {
	font-size: 3rem;
}

.main .sec_ttl {
	margin-bottom: 60px;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}

.main .sec_ttl span {
	display: block;
}

.sec_ttl_sub {
	font-size: 2rem;
	line-height: 2;
	margin-bottom: 5px;
	font-weight: 500;
}

.main .sec#area .sec_ttl {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	top: 14%;
	margin-bottom: 0px;
}

@media (max-width:767px) {
	.sec_ttl {
		font-size: 2.3rem;
	}
	.block_ttl {
		font-size: 2rem;
	}
	.main .sec_ttl {
		padding: 0 3%;
		margin-bottom: 30px;
		line-height: 1.3;
	}
	.sec_ttl_sub {
		font-size: 1.5rem;
		line-height: 1.7;
	}
	.main .sec#area .sec_ttl {
		top: 40px;
	}
}

/* ---- img / icon ---- */

.logo {
	max-width: 195px;
}

.icon_blue {
	color: #0090ff;
	/* fill: #0090ff; */
}

.icon_white {
	color: #fff;
}

.icon_pc {
	width: 45px;
	padding-top: 5px;
}

span.icon.icon_pc img {
	width: 45px;
}

.icon_identify {
	width: 50px;
}

.icon_search {
	/* width: 25.6%; */
	width: 45px;
	height: 40px;
	;
}

.icon_tool {
	width: 17.5%;
	width: 35px;
}

.icon_security {
	width: 38px;
}

.icon_question {
	width: 35px;
}

.icon_money {
	width: 43px;
}

@media (max-width:767px) {
	.logo {
		width: 120px;
	}
	.icon_pc {
		width: 23.5px;
	}
	.icon_identify {
		width: 25px;
	}
}

@media (min-width:768px) {
	.icon_identify {
		margin-left: 3px;
	}

	/* .icon_man-glasses{
		width: 61px;
	} */
}

/* ---- color ---- */

.bg_blue {
	background-color: #1fc2ff;
}

.bg_blue02 {
	background-color: #007dda;
}

.bg_light-blue {
	background-color: #e8f9ff;
}

/* ---- size ---- */

@media (max-width:767px) {
	.pc {
		display: none !important;
	}
}

@media (min-width:768px) {
	.sp {
		display: none !important;
	}
}

@media (max-width:1220px) {
	.pc_tab {
		display: none;
	}
}

@media (min-width:1221px) {
	.sp_tab {
		display: none;
	}
}

/* ---- link ---- */

.link_border {
	border-bottom: 1px solid #333;
}

/* ---- btn ---- */

.btn a, .btn input, .btn button {
	color: #fff;
	font-size: 3rem;
	line-height: 1.333;
	font-weight: bold;
	transition: all 0.3s ease;
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	padding: 40px 10px;
	border-radius: 5px;
}

.btn a:hover {
	opacity: 0.5;
}

.btn a .material-icons {
	margin-right: 25px;
}

.material-icons.icon_send {
	font-size: 35px;
}

.btn_bg_red a {
	background: #ff4800;
	border: 3px solid #fff;
}

.btn_bg_blue a, .btn_bg_blue input, .btn_bg_blue button {
	background: #0090ff;
	border: 3px solid #0090ff;
}

.btn_border_blue a, .btn_border_blue input {
	background: #fff;
	border: 3px solid #0090ff;
	color: #0090ff;
}

#form .btn_confirm button {
	font-size: 3rem;
	font-weight: bold;
	display: block !important;
	padding: 18px 10px;
	width: 100%;
	cursor: pointer;
}

#form .btn_confirm {
	transition: all 0.3s ease;
}

#form .btn_confirm:hover {
	opacity: 0.5;
}

#form .btn_confirm button .txt_min {
	font-size: 1.6rem;
	font-weight: normal;
}

@media (max-width:767px) {
	.btn_info a {
		font-size: 2.5rem;
		line-height: 0.8;
		padding: 17.5px 10px;
	}
	#form .btn_confirm button {
		font-size: 2rem;
	}
}

@media (min-width:768px) {
	.btn {
		max-width: 550px;
	}
	#form .btn_confirm {
		max-width: 500px;
		margin: 0 auto;
	}
}

input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 5px;
}

/* ブラウザ */

.ie {
	display: none;
}

@media all and (-ms-high-contrast: none) {
	.ie {
		display: block;
		margin-right: 20px;
	}
	.material-icons {
		display: none;
	}
}

/* ======================
           container
========================*/

#body #container {
	padding-bottom: 142px;
}

@media (min-width:768px) {
	#body #container {
		padding-bottom: 114px;
	}
}

@media (min-width:1221px) {
	#body #container {
		padding-bottom: 153px;
	}
}

/* ======================
           MV
========================*/

#mv h1 {
	font-weight: bold;
	text-align: left;
}

#mv h1 span {
	display: block;
}

#mv h1 .mv_ttl_01 {
	font-size: 3.5rem;
	line-height: 1.14;
	margin-bottom: 45px;
	padding: 10px;
	border: 4px solid #000;
	width: 220px;
	text-align: center;
	letter-spacing: 0.1em;
}

#mv h1 .mv_ttl_02 {
	font-size: 6rem;
	color: #0090ff;
	line-height: 0.7;
	margin-bottom: 43px;
}

#mv h1 .mv_ttl_03 {
	margin-bottom: 38px;
}

#mv h1 .mv_ttl_03, #mv h1 .mv_ttl_04 {
	font-size: 4rem;
	line-height: 1;
	display: flex !important;
	align-items: center;
}

#mv h1 .mv_ttl_03 span:not(:last-child) {
	margin-right: 20px;
}

#mv h1 .mv_ttl_04 span:not(:last-child) {
	margin-right: 10px;
}

#mv h1 .mv_ttl_04-01 {
	display: flex !important;
	align-items: center;
}

#mv h1 .mv_ttl_04-02 {
	background: url(/lp/assets/cmn/img/mv_ttl_bg.png) no-repeat;
	font-size: 3rem;
	text-align: center;
	width: 148px;
	line-height: 1.6;
	color: #ff4800;
	height: 55px;
}

.top_block .inr {
	text-align: center;
	padding: 60px 10px;
}

.top_block .inr .top_ttl {
	color: #ff0101;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.2;
}

.top_block .inr .top_ttl_big {
	font-size: 6rem;
	position: relative;
	bottom: -3px;
}

@media (max-width:767px) {
	#mv {
		background: url(/lp/assets/cmn/img/mv_sp.jpg) no-repeat;
		background-size: cover;
		padding-top: 50px;
	}
	#mv>.inr {
		padding: 20px 20px 0px;
	}
	#mv h1 .mv_ttl_01 {
		font-size: 1.75rem;
		margin-bottom: 40px;
	}
	#mv h1 .mv_ttl_01 {
		width: 110px;
		margin-bottom: 25px;
	}
	#mv h1 .mv_ttl_02 {
		font-size: 3.1rem;
		color: #0090ff;
		margin-bottom: 25px;
	}
	#mv h1 .mv_ttl_03 {
		margin-bottom: 20px;
	}
	#mv h1 .mv_ttl_03, #mv h1 .mv_ttl_04 {
		font-size: 2.1rem;
	}
	#mv h1 .mv_ttl_03 span:not(:last-child) {
		margin-right: 15px;
	}
	#mv h1 .mv_ttl_04 {
		margin-bottom: 20px;
	}
	#mv h1 .mv_ttl_04-02 {
		background-size: cover;
		width: 100px;
		line-height: 1.2;
		font-size: 2rem;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#mv .mv_box {
		text-align: center;
	}
	#mv .mv_box_r img {
		width: 70%;
	}
	.top_block .inr {
		text-align: center;
		padding: 30px 10px;
	}
	.top_block .inr .top_ttl {
		font-size: 2.25rem;
	}
	.top_block .inr .top_ttl_big {
		font-size: 4.25rem;
	}
}

@media (max-width:1220px) {
	#mv {
		padding-top: 58px;
	}
}

@media (max-width:1220px) {
	#mv {
		padding-top: 55px;
	}
}

@media (min-width:768px) {
	#mv {
		background: url(/lp/assets/cmn/img/mv_pc.jpg) no-repeat;
		background-size: cover;
	}
	#mv>.inr {
		padding: 60px 0px;
	}
	#mv .mv_box_l {
		margin-right: 25px;
	}
	.mv_block {
		display: flex;
	}
	#mv h1 {
		padding-left: 10px;
	}
	#mv h1 .mv_ttl_01 {
		margin-left: -10px;
	}
}

@media (min-width:768px) and (max-width:1100px) {
	#mv h1 .mv_ttl_02 {
		font-size: 4rem;
	}
	#mv h1 .mv_ttl_03, #mv h1 .mv_ttl_04 {
		font-size: 2.8rem;
	}
	.mv_box.mv_box_l {
		width: 63%;
	}
	#mv .mv_box.mv_box_r {
		width: 34%;
	}
}

/* ======================
           cta
========================*/

.main > .sec.cta > .inr,
section.cta > .inr {
	padding: 16px 37.5px!important;
}

.cta .block {
	text-align: center;
}

.cta .block h2 {
	color: #fff;
	font-weight: bold;
}

.cta .cta_ttl {
	position: relative;
	display: inline-block;
	color: #fcfa12;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 10px;
}

#cv.cta .cta_ttl {
	margin-bottom: 5px;
}

.cta .cta_ttl::before,
.cta .cta_ttl::after {
	content: '';
	position: absolute;
	display: block;
	background-color: #fcfa12;
	width: 100%;
	height: 1px;
	left: 0;
}

.cta .cta_ttl::before {
	bottom: 2px;
}

.cta .cta_ttl::after {
	bottom: 0;
}

.cta .cta_btn a {
	font-size: 2.1rem;
	padding-top: 18px;
	padding-bottom: 18px;
}

.cta .cta_link a {
	color: #fff;
	font-size: 3.3rem;
	line-height: 3.6rem;
	font-weight: bold;
}

.cta .cta_time {
	color: #fff;
	font-size: 1.3rem;
}

@media (max-width:767px) {
	.cta .cta_ttl {
		margin-bottom: 20px;
	}

	.cta .cta_btn {
		margin-bottom: 20px;
	}
}

@media (min-width:768px) {
	.main > .sec.cta > .inr,
	section.cta > .inr {
			padding: 17px 0!important;
	}

	.cta .block {
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 40px;
	}

	.cta .cta_ttl {
		order: 1;
		font-size: 2.5rem;
		padding-bottom: 15px;
	}

	.cta .cta_ttl::before,
	.cta .cta_ttl::after {
		height: 2px;
	}

	.cta .cta_ttl::before {
		bottom: 4px;
	}

	.cta .cta_btn {
		order: 3;
	}

	.cta .cta_btn a {
		font-size: 1.5rem;
	}

	.cta .cta_box {
		order: 2;
	}

	.cta .cta_link a {
		font-size: 2.5rem;
		line-height: 2.8rem;
	}

	.cta .cta_time {
		font-size: 1.3rem;
	}
}

@media (min-width:1221px) {
	.main > .sec.cta > .inr,
	section.cta > .inr {
			padding: 22.5px 0!important;
	}

	.cta .block {
		column-gap: 60px;
	}

	.cta .block h2 {
		font-size: 2.4rem;
	}

	.cta .cta_ttl {
		font-size: 3.8rem;
	}

	.cta .cta_btn a {
		font-size: 2rem;
		padding-right: 42px;
		padding-left: 42px;
	}

	.cta .cta_link a {
		font-size: 3.8rem;
		line-height: 4.2rem;
	}

	.cta .cta_time {
		font-size: 1.5rem;
	}
}

/* --------------------------
         header 
---------------------------*/

#header {
	z-index: 3;
}

#header .box_01 {
	width: 15.83%;
}

#header .box_02 {
	width: 57.5%;
}

#header .btn_bg_red a {
	border: 1px solid #fff;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 20px 10px;
}

#header .btn_bg_red a .material-icons {
	margin-right: 10px;
}

#header .btn_bg_red a .material-icons.icon_send {
	font-size: 20px;
}

#header .box_02 .nav_list a {
	color: #fff;
	font-weight: bold;
}

@media (max-width:767px) {
	#header {
		position: fixed;
		width: 100%;
		top: 0;
	}
}

@media (max-width:1220px) {
	#header {
		padding-bottom: 20px;
	}
	#header .box_02 {
		width: 100%;
	}
	#header .nav_list li {
		padding: 15px 10px;
		text-align: center;
		font-size: 1.5rem;
	}
	#header .box_03 {
		margin: 0 auto;
		max-width: 220px;
		margin-top: 20px;
	}
	html {
		height: 100%;
		overflow-x: hidden;
	}
	#container.header_list_open #header {
		right: 0;
	}
	#header {
		height: 100%;
		position: fixed;
		overflow: auto;
		top: 0;
		overflow-y: scroll;
		right: -100%;
		transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
		width: 100%;
	}
}

@media (min-width:1221px) {
	#header .header_block, #header_sp .header_block {
		display: flex;
		justify-content: space-between;
		padding: 20px;
		align-items: center;
	}
	#header .box_03 {
		width: 19%;
	}
	#nav .nav_list {
		display: flex;
		justify-content: space-between;
		/* align-items: center; */
	}
	#nav .nav_list li:not(:last-child) {
		margin-right: 30px;
	}
	/* ---- #header PC 特定位置で固定ヘッダー---- */
	#header.header_fixed {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}
}

/* ---- #header_sp SP固定ヘッダー---- */

#header_sp {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

#header_sp .header_block {
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

#header_sp .box_01 {
	width: 25%;
}

#header_sp .box_02 {
	width: 60%;
	display: flex;
	margin-left: auto;
	justify-content: flex-end;
	align-items: center;
}

#header_sp .btn_bg_red {
	max-width: 130px;
}

#header_sp .btn_bg_red a {
	font-size: 1.2rem;
	padding: 10px 5px;
	border: 1px solid #fff;
}

#header_sp .btn a .material-icons {
	margin-right: 8px;
}

#header_sp .material-icons.icon_send {
	font-size: 13px;
}

#header_sp .logo {
	display: flex;
	max-width: 100px;
}

#header .icon_burger, #header_sp .icon_burger {
	text-align: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	width: 30px;
	justify-content: center;
	height: 30px;
	margin-left: 20px;
}

#header .icon_burger {
	margin-left: auto;
}

#header .box_04 {
	padding: 12.5px 20px;
}

#header .icon_burger_close img {
	width: 12px;
}

#header_sp .icon_burger_open img {
	width: 15px;
}

/* ======================
           problem
========================*/

#problem .problem_box_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#problem .problem_box_list li {
	text-align: center;
	width: 16.6666667%;
	padding: 30px 10px 20px;
	border: 2px solid #1fc2ff;
	border-bottom: 8px solid #1fc2ff;
	background-color: #fff;
}

#problem .problem_box_list li:nth-child(1) .problem_box_txt, #problem .problem_box_list li:nth-child(3) .problem_box_txt, #problem .problem_box_list li:nth-child(5) .problem_box_txt {
	padding-top: 10px;
}

#problem .problem_box_txt {
	font-size: 2rem;
	line-height: 1.5;
	display: block;
	font-weight: bold;
	margin-top: 15px;
}

#problem {
	position: relative;
}

#problem::after {
	width: 100px;
	height: 100px;
	border-top: 2px solid #0090ff;
	border-right: 2px solid #0090ff;
	-webkit-transform: rotate( -225deg);
	transform: rotate( -225deg);
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: -30px;
}

@media (max-width:767px) {
	#problem .problem_box_list li {
		width: 48.7%;
		padding: 20px 10px 20px;
		border-bottom: 4px solid #1fc2ff;
	}
	#problem .problem_box_list li {
		margin-bottom: 17px;
	}
	#problem .problem_box_txt {
		font-size: 1.6rem;
		line-height: 1.375;
	}
	#problem::after {
		bottom: -15px;
	}
}

/* ======================
           service
========================*/

#service .service_box_list li {
	text-align: center;
	padding: 40px 30px;
	border: 2px solid #1fc2ff;
}

#service .service_box_detail_ttl {
	font-size: 3rem;
	color: #0090ff;
	margin: 40px 0px 20px;
	line-height: 1.333333;
	font-weight: bold;
}

#service .service_box_detail_txt {
	text-align: left;
}

@media (max-width:767px) {
	#service .service_box_list li:not(:last-child) {
		margin-bottom: 30px;
	}
}

@media (min-width:768px) {
	#service .service_box_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#service .service_box_list li {
		width: 31.6666667%;
	}
}

@media (min-width:768px) and (max-width:1220px) {
	#service .service_box_list li {
		padding: 30px 10px;
	}
}

/* ======================
           flow
========================*/

#flow .flow_box_list li {
	text-align: center;
	background-color: #fff;
	border: 2px solid #1fc2ff;
}

#flow .flow_box_number {
	position: relative;
	background: #1fc2ff;
	color: #fff;
	border-radius: 50%;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}

#flow .flow_box_list li:last-child .flow_box_number {
	background: #ff4800;
}

#flow .flow_box_list li:last-child {
	border: 2px solid #ff4800;
}

#flow .flow_box_list li:last-child .flow_box_txt {
	color: #ff4800;
}

@media (max-width:767px) {
	#flow .flow_box_list li {
		display: flex;
		border-radius: 40px;
		padding: 10px;
		width: 90%;
		margin: 0 auto;
	}
	#flow .flow_box_list li:not(:last-child) {
		margin-bottom: 15px;
	}
	#flow .flow_box_number {
		width: 30px;
	}
	#flow .flow_box_txt {
		font-size: 2rem;
		width: 80%;
	}
}

@media (min-width:768px) {
	#flow .block.flow_block {
		position: relative;
		padding-top: 20px;
	}
	#flow .flow_box_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1140px;
		margin: 0 auto;
	}
	#flow .flow_box_list li {
		width: 140px;
		padding: 18px 0px;
		border-radius: 50%;
		z-index: 1;
	}
	#flow .flow_box_number {
		top: -40%;
		width: 40px;
		margin: 0 auto;
		height: 40px;
	}
	#flow .flow_box_list::after {
		position: absolute;
		content: "";
		top: 55%;
		left: 32px;
		width: 90%;
		height: 2px;
		background-color: #000;
	}
	#flow .flow_box_txt {
		position: relative;
		bottom: 7%;
		font-size: 2rem;
		line-height: 1.5;
		font-weight: 500;
	}
	#flow .flow_box_list li:nth-child(4) .flow_box_txt, #flow .flow_box_list li:nth-child(6) .flow_box_txt {
		bottom: 15%;
	}
}

@media (min-width:768px) and (max-width:1220px) {
	#flow .flow_box_list::after {
		top: 56%;
	}
	#flow .flow_box_list li {
		width: 120px;
		padding: 14px 0px;
	}
	#flow .flow_box_txt {
		bottom: 11%;
	}
	#flow .flow_box_txt {
		bottom: 11%;
		font-size: 1.6rem;
	}
	#flow .flow_box_list li:nth-child(4) .flow_box_txt, #flow .flow_box_list li:nth-child(6) .flow_box_txt {
		bottom: 20%;
	}
}

/* ======================
           area
========================*/

#area .area_box_txt_01 {
	margin-bottom: 45px;
}

#area .area_box_txt_02 {
	margin-bottom: 65px;
}

#area .area_box_txt_02 p {
	display: flex;
	align-items: center;
	color: #0090ff;
	font-weight: bold;
	font-size: 2.4rem;
}

#area .icon_computer {
	font-size: 41px;
	margin-right: 15px;
}

#area .icon_pin {
	font-size: 41px;
	margin-right: 5px;
}

#area .area_box_l img {
	width: 100%;
}

@media (max-width:767px) {
	#area .area_box.area_box_r {
		padding: 0 20px;
	}
	#area .area_box.area_box_l {
		margin-bottom: 10px;
	}
	#area .area_box_txt_01 {
		margin-bottom: 30px;
	}
	#area .area_box_txt_02 p:first-child {
		margin-bottom: 15px;
	}
	#area .area_box_txt_02 {
		margin-bottom: 40px;
	}
	#area .btn_list {
		margin-bottom: 40px;
	}
}

@media (min-width:768px) {
	#area .area_block {
		display: flex;
	}
	#area .area_box {
		width: 50%;
	}
	#area .area_box_r {
		padding-left: 40px;
		padding-bottom: 3%;
	}
}

@media (min-width:768px) and (max-width:1220px) {
	.main>.sec#area>.inr {
		padding-left: 0px !important;
	}
	.main .sec#area .sec_ttl {
		top: 10%;
	}
	#area .area_box_l {
		width: 50%;
	}
	#area .area_box_r {
		padding-top: 15%;
		width: 50%;
	}
	#area .area_box_txt_01 {
		margin-bottom: 20px;
	}
	#area .area_box_txt_02 {
		margin-bottom: 35px;
	}
	#area .area_box_r {
		padding-left: 10px;
	}
}

@media (min-width:1221px) {
	#area .area_box_txt_02 {
		display: flex;
		justify-content: space-between;
		;
	}
	#area .area_box_r {
		padding-top: 12%;
	}
	#area .area_box_r_inr {
		max-width: 550px;
	}
}

/* ======================
           product
========================*/

#product .product_box_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

#product .product_box_list li .product_box_img {
	background-color: #fff;
	padding: 40px 30px;
	margin-bottom: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#product .product_box_list li .product_box_detail {
	background-color: #e8f9ff;
}

#product .product_box_name {
	text-align: center;
	color: #333333;
	font-size: 2rem;
}

#product .product_ex_block {
	position: relative;
}

#product .product_ex_list {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 10px 0;
}

#product .product_ex_list li {
	width: 31%;
}

#product .product_ex_list {
	margin: 0 auto;
}

#product h3.block_ttl {
	position: absolute;
	font-weight: bold;
	position: absolute;
	top: -1%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
	text-align: center;
}

#product .product_block {
	margin-bottom: 100px;
}

@media (max-width:767px) {
	#product .product_box_list li .product_box_img {
		margin-bottom: 10px;
		padding: 20px;
	}
	#product .product_box_list li {
		width: 31.3%;
	}
	#product .product_box_list li:nth-child(n+2) {
		margin-left: 2.9850%;
	}
	#product .product_box_list li:nth-child(3n+1) {
		margin-left: 0;
	}
	.product_box_list li:nth-child(n+4) {
		margin-top: 20px;
	}
	#product .product_box_name {
		font-size: 1.5rem;
	}
	#product .product_ex_list {
		margin: 0 auto;
		padding-top: 0;
		padding-right: 3%;
		padding-bottom: 3%;
		padding-left: 3%;
	}
	#product .product_ex_list:first-of-type {
		padding-top: 7%;
	}
	.product_box_img .iphone {
		width: 50%;
	}
	#product .product_block {
		margin-bottom: 50px;
	}
}

@media (max-width:1220px) {
	.product_box_img .iphone {
		width: 50%;
	}
}

@media (min-width:768px) {
	#product .product_box_list li {
		width: 23.75%;
	}
	#product .product_box_list li:nth-child(n+2) {
		margin-left: 1.6%;
	}
	#product .product_box_list li:nth-child(4n+1) {
		margin-left: 0;
	}
	#product .product_box_list li:nth-child(n+5) {
		margin-top: 30px;
	}
	#product .product_ex_list {
		max-width: 980px;
		margin: 0 auto;
		text-align: center;
		padding-top: 0;
		padding-right: 5%;
		padding-bottom: 5%;
		padding-left: 5%;
	}
	#product .product_ex_list:first-of-type {
		padding-top: 5%;
	}
}

/* ======================
           example
========================*/

#example .example_box_name {
	font-weight: bold;
}

#example .example_box_list li .example_box_img {
	display: flex;
	align-items: center;
	padding: 35px 25px;
	justify-content: center;
	margin-bottom: 10px;
}

#example .example_head_txt {
	text-align: center;
	margin-bottom: 50px;
}

#example .example_box_list li .example_box_img {
	border: 1px solid #e0e0e0;
}

@media (max-width:767px) {
	#example .example_box_detail {
		text-align: center;
	}
	#example.sec>.inr {
		padding: 40px 0px 40px !important;
	}
	#example .example_head_txt {
		padding: 0px 20px!important;
	}
	#example .example_box_list li .example_box_img {
		padding: 10px 15px;
	}
	#example .example_box_list li {
		margin: 0 10px;
	}
}

@media (min-width:768px) {
	#example .example_box_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#example .example_box_list li {
		width: 30%;
	}
	#example .example_box_list li:nth-child(n+4) {
		margin-top: 30px;
	}
	#example .example_box_list {
		max-width: 830px;
		margin: 0 auto;
		text-align: center;
	}

}

/* ======================
           method
========================*/

#method .method_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	row-gap: 20px;
	column-gap: 20px;
}

@media (max-width:767px) {
	#method .method_block {
		flex-direction: column;
	}
}

/* ======================
           info
========================*/

#info .info_box_list {
	color: #fff;
}

#info .info_box_ttl {
	font-size: 4rem;
	line-height: 1.5;
	margin-bottom: 20px;
	font-weight: bold;
}

#info .info_box_txt {
	font-size: 2.1rem;
	line-height: 1.9;
	font-weight: 500;
	;
}

@media (max-width:767px) {
	#info .info_box_ttl {
		font-size: 2.3rem;
		margin-bottom: 10px;
	}
	#info .info_box_txt {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}
}

@media (min-width:768px) and (max-width:1024px) {
	#info .info_box_ttl {
		font-size: 3rem;
	}
	#info .info_box_txt {
		font-size: 1.8rem;
	}
}

@media (min-width:768px) {
	#info .info_box_list {
		display: flex;
		justify-content: space-between;
		max-width: 1100px;
		margin: 0 auto;
	}
	#info .info_box_list>li:first-child {
		width: 50%;
		padding-right: 20px;
	}
	#info .info_box_list>li:last-child {
		width: 50%;
		align-self: center;
	}
}

/* ======================
           faq
======================== */

.main>#faq.sec>.inr {
	padding-bottom: 0px !important;
}

#faq .faq_box_q {
	font-weight: 500;
}

#faq .faq_box_a {
	display: none;
	padding-top: 15px;
}

#faq .faq_box_list li {
	cursor: pointer;
	padding: 30px 20px;
	border-bottom: 1px solid #333;
}

#faq .faq_box_list li:first-child {
	border-top: 1px solid #333;
}

.faq_box_q {
	position: relative;
}

.faq_box_q::before, .faq_box_q::after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 5px;
	background: #0090ff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.5s;
}

.faq_box_q::after {
	transform: translateY(-50%) rotate(90deg);
}

.faq_box_q.is-active::before {
	transform: rotate(-45deg);
}

.faq_box_q.is-active::after {
	transform: rotate(45deg);
}

@media (max-width:767px) {
	.faq_box_q::before, .faq_box_q::after {
		width: 10px;
		height: 1px;
	}
	#faq .faq_box_list li {
		padding: 15px 10px;
	}
}

/* ======================
           voice
======================== */

#voice .voice_box_list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#voice .voice_box_list li {
	padding: 30px;
	background-color: #f5f5f5;
}

#voice .voice_box_list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#voice .voice_box_list li {
	padding: 30px;
	background-color: #f5f5f5;
}

#voice .voice_box_list li .voice_box_img {
	width: 14.5%;
}

#voice .voice_box_list li .voice_box_txt {
	width: 67.7%;
}

@media (max-width:767px) {
	#voice .voice_box_list li:not(:first-child) {
		margin-top: 15px;
	}
	#voice .voice_box_list li {
		padding: 20px 15px;
	}
	#voice .voice_box_list li .voice_box_img {
		width: 12%;
	}
	#voice .voice_box_list li .voice_box_txt {
		width: 88%;
		padding-left: 3%;
	}
}

@media (min-width:768px) {
	#voice .voice_box_list {
		display: flex;
		justify-content: space-between;
		max-width: 1000px;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	#voice .voice_box_list li {
		width: 48%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#voice .voice_box_list li:nth-child(n+3) {
		margin-top: 30px;
	}
	#voice .voice_box_list li .voice_box_txt {
		width: 77%;
	}
}

/* ======================
           delete
======================== */

#delete .delete_box_list li .delete_box_detail {
	padding: 0 55px 0 50px;
}

#delete .delete_box_list li .delete_box_ttl {
	margin-bottom: 20px;
	font-size: 3rem;
	font-weight: bold;
}

#delete .delete_block li {
	background-color: #fff;
}

#delete .delete_box_img {
	text-align: center;
}

@media (max-width:767px) {
	#delete .delete_block {
		width: 90%;
		margin: 0 auto;
	}
	#delete .delete_box_list li:first-child .delete_box_img img {
		width: 55%;
	}
	#delete .delete_box_list li .delete_box_detail {
		padding: 25px 20px;
	}
	#delete .delete_box_list li .delete_box_ttl {
		font-size: 2rem;
		margin-bottom: 15px;
	}
	#delete .delete_box_list li:not(:first-child) {
		margin-top: 20px;
	}
}

@media (min-width:768px) {
	#delete .delete_box_list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#delete .delete_box_list li .delete_box_img, #delete .delete_box_list li .delete_box_detail {
		width: 50%;
	}
	#delete .delete_box_list li:last-child {
		margin-top: 80px;
	}
}

/* ======================
           company
========================*/

#company .block {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
}

#company .company_list {
	margin-bottom: 30px;
}

@media (min-width:768px) {
	#company .company_list {
		margin-bottom: 50px;
	}
}

/* ======================
           cv
========================*/

#cv {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 90;
}

#cv .cta_time br {
	display: none;
}

@media (max-width:767px) {
	.main > #cv.sec.cta > .inr, section.cta > .inr {
		padding: 10px!important;
	}

	#cv .block {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	#cv h2 {
		width: 100%;
	}

	#cv .cta_ttl {
		margin-bottom: 10px;
	}

	#cv .cta_btn {
		width: 58%;
		margin-bottom: 0;
	}

	#cv .cta_btn a {
		font-size: 1.4rem;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
	}

	#cv .cta_box {
		width: 40%;
	}

	#cv .cta_link a {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

	#cv .cta_time {
		font-size: 1rem;
	}

	#cv .cta_time br {
			display: block;
	}
}

/* ======================
           campaign
========================*/
.campaign {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .8);
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	padding: 30px;
	z-index: 99;
}

.campaign_image {
	position: relative;
	width: min(85%, 500px);
	max-height: calc(100vh - 60px);
	aspect-ratio: 1/1;
	margin: 0 auto;
}

.campaign_close {
	position: absolute;
	background-color: #fff;
	width: 50px;
	height: 50px;
	top: -25px;
	right: -25px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
	cursor: pointer;
}

.campaign_close::after {
	content: '×';
	position: absolute;
	display: block;
	font-size: 2.5rem;
	line-height: 1;
	text-align: center;
	width: 100%;
	top: 12.5px;
	right: 0;

}

/* ======================
           footer
========================*/

#footer .footer_block {
	text-align: center;
}

#footer .footer_block_top {
	padding: 35px 20px 25px;
	border-top: 1px solid #e0e0e0;
}

#footer .footer_block_top .footer_logo {
	margin: 0 auto;
	margin-bottom: 25px;
}

#footer .footer_block_bottom {
	padding: 10px 10px;
	color: #fff;
	font-weight: 500;
}

#footer .footer_logo {
	width: 225px;
}

#footer .footer_company_name {
	font-weight: 500;
}

@media (max-width:767px) {
	#footer .footer_company_name {
		margin-bottom: 10px;
		display: inline-block;
	}
	#footer .footer_address {
		text-align: left;
	}
}

@media (min-width:768px) {
	#complete #footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}

/* ======================
           form
======================== */

#form input, textarea, select {
	width: 100%;
	padding: 6px 10px;
}

#form .form_privacy_link {
	text-align: center;
	margin-bottom: 30px;
}
#form .form_privacy_link a {
    color: #333;
}

#form .form_ttl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
	line-height: 0.4;
}

#form .form_label {
	font-weight: 500;
	margin-right: 20px;
}

#form .form_require {
	color: #fff;
	background-color: #ff0000;
	width: 40px;
	padding: 0px 3px;
	font-size: 1.3rem;
	line-height: 2.5;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
}

#form ::placeholder {
	color: #ccc;
}

/* // IE対応 */
input:-ms-input-placeholder {
	color: #ccc;
}

#form .formError {
	color: #ff0000;
	font-size: 14px;
}

#form .form_block_select {
	background-color: #ffe4e4;
	padding: 30px 20px;
	margin-bottom: 50px;
}

#form .form_input_radio_list label {
	border: 1px solid #333;
	border-radius: 5px;
	background-color: #fff;
	display: flex;
	align-items: center;
}

#form .form_input_radio_list label.radio_selected {
	border: 1px solid #ff0000;
	color: #ff0000;
}

#form .form_require_point {
	font-size: 1.2rem;
	color: #ff0000;
	padding: 0px 10px;
	border: 1px solid #ff0000;
	font-weight: bold;
	line-height: 1.7;
}

/* ▼▼ラジオボタンカスタマイズ▼▼ */

input[type=radio] {
	display: none;
}

.form_radio_label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding-left: 30px;
	position: relative;
	width: auto;
}

.form_radio_label::before {
	background: #fff;
	border: 1px solid #333;
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 16px;
}

.form_radio_label::after {
	background: #333;
	border-radius: 50%;
	content: '';
	display: block;
	height: 8px;
	left: 9px;
	margin-top: -3px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 8px;
}

input[type=radio]:checked+.form_radio_label::after {
	opacity: 1;
}

input[type="radio"], input[type="checkbox"] {
	position: relative;
	top: 2px;
}

/* ▲▲ラジオボタンカスタマイズ▲▲ */

.formError {
	z-index: 0;
}

#form .form_block_product .form_input {
	padding: 20px 0;
	border-bottom: 1px dashed #111;
}

#form .form_block_product .form_input:first-of-type {
	padding-top: 0px;
}

@media (max-width:767px) {
	#form .form_block:not(:last-of-type) {
		margin-bottom: 20px;
	}
	#form .form_block:last-child {
		margin-bottom: 0px;
	}
	#form .form_privacy_block {
		margin-top: 40px;
	}
	#form .form_block_select {
		margin: 0 -20px;
		margin-bottom: 20px;
	}
	#form .form_input_radio_list label:not(:last-child) {
		margin-bottom: 15px;
	}
	#form .form_require_point {
		font-size: 1.2rem;
	}
	#form .form_radio_label_min {
		font-size: 1.2rem;
	}
	#form .form_input_radio_list label {
		padding: 7px 5px;
	}
	#form .form_input_product:not(:last-child) {
		margin-bottom: 10px;
	}
	#form .form_input_product:last-child {
		width: 50%;
	}
	#form .form_input_product_ttl {
		margin-bottom: 10px;
		display: inline-block;
	}
}

@media (min-width:768px) {
	#form .form_block_wrap {
		max-width: 840px;
		margin: 0 auto;
	}
	#form .form_block_inr {
		max-width: 740px;
		margin: 0 auto;
	}
	#form .form_privacy_block {
		margin-top: 80px;
	}
	#form .form_block_select .form_block_inr, #form .form_block_online .form_block_inr {
		align-items: baseline;
		display: flex;
		justify-content: space-between;
	}
	#form .form_block_select .form_input, #form .form_block_online .form_input {
		width: 74.3%;
	}
	#form .form_input_radio_list {
		display: flex;
		justify-content: space-between;
	}
	#form .form_block_online .form_input_radio_list {
		justify-content:flex-start;
	}
	#form .form_block_online .form_input_radio_list label {
		width: 200px;
		width: 33%;
	}
	#form .form_block_online .form_ttl {
		width: 60%;
	}
	/* #form .form_block_online .form_input_radio_list label:first-child {
		margin-right: 20px;
	} */
	#form .form_block_online .form_input_radio_list label:not(:last-child) {
		margin-right: 20px;
	}

	#form .form_block_select .form_ttl, #form .form_block_online .form_ttl {
		margin-bottom: 0px;
	}
	#form .form_block:not(:last-of-type) {
		margin-bottom: 30px;
	}
	#form .form_block_product .form_input {
		display: flex;
		justify-content: space-between;
	}
	#form .form_block_product .form_input .form_input_product:nth-child(1), #form .form_block_product .form_input .form_input_product:nth-child(2) {
		width: 40.52%;
	}
	#form .form_block_product .form_input .form_input_product:nth-child(3) {
		width: 16.21%;
	}
	#form .form_input_radio_list label {
		padding: 10px;
	}
}

@media (min-width:768px) and (max-width:1000px) {
	#form .form_block_select .form_input {
		width: 77.3%;
	}
	#form .form_block_select .form_input_radio_list label:first-child {
		margin-right: 2%;
	}
}

/* バリデーションエラー */

.formError {
	position: static !important;
	top: auto !important;
	left: auto !important;
	margin-top: 10px !important;
	color: #D92323;
	font-size: 14px;
}

.formError .formErrorArrow {
	display: none;
}

/* =============================
           form confirm/確認 complete/完了
=================================*/

#confirm .contact-txt {
	margin-bottom: 50px;
}

#confirm .btn_confirm_list li, #complete .btn_confirm_list li {
	cursor: pointer;
	transition: all 0.3s ease;
}


#confirm .btn_confirm_list li:hover, #complete .btn_confirm_list li:hover {
	opacity: 0.5;
}

#confirm .form-item-wrap {
	border-bottom: 1px solid #ccc;
	padding: 20px 0px;
}

#confirm .btn_confirm_list input, #complete .btn_confirm_list a {
	padding: 20px 10px;
	font-size: 2.3rem;
}

#confirm .form-item-wrap label {
	font-weight: bold;
}

#complete .complete-txt {
	margin-bottom: 50px;
	text-align: center;
}

@media (max-width:767px) {
	#confirm .btn_confirm_list li:first-child {
		margin-bottom: 20px;
	}
	#confirm .sec_confirm_wrap {
		margin-bottom: 50px;
	}
	#confirm .btn_confirm_list input, #complete .btn_confirm_list a {
		padding: 15px 10px;
		font-size: 2rem;
	}
}

@media (min-width:768px) {
	#confirm .btn_confirm_list {
		display: flex;
		justify-content: center;
	}
	#confirm .btn_confirm_list li {
		width: 40%;
	}
	#confirm .btn_confirm_list li:first-child {
		margin-right: 20px;
	}
	#confirm .confirm_inr_block {
		max-width: 840px;
		margin: 0 auto;
	}
	#confirm .form-item-wrap {
		display: flex;
	}
	#confirm .form-item-wrap .label {
		width: 30%;
		text-align: left;
	}
	#confirm .sec_confirm_wrap {
		margin-bottom: 80px;
	}
	#complete .btn_confirm_list .btn {
		max-width: 335px;
		margin: 0 auto;
	}
}

#acMenu .toggleBtn {
	position: relative;
	height: 50px;
}
#acMenu .toggleSlide {
	display: none;
}
#acMenu .toggleBtn::before, #acMenu .toggleBtn::after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 5px;
	background: #0090ff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.5s;
}
#acMenu .toggleBtn::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
#acMenu .toggleBtn.active::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
#acMenu .toggleBtn.active::after {
	transform: translate(-50%, -50%) rotate(45deg);
}