@charset "Shift-Jis";
/* CSS Document */
/* ------------------------------------------

common

------------------------------------------ */
*{
	padding:0px;
	margin:0px;
}
body {
	background: url(../images/bg.png);
	overflow-x: hidden;
	font-family: Ryumin Heavy KL;
}
a:link {color: #2461D2;}
a:visited {color: #2461D2;}
a img {border-style:none;}
.clear {clear:both;}
.clearfix:after {
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {min-height:1px;}
* html .clearfix {height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
::selection {background:#d4dcd6; /* Safari */}
::-moz-selection {background:#d4dcd6; /* Firefox */}
input[type="text"] {color:#aaa;}
input[type="text"].textFocus {color:#222;}

/* ‰ïˆõ */
#menber_box{
    margin: 2em 0;
    line-height: 1.4em;
    background: #191970;
    padding: 1.2em 1em;
}
#menber_box p#mb{margin-bottom: 0.4em;}
#menber_box p#small_tex{
    font-size: 0.8em;
    margin-bottom: 1em;
}
#menber_box a{color: #fff;font-weight: 600;font-size: 0.9em;padding: 0.8em 1em;}
div#white_box{background: #fff;padding: 1em 1em 1.2em; }
#menber_box h6{text-align: center;font-size: 1.4em;margin-bottom: 0.6em;color: #fff;}
@media screen and (max-width: 767px){
	#program p img{width: 100%;}
    #menber_box h3{line-height: 1.4em;font-size: 1.2em;}
    #menber_box p#mb{font-size: 0.9em;}
    #menber_box.btn--orange,
    #menber_box a.btn--orange{line-height: 1.2em;}
    #menber_box p#small_tex{font-size: 0.8em;}
}
#menber_box.btn--orange,
#menber_box a.btn--orange {
  border-radius:5px;
  background-color: #eb6100;
  display: inline-block;
}
#menber_box .btn--orange:hover,
#menber_box a.btn--orange:hover {
  border-radius:5px;
  background: #f56500;
}
/* ------------------------------------------

header

------------------------------------------ */
@media screen and (min-width: 641px) {
/*.sp {display:none;}*/
.mv {
	width:100%;
	height:auto;
	max-height:495px;
	background:url(../images/mv_bg.png) 50% !important;
}
.mvInner {
	width:100%;
	max-width:960px;
	height:auto;
	max-height:495px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.mvInner img{width:100%; height:auto;}
.logo {
	float:left;
	padding:15px 0 0 40px;
}
.sns {
	float:right;
	margin-right:40px;
}
.sns ul {
	margin-top:10px;
	float:right;
	overflow:hidden;
}
.sns ul li {
	margin:0 2px;
	float:left;
	list-style:none;
}
.sns+p {
	padding-top:10px;
	clear:both;
}
.sns+p img:nth-of-type(2) {
	position:relative;
	top:-25px;
}
h1 {
        padding: clamp(10px, 14vw, 75px) 0 clamp(5px, 2vw, 10px);
}
h1 img{width:93.3%;}
.formBox {
	text-align:left;
	position:relative;
	top:80px;
	left:3%;
	width:97%;
	background-color:#ccc;
}
.formBox form>img {
/*	float:left;  */
	overflow:hidden;
}
.formBox td {
	text-align:right;
}
.formBox label {
	margin:3px 0 5px;
	display:block;
}
.formBox label span {
	width:110px;
	display:inline-block;
	text-align:right;
}
.formBox input {
	width:125px;
	margin-left:10px;
	padding:3px 5px;
	border:1px solid #222c37;
	box-shadow:inset 0 1px 5px #aaa;
}
.formBox input.long {
	width:272px;
}
.formBox button {
	background:transparent;
	border:none;
	cursor:pointer;
}
.mvInner p:last-child {
	position:absolute;
	bottom:-25px;
	right:0;
	background-color:#9EE9F8;
}
form img {display:inline-block;}

#buybtn { margin:1em 20px 30px 20px; display:inline-block;}
#buybtn ul{
	list-style:none;
	clear:left;
	width:100%;
}
#buybtn li{
	float:left;
}
#buybtn .by1{display:inline-block; height:auto;}
#buybtn .by2{display:inline-block; width:26.6%; height:auto;}
#buybtn .by3{display:inline-block; height:auto;}
/*#buybtn .by3{display:inline-block; width:29.3%; height:auto;}*/
#buybtn .by4{display:inline-block; width:28.5%; height:auto;}
#buybtn li img {width:100%; height:auto;}
}



/* ------------------------------------------

main

------------------------------------------ */
.containerInner {behavior: url(ie-css3.htc);}

.navi {
	width:100%;
	max-width:960px; 
	margin:0 auto;
	text-align:center;
}
.navi ul {
	margin-top:10px;
	overflow:hidden;
	width:100%;
	display:table;
}
.navi ul li {
	border-right:1px solid #333;
	background:url(../images/arrow_02.png) no-repeat center 80px;
	display:table-cell;
	list-style:none;
	text-align:center;
	vertical-align:middle;
	width:20%;
	padding-top:15px;
	padding-bottom:35px;
}

.navi ul li:last-child {border:none; }
/*.navi ul li a {padding:15px 30px 35px; display:inline-block; color:#000;text-decoration:none;font-size:18px;line-height:1.3;letter-spacing:-2.6px;}*/
.navi ul li a {display:inline-block; color:#000;text-decoration:none;font-size:17px;line-height:1.3;letter-spacing:-2.0px;}
.navi ul li a:hover {
	color: #970c0c;
}
.navi ul li:first-child a {margin-left:0;}
.navi ul li:last-child a {margin-right:0; }

h3 {
	height: 135px;
	padding-top: 55px !important;
	clear: both;
	text-align: center;
	background: url(../images/index_bg.png);
	color: #FFF;
	font-size: 30px !important;
	line-height: 1.2;
	vertical-align: middle;
}
h3#problem {height:157px;padding-top:33px !important;}
h3#online{height:152px;padding-top:38px !important;}
h3#tech{height:132px;padding-top:58px !important;}
h3 span {font-size:64px;}
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06{width:100%; max-width:960px; height:auto; margin:60px auto;}
	.sec07 {width:100%; max-width:960px; height:auto; margin:20px auto;}
/* sec01 */
.sec01 .leftBox {width:57%;float:left; margin-left:20px;}
.sec01_img div.pc img,.leftBox div.sp img{width: 100%;}
.sec01_img div.pc img{max-width: 587px;}
.sec01_img div.sp img{max-width: 360px;}
.sec01 .rightBox {width:31%; float:right; margin-right:20px;}
.sec01 h2 {
	margin: -10px 0 0 16px;
	color: #111;
	font-family: Ryumin Light KL;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: -1px;
}
.sec01 h2:first-letter {margin-left:-41px;}
.sec01 h2+p {
	margin: 30px 0 60px;
	line-height: 2.2;
	font-size: 15px;
	letter-spacing: -0.3px;
}
.sec01 h2+p+p {color:#111;font-family:Ryumin Light KL;font-size:42px;font-weight:bold;letter-spacing:-1px;}
.sec01 .leftBox>a {margin:15px 0 0 -11px;display:block;}
.sec01 .rightBox img+p {margin:20px 0;font-size:22px;font-family:Reimin Medium; width:100%;}
.sec01 .rightBox img+p span {display:block;font-size:12px;}
.sec01 .rightBox p:last-child {padding:24px;border:1px dashed #666;color:#444;font-size:12px;font-family:�VƒS M;line-height:2;text-align:left;}
.sec01 .leftBox h2 {margin-left:20px;}

/* sec02 */
.sec02 {text-align:center;}
.sec02 ul {padding-bottom:30px;border-bottom:1px dashed #333;}
.sec02 ul li {width:290px;margin: 0 13px 20px;display:inline-block;font-size:21px;line-height:1.4;vertical-align:top;letter-spacing:-0.3px;}
.sec02 ul li img {display:block;}
.sec02 ul li span {
	padding: 1px;
	background: #B8403A;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 1;
}
.sec02 h4 {margin-bottom:10px;font-size:50px;}
.sec02 h4 span {font-size:80px;position:relative;top:5px;}
.sec02 h4+div p:last-child {margin:-605px 0 -100px;}
.sec02 .leftBox, .sec02 .rightBox {display:inline-block;vertical-align:top;position:relative;}
.sec02 .leftBox {margin-right:20px;}
.sec02 dl dt {
	color: #b02c25;
}
.sec02 dl.a {width:501px;height:278px;margin:15px 0 0px 0px;background:url(../images/set02_ex01_2.png) no-repeat;}
.sec02 dl.a dt {position: relative;top: -4px;left: -26px;}
.sec02 dl.a dd{width: 310px;margin-left: 160px;margin-top: 14px;text-align: left;line-height: 1.7;}
.sec02 dl.b {width:431px;height:336px;margin:-22px 0px 0px 66px;background:url(../images/set02_ex02_2.png) no-repeat;}
.sec02 dl.b dt{margin-top: -25px;display: inline-block;position: relative;left: -50px;}
.sec02 dl.b dd{width: 285px;margin-left: 120px;margin-top: 14px;text-align: left;line-height: 1.7;}
.sec02 .rightBox dl {width:416px;height:373px;margin-top:100px;background:url(../images/set02_ex03_2.png) no-repeat;}
.sec02 .rightBox dt {position:relative;left:-15px;}
.sec02 .rightBox dd {width:225px;margin:25px 0 0 43px;text-align:left;line-height:1.7;letter-spacing:0.3px;}

/* sec03 */
.sec03 {width:96%;text-align:center; margin-right:auto; margin-left:auto;}
.sec03 h4 {margin-bottom:50px;font-size:44px;letter-spacing:-0.3px;}
.sec03 p {
	color: #333333;
	font-family: �VƒS R;
	text-align: left;
	line-height: 1.7;
}
.sec03 img {margin-left:45px;float:right;}
.sec03 p img:first-child {float:right;}
.sec03 img.mind {width:53%;}

/* sec04 */
.sec04 {position:relative;}
.sec04 dl.producttxt{margin-left:4px;}
.producttxt dd span#price{font-size: 1.8em;font-weight: 600;}
.sec04 dt {padding:0px 0 10px 15px;border-left:2px solid #222;;font-size:30px; text-align:left;}
.sec04 dd {
	color: #333333;
	text-align: left;
}
.sec04>dl>dd {margin:15px 0px 40px;font-family:�VƒS R;overflow:hidden;}
.sec04 dl dl {float:left;width:49%;}
.sec04 dl dl+dl {float:right;}
.sec04 dl dl dt {margin-right:10px;padding:7px 0;border-left:0;float:left;font-size:15px;}
.sec04 dl dl dd {padding:7px 0 7px 50px;border-bottom:1px dashed #999;font-size:15px;} 
.sec04 dl:nth-of-type(3) dt {margin-right:30px;float:left;}
.sec04 dl:nth-of-type(3) dd {padding-top:6px;font-size:22px;}
.sec04 dl:nth-of-type(3) dd span {
	font-size: 12px;
	color: #777;
}
.sec04 p:last-child {right:0;top:-13px;}
.sec04 ul.procv {list-style:none;}
.sec04 ul.procv li{float:none; display:block;}
.sec04 p img.cdset {width:100%;}
.sec04 .kounyu {width:50%; max-width:480px; display:inline-block; }
.sec04 .kounyu img{display:inline-block; width:100%; max-width:480px; height:auto; max-height:193px;}
.sec04 .hopack {width:100%; max-width:960px; display:block; }
.sec04 .hopack img{display:block; width:100%; max-width:960px; height:auto; max-height:143px;}

/* sec05 */
.sec05 h4 {margin-bottom:40px;}
.sec05 h4 img{width:100%; max-width:960px; height:auto;}
.sec05 .leftBox {width:29%; margin:0 20px 0 0; float:left; overflow:hidden;}
.sec05 .leftBox p {margin-top:20px;font-size:27px;}
.sec05 .leftBox p span {font-size:14px;line-height:1.4;}
.sec05 .rightBox {overflow:hidden; float:right;}
.sec05 .rightBox>p:first-child {margin-right:20px;float:none;font-size:17px;line-height:1.8;letter-spacing:-1.4px;}
.sec05 .rightBox>p.psmtxt {margin-right:20px;float:none;font-size:17px;line-height:1.8;letter-spacing:-1.4px;}
.sec05 .rightBox img {float:right; height:auto; margin-left:10px;}
.sec05 .rightBox div:nth-of-type(1) {clear:both;margin-top:30px;}
.sec05 .rightBox h5 {margin-bottom:5px;font-size:23px;}
.sec05 .rightBox ul {padding:10px 25px;border:1px dashed #666;background:#fff;}
.sec05 .rightBox ul li {margin:7px 0;padding-left:30px;background:url(../images/icon_check.png) no-repeat left center;}
.sec05 .rightBox div:nth-of-type(2) {margin-top:10px;float:left;}
.sec05 .rightBox div:nth-of-type(2) p {font-size:34px;}
.sec05 .rightBox div:nth-of-type(2) p span {font-size:16px;}
.sec05 .rightBox div:nth-of-type(2)+p {margin:17px 0 0 20px;float:left;}
.sec05 .semi_apply {padding: 30px 0 50px; clear:both; text-align: center;}
.sec05 table {margin: 0 auto; width: 89.5%; text-align: center;}
.sec05 th {padding: 10px 20px; background: #fff; border: 1px solid #979797; font-size: 18px; text-align: center;}
.sec05 td {border: 1px solid #979797; padding: 10px 20px; vertical-align: middle;}
.sec05 td .entryOK {color: #FF3300; font-weight: bold; font-size: 16px; text-align: center; display: block;}
.sec05 .video-container {clear: both; padding-top: 60px;}
.sec05 .video-container h4 {margin-bottom: 20px; padding: 15px; font-size: 30px; letter-spacing: -0.3px; text-align: center; border: 2px solid #111;}
.sec05 #psmdtl {margin:0 10px; width:98%; clear:both;}
.sec05 .leftBox img{width:100%; max-width:280px; height:auto;}
/* sec06 */
.sec06 {text-align:center;}
.sec06 form>div {width:700px;margin:25px auto 0;padding:45px 0;border:1px dashed #666;text-align:center;}
.sec06 form>div>img {display:inline-block;vertical-align:top;}
.sec06 form>div>table {display:inline-block;vertical-align:top;}
.sec06 caption {margin-bottom:12px;}
.sec06 td {text-align:right;}
.sec06 label {margin-top:7px;display:block;}
.sec06 label span {width:110px;text-align:right;}
.sec06 input {width:125px;margin-left:10px;padding:3px 5px;border:1px solid #777;box-shadow:inset 0 1px 3px #ddd;position:relative;top:-2px;}
.sec06 input.long {width:272px;}
.sec06 button {margin-top:20px;background:transparent;border:none;cursor:pointer;}

/* sec07 */
.sec07 {position:relative;}
.sec07 dl.producttxt{margin-left:4px;}
.sec07 dt {padding:0px 0 10px 15px;border-left:2px solid #222;;font-size:30px; text-align:left;}
.sec07 dd {
	color: #333333;
	text-align: left;
}
.sec07>dl>dd {margin:15px 0px 40px;font-family:�VƒS R;overflow:hidden;}
.sec07 dl dl {float:left;width:49%;}
.sec07 dl dl+dl {float:right;}
.sec07 dl dl dt {margin-right:10px;padding:7px 0;border-left:0;float:left;font-size:15px;}
.sec07 dl dl dd {padding:7px 0 7px 50px;border-bottom:1px dashed #999;font-size:15px;} 
.sec07 dl:nth-of-type(3) dt {margin-right:30px;float:left;}
.sec07 dl:nth-of-type(3) dd {padding-top:6px;font-size:22px;}
.sec07 dl:nth-of-type(3) dd span {
	font-size: 12px;
	color: #777;
}
.sec07 p:last-child {right:0;top:-13px;}
.sec07 ul.procv {list-style:none;}
.sec07 ul.procv li{float:none; display:block;}
.sec07 p img.cdset {width:100%;}
.sec07 .kounyu {width:50%; max-width:480px; display:inline-block; }
.sec07 .kounyu img{display:inline-block; width:100%; max-width:480px; height:auto; max-height:193px;}
.sec07 .hopack {width:100%; max-width:960px; display:block; }
.sec07 .hopack img{display:block; width:100%; max-width:960px; height:auto; max-height:143px;}
	
/* pageTop */
.pageTop {position:fixed;right:1%;bottom:70px;}


.sec05 .rightBox>section{padding: 30px 0 17px 0;
    font-size: 90%;}	
@media screen and (max-width: 800px) {
.sec01 .leftBox {width:96%;float:left; margin-left:20px;}
.sec01 .rightBox {width:95%; float:none; margin-left:20px;}	
.sec01 .leftBox h2 {font-size:40px;}
.sec01 h2+p+p {color:#111;font-family:Ryumin Light KL;font-size:40px;font-weight:bold;letter-spacing:-1px;}
.sec01 .pc img {margin-left:-10px;}
.sec02 .rightBox dl {
	width: 416px;
	height: 373px;
	margin-top: -20px;
	margin-bottom: 70px;
	background: url(../images/set02_ex03_2.png) no-repeat;
}
.sec03 img.mind {width:63%;}
.sec03 img {margin-left:25px;float:right;}
h3 span {font-size:43px;}
.sec04 p img.cdset {text-align:right; width:50%; display:inline-block; padding-left:49%;}
.sec05 .leftBox {float:left; margin:0 20px 0 0; width:29%;}
/* pageTop */
.pageTop {position:fixed;right:1%;bottom:45px;}
	
#footer{
	padding:15px 15px;
	font-size:11px;
	background:#303b51;
	overflow:hidden;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
#footer>div {
	width:610px;
	margin:0 auto;
}
.sec05.clearfix #psmdtl .rightBox {
}
}
#individual{
	margin: 2em auto 0;
}
/* program */
#program h4 {
  margin-bottom: 1em;
}
#program h4 img {
  width: 100%;
}
#program p#title {
  font-weight: 600;
  font-size: 1em;
  margin: 1em 0 0.5em;
}
#program p.tex {
  margin-bottom: 1em;
  font-size: 0.9em;
  line-height: 1.6em;
}
@media screen and (max-width: 640px) {
	/*
.pc {display:none;}
.sp {margin-top:0;} 
	*/
.mv {
	width:100%;
	height:auto;
	max-height:1180px;
	background:url(../images-sp/sp_head-bg1.jpg) 100% !important; ;
	margin-top:-5px;  
}
.mvInner {
	width:100%;
	max-width:640px;
	height:auto;
	max-height:1180px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
	div.formBox div img{width: 90%;}
.logo {
	float:left;
	padding:15px 0 0 15px;
	position:absolute; display:block; z-index:200;
}
.sp .logo img {
	width:100%;
	max-width:165px;
}
.sns {
	flaot:right;
	margin-right:15px;
	position:relative; display:block; z-index:200;
}
.sns ul {
	margin-top:15px;
	float:right;
	overflow:hidden;
	width:100px;
	height:auto;
}
.sns ul li {
	margin:0 2px;
	float:left;
	list-style:none;
	width:29%;
	height:auto;
	padding:0;
}
.sns ul li img { width:100%; height:auto;}
.sns+p {
	padding-top:10px;
	clear:both;
}
.sns+p img:nth-of-type(2) {
	position:relative;
	top:-25px;
}
h1 {
	position:relative;
	margin-top:5px !important;
	margin-bottom:1em;
	padding-top: 3em;
}
h1 img{width:100%;}
p.cdimg {
	position:relative;
	margin-top:-20px;
	padding:0;
	line-height:100%;}
form img {
	display:block;
	margin: 10px auto;
	text-align:center;
}
form .buyicon {margin-top:-20px; width:20%;}
form img.imglast {
	padding-bottom:30px;
}
/* ------------------------------------------

main

------------------------------------------ */
.containerInner {behavior: url(ie-css3.htc);}

.navi {
	width:100%;
	max-width:640px; 
	margin:0 auto;
	text-align:center;
}
.navi ul {
	margin-top:10px;
	overflow:hidden;
	width:100%;
	display:table;
}
.navi ul li {
	border-right:1px solid #333;
	background:url(../images/arrow_02.png) no-repeat center 100px;
	display:table-cell;
	list-style:none;
	text-align:center;
	vertical-align:middle;
	width:20%;
	padding-top:15px;
	padding-bottom:60px;
}

.navi ul li:last-child {border:none; }
.navi ul li a { display:inline-block; color:#000;text-decoration:none;font-size:15px;line-height:1.3;letter-spacing:-1.0px;}
.navi ul li a:hover {
	color: #970c0c;
}
.navi ul li:first-child a {margin-left:0;}
.navi ul li:last-child a {margin-right:0;}

h3 {
	height: 107px;
	padding-top: 55px !important;
	clear: both;
	text-align: center;
	background: url(../images/index_bg.png);
	color: #FFF;
	font-size: 1.2em !important;
	line-height: 1.4;
	vertical-align: middle;
}
h3#problem {height:107px;padding-top:33px !important;}
	h3#tech {height:107px;padding-top:55px !important;}
	h3#online{height:157px;padding-top:33px !important;font-size: 1em !important;}	
h3 span {font-size:1.7em;}
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06 {width:90%; max-width:640px; height:auto; margin:40px auto;}
.sec07 {width:90%; max-width:640px; height:auto; margin:0 auto 60px;}
	
.sec01 h2 {
	margin: -10px 0 0 16px;
	color: #111;
	font-family: Ryumin Light KL;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: -1px;
}
.sec01 h2:first-letter {margin-left:-41px;}
.sec01 h2+p {
	margin: 30px 0 60px;
	line-height: 2.2;
	font-size: 15px;
	letter-spacing: -0.3px;
}
.sec01 h2+p+p {color:#111;font-family:Ryumin Light KL;font-size:34px;font-weight:bold;letter-spacing:-1px;}
.sec01 .leftBox>a {margin:15px 0 0 -11px;display:block;}
.sec01 .rightBox img+p {margin:20px 0;font-size:22px;font-family:Reimin Medium; width:100%;}
.sec01 .rightBox img+p span {display:block;font-size:12px;}
.sec01 .rightBox p:last-child {padding:24px;border:1px dashed #666;color:#444;font-size:12px;font-family:�VƒS M;line-height:2;text-align:left;}
.sec01 .leftBox {width:93%;float:left; margin-left:20px;}
.sec01 .rightBox {width:93%; float:none; margin-left:20px;}	
.sec01 .leftBox h2 {
	margin: -10px 0 0 16px;
	color: #111;
	font-family: Ryumin Light KL;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -1px;
}
.sec01 .sp img {margin-left:-10px;}

/* sec02 */
.sec02 {text-align:center;}
.sec02 ul {padding-bottom:30px;border-bottom:1px dashed #333;}
.sec02 ul li {width:290px;margin: 0 13px 20px;display:inline-block;font-size:21px;line-height:1.4;vertical-align:top;letter-spacing:-0.3px;}
.sec02 ul li img {display:block;}
.sec02 ul li span {
	padding: 1px;
	background: #B8403A;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 1;
}
.sec02 h4 {margin-bottom:10px;font-size:34px; line-height:120%;}
.sec02 h4 span {font-size:52px;position:relative;top:5px;}
.sec02 .leftBox, .sec02 .rightBox {display:inline-block;vertical-align:top;position:relative;}
.sec02 .leftBox {margin-right:20px;}
.sec02 dl dt {
	color: #b02c25;
}
.sec02 dl.a {width:350px;height:250px;margin:20px 0 0px 0;background:url(../images/set02_ex01_2a.png) no-repeat;}
.sec02 dl.a dt {position: relative;top: -14px;left: -26px;}
.sec02 dl.a dd{position: relative;top:-5px; width: 250px;margin-left: 90px;margin-top: 14px;text-align: left; font-size:15px; line-height: 1.4;}
.sec02 dl.b {width:327px;height:255px;margin:0 0px 0px 20px;background:url(../images/set02_ex02_2a.png) no-repeat;}
.sec02 dl.b dt{margin-top: -25px;display: inline-block;position: relative;left: -50px;}
.sec02 dl.b dd{width: 240px;margin-left: 73px;margin-top: 10px;text-align: left; font-size:15px; line-height: 1.4;}
.sec02 .rightBox dl {width:316px;height:283px;margin-top:10px;background:url(../images/set02_ex03_2a.png) no-repeat;}
.sec02 .rightBox dt {position:relative;left:-15px;top: -10px;}
.sec02 .rightBox dd {width:200px;margin:15px 0 0 15px;text-align:left; font-size:15px; line-height:1.4;letter-spacing:0.3px;}
.sec02 .sp img.arrow {margin-top:-400px; margin-bottom:-100px;}

/* sec03 */
.sec03 {width:96%;text-align:center; margin-right:auto; margin-left:auto;}
.sec03 h4 {margin-bottom:44px;font-size:34px;letter-spacing:-0.3px;}
.sec03 p {
	color: #333333;
	font-family: �VƒS R;
	text-align: left;
	line-height: 1.7;
}
.sec03 p img:first-child {float:right;}
.sec03 img {margin-left:20px;float:right;}
.sec03 img.mind {width:56%;}

/* sec04 */
.sec04 {position:relative;}
.sec04 dl.producttxt{margin-left:4px;}
.sec04 dt {padding:0px 0 10px 15px;border-left:2px solid #222;;font-size:24px; text-align:left;}
.sec04 dd {
	color: #333333;
	text-align: left;
	font-size: 1rem;
    line-height: 1.6em;
}
.sec04>dl>dd {margin:10px 0px 20px;font-family:�VƒS R;overflow:hidden;}
.sec04 dl dl {float:left;width:49%;}
.sec04 dl dl+dl {float:right;}
.sec04 dl dl dt {margin-right:10px;padding:7px 0;border-left:0;float:left;font-size:12px;}
.sec04 dl dl dd {padding:7px 0 7px 50px;border-bottom:1px dashed #999;font-size:12px;}  
.sec04 dl:nth-of-type(3) dt {margin-right:30px;float:left;}
.sec04 dl:nth-of-type(3) dd {padding-top:6px;font-size:18px;}
.sec04 dl:nth-of-type(3) dd span {
	font-size: 12px;
	color: #777;
}
/*.sec04 p:last-child {position:absolute;right:0;top:-13px;}*/
.sec04 ul.procv {list-style:none; float:left; }
.sec04 ul.procv li{float:none; display:block;}
.sec04 p img.cdset {text-align:right; width:54%; display:inline-block;  padding-left:45%; margin-top:-35px;}

.sec04 .kounyu {width:50%; max-width:480px; display:inline-block; }
.sec04 .kounyu img{display:inline-block; width:100%; max-width:480px; height:auto; max-height:193px;}
.sec04 .hopack {width:100%; max-width:960px; display:block; }
.sec04 .hopack img{display:block; width:100%; max-width:960px; height:auto; max-height:143px;}

/* sec05 */
.sec05 h4 {margin-bottom:30px; margin-top:-20px;}
.sec05 h4 img{width:100%; max-width:960px; height:auto;}
.sec05 .leftBox {width:43%; margin:0 auto 30px auto; float:none; overflow:hidden;}
.sec05 .leftBox p {margin-top:20px;font-size:20px;}
.sec05 .leftBox p span {font-size:14px;line-height:1.4;}
.sec05 .rightBox {width:96%; overflow:hidden; float:left;}
.sec05 .rightBox>p:first-child {margin-right:20px;float:none;font-size:17px;line-height:1.8;letter-spacing:-1.4px;}
.sec05 .rightBox>p.psmtxt {margin-right:20px;float:none;font-size:17px;line-height:1.8;letter-spacing:-1.4px;}
.sec05 .rightBox img {float:right; width:43%; height:auto; margin-left:10px;}
.sec05 .rightBox div:nth-of-type(1) {clear:both;margin-top:30px;}
.sec05 .rightBox h5 {margin-bottom:5px;font-size:23px;}
.sec05 .rightBox ul {padding:10px 25px;border:1px dashed #666;background:#fff;}
.sec05 .rightBox ul li {margin:7px 0;padding-left:30px;background:url(../images/icon_check.png) no-repeat left center;}
.sec05 .rightBox div:nth-of-type(2) {margin-top:10px;float:left;}
.sec05 .rightBox div:nth-of-type(2) p {font-size:34px;}
.sec05 .rightBox div:nth-of-type(2) p span {font-size:16px;}
.sec05 .rightBox div:nth-of-type(2)+p {margin:17px 0 0 20px;float:left;}
.sec05 .semi_apply {padding: 15px 0; clear:both; text-align: center;}
.sec05 table {margin: 0 auto; width: 89.5%; text-align: center;}
.sec05 th {padding: 5px 10px; background: #fff; border: 1px solid #979797; font-size: 14px; text-align: center;}
.sec05 td {border: 1px solid #979797; padding: 5px 10px; vertical-align: middle; font-size: 12px;}
.sec05 td img{ width:100%;}
.sec05 td .entryOK {color: #FF3300; font-weight: bold; font-size: 12px; text-align: center; display: block;}
.sec05 .video-container {clear: both; padding-top: 60px; margin-left:0px;}
.sec05 .video-container h4 {margin-bottom: 20px; padding: 15px; font-size: 30px; letter-spacing: -0.3px; text-align: center; border: 2px solid #111;}
.sec05 #psmdtl {margin:0 10px; width:98%; clear:both;}
/*.sec05 .leftBox img{width:100%; max-width:280px; height:auto;} */
.sec05 .leftBox img{width:100%; height:auto;}
/* sec06 */
.sec06 {text-align:center;}
.sec06 form>div {width:700px;margin:25px auto 0;padding:45px 0;border:1px dashed #666;text-align:center;}
.sec06 form>div>img {display:inline-block;vertical-align:top;}
.sec06 form>div>table {display:inline-block;vertical-align:top;}
.sec06 caption {margin-bottom:12px;}
.sec06 td {text-align:right;}
.sec06 label {margin-top:7px;display:block;}
.sec06 label span {width:110px;text-align:right;}
.sec06 input {width:125px;margin-left:10px;padding:3px 5px;border:1px solid #777;box-shadow:inset 0 1px 3px #ddd;position:relative;top:-2px;}
.sec06 input.long {width:272px;}
.sec06 button {margin-top:20px;background:transparent;border:none;cursor:pointer;}
	
/* sec07 */
.sec07 {position:relative;}
.sec07 dl.producttxt{margin-left:4px;}
.sec07 dt {padding:0px 0 10px 15px;border-left:2px solid #222;;font-size:24px; text-align:left;}
.sec07 dd {
	color: #333333;
	text-align: left;
	font-size: 14px;
}
.sec07>dl>dd {margin:15px 0px 40px;font-family:�VƒS R;overflow:hidden;}
.sec07 dl dl {float:left;width:49%;}
.sec07 dl dl+dl {float:right;}
.sec07 dl dl dt {margin-right:10px;padding:7px 0;border-left:0;float:left;font-size:12px;}
.sec07 dl dl dd {padding:7px 0 7px 50px;border-bottom:1px dashed #999;font-size:12px;}  
.sec07 dl:nth-of-type(3) dt {margin-right:30px;float:left;}
.sec07 dl:nth-of-type(3) dd {padding-top:6px;font-size:18px;}
.sec07 dl:nth-of-type(3) dd span {
	font-size: 12px;
	color: #777;
}
.sec07 ul.procv {list-style:none; float:left; }
.sec07 ul.procv li{float:none; display:block;}
.sec07 p img.cdset {text-align:right; width:54%; display:inline-block;  padding-left:45%; margin-top:-35px;}

.sec07 .kounyu {width:50%; max-width:480px; display:inline-block; }
.sec07 .kounyu img{display:inline-block; width:100%; max-width:480px; height:auto; max-height:193px;}
.sec07 .hopack {width:100%; max-width:960px; display:block; }
.sec07 .hopack img{display:block; width:100%; max-width:960px; height:auto; max-height:143px;}
/* pageTop */
.pageTop {position:fixed;right:1%;bottom:35px;}
}
@media screen and (max-width: 320px) {
form .buyicon {width:30%; padding-bottom:20px;}
form div img{width:90%;}

.navi ul li {
	border-right:1px solid #333;
	background:url(../images/arrow_02.png) no-repeat center 100px;
	display:table-cell;
	list-style:none;
	text-align:center;
	vertical-align:middle;
	width:20%;
	padding-top:15px;
	padding-bottom:65px;
}

.navi ul li:last-child {border:none; }
.navi ul li a { display:inline-block; color:#000;text-decoration:none;font-size:12px;line-height:1.5;letter-spacing:-0.5px;}
.navi ul li a:hover {
	color: #970c0c;
}
.navi ul li:first-child a {margin-left:0;}
.navi ul li:last-child a {margin-right:0; }	
.sec01 .leftBox {width:94%;float:left; margin-left:10px;}
.sec01 .rightBox {width:94%; float:none; margin-left:10px;}	
.sec01 .rightBox img {width:100%; height:auto;}
.sec01 .sp img {margin-left:-10px;}

.sec02 .leftBox, .sec02 .rightBox {display:inline-block;vertical-align:top;position:relative;}
.sec02 .leftBox {margin-right:10px;}
.sec02 dl dt {
	color: #b02c25;
}
.sec02 dl.a {width:310px;height:211px;margin:20px 0 0px 0px;background:url(../images/set02_ex01_2b.png) no-repeat;}
.sec02 dl.a dt {position: relative;top: -4px;left: -16px; line-height: 0.6;}
.sec02 dl.a dd{position: relative;top:0px; width: 205px;margin-left:75px;margin-top: 14px;text-align: left; font-size:12px; line-height: 1.6}
.sec02 dl.b {width:327px;height:255px;margin:0 0px 0px 20px;background:url(../images/set02_ex02_2b.png) no-repeat;}
.sec02 dl.b dt{margin-top: -25px;display: inline-block;position: relative;left: -50px;}
.sec02 dl.b dd{width: 195px;margin-left: 60px;margin-top: 4px;text-align: left; font-size:12px; line-height: 1.6;}
.sec02 .rightBox dl {width:316px;height:283px;margin-top:0px; margin-left:10px;background:url(../images/set02_ex03_2b.png) no-repeat;}
.sec02 .rightBox dt {position:relative;left:-40px;margin-top:-0px; line-height:0.5;}
.sec02 .rightBox dd {width:160px;margin:15px 0 0 10px;text-align:left; font-size:12px; line-height:1.5;letter-spacing:0.3px;}
.sec02 .sp img.arrow {margin-top:-400px; margin-bottom:-100px;}
.sec04 p img.cdset {text-align:right; width:60%; display:inline-block;  padding-left:39%;}
.sec05 .leftBox p {margin-top:20px;font-size:18px;}
.sec05 .leftBox img{width:100%; height:auto;}
.sec05 .leftBox p {margin-top:20px;font-size:15px;}
.sec05 .leftBox p span {font-size:11px;line-height:1.4;}
/* pageTop */
.pageTop {position:fixed;right:1%;bottom:20px;}

}
/* btn */
.package_ttl{
    align-items: center;
}
.fx-row {

}
a:visited {
    color: #172d5d;
    text-decoration: none;
}

.flex_test-box {
    padding: 10px 0 0;             /* —]”’Žw’è */
    flex-wrap: wrap;            /* �Ü‚è•Ô‚µŽw’è */
}
 
.flex_test-item {
    font-family: inherit;
    color:  #172d5d;               /* •¶Žš�F */
    border-radius:  5px;        /* ŠpŠÛŽw’è */
    text-align:  center;        /* •¶Žš’†‰›‘µ‚¦ */
    font-weight: 600;
    background: rgb(195,141,11);
    padding: 1em 0;
    background: linear-gradient(0deg, rgba(195,141,11,1) 0%, rgba(241,190,15,1) 50%, rgba(195,141,11,1) 100%);
}
.flex_test-item_c {
    font-family: inherit;
    color:  #172d5d;               /* •¶Žš�F */
    border-radius:  5px;        /* ŠpŠÛŽw’è */
    text-align:  center;        /* •¶Žš’†‰›‘µ‚¦ */
    font-weight: 600;
    padding: 1em 0;
    background: rgb(114,126,133);
	background: linear-gradient(0deg, rgba(114,126,133,1) 0%, rgba(208,208,208,1) 50%, rgba(114,126,133,1) 100%);
}
.flex_test-item span,.flex_test-item_c span{font-size: 0.7em;}
.fa-angle-right:before {
    font-family: "Font Awesome 5 Free";
    content: "\f102";
}
.flex_test-box a{color:#172d5d; text-decoration: none;display: contents;}
.flex_test-box img{width: 100%;}
@media screen and (min-width: 951px) {.flex_test-item,.flex_test-item_c{width: 47.8%;font-size: 1.5em;margin: 10px auto;}.br-sp{display: none;}}
@media screen and (max-width: 950px) {.flex_test-item,.flex_test-item_c{width: 100%;font-size: 1.3em;margin-bottom:10px; }.br-sp{display: none;font-size: 1.6em;}}
@media screen and (max-width: 450px){.br-sp{display: block;}}

@media screen and (min-width: 600px) { .pc { display: block; } .sp { display: none; } }
@media screen and (max-width: 599px) { .pc { display: none; } .sp { display: block; } }


/* ------------------------------------------
ƒ{ƒ^ƒ“‰¡•À‚Ñ
------------------------------------------ */

.btn-group {
  display: flex;
  flex-direction: column; /* ƒXƒ}ƒz�iƒfƒtƒHƒ‹ƒg�j�F�c•À‚Ñ */
  gap: 12px;              /* ƒ{ƒ^ƒ““¯Žm‚ÌŠÔŠu */
  width: 100%;
  max-width: 940px;       /* ‘S‘Ì‚Ì�Å‘å•��i‚¨�D‚Ý‚Å’²�®�j */
  margin: 0 auto;
}

.btn_lite {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  width: 100%; 
  transition: opacity 0.3s ease;
}

.btn_lite:hover {
  opacity: 0.8;
}
.flex_test-item_d {
    font-family: inherit;
    color:  #172d5d;               /* •¶Žš�F */
    border-radius:  5px;        /* ŠpŠÛŽw’è */
    text-align:  center;        /* •¶Žš’†‰›‘µ‚¦ */
    font-weight: 600;
    padding: 1em 0;
    background: rgb(114,126,133);
	background: linear-gradient(0deg, rgba(114,126,133,1) 0%, rgba(208,208,208,1) 50%, rgba(114,126,133,1) 100%);
	width: 100%;
	font-size: 1.5em;
}
.flex_test-item_d span{font-size: 0.7em;}
@media screen and (min-width: 769px) {
  .btn-group {
    flex-direction: row;  /* PC�F‰¡•À‚Ñ */
  }

  .btn {
    flex: 1;              /* 2‚‚̃{ƒ^ƒ“‚𓯂¶•�‚Å�L’· */
  }
}

#Business_Lite{
    display: block;
    width: 100%;
    max-width: 590px;
    margin: 0 auto 1em;
}
/* ------------------------------------------

footer

------------------------------------------ */
#footer{
	padding:15px 20px;
	font-size:11px;
	background:#303b51;
	overflow:hidden;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
#footer>div {
	width:100%;
	max-width:890px;
	margin:0 auto;
}
#footer .leftBox {float:left;}
#footer .rightBox {float:right;}
#footer a {color:#fff;text-decoration:none;}
#footer ul{
	margin-top:7px;
}
#footer li{
	padding-left:10px;
	margin-right:15px;
	display:inline;
	background:url(../images/arrow_01.png) 0px 1px no-repeat;
	list-style:none;
}
#footer .rightBox {
	vertical-align:middle;
}
#footer .rightBox address {
	color:#fff;
	font-size:9px;
	display:inline-block;
}

.twitter-tweet-button {
	width:100px !important;
}

.about-program-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .about-program-title-wrap {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.about-program-title h3 {
  font-family: "Noto Serif JP", sans-serif;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .about-program-title h3 {
    font-size: 1.8rem;
    background-color: #F6EFE7;
  }
}
.about-program-title p {
  font-size: 1.0rem;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .about-program-title p {
    font-size: 1.1rem;
  }
}
.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.is-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .flow-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
    gap: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.about-program-img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .about-program-img {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}
.about-program h4{font-size: 2rem;}
.about-program-img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .about-program-img {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .about-program h4 {
    font-size: 1.2rem;
  }
}

@-moz-document url-prefix() {
	* {
		text-shadow:0 0px 1px #000;
	}
.content .corp {
	text-align: center;
	padding-top: 20px;
}
}
.flow {
  background-color: #F6EFE7;
  margin-top: 20px;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .flow {
    padding: 10px 10px;
  }
}
.flow h4 {
  font-size: 1.4rem;
	letter-spacing: -0.08em;
  text-align: center;
  padding: 0.5em 0 0;
}
.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .flow-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
    gap: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flow-item {
  font-size: 14px;
  display: block;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .flow-item {
    width: 100%;
  }
}
.flow-item{
  padding: 4px 16px 4px 20px;
  background: #5A1E0F;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          /*justify-content: center;*/
}
@media screen and (max-width: 768px) {
  .flow-item {
    height: auto;
  }
}
.flow-item::before, .flow-item::after {
  content: "";
  position: absolute;
  right: -1px;
}
.flow-item::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 48px 0;
  border-color: transparent #F6EFE7 transparent transparent;
  top: -1px;
}
@media screen and (max-width: 768px) {
  .flow-item::before {
    display: none;
  }
}
.flow-item::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 48px 10px;
  border-color: transparent transparent #F6EFE7 transparent;
  bottom: -1px;
}
@media screen and (max-width: 768px) {
  .flow-item::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-color: #5A1E0F transparent transparent transparent;
  }
}
.flow-item span {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: #5A1E0F;
}
.flow-item {
  width : calc(100% / 3) ;
}
@media screen and (max-width: 768px) {
  .flow-item{
    margin-top: -10px;
    width: 100%;
  }
}