/* Your custom styles */
/*ベース*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}
select, button, input[type=text],input[type=mail] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	/* border-radius: 10px; */
	background:none;
	box-shadow: none;
	display: inline-block;
	font-size: 16px;
	padding: 3px;
	width: 100%;
}
/*まずはお決まりのボックスサイズ算出をborer-boxに */

.center {text-align: center;}
.block {
	display: block;
	margin: 0 auto;
}
.left {float: left;}
.container-fluid {padding: 0;}
.grey-text {color: #717171!important;}
.bold {
	font-weight: 700!important;
	line-height: 1.5em;
}
.line {border-bottom: solid 3px #fff;}
.txt_white{color: white;}
.txt_red {font-weight:bold;color:#fe4348;}
/*.txt_red.bg_yellow{ color: #feed32; }*/
.txt_black {font-weight:bold;color:#000;}
.txt_green {font-weight:bold;color:#268300;}
.txt_blue {font-weight:bold;color:#455af3;}
.txt_yellow {font-weight:bold;color:#feed32;}
.bg_black .txt_green{font-weight:bold;color:#5bd22a;}
.red{ background: #e3252a !important; }
.f14 {font-size: 14px !important;}
.f20 {font-size: 20px !important;}
.f30 {font-size: 30px !important;}
.f36 {font-size: 36px !important;}
.f40 {font-size: 40px !important;}
.f50 {font-size: 50px !important;}
.mt60 {margin-top:60px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb40 {margin-bottom: 40px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px;}
.mb120 {margin-bottom: 120px !important;}
.mb145 {margin-bottom: 145px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb240 {margin-bottom: 240px !important;}
.pt50{padding-top: 50px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.bg_green {
	background: #0d9b56;
	padding-top: 90px;
}

.bg_green p {
	color: #fff;
}
.bg_green .txt_yellow{
	color: #f2f71a;
}
.txt_white.red{
	background: #e60000 !important;
}
.tensen {
	border: dotted 10px #ff3b3b;
	padding: 30px 5px 30px 30px;
}

p {
	font-size: 20px !important;
	margin-bottom: 80px;
	/*text-align: center;*/
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
picture{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.bg_yellow {
/*	background:#feed32;*/
	background: linear-gradient(transparent 50%, #feed32 50%);
}
.bg_black {background:#000;}
.bg_check {
	background: url(../img/bg_check.png);
	background-repeat: repeat;
}
.bg_red {
	background: #e3252a;
	padding: 30px 15px;
	color: #fff;
	margin: 0 auto 20px;
	text-align: center;
}
.bg_red .txt_yellow {
	line-height: 1.4em;
	margin-bottom: 30px;
	color: #eadb3b;
}
.bg_red p {
	margin-bottom: 0;
}
.bg_eme{
	background: #dde2ff;
}
.container{
	padding-right: 0;
	padding-left: 0;
}
.container .row {
	margin: 0 auto;
	display: block;
}
.waku {
	border: solid 1px #fff;
	padding: 2%;
	margin-right: 10px;
	line-height: 70px;
}
/*MV*/
.software-lp .rgba-gradient {
	background: url(../img/bg_mv02.jpg) !important;
	background-repeat: no-repeat;
	background-position: contain;
}
.mv {
	margin: 0 auto;
	display: block !important;
}
header {
	height: auto !important;
	background: #0a190a;
	margin-bottom: 60px;
	background: url(../img/bg_jockey.png) no-repeat center;
	overflow: hidden;
}

/*見出し*/
.h1, h1 {
	font-size: 2rem;
	line-height: 1.5em;
}

.container-fluid.bg_moon .streak {
	background: url(../img/bg_show_case01.jpg) !important;
	background-repeat: no-repeat;
}

.container-fluid.bg_moon .streak.streak-photo {
	background-attachment: fixed;
}
.container-fluid.bg_moon strong {
	color:#fff;
}

/*head*/
.head {
	/*background: url(../img/bg_head.png) repeat center #000;
	position: relative;*/
	background: rgb(67,92,255);
background: radial-gradient(circle, rgba(67,92,255,1) 0%, rgba(38,52,144,1) 40%, rgba(15,21,58,1) 70%);
}
.ura_mv{
	background: url(../img/ura_mv_bg.png) no-repeat center #000;
}
.head02 {
	background:#000;
	position: relative;
}
.ura_ttl02{
	background: url(../img/ura_ttl02_bg.png) no-repeat top center #000;
}
.ura_img03{
	background: url(../img/ura_img03_bg.png) no-repeat center #000;
}
.ura_img04{
	background: url(../img/ura_img04_bg.png) no-repeat center #000;
}
.img02{
	background: url(../img/img02_bg.png) no-repeat top center #000;
	padding-top: 500px;
}
.mae_img04{
	background: url(../img/mae_img04_bg.png) no-repeat center #000;
}
/*.head02 div img {
	margin: 0 auto;
	background:#000;
	display: block;
}*/
.head03 {
	background: url(../img/bg.png) no-repeat top center #000;
}
.head03 div img {
	margin: 0 auto;
	display: block;
}
.jump_mv{
	background: url(../img/jump_mv_bg.png) no-repeat center #fff;
	margin-bottom: 0;
}
.jump_img02{
	background: url(../img/jump_img02_bg.png) no-repeat center #fff;
}
.sale_mv{
	background: url(../img/sale_mv_bg.png) no-repeat center #fff;
	margin-bottom: 0;
}




.head_br {
	background:#fff;
	position: relative;
	margin-bottom: 90px;
	margin-top: 60px;
}
.head_br img {
	display: block;
	margin: 0 auto;
}
.head.bg_blue {
	background: #f0fffe;
}
.head_red {
	background:url(../img/bg_ttl.png);
	background-repeat: repeat-x;
	height: 215px;
}
.head_red div {
	max-width:925px;
	margin: 0 auto
}
.head_red div img {margin-top: 30px;}
.head div {
	/*max-width:1140px;*/
	margin: 0 auto;
}
.head div.txt_area {
	max-width: 580px;
	margin: 45px auto 0;
	padding: 0 20px 60px;
}
.ttl {
	margin-top: 60px;
	margin-bottom: 60px;
}
.wrap_arrow {
	max-width:134px;
	margin: 45px auto 0;
}
.ttl_form {
	margin-top: 45px;
	margin-bottom: 30px;
}
.arrow {
	margin: 0 auto 60px;
	display: block;
}
form .error{
	display: block;
	color: #fe4348;
	font-weight: bold;
	font-size: 16px;
}
form .end{
	font-size: 1.8em;
	color: #fe4348;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 30px;
	text-align: center;
}
input:checked + span{
	/*text-shadow: 1px 0 2px rgb(156,167,243,1),
				 0 1px 2px rgb(156,167,243,1),
				 -1px 0 2px rgb(156,167,243,1),
				 0 -1px 2px rgb(156,167,243,1);*/
	position: relative;
	font-weight: bold;
	color: #fe4348;
}
input:checked + span:after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 110%;
	height: 2px;
	left: -10%;
	bottom: -5px;
	background: #fe4348;
}
::placeholder {
  color: #a8a5a4;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #a8a5a4;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #a8a5a4;
}
@media (max-width: 540px){
	.ura_mv,
	.ura_ttl02,
	.ura_img03,
	.ura_img04,
	.img02,
	.mae_img04,
	.head03,
	.jump_mv,
	.jump_img02,
	.sale_mv{
		background-size: cover;
	}
	.img02{
		padding-top: 150px;
	}
	.bg_black.pt90{
		padding-top: 20px !important;
	}
}
/*pat*/
.pat {margin-bottom: 30px;}
.arrow-top {
	margin-top: 15px;
	margin-bottom: 45px;
}

/*画像*/
.img_free {
	max-width: 674px;
	width: 100%;
}
.img_dream {
	max-width: 674px;
	margin-bottom: 80px;
	width: 100%;
}
.img_3point {
	max-width: 674px;
	margin-top: 60px;
	margin-bottom: 80px;
	width:100%;
	height: auto;
}
.img_root {
	max-width: 587px;
	width: 100%;
	padding: 0 30px;
	padding-top: 75px !important;
}
.img_support {
	margin-right: 20px;
}
.sc {
	margin-top: 15px;
	margin-bottom: 60px;
}
.sc_box {
	background: #f9f9f9;
	padding:60px 45px 30px;
	margin-bottom: 60px;
}
.mdb-lightbox {
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
.photo {
	max-width:300px;
	height: auto;
}
.img-fluid {
	max-width: 100% !important;
}
/*Form*/
form p {margin-bottom: 20px;}
.top-register-box {
	background: url(../images/bg-form.png);
	/* padding: 0; */
	/* padding-bottom: 80px; */
	/* position: relative; */
}
.register-box h2 img {
	width: 565px;
	/*margin-top: -135px;*/
}
.register-box {
	padding: 0px 0;
	background: url(../images/bg-form.png);
}
.top-register-box .set-width {
	margin: 0px auto 0;
	position: relative;
}
.register-box .set-width {
	max-width: 680px;
}
.set-width {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.register-box form {
	width: 95%;
	margin: 25px auto 0;
	margin-bottom: 20px;
	max-width: 600px;
}
.register-box form .input-holder {
	margin-bottom: 30px;
}
#form.streak {
	position: relative;
	display: block;
	height: auto;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
	background: #dde2ff;
}

.register-box {
	background: #fff;
}
.bg-form {
	margin-bottom: 20px;
}
.register-box h2 img {
	width: 565px;
	margin-top: -190px;
}
.register-box form {
	width: 85%;
	margin: 30px auto 0;
	margin-bottom: 20px;
	max-width: 600px;
}
.register-box form div {
	margin: 0 auto;
	max-width: 522px;
}
.register-box form div.sns_area {
	text-align: center;
}
.register-box form div.sns_area p {
	font-weight: bold;
	text-align: center;
}
.register-box form ul {
	overflow: hidden;
	padding-left: 0;
}
.register-box form ul li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 10px;
}
.register-box form ul li img {
	max-width: 160px;
	height: auto;
}
.register-box .hush {
	margin-bottom: 15px;
}
.register-box input[type=mail] {
	padding: 15px;
	font-size: 18px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #0b0070;
}
main.bg_check .container {
	background: #fff;
}


.btn,
.btn,
button.btn {
	display: block;
	max-width: 450px;
	margin: 0 auto 30px;
	padding: 20px 45px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	font-size: 26px;
	letter-spacing: 0.1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s  ease;
	transition: all 0.3s ease;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 50px;
	background: rgb(216,0,6);
background: linear-gradient(90deg, rgba(216,0,6,1) 0%, rgba(218,100,13,1) 50%, rgba(221,204,20,1) 100%);

	border: 1px solid #861e1e;
	box-shadow: 0 5px 0 #861e1e;
}
.btn:hover,
.btn:hover,
button.btn:hover{
	color: #fff;
	background: #fe4348;
	transform: translateY(5px);
	margin-top: 3px;
	box-shadow: 0 2px 0 #861e1e;

}
.btn--yellow {
	display: inline-block;
	padding: 0.5em 0.5em 0.35em 0.5em;
	text-align: center;
	text-decoration: none;
	background:#f92c2c;
	border-bottom:4px solid #13a31e;
	border-radius: 15px;
}

.btn--yellow:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#AD2022;
	 transform: translate3d(0, 4px, 0);
	 border-bottom: none;
}


.terms_txt {
	color: #000 !important;
	font-size: 13px !important;
	margin-top: 30px;
	text-align: center;
	line-height: 1.4 !important;
	background: #1cbb54;
	padding: 10px 0;
	max-width: 330px;
	margin: 30px auto;
}

/*MV*/
.head_line {
	margin: 0 auto;
}
.software-lp .navbar:not(.top-nav-collapse) {
	background: #000;
}
.txt-flow {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	white-space: nowrap;
	font-weight: 600;
	color: rgba(0,0,0,.8);
	text-shadow: 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242), 0px 0px 2px rgb(156 233 242);
	background: #fff;
}
.img01 {
	margin: 90px auto;
	padding:90px 0;
	display: block;
}
/*jisseki*/
.result_1 {
	width: 100%;
	margin: 75px auto 120px !important;
	text-align: center;
	border-spacing: 0;
}
.result_1 tr:nth-of-type(even){
	background: #f7f8ff;
}
.result_1 th{
	background: #455af3;
	color: #ecf4e3;
	font-size: 14px;
/*	border-bottom: 2px solid #0a190a;*/
	padding: 5px 0;
	font-weight: 600;
}
.result_1 td {
	font-size: 18px;
	padding: 10px 20px;
	border-bottom: solid 1px #455af3;
}
.result_1 td:nth-of-type(1){
	text-align: left;
}
.result_1 td:nth-of-type(3),
.result_1 td:nth-of-type(4){
	text-align: right;
}
.result_1 td.fee {
	font-weight: bold;
	background: #ffeeee;
	color: #fe4348;
	font-size: 20px;
}
.ttl_youkou {
	font-size: 40px !important;
	text-align: center;
	background: #0b0070;
	color: #feed32;
	}
.tbl-r02{
	width: 100%;
	margin: 0 auto 60px !important;
	border-spacing: 0;
}
.tbl-r02 th{
	font-size: 16px;
	color: #f7f8ff;
	border-bottom: 1px solid #dee2ff;
/*	font-weight: 600;*/
	text-align: center;
	line-height: 1.2;
	width: 20%;
	background: #0b0070;
	letter-spacing: 1px;
}
/*.tbl-r02 tr:first-child th{
	border-top:2px solid #5bd22a;
}*/
.tbl-r02 td {
	font-size: 20px;
	padding: 10px 20px;
	border-bottom: solid 1px #8d83ea;
	background: #fff;
}
.tbl-r02 tr:last-child th,
.tbl-r02 tr:last-child td{
	border: none;
}
/*.tbl-r02 tr:first-child td{
	border-top:1px dotted #5bd22a;
}*/
.form_03{
	border: 3px solid #0b0070;
	margin: 0 auto 60px;
	padding: 40px 100px 30px;
	background: #fffcf4;
	text-align: center
}
.form_03 input[type=text]{
	padding: 15px;
	font-size: 18px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #0b0070;
}
.form_03 .radio label:nth-of-type(1){
	margin-right: 20px;
}
/*footer*/
footer{
	font-size: 1.4rem;
}
footer.blue-grey.lighten-5,
footer.page-footer .footer-copyright{
	background: #0f153a !important;
}
footer .ft_link {
	margin: 0 auto;
	display: block;
	max-width: 720px;
	text-align: center;
	padding: 20px 0 0;
}
footer .ft_link ul {
	padding-left: 0;
	margin-bottom: 0;
}
footer .ft_link ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 25px;
	/*font-size: 0.9rem;*/
}
footer .ft_link ul li:last-child{
	margin-right: auto;
}
footer.page-footer a:hover{
	color: #a0adff;
}
.bk_link a{
	color: #212529;
	font-size: .8em;
}
.bk_link a:hover{
	color: #0f153a;
	text-decoration: underline;
}

/*その他*/
.tokuten .text-left {
	max-width: 360px;
	margin: 0 auto;
}
.icon-area .circle-icon {
	padding-bottom: 0 !important;
}
.img_btn:hover {
	opacity: 0.5;
}

section.ex {
	padding: 0 2%;
}

.box04 {
	/*max-width: 680px;*/
	max-width: 800px;
	margin: 0 auto !important;
	padding-bottom:1px;
}
.box04 .col-lg-4 {
	margin-bottom: 30px;
	background:#fff;
	opacity: 0.8;
	max-width: 860px;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	float: left;
}

.box04 .col-lg-4.voice01 {
	padding: 10px;
}
.box04 .col-lg-4.voice02 {
	padding:30px;
}
.box04 .col-lg-4 .icon-area .circle-icon {
	float: left;
}
.box04 .col-lg-4 .icon-area p {color:#fff;}
.box04 .col-lg-4 .icon-area .mt-1 div {
	float: right;
	width: 74%;
}

.box04 .col-lg-4.voice01 .text-center span {
	background:#000;
	color: #fff;
	padding: 5px 8px;
	margin-left: 10px;
}
.box04 .col-lg-4.voice02 .text-center span {
	background:#000;
	color: #fff;
	padding: 5px 8px;
	margin-left: 10px;
}

.box04 .col-lg-4 .circle-icon {
	margin-bottom: 20px;
}
.box04 .col-lg-4 .circle-icon .icon {
	max-width: 180px;
}
.icon-area .circle-icon.center {
	margin: 0 auto;
	display: block;
}
.bg_jisseki {
	background: url(../img/bg_jisseki.jpg);
	background-size: cover;
}
.bg_jisseki .container {
	padding: 60px;
	overflow: hidden;
}
.bg_jisseki .container .txt div {
	max-width: 860px;
	padding: 60px;
	margin: 0 auto;
	display: block;
}
.bg_jisseki .container .txt div img {
	margin-bottom: 60px;
}
.bg_check .container {padding: 60px;}
.bg_check .container img {margin:30px auto 75px;}
.bg_voice p {
	margin-bottom: 5px;
}
.sub-box {
	padding: 50px 0;
	background: url(../img/bg_mv_01.jpg);
	background-size: cover;
}
.bg_black p {
	color: #fff;
	/*text-align: center;*/
}
.bg_black .container {
	padding:60px 0;
}
.bg_blank {
	padding-top: 30px;
	margin-bottom: 0;
}
.obi {
	width:100%;
	margin: 0 auto;
	display: block;
}
.video_area {
	margin-bottom: 60px;
	margin-top: 60px;
}
video {
	/*max-width: 1200px;*/
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #0a190a;
	box-shadow: 0 0 20px 0px rgb(10,25,10,0.8);
}

@media (max-width: 1021px){
	.h1, h1, .font-weight-bold {font-size: 1.8rem;}
}

@media (min-width: 992px){
	section .box04 .col-lg-4 {
		-ms-flex: 0 0 48% !important;
		flex: 0 0 48% !important;
		max-width: 48% !important;
	}
}
@media (max-width: 991px){
	.carousel-multi-item .carousel-indicators {
		margin-bottom: -1.5em;
	}
	main .carousel.pointer-event {
		margin: 65px 60px 90px;
	}
	.carousel-item .view .intro-2 {
		height: 780px;
	}
	header .carousel-item img {
		max-width: 100% !important;
	}
	.box04 .col-lg-4 .icon-area .mt-1 div {
		width: 67%;
	}
	.bg_jisseki .container {
		max-width: 940px;
		padding: 40px;
	}
}
@media (max-width: 898px){
	.jisseki_area ul li.left {
		float: none;
		margin: 0 auto;
		display: block;
		max-width: 399px;
	}
	.jisseki_area ul li.right {
		float: none;
		margin: 0 auto;
		display: block;
		max-width: 399px;
	}
}
@media (min-width: 769px){
	.mdb-lightbox [class*=col-] {
		padding: 0.05rem;
	}
	.carousel-multi-item .col-md-4 {
		float: left;
		width: 20%;
		max-width: 100%;
	}

	footer .col-md-7 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
}

@media (max-width: 768px){
	p {
		font-size: 17px !important;
	}
	.h1, h1, .font-weight-bold {
		font-size: 1.5rem;
	}
	.mdb-lightbox figure {
		max-width: 150px;
		width: 20%;
	}
	header {margin-bottom: 0;}
	main .carousel.pointer-event {
		margin: 40px 30px 90px;
	}
	.mdb-lightbox [class*=col-] {
		padding: 0.01rem;
	}
	.set-width {
		width:90%;
		padding: 0;
	}
	.box04 .col-lg-4 {
		/*max-width: 660px;*/
	}
	.box04 .col-lg-4.voice01 {
		margin-right: 0px;
	}
	.bg_blank .container {
		padding: 20px;
	}
	.bg_voice {padding: 80px 0;}
	.bg_voice .row {
		max-width: 580px;
		width: 100%;
	}
	.box04 .col-lg-4 .icon-area .circle-icon {
		float: none;
	}
	.box04 .col-lg-4 .icon-area .mt-1 div {
		width: 98%;
	}
	.ttl_form {
		margin-top: 10px;
		margin-bottom: 30px;
	}
}
@media (min-width: 541px){
	.pc {display: block !important;}
	.sp {display: none !important;}
}
@media (max-width: 540px){
	.pc {display: none !important;}
	.sp {display: inline-block !important;}
	.f30 {font-size: 22px !important;}
	.f40 {font-size: 25px !important;}
	.f50 {font-size: 30px !important;}
	.mb40 {margin-bottom: 40px;}
	.mb90 {margin-bottom: 45px;}
	.mb120 {margin-bottom: 60px !important;}
	.mb145 {margin-bottom: 75px !important;}
	.mb180 {margin-bottom: 90px !important;}
	.mb240 {margin-bottom: 120px !important;}
	header {
		margin-bottom: 20px;
	}
	p {
		font-size: 16px !important;
		margin-bottom: 35px;
	}
	.mv.pc {display: none !important;}
	.tensen{padding: 10px 5px;}
	.register-box form {
		margin-bottom: 0;
		width: 100%;
	}
	.register-box form p {margin-bottom: 30px;}
	.bg-form {
		max-width: 450px;
		margin: 0 auto;
	}
	.box04 .col-lg-4 {
		margin-bottom: 30px;
		max-width: 860px;
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ttl {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.img_root {
		padding-top: 40px !important;
	}
	.head div.txt_area {
		max-width: 580px;
		margin: 45px auto 0;
		padding: 0 30px 20px;
	}
	.head_red {height:130px;}
	.head_red div img {
		max-width: 540px;
		width: 100%;
		margin: 0px auto 0;
		padding: 20px;
		display: block;
	}
	.bg_blank .container {
		padding: 0 40px 45px;
	}
	.btn,
	.btn,
	button.btn{
		font-size: 20px;
		padding: 20px;
	}
	button {font-size: 20px;}
	.bg_blank.bg_black {
		padding-bottom: 45px;
		padding-top: 60px;
	}
	.img01 {
		margin: 90px auto;
		padding: 60px 40px;
		display: block;
	}
	.result_1 td{
		font-size: 12px;
		padding: 10px 5px;
	}
	.result_1 td.fee{
		font-size: 16px;
	}
	.tbl-r02 th{
		width: 15%;
	}
	.form_03{
		padding: 40px 5% 30px;
	}
}


@media (min-width: 415px){
	.img_support {
		max-width: 172px;
		margin-right: 20px;
	}
}


@media (max-width: 414px){
	.h1, h1, .font-weight-bold {
		font-size: 1.3rem;
	}
	h2 {
		font-size: 1rem;
		line-height: 1.3em;
	}
	.pt-5, .py-5 {
		padding-top: 1rem!important;
	}
	.mb-4, .my-4 {
		margin-top:0 !important;
		margin-bottom: 0.4rem!important;
	}
	.tw-area {
		margin-bottom: 20px;
	}
	.carousel-item .view .intro-2 {
		height: 600px !important;
	}
	.ttl {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.sc {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.sc_box {
		padding: 20px 20px 1px;
	}
	button {
		font-size: 16px;
	}
	header .flex-center {
		height: 70% !important;
	}
	header .h-100 {
		height: 50%!important;
	}
	.ex-txt {
		margin-top:20px;
	}
	.video_area {
		margin-bottom: 40px;
		margin-top: 40px;
	}
	#defaultContactFormEmail {margin-bottom: 20px !important;}
	form.p-5 {padding:2rem 1rem !important;}
	.register-box form .input-holder {
		margin-bottom: 15px;
	}
	.ex-pt {margin-bottom: 20px;}
	main .carousel.pointer-event {
		margin: 40px 10px 90px;
	}
	.bg_check .container {
		padding: 30px;
	}
	main.bg_check .container {
		background: #fff;
		max-width: 370px;
	}
	.bg_black .container {
		padding: 30px;
	}
	.bg_blank .container {
		padding: 30px 30px 0px 30px;
	}
	.register-box input {
		font-size: 16px;
		padding: 10px;
	}
	.img_support {
		float: none;
	}
	.register-box form ul li img {
		max-width: 120px;
		height: auto;
	}
	.input-holder {margin-bottom: 10px;}
	.bottun-holder {margin-bottom: 0;}
	.register-box form p {
		margin-bottom: 15px;
	}
	.head_red {
		height: 100px;
	}
	.img_support.sp {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.bg_blank {
		padding-top: 0px !important;
		margin-bottom: 0;
	}
	.terms_txt {
		margin-top: 20px;
		padding: 10px;
		line-height: 1.5 !important;
		margin-bottom: 20px !important;
	}
	.btn--yellow {padding: 0.4em;}
	footer .ft_link ul li {
		margin-right: 6px;
		font-size: 0.7rem;
	}
	.img_support.sp {
		max-width: 142px;
		margin: 0 auto 30px;
		display: block;
	}
	.ttl_form {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.mb180 {
		margin-bottom: 130px;
	}
	#form.streak {
		padding-top: 20px;
		padding-bottom: 30px;
	}
}


@media (max-width: 375px){
	.h1, h1, .font-weight-bold {
		font-size: 1.2rem;
	}
	.ml-3, .mx-3 {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.software-lp p, .icon-area p {
		font-size: .8rem !important;
	}
	main.bg_check .container {
		background: #fff;
		max-width: 340px;
	}
	.register-box h2 img {
		width: 565px;
		margin-top: -150px;
	}
	.register-box {
		padding: 150px 0 10px;
	}
	.bg_grass .container .txt div {
		padding: 20px;
	}
	.register-box form ul li img {
		max-width: 160px;
		height: auto;
	}
	#form.streak {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.register-box {
		padding: 20px 0 50px;
	}
	.software-lp p, .icon-area p {
		font-size: 1.5rem !important;
	}
	.wrap_arrow {
		max-width: 90px;
		margin: 25px auto 0;
	}
	.box04 .col-lg-4 .circle-icon .icon {
		max-width: 140px;
	}
	.register-box form p.f30 {font-size: 20px !important;}
	.register-box form {
		margin: 25px auto 0;
	}
	.bg_blank .container {
		padding: 60px 20px 0px 20px;
	}
	.set-width {
		padding-left: 0px;
		padding-right: 0px;
	}
	.sc_box {
		padding: 20px 20px 1px;
	}
	footer {font-size: 0.7em;}
	footer .py-4 {
		padding-top: 0.7rem!important;
		padding-bottom: 0.7rem!important;
	}
	footer .py-3 {
		padding-top: 0.5rem!important;
		padding-bottom: 0.5rem!important;
	}
}

@media (max-width: 360px){
	.bg_voice {
		padding: 40px 0 0px !important;
	}
	.voice_img {
		margin-bottom: 30px;
	}
}

@media (max-width: 320px){
	.register-box form p.f30 {
		font-size: 17px !important;
	}
	.register-box h2 img {
		width: 565px;
		margin-top: -130px;
	}
	.register-box {
		padding: 130px 0 0px;
	}
	.register-box {
		padding: 0px 0 0px;
	}
	.software-lp p, .icon-area p {
		font-size: 1.2rem !important;
	}
	button {
		font-size: 16px;
		line-height: 1.3em;
		padding: 5px 0;
	}
	.bg-form {
		padding: 0 20px;
		max-width: 410px;
		margin: 0 auto;
	}
	.head_red {
		height: 85px;
	}
	.bg_blank .container {
		padding: 10px 20px;
	}
	.box04 .col-lg-4.voice01 {
		padding: 30px 20px;
	}
}

/*デバイスごとの改行*/
@media screen and (min-width: 321px) {
	br.none_321 {display: none !important;}
}
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
}
@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
}
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}
@media screen and (max-width: 320px){
	br.none_320 {display: none !important;}
}