@charset "utf-8";
/* リセット
------------------------------------- */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
table {border-spacing:0; border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}
hr,
legend,
caption {display:none;}
img {border:0; vertical-align:top;}
a:focus { outline:none;}
h1,h2,h3,h4,h5,h6 {font-size:14px; line-height:1; font-weight:normal;}
/* aタグ設定
------------------------------------- */
a {
	color:#000;
	text-decoration:none;
}
/* 基本設定
------------------------------------- */
html { font-size: 62.5%; } 
body {
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;/* =14px */
	font-family:YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	overflow:hidden;
}
.enTxt {
	font-family: -apple-system, 'BlinkMacSystemFont', 'Roboto',YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	width:100%;
	height:auto;
}
.layout {
	max-width:980px;
	margin:0 auto;
}
.mb0 {
	margin-bottom:0!important;
}
header {
	background:rgba(255,255,255,0.5);
	padding:2.737% 0 1.916%;
	width:100%;
	position:fixed;
	z-index:10000;
	top:-181px;
}
header.active {
	padding:20px 0 20px;
	background:rgba(255,255,255,1);
}
header a {
	color:#231815;
}
header .logo {
	width:210px;
	margin-right:5.8%;
	float:left;
}
header.active .logo {
	width:160px;
}
header nav {
	float:left;
}
header nav li {
	display:inline-block;
	padding-right:30px;
	font-size:18px;
	letter-spacing:2px;
}
header nav li:last-child {
	padding-right:0;
}
header .rightBox {
	float:right;
	width:255px;
}
header .info a {
	font-size:12px;
	border:1px solid #000;
	line-height:1;
	display:inline-block;
	height:21px;
	border-radius:20px;
	padding:3px 8px;
	font-weight:bold;
	font-family:'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:-1px;
	float:left;
}
header nav li .jpTxt {
	display:none;
}
header .logoKingJim {
	width:135px;
	float:right;
}
.gNavList a {
	display:block;
}
header .header-noteText {
	float: left;
	margin: 18px 0 0 -3px;
	color: #e90f0f;
	font-weight: bold;
	font-size: 16px;
}
footer .socialList {
	font-size:0;
	text-align:center;
}
footer #footer01 {
	position:relative;
	padding:105px 0 30px;
}
footer .socialList li {
	display:inline-block;
	margin:0 9px;
}
footer .socialList li:first-child img {
	width:23px;
	padding-top:1px;
	height:20px;
}
footer .socialList li:last-child img {
	width:11px;
	height:21px;
}
footer .grayBg {
	background:#e5e5e5;
	padding:69px 0 48px;
}
#footer02 .box01 {
	width:23.7%;
	float:left;
	padding-top:10px;
}
#footer02 .box02 {
	width:45.46%;
	float:left;
	margin:0 3.57%;
	height:115px;
	padding-top:30px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#footer02 .box02 {
	text-align:center;
	font-size:0;
}
#footer02 .box02 li {
	width:25%;
	display:inline-block;
	font-size:11px;
}
#footer02 .box02 li .enTxt {
	font-size:15px;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}
#footer02 .box03 {
	width:23.7%;
	float:left;
	font-size:12px;
}
#footer02 .box03 .link {
	font-weight:bold;
	margin-bottom:12px;
}
#footer02 .box03 .appTtl {
	margin-bottom:3px;
}
#footer02 .appList li {
	float:left;
	width:calc(100% / 2 - 3px);
	margin-right:6px;
}
#footer02 .appList li:last-child {
	margin-right:0;
}
#footer03 {
	padding-top:40px;
}
#footer03 .logo {
	width:176px;
	float:right;
}
#footer03 .copyright {
	font-size:11px;
	float:left;
}
.pageTop {
	width:80px;
	position:fixed;
	bottom:40px;
	right:40px;
}
.btnObj a {
	font-size:14px;
	line-height:1;
	width:220px;
	height:46px;
	border-radius:23px;
	display:block;
	border:1px solid #000;
	text-align:center;
	padding:15px 0 0;
	margin:0 auto 0;
}
.btnObj a:hover {
	background:#000;
	color:#fff;
}
/* top
------------------------------------- */
#topMainArea {
	position:relative;
}
#topMainArea .layout {
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:100%;
	height:400px;
}
#topMainArea .slideArea {
	overflow:hidden;
}
#topMainArea .slideList {
	width:100000px;
}
#topMainArea .slideList li {
	float:left;
	width:100vw;
}
#topMainArea .slideNav {
	position:absolute;
	left:50%;
	bottom:20px;
	transform:translateX(-50%);
	text-align:center;
	z-index:3;
}
#topMainArea .slideNav span {
	background:#d3d3d4;
	width:10px;
	height:10px;
	border-radius:5px;
	display:inline-block;
	margin:0 10px;
	cursor:pointer;
}
#topMainArea .slideNav span.cur {
	background:#000;
}
#topMainArea .backBtn {
	position:absolute;
	top:50%;
	left:2.5%;
	transform:translateY(-50%);
	width:26px;
	z-index:3;
}
#topMainArea .nextBtn {
	position:absolute;
	top:50%;
	right:3.05%;
	transform:translateY(-50%);
	width:26px;
	z-index:3;
}
#topMainArea .mainLead {
	position:absolute;
	top:40%;
	left:0;
	transform:translateY(-50%);
	width:30vw;
  max-width: 368px;
}
#topMainArea .price {
	position:absolute;
	bottom:22px;
	right:0;
	width:26%;
	z-index:2;
}
#topMainArea .slideInfoArea {
	position:absolute;
	bottom:2%;
	left:0;
	width:30vw;
  max-width: 368px;
}
@media screen and (max-width:1120px){
  #topMainArea .mainLead,
  #topMainArea .slideInfoArea {
  	left:7.125%;
  }
  #topMainArea .price {
    right: 7.125%;
  }
}
#topMainArea .appliBox {
	padding:0 0 0 78px;
	background:url(../img/logo_linktime.svg) 0 100% no-repeat;
	background-size:70px 70px;
  height: 70px;
	z-index:2;
}
@media screen and (max-width:980px){
  #topMainArea .appliBox {
    padding:0 0 0 56px;
    background-size:50px 50px;
    height: 50px;
  }
}
#topMainArea .appliBox .txt {
	font-size:20px;
	padding-top:0;
}
@media screen and (max-width:980px){
  #topMainArea .appliBox .txt {
    font-size:14px;
  }
}
#topMainArea .appliBox .appList li {
	width:45%;
	float:left;
	margin-right:5%;
}
#topMainArea .appliBox .appList li:last-child {
	margin-right:0;
}
.top_opBtn {
  margin-top: 5.435%;
  background: #fff;
  border-radius: 10px;
}
.top_opBtn > a {
  display: block;
  padding:1.36% 5.438%;
  background: #f63366;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
}
.top_opBtn .top_opBtn_lead {
  display: block;
  position: relative;
  text-align: center;
}
.top_opBtn .top_opBtn_lead:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 12px;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
.top_opBtn .top_opBtn_lead > span{
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 8px;
  background: #f63366;
  font-size: 18px;
}
@media screen and (max-width:980px){
  .top_opBtn .top_opBtn_lead > span{
    font-size: 13px;
  }
}
.top_opBtn .top_opBtn_txt {
  display: block;
  font-size: 18px;
}
@media screen and (max-width:1120px){
  .top_opBtn .top_opBtn_txt {
    font-size: 15px;
  }
}
@media screen and (max-width:980px){
  .top_opBtn .top_opBtn_txt {
    font-size: 12px;
  }
}
.topInfoBox .txt {
	margin:10px 0 1.088%;
}
@media screen and (max-width:980px){
  .topInfoBox .txt {
    font-size: 12px;
  }
}
.topInfoBox .btnObj a {
	font-size:18px;
	padding:2.72% 0;
	height:auto;
	width:100%;
	border-radius:8px;
}
@media screen and (max-width:980px){
  .topInfoBox .btnObj a {
    font-size: 14px;
  }
}
.topInfoBox .btnObj a .icon {
	display:inline-block;
	position:relative;
	background-size:16px auto;
	padding-left:25px;
	min-height:21px;
}
.topInfoBox .btnObj a .icon:before {
	content:"";
	display:inline-block;
	position:relative;
	background:url(../img/icon_browser.svg) 0 0 no-repeat;
	background-size:16px 16px;
	width:16px;
	height:16px;
	margin-right:10px;
	top:1px;
}
.topInfoBox .btnObj a:hover .icon:before {
	background-image:url(../img/icon_browser_w.svg);
}
.topInfoBox .cap {
	margin-top:8px;
	font-size:12px;
}
@media screen and (max-width:980px){
  .topInfoBox .cap {
    font-size: 10px;
  }
}
.mainCapArea {
	max-width:980px;
	margin:0 auto;
	position:relative;
}
.mainCapArea .arrow {
	width:27px;
	margin:0 auto;
	padding:33px 0 82px;
}
.mainCapArea .day {
	font-size:18px;
	position:absolute;
	top:18px;
	right:0;
}
.top_infoBox {
  max-width: 980px;
  width: 85%;
  margin: -30px auto 45px;
  border: 2px solid  #f00;
  padding: 10px;
}
.top_infoBox a {
  color: #0d74ff;
}
.top_infoBox_title {
  position: relative;
  font-size: 24px;
}
.top_infoBox_title::before {
  content: '・';
}
.top_infoBox_title > span {
  font-weight: bold;
}
@media screen and (max-width:750px){
.top_infoBox {
  width: 90%;
  margin: -15px auto 45px;
  border: 2px solid  #f00;
  padding: 10px;
}
  .top_infoBox_title {
    font-size: 20px;
  }
}
#movieArea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movieArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#top h2 {
	text-align:center;
	font-size:35px;
	font-weight:bold;
}
#top h2 .dashi {
	letter-spacing:-5px;
	display:inline-block;
	margin:0 0.5em;
}
#topScene h2 {
	padding:75px 0 45px;
}
#top .sceneList li {
	position:relative;
	height:35vw;
	overflow:hidden;
	text-shadow:0px 0px 5px rgba(255,255,255,0.7);

}
#top .sceneList li .img {
	position:absolute;
}
#top .sceneList li .txtBox {
	font-size:33px;
	line-height:1.36;
	max-width:980px;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:2;
	height:35vw;
}
#top .sceneList li.scene01 .txt,
#top .sceneList li.scene02 .txt {
	top:63%;
	left:0;
	position:absolute;
}
#top .sceneList li.scene03 .txt {
	top:63%;
	right:0;
	position:absolute;
}
#top .sceneList li.scene04 .txt {
	top:63%;
	right:62px;
	position:absolute;
}
#topScene .btnObj a {
	margin:50px auto 0;
}
#topCharacteristic {
	margin-top:140px;
}
#topCharacteristic h2 {
	margin-bottom:10px;
}
.characteristicList li {
	width:calc(100% / 3);
	float:left;
	text-align:center;
	font-size:19px;
	line-height:1.473;
	padding:240px 0 0 0;
}
.characteristicList li.item01 {
	background:url(../img/illust01.svg) center 60px no-repeat;
	background-size:83px auto;
}
.characteristicList li.item02 {
	background:url(../img/illust02.svg) center 59px no-repeat;
	background-size:203px auto;
}
.characteristicList li.item03 {
	background:url(../img/illust03.svg) center 72px no-repeat;
	background-size:195px auto;
}
.characteristicList li.item04 {
	background:url(../img/illust04.svg) center 80px no-repeat;
	background-size:144px auto;
}
.characteristicList li.item05 {
	background:url(../img/illust05.svg) center 76px no-repeat;
	background-size:146px auto;
}
.characteristicList li.item06 {
	background:url(../img/illust06.svg) center 73px no-repeat;
	background-size:118px auto;
}
#topCharacteristic .btnObj a {
	margin:70px auto 0;
}
#top .collaboArea h2 {
	font-size:30px;
	font-weight:normal;
}
.collaboArea {
	margin-top:165px;
}
.collaboArea .img {
	width:29.7%;
	float:left;
}
.collaboArea .txtBox {
	width:64.7%;
	padding:20px 63px 0;
	float:left;
}
.collaboArea .txtBox .logo {
	width:115px;
	margin:30px auto 40px;
}
.collaboArea .txtBox .txt {
	font-size:16px;
	line-height:1.625;
}
.collaboArea .appList {
	font-size:0;
	margin:26px 0 93px;
}
.collaboArea .appList li {
	width:calc((100% - 13px) / 2);
	float:left;
}
.collaboArea .appList li:nth-of-type(2) {
	float:right;
}
.collaboArea .capTxt {
	text-align:center;
	font-size:14px;
	line-height:1;
	margin-bottom:54px;
}
.collaboArea .capTxt a {
	text-decoration:underline;
}
.collaboArea .ttl02 {
	text-align:center;
	font-size:20px;
	margin-bottom:15px;
}
.collaboArea .btnObj a {
	font-size:21px;
	padding:23px 0;
	height:auto;
	width:358px;
	border-radius:8px;
}
.collaboArea .btnObj a .icon {
	position:relative;
	padding-left:25px;
	min-height:21px;
}
.collaboArea .btnObj a .icon:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background:url(../img/icon_browser.svg) 0 0 no-repeat;
	background-size:20px 20px;
	margin-right:5px;
	position:relative;
	top:2px;
}
.collaboArea .btnObj a:hover .icon:before {
	background-image:url(../img/icon_browser_w.svg);
}
/* low
------------------------------------- */
.low h1 {
	font-size:40px;
	font-weight:bold;
	letter-spacing:5px;
	text-align:center;
	padding:185px 0 0;
}
.low .titleCap {
	font-size:20px;
	text-align:center;
	padding:17px 0 70px;
}

/* pageScene
------------------------------------- */
#pageScene #sceneArea li {
	position:relative;
	height:45.5vw;
	overflow:hidden;
	text-shadow:0px 0px 5px rgba(255,255,255,0.7);
}
#pageScene #sceneArea .sceneList li .img {
	position:absolute;
}
#pageScene #sceneArea .sceneList li .txtBox {
	max-width:980px;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:2;
	height:45.5vw;
}
#pageScene #sceneArea li .txt01 {
	font-size:33px;
	line-height:1.36363636;
}
#pageScene #sceneArea li .txt02 {
	font-size:23px;
	line-height:1.652173913;
	width:425px;
}
#pageScene #sceneArea li.scene08 {
	color:#fff;
	text-shadow:0px 0px 5px rgba(0,0,0,0.7);
}
#pageScene #sceneArea li.scene01 .inBox,
#pageScene #sceneArea li.scene02 .inBox,
#pageScene #sceneArea li.scene05 .inBox,
#pageScene #sceneArea li.scene07 .inBox,
#pageScene #sceneArea li.scene08 .inBox {
	bottom:61px;
	left:0;
	position:absolute;
}

#pageScene #sceneArea li.scene07 .img2{
	position:absolute;
	left:0;
	top:0;
}

#pageScene #sceneArea li.scene03 .inBox,
#pageScene #sceneArea li.scene04 .inBox,
#pageScene #sceneArea li.scene06 .inBox {
	bottom:61px;
	right:0;
	position:absolute;
}
#pageScene #sceneArea li .inBox .txt01 {
	margin-bottom:17px;
}
#pageScene #sceneArea .btnObj {
	margin-top:100px;
}

/* pageFunction
------------------------------------- */
#pageFunction h2 {
	font-size:27px;
	line-height:1.37;
	font-weight:500;
}
#sceneArea .txt {
	font-size:18px;
	line-height:1.44;
}
#pageFunction .functionBox01 {
	margin-bottom:100px;
}
#pageFunction .functionBox01 .img {
	float:right;
	width:51%;
}
#pageFunction .functionBox01 .txtBox {
	float:left;
	width:49%;
	padding:0 0 0 95px;
}
#pageFunction .functionBox01 .txtBox .inBox {
	width:270px;
}
#pageFunction .functionBox01 .txtBox .txt {
	width:267px;
	margin:17px 0 66px;
}
#pageFunction .functionBox01 .imgList li {
	float:left;
	width:124px;
	font-size:14px;
	text-align:center;
	margin-right:19px;
}
#pageFunction .functionBox01 .imgList li:last-child {
	margin-right:0;
}
#pageFunction .functionBox01 .imgList li img {
	margin-bottom:6px;
}
#pageFunction .functionBox02 {
	margin-bottom:72px;
}
#pageFunction .functionBox02 .img {
	float:left;
	width:51%;
}
#pageFunction .functionBox02 .txtBox {
	float:right;
	width:49%;
	padding:0 97px 0 0;
}
#pageFunction .functionBox02 .txtBox .inBox {
	width:266px;
	margin-left:auto;
}
#pageFunction .functionBox02 .txtBox .txt {
	width:267px;
	margin:17px 0 46px;
}
#pageFunction .functionBox02 .img02 {
	width:266px;
}
#pageFunction .functionBox03 {
	margin-bottom:50px;
}
#pageFunction .functionBox03 h2 {
	margin-bottom:13px;
}
#pageFunction .functionBox03 ul li {
	width:calc(82% / 3);
	margin-right:9%;
	float:left;
}
#pageFunction .functionBox03 ul li:nth-of-type(3n) {
	margin-right:0;
}
#pageFunction .functionBox03 ul li:nth-of-type(3n + 1) {
	clear:both;
}
#pageFunction .functionBox03 ul li:nth-of-type(1) .img img {
	margin-top:14px;
}
#pageFunction .functionBox03 ul li:nth-of-type(4) .txt {
	width:52%;
	float:left;
}
#pageFunction .functionBox03 ul li:nth-of-type(4) .img {
	width:45%;
	float:right;
}
#pageFunction .functionBox04 .layout {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#pageFunction .functionBox04 .img {
	width:49%;
	float:right;
	text-align:center;
}
#pageFunction .functionBox04 .img img {
	max-width:420px;
}
#pageFunction .functionBox04 .txtBox {
	width:51%;
	float:left;
	padding-top:45px;
}
#pageFunction .functionBox04 .txt {
	font-size:16px;
	margin:17px 0 35px;
}
#pageFunction .functionBox04 .capList dt {
	line-height:1;
	width:98px;
	height:30px;
	text-align:center;
	position:absolute;
}
#pageFunction .functionBox04 .capList dd.color {
	padding:7px 0 7px 125px;
}
#pageFunction .functionBox04 .capList dd.color span {
	display:inline-block;
	width:7.8%;
	height:16px;
	background:#f00;
	margin-right:2.4%;
	position:relative;
}
#pageFunction .functionBox04 .capList dd.color span.cur:after {
	content:"";
	display:block;
	position:absolute;
	background:#000;
	height:3px;
	width:100%;
	bottom:-7px;
}
#pageFunction .functionBox04 .capList dd.color span.color01 {background:#003e96;}
#pageFunction .functionBox04 .capList dd.color span.color02 {background:#0088ca;}
#pageFunction .functionBox04 .capList dd.color span.color03 {background:#730093;}
#pageFunction .functionBox04 .capList dd.color span.color04 {background:#e60012;}
#pageFunction .functionBox04 .capList dd.color span.color05 {background:#e5006e;}
#pageFunction .functionBox04 .capList dd.color span.color06 {background:#f08300;}
#pageFunction .functionBox04 .capList dd.color span.color07 {background:#fdd000;}
#pageFunction .functionBox04 .capList dd.color span.color08 {background:#78bd00;}
#pageFunction .functionBox04 .capList dd.color span.color09 {background:#008f49;}
#pageFunction .functionBox04 .capList dd.color span.color10 {
	margin-right:0;
	background:#ffffff;
	border:1px solid #4c4340;
}
#pageFunction .functionBox04 .capList dd {
	margin-bottom:16px;
	padding-left:125px;
}
#pageFunction .functionBox04 .capList dd.musicTxt {
	font-size:20px;
	font-weight:bold;
}
#pageFunction .functionBox05 .layout {
	border-bottom:1px solid #000;
}
#pageFunction .functionBox05 .txtBox {
	width:46%;
	padding-right:5.5%;
	float:left;
	padding-top:95px;
}
#pageFunction .functionBox05 .txtBox .txt,
#pageFunction .functionBox06 .txtBox .txt {
	margin-top:21px;
	line-height:1.56;
	font-size:16px;
}
#pageFunction .functionBox05 .capBox {
	width:54%;
	float:right;
	padding:50px 0 48px;
	margin-bottom:0;
}
#pageFunction .functionBox05 .capBox .leftBox {
	width:25.14%;
	float:left;
}
#pageFunction .functionBox05 .capBox .centerBox {
	width:42.24%;
	float:left;
	padding-top:6px;
}
#pageFunction .functionBox05 .capBox .rightBox {
	width:32.60%;
	padding-left:10px;
	float:left;
}
#pageFunction .functionBox05 .capBox .txt01 {
	font-size:17px;
	font-weight:500;
	letter-spacing:-1px;
	line-height:1.2;
}
#pageFunction .functionBox05 .capBox .txt02 {
	font-size:14px;
	margin:8px 0 0;
}
#pageFunction .functionBox05 .capBox .leftBox ul {
	margin-top:15px;
}
#pageFunction .functionBox05 .capBox .leftBox li {
	font-size:14px;
	margin-bottom:5px;
}
#pageFunction .functionBox05 .capBox .leftBox li img {
	width:17px;
	vertical-align:text-bottom;
	margin-right:2px;
}
#pageFunction .functionBox06 {
	margin-bottom:100px;
}
#pageFunction .functionBox06 .layout {
	border-bottom:1px solid #000;
}
#pageFunction .functionBox06 .txtBox {
	width:41%;
	float:left;
	padding-top:141px;
}
#pageFunction .functionBox06 ol {
	width:59%;
	float:right;
	background:#e6e6e6;
	color:#231815;
	font-size:16px;
	line-height:1.56;
	list-style:none;
	margin:50px 0;
	padding:20px 20px 20px 25px;
}
/* pageSpec
------------------------------------- */
#pageSpec  .titleCap {
	padding-bottom:45px;
}
#pageSpec .slideArea {
	overflow:hidden;
}
#pageSpec .slideArea .slideList {
	width:100000px;
}
#pageSpec .slideArea .slideList li {
	max-width:960px;
	float:left;
}
#pageSpec .slideArea {
	position:relative;
}
#pageSpec .slideNav {
	text-align:center;
	margin-top:43px;
}
#pageSpec .slideNav li {
	display:inline-block;
	text-align:center;
	font-size:14px;
	line-height:1;
}
#pageSpec .slideNav li .txt {
	font-size:14px;
}
.slideNav li:nth-of-type(1) {width:62px; margin-right:41px;}
.slideNav li:nth-of-type(2) {width:57px; margin-right:40px;}
.slideNav li:nth-of-type(3) {width:60px; margin-right:39px;}
.slideNav li:nth-of-type(4) {width:57px; margin-right:33px;}
.slideNav li:nth-of-type(5) {width:86px;}
.slideNav li img {
	margin-bottom:15px;
}
#pageSpec .slideNav li a {
	display:block;
}
#pageSpec .backBtn {
	position:absolute;
	top:50%;
	left:15px;
	transform:translateY(-50%);
	width:15px;
	z-index:3;
}
#pageSpec .nextBtn {
	position:absolute;
	top:50%;
	right:50px;
	transform:translateY(-50%);
	width:15px;
	z-index:3;
}
.capTableArea {
	margin-top:76px;
}
.capBox {
	max-width:700px;
	margin:0 auto 40px;
}
.capBox h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
}
.capBox table {
	width:100%;
}
.capBox table th,
.capBox table td {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	vertical-align:top;
	font-size:16px;
	line-height:1.2;
}
.capBox table th {
	border-right:1px solid #000;
	padding:5px 0;
}
.capBox table td {
	width:460px;
	padding:5px 0 5px 14px;
}
.capBox table a {
	text-decoration:underline;
}
.tableCap {
	font-size:14px;
	line-height:1.83;
	margin-top:33px;
}


/* pageOperation
------------------------------------- */
#pageOperation{}
#pageOperation .op_heading {
  padding: 185px 0 0;
  text-align: center;
  letter-spacing: -0.1em;
}
#pageOperation .op_heading_lead {
  font-size: 24px;
}
#pageOperation h1 {
  padding: 0;
  margin-top: 10px;
  font-size: 40px;
  letter-spacing: 1px;
}
#pageOperation .op_Section01,
#pageOperation .op_Section02 {
  max-width: 980px;
  margin-left:  auto;
  margin-right:  auto;
}
#pageOperation .op_Section01{
  margin-top: 75px;
}
#pageOperation .op_layout01 {
  display: -webkit-flex;
  display: flex;
}
#pageOperation .op_layout01 + .op_layout01 {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid  #d6d5d5;
}
#pageOperation .op_Block03 .op_layout01 {
  margin-top: 30px;
}
#pageOperation .op_Block03 .op_layout01 + .op_layout01 {
  border: none;
}
#pageOperation .op_layout01.img_right {
  flex-direction: row-reverse;
}
#pageOperation .op_layout_img {
  flex-basis: 580px;
}
#pageOperation .op_layout_txt {
  flex-basis: 400px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items:  center;
  justify-content: center;
  background: #eee;
  line-height: 1.4;
  letter-spacing: -0.1em;
}
#pageOperation .op_layout_txt p {
  font-size: 20px;
}
#pageOperation .op_txt01 {
  margin-top: 50px;
  font-size: 20px;
  text-align: center;
}

#pageOperation .op_Section02 {
  margin-top: 70px;
}
#pageOperation .op_heading01 {
  max-width: 800px;
  padding: 20px;
  margin: 0 auto;
  background: #63ae2f;
  color: #fff;
  font-size: 32px;
  text-align: center;
}
#pageOperation .op_Block01 {
  margin-top: 40px;
}
#pageOperation .op_heading02 {
  text-align: center;
}
#pageOperation .op_heading02 span {
  display: inline-block;
  padding: 12px 20px;
  border: 2px solid  #000;
  font-size: 22px;
}
#pageOperation .op_numList {
  max-width: 710px;
  margin: 25px auto 0;
}
#pageOperation .op_numList > li {
  line-height: 1.4;
  list-style-type:none;
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 20px;
}
#pageOperation .op_numList > li + li {
  margin-top: 10px;
}
#pageOperation .op_Block02 {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid  #000;
}
#pageOperation .op_heading03 {
  text-align: center;
}
#pageOperation .op_heading03 > span {
  display: inline-block;
  padding: 15px 22px;
  background: #000;
  color: #fff;
  font-size: 22px;
}
#pageOperation .op_flowLayout {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#pageOperation .op_flow {
  position: relative;
  flex-basis: 268px;
}
#pageOperation .op_flow + .op_flow {
  margin-left: 88px;
}
#pageOperation .op_flow + .op_flow::before {
  content: '';
  position: absolute;
  left: -50px;
  top: 31%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 0 21px 21px;
  border-color: transparent transparent transparent #64ae2f;
}
#pageOperation .op_flow_txt {
  line-height: 1.4;
  margin-top: 20px;
  font-size: 18px;
}
#pageOperation .op_flow_txt span {
  font-weight: bold;
}
#pageOperation .op_txt02 {
  margin-top: 55px;
  font-size: 18px;
  text-align: center;
}
#pageOperation .op_Block03 {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid  #000;
}
#pageOperation .op_txt03 {
  max-width: 700px;
  margin: 45px auto 0;
  font-size: 20px;
  letter-spacing: -0.1em;
}
#pageOperation .op_notes {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid  #000;
}
#pageOperation .op_notes > ul {}
#pageOperation .op_notes > ul > li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
}
#pageOperation .op_notes > ul > li +li {
  margin-top: 3px;
}

/* clearfix
------------------------------------- */
.clearfix:after,
.layout:after,
.slideList:after,
.appList:after,
.characteristicList:after,
.imgList,
.functionBox03 ul li:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

/* レスポンシブ設定
------------------------------------- */
@media screen and (min-width:751px){
	.sp,.spInline,.fixLogo {
		display:none;
	}
	a:hover,
	.slideNav span:hover {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		zoom:1;
		cursor:pointer;
	}
	.btnObj a:hover {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity:1;
		transition-property: all;
	}
	a {
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: ease;
		transition-delay: 0s;
	}
}
@media screen and (max-width:750px){
	.pc,.pcInline {
		display:none;
	}
	
/* ハンバーガーメニュー
------------------------------------- */
	header {
		display:none!important;
		background:#fff;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		opacity:100!important;
	}
	.btnHamburger {
		position: fixed;
		top: 20px;
		right: 28px;
		width: 20px; /* クリックエリアの横幅*/
		height: 20px; /* クリックエリアの高さ*/
		cursor: pointer;
		z-index:10001;
		background:none;
	}
	.btnHamburger .line {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 20px; /* 横幅 */
		height: 2px; /* 1本辺りの高さ */
		background: #000; /* 線の色 */
		/* 適用するプロパティ、変化する時間、変化する速度 */
	-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.btnHamburger.is-active.blk .line{
		background:#000;
	}	
	.btnHamburger.is-active .line{
		background:#000;
	}	
	.btnHamburger.blk  .line{
		background: #f00;
	}
	.btnHamburger .line_01 {
		top: 4px;
		left:0px;
	}
	.btnHamburger .line_02 {
		top: 11px;
		left:0;
	}
	.btnHamburger .line_03 {
		top: 18px;
		left:0;
	}
	.btnHamburger.is-active .line_01 {
		top: 11px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btnHamburger.is-active .line_02 {
		opacity: 0;
	}
	.btnHamburger.is-active .line_03 {
		top: 11px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.mnuspopen{
		display:block!important;
		opacity:1!important;
	}

	header {
		padding:30px 28px 0!important;
		background:rgba(255,255,255,1)!important;;
	
	}
	header.active {
		padding:30px 28px 0;
	}
	header .logo {
		width:140px!important;
		margin-right:0;
		margin-bottom:23px;
		float:none;
	}
	header.active .logo {
		width:140px!important;
		margin-bottom:24px;
	}
	header nav {
		float:none;
	}
	header nav li {
		display:block;
		padding-right:0;
		font-size:20px;
		letter-spacing:2px;
		border-bottom:1px solid #cfcfcf;
	}
	header nav li .jpTxt {
		font-size:13px;
		display:inline-block;
		margin-left:18px;
	}
	header .rightBox {
		float:none;
		width:auto;
	}
	header .info a {
		font-size:12px;
		border:1px solid #000;
		line-height:1;
		display:block;
		height:auto;
		border-radius:20px;
		padding:8px 16px;
		font-weight:bold;
		font-family:'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing:normal;
		float:none;
		margin:20px auto 0;
		text-align:center;
	}
	header .logoKingJim {
		width:103px;
		float:none;
		position:absolute;
		bottom:27px;
		left:50%;
		transform:translateX(-50%);
	}
	.gNavList a {
		display:block;
		padding:25px 0;
		background:url(../img/icon_hum_arrow.gif) right center no-repeat;
		background-size:9px auto;
	}
	header .header-noteText {
		display: none;
	}
	footer #footer01 {
		padding:75px 0 30px;
	}
	footer .socialList li {
		margin:0 9px;
	}
	footer .socialList li:first-child img {
		width:22px;
		height:19px;
		padding-top:1px;
	}
	footer .socialList li:last-child img {
		width:10px;
		height:19px;
	}
	footer .grayBg {
		padding:30px 27px 28px;
	}
	#footer02 .box01 {
		width:45.86666vw;
		float:none;
		padding-top:0;
	}
	#footer02 .box02 {
		width:100%;
		float:none;
		margin:0;
		height:auto;
		padding-top:0;
		border-left:none;
		border-right:none;
	}
	#footer02 .box02 {
		text-align:left;
		padding:22px 0;
	}
	#footer02 .box02 li {
		width:auto;
		display:block;
		font-size:10px;
		border-bottom:1px solid #717171;
	}
	#footer02 .box02 li:first-child {
		border-top:1px solid #717171;
	}
	#footer02 .box02 .gNavList li a {
		background:none;
		padding:14px 0 10px;
		line-height:1;
	}
	#footer02 .box02 li .enTxt {
		font-size:13px;
		display:inline-block;
		margin-bottom:0;
		margin-right:7px;
		font-weight:bold;
	}
	#footer02 .box03 {
		width:100%;
		float:none;
		font-size:14px;
	}
	#footer02 .box03 .link {
		font-weight:bold;
		margin-bottom:10px;
	}
	#footer02 .box03 .appTtl {
		margin-bottom:5px;
	}
	#footer02 .appList li {
		float:left;
		width:calc(100% / 2 - 4px);
		margin-right:8px;
	}
	#footer02 .appList li:last-child {
		margin-right:0;
	}
	#footer03 {
		border-top:1px solid #717171;
		padding-top:40px;
		margin-top:25px;
	}
	#footer03 .logo {
		width:27.6vw;
		float:none;
		margin:0 auto;
	}
	#footer03 .copyright {
		font-size:10px;
		float:none;
		text-align:center;
		margin-top:15px;
	}
	.pageTop {
		width:30px;
		position:fixed;
		bottom:14px;
		right:14px;
	}
	.btnObj a {
		font-size:3.73333vw;
		line-height:1;
		width:45.33333333vw;
		height:12vw;
		border-radius:6vw;
		display:block;
		border:1px solid #000;
		text-align:center;
		padding:4vw 0 0;
		margin:0 auto 0;
	}
.btnObj a:hover {
	background:#000;
	color:#fff;
}
	.fixLogo {
		background:#fff;
		width:100%;
		height:70px;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
	}
	.fixLogo img {
		width:111px;
		margin:22px 0 0 28px;
	}
	.fixLogo .header-noteText {
		position: absolute;
		top: 18px;
		left: 155px;
		color: #e90f0f;
		font-weight: bold;
		font-size: 14px;
	}

/* top
------------------------------------- */
	#topMainArea {
		position:relative;
		padding-bottom:16vw;
	}
#topMainArea .layout {
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:100%;
	height:400px;
}
#topMainArea .slideArea {
	overflow-x:hidden;
}
#topMainArea .slideList {
	width:100000px;
}
#topMainArea .slideList li {
	float:left;
	width:100vw;
}
	#topMainArea .slideNav {
		position:absolute;
		left:50%;
		bottom:7.73333vw;
		transform:translateX(-50%);
		text-align:center;
		z-index:3;
	}
	#topMainArea .slideNav span {
		background:#d3d3d4;
		width:2.66666vw;
		height:2.66666vw;
		border-radius:1.33333vw;
		display:inline-block;
		margin:0 2.53333vw;
	}
#topMainArea .slideNav span.cur {
	background:#000;
}
	#topMainArea .backBtn {
		display:none;
	}
	#topMainArea .nextBtn {
			display:none;
	}
	#topMainArea .mainLead {
		display:none;
	}
	#topMainArea .price {
		position:absolute;
		bottom:27.733333vw;
		right:27px;
		width:53.6vw;
		text-align:right;
		z-index:2;
	}
	#topMainArea .slideInfoArea {
		position:static;
		bottom:0;
		left:0;
	}
	#topMainArea .appliBox {
		padding:0 0 0 24vw;
		background:url(../img/logo_linktime.svg) 0 0 no-repeat;
		background-size:20vw 20vw;
		height:20vw;
		position:absolute;
		bottom:4.8vw;
		left:27px;
		z-index:2;
		width:calc(100% - 52px);
	}
	#topMainArea .appliBox .txt {
		font-size:5.066666vw;
		line-height:1;
		padding-top:1.3vw;
	}
	#topMainArea .appliBox .appList {
		position:absolute;
		bottom:0;
		width:calc(100% - 24vw);
	}
	#topMainArea .appliBox .appList li {
		width:calc((100% - 7px) / 2);
		float:left;
		margin-right:7px;
	}
	#topMainArea .appliBox .appList li:last-child {
		margin-right:0;
	}
	.mainCapArea {
	}
	.topInfoBox {
		text-align:center;
		width:calc(100% - 52px);
		margin:0 auto;
	}
	.topInfoBox .txt {
		margin:0 0 8px;
		font-size:4vw;
		line-height:1;
	}
  
  
.top_opBtn {
  width: calc(100% - 52px);
  margin: 0 auto 20px;
  background: #fff;
   border-radius: 5px;
}
.top_opBtn > a {
  display: block;
  padding: 5px 25px;
  background: #f63366;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
}
.top_opBtn .top_opBtn_lead {
  display: block;
  position: relative;
  text-align: center;
}
.top_opBtn .top_opBtn_lead:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 12px;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
.top_opBtn .top_opBtn_lead > span{
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 8px;
  background: #f63366;
  font-size: 16px;
}
.top_opBtn .top_opBtn_txt {
  display: block;
  font-size: 16px;
}

  
	.topInfoBox .btnObj a {
		font-size:4.53333vw;
		padding:2.66666vw 0;
		width:100%;
		border-radius:8px;
	}

	.topInfoBox .btnObj a .icon:before {
		background-size:4vw 4vw;
		width:4vw;
		height:4vw;
	}
	.topInfoBox .cap {
		margin-top:0;
		font-size:3.2vw;
		line-height:1;
		padding:10px 0 45px;
	}
	#top h2 {
		font-size:7.466666vw;
		line-height:1.6;
		font-weight:500;
	}
	#top h2 .dashi {
		display:block;
		margin:0 0;
	}
	#topScene h2 {
		padding:6vw 0 3vw;
	}
	#top .sceneList li {
		height:auto;
		overflow:auto;
		text-shadow:0px 0px 5px rgba(255,255,255,0.7);
		position:relative;
	}
	#top .sceneList li .img {
		position:relative;
	}
	#top .sceneList li .txtBox {
		font-size:6vw;
		line-height:1.32;
		max-width:none;
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		left:0;
	}
	#top .sceneList li.scene01 .txt,
	#top .sceneList li.scene02 .txt {
		top:30px;
		left:27px;
		position:absolute;
	}
	#top .sceneList li.scene03 .txt {
		top:30px;
		right:25px;
		position:absolute;
	}
	#top .sceneList li.scene04 .txt {
		top:30px;
		right:27px;
		position:absolute;
	}
	#topScene .btnObj a {
		margin:7.733333vw auto 0;
	}
	#topCharacteristic {
		margin-top:16vw;
	}
	#topCharacteristic h2 {
		margin-bottom:0;
	}
	.characteristicList {
		padding:0 0;
	}
	.characteristicList li {
		width:46%;
		float:left;
		text-align:center;
		font-size:16px;
		line-height:1.473;
		padding:0;
		background:none!important;
	}
	.characteristicList li:nth-of-type(2n) {
		float:right;
	}
	.characteristicList li:nth-of-type(2n + 1) {
		clear:both;
	}
	.characteristicList li .txt {
		padding:0 6vw 0 10vw;
	}
	.characteristicList li:nth-of-type(2n) .txt {
		padding:0 10vw 0 6vw;
	}
	#topCharacteristic .btnObj a {
		margin:10.6666vw auto 0;
	}
	.collaboArea {
		margin-top:19.33333vw;
	}
	#top .collaboArea h2 {
		font-size:8vw;
		line-height:1.3333;
		font-weight:500;
	}
	.collaboArea .img {
		width:78.66666vw;
		float:none;
		margin:9.3333vw auto;
	}
	.collaboArea .txtBox {
		width:100%;
		padding:0 0 0;
		float:none;
	}
	.collaboArea .txtBox .logo {
		width:30.6666vw;
		margin:5.33333vw auto 6.66666vw;
	}
	.collaboArea .txtBox .txt {
		font-size:16px;
		line-height:1.625;
		padding:0 27px;
	}
	.collaboArea .appList {
		font-size:0;
		margin:0 auto 5.33333vw;
		width:62vw;
	}
	.collaboArea .appList li {
		width:100%;
		float:none;
	}
	.collaboArea .appList li:nth-of-type(2) {
		float:right;
		margin-top:2.66666vw;
	}
.collaboArea .capTxt {
	text-align:center;
	font-size:14px;
	line-height:1;
	margin-bottom:26px;
}
	.collaboArea .ttl02 {
		text-align:center;
		font-size:20px;
		margin-bottom:15px;
	}
	.collaboArea .btnObj a {
		font-size:18px;
		padding:22px 0;
		height:auto;
		width:calc(100vw - 54px);
		border-radius:8px;
		margin:0 auto;
	}


.collaboArea .btnObj a .icon {
	position:relative;
	padding-left:25px;
	min-height:21px;
}
.collaboArea .btnObj a .icon:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background:url(../img/icon_browser.svg) 0 0 no-repeat;
	background-size:20px 20px;
	margin-right:5px;
	position:relative;
	top:2px;
}
/* low
------------------------------------- */
	.low h1 {
		font-size:12vw;
		font-weight:500;
		letter-spacing:5px;
		text-align:center;
		padding:21vw 0 0;
	}
	.low .titleCap {
		font-size:5.3333vw;
		text-align:center;
	padding:2.6vw 0 12.6666vw;
	}
	.low .spLogo {
		width:140px;
		margin:30px 0 0 28px;
	}

/* pageScene
------------------------------------- */
	#pageScene #sceneArea li {
		height:auto;
		position:relative;
	}
	#pageScene #sceneArea .sceneList li .img {
		position:relative;
	}
	#pageScene #sceneArea .sceneList li.scene03 .img {
		top:auto;
		bottom:0;
	}
	#pageScene #sceneArea .sceneList li .txtBox {
		max-width:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#pageScene #sceneArea .sceneList li .txtBox .inBox {
		position:absolute;
	}
	#pageScene #sceneArea li .txt01 {
		font-size:6vw;
		line-height:1.32;
		width:calc(100% - 30px);
	}
	#pageScene #sceneArea li .txt02 {
		font-size:4.533333vw;
		line-height:1.65;
		width:calc(100% - 30px);
		text-align:justify;
	}
	#pageScene #sceneArea li.scene06,
	#pageScene #sceneArea li.scene08 {
		color:#fff;
		text-shadow:0px 0px 5px rgba(0,0,0,0.7);
	}
	#pageScene #sceneArea li.scene01 .inBox,
	#pageScene #sceneArea li.scene02 .inBox,
	#pageScene #sceneArea li.scene04 .inBox,
	#pageScene #sceneArea li.scene05 .inBox,
	#pageScene #sceneArea li.scene07 .inBox {
		bottom:0;
		top:30px;
		right:auto;
		left:30px;
	}
	#pageScene #sceneArea li.scene03 .inBox,
	#pageScene #sceneArea li.scene06 .inBox,
	#pageScene #sceneArea li.scene08 .inBox {
		top:auto;
		bottom:25px;
		right:auto;
		left:30px;
	}
	#pageScene #sceneArea li .inBox .txt01 {
		margin-bottom:4vw;
	}
	#pageScene #sceneArea .btnObj {
		margin-top:10vw;
	}

/* pageFunction
------------------------------------- */
	#pageFunction h2 {
		font-size:6.9vw;
		line-height:1.37;
		font-weight:500;
	}
#sceneArea .txt {
	font-size:18px;
	line-height:1.44;
}
	#pageFunction .functionBox01 {
		margin-bottom:80px;
	}
	#pageFunction .functionBox01 .img {
		float:none;
		width:100%;
	}
	#pageFunction .functionBox01 .txtBox {
		float:none;
		width:100%;
		padding:0 27px 0 27px;
		background:none;
	}
	#pageFunction .functionBox01 .txtBox .inBox {
		width:100%;
	}
	#pageFunction .functionBox01 .txtBox .txt {
		width:100%;
		margin:15px 0 20px;
	}
	#pageFunction .functionBox01 .imgList li {
		float:left;
		width:46.5625%;
		font-size:14px;
		text-align:center;
		margin-right:0;
	}
	#pageFunction .functionBox01 .imgList li:last-child {
		float:right;
	}
	#pageFunction .functionBox01 .imgList li img {
		margin-bottom:6px;
	}
	#pageFunction .functionBox02 {
		margin-bottom:0;
	}
	#pageFunction .functionBox02 .img {
		float:none;
		width:100%;
	}
	#pageFunction .functionBox02 .txtBox {
		float:none;
		width:100%;
		padding:0 27px 0 27px;
		background:none;
	}
	#pageFunction .functionBox02 .txtBox .inBox {
		width:100%;
		margin-left:auto;
	}
	#pageFunction .functionBox02 .txtBox .txt {
		width:100%;
		margin:15px 0 30px;
		text-align:justify;
	}
	#pageFunction .functionBox02 .img02 {
		width:100%;
	}
	#pageFunction .functionBox03 {
		margin-bottom:115px;
	}
#pageFunction .functionBox03 h2 {
	margin-bottom:13px;
}
	#pageFunction .functionBox03 ul li {
		width:100%;
		margin-right:0;
		padding:0 27px;
		float:none;
		padding-top:0;
		background:none;
	}
#pageFunction .functionBox03 ul li:nth-of-type(3n) {
	margin-right:0;
}
#pageFunction .functionBox03 ul li:nth-of-type(3n + 1) {
	clear:both;
}
	#pageFunction .functionBox03 ul li:nth-of-type(1) .img {
		text-align:center;
	}
	#pageFunction .functionBox03 ul li:nth-of-type(1) .img img {
		margin-top:14px;
		width:83.125%;
	}
	#pageFunction .functionBox03 ul li:nth-of-type(4) .txt {
		width:50.7%;
		float:left;
		padding-right:5px;
	}
	#pageFunction .functionBox03 ul li:nth-of-type(4) .img {
		width:49.3%;
		float:right;
		padding-right:1.8%;
	}
	#pageFunction .functionBox04 {
		padding:0 27px;
	}
	#pageFunction .functionBox04 .layout {
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding:35px 0 40px;
	}
	#pageFunction .functionBox04 .img {
		width:100%;
		float:none;
		text-align:center;
	}
	#pageFunction .functionBox04 .img img {
		max-width:none;
	}
	#pageFunction .functionBox04 .txtBox {
		width:100%;
		float:none;
		padding-top:0;
	}
	#pageFunction .functionBox04 .txt {
		font-size:16px;
		margin:17px 0 0;
	}
	#pageFunction .functionBox04 .capList dt {
		line-height:1;
		width:98px;
		height:30px;
		text-align:center;
		position:relative;
		margin:0 auto;
	}
	#pageFunction .functionBox04 .capList dd.color {
		padding:0 0 25px 0;
	}
	#pageFunction .functionBox04 .capList dd.color span {
		display:inline-block;
		width:7.8%;
		height:14px;
		margin-right:2.4%
	}
	#pageFunction .functionBox04 .capList dd.color span.color10 {
		margin-right:0;
	}
	#pageFunction .functionBox04 .capList dd {
		margin-bottom:0;
		margin-top:22px;
		padding:0 0 25px 0;
	}
	#pageFunction .functionBox04 .capList dd.musicTxt {
		text-align:center;
		padding-bottom:0;
		margin-top:16px;
		line-height:1;
	}
	#pageFunction .functionBox05 .layout {
		border-bottom:none;
		padding:35px 27px 40px;
	}
	#pageFunction .functionBox05 .txtBox {
		width:100%;
		padding-right:0;
		float:none;
		padding-top:0;
	}
	#pageFunction .functionBox05 .txtBox .txt,
	#pageFunction .functionBox06 .txtBox .txt {
		margin-top:20px;
		line-height:1.56;
		font-size:16px;
	}
	#pageFunction .functionBox05 .capBox {
		width:100%;
		float:none;
		padding:25px 0 0;
	}
	#pageFunction .functionBox05 .capBox .leftBox {
		width:31.875%;
		float:left;
	}
	#pageFunction .functionBox05 .capBox .centerBox {
		width:46.71875%;
		float:left;
		padding-top:6px;
	}
	#pageFunction .functionBox05 .capBox .rightBox {
		width:20.9375%;
		padding-left:10px;
		float:left;
	}
	#pageFunction .functionBox05 .capBox .txt01 {
		font-size:12px;
		font-weight:500;
		letter-spacing:normal;
		line-height:1.2;
	}
	#pageFunction .functionBox05 .capBox .txt02 {
		font-size:10px;
		margin:6px 0 0;
	}
	#pageFunction .functionBox05 .capBox .leftBox ul {
		margin-top:7px;
	}
	#pageFunction .functionBox05 .capBox .leftBox li {
		font-size:10px;
		margin-bottom:1px;
	}
	#pageFunction .functionBox05 .capBox .leftBox li img {
		width:11px;
		vertical-align:text-bottom;
		margin-right:2px;
	}
	#pageFunction .functionBox06 {
		margin-bottom:35px;
	}
	#pageFunction .functionBox06 .layout {
		border-bottom:none;
		padding:35px 0 0;
		width:calc(100% - 54px);
		margin:0 auto;
		border-top:1px solid #000;
	}
	#pageFunction .functionBox06 .txtBox {
		width:100%;
		float:none;
		padding-top:0;
	}
	#pageFunction .functionBox06 ol {
		width:100%;
		float:none;
		font-size:16px;
		line-height:1.56;
		list-style:none;
		margin:12px 0 0;
		padding:20px 20px 20px 25px;
	}
/* pageSpec
------------------------------------- */
	#pageSpec  .titleCap {
		padding-bottom:20px;
	}
#pageSpec .slideArea {
	overflow:hidden;
}
#pageSpec .slideArea .slideList {
	width:100000px;
}
	#pageSpec .slideArea .slideList li {
		max-width:none;
		float:left;
	}
#pageSpec .slideArea {
	position:relative;
}
	#pageSpec .slideNav {
		text-align:center;
		margin-top:25px;
	}
	#pageSpec .slideNav li {
		display:inline-block;
		text-align:center;
		font-size:14px;
		line-height:1;
		margin-right:0!important;
		width:auto!important;
	}
	#pageSpec .slideNav li a {
		background:#d3d3d4;
		width:2.66666vw;
		height:2.66666vw;
		border-radius:1.33333vw;
		display:inline-block;
		margin:0 2.53333vw;
	}
	#pageSpec .slideNav li.cur a {
		background:#000;
	}
	#pageSpec .backBtn {
		display:none;
	}
	#pageSpec .nextBtn {
			display:none;
	}
	.capTableArea {
		margin-top:30px;
		padding:0 27px;
	}
	.capBox {
		max-width:none;
		margin:0 auto 30px;
	}
	.capBox h2 {
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
	}
	.capBox table {
		width:100%;
	}
	.capBox table th,
	.capBox table td {
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		vertical-align:top;
		font-size:16px;
		line-height:1.2;
	}
.capBox table th {
	border-right:1px solid #000;
	padding:5px 0;
}
.capBox table td {
	width:70%;
	padding:5px 0 5px 14px;
}
	.tableCap {
		font-size:14px;
		line-height:1.83;
		margin-top:23px;
	}


/* pageOperation
------------------------------------- */
#pageOperation{}
#pageOperation .op_heading {
  padding: 21vw 0 0;
  text-align: center;
}
#pageOperation .op_heading_lead {
  font-size: 20px;
  letter-spacing: -1px;
}
#pageOperation h1 {
  padding: 0;
  margin-top: 10px;
  font-size: 28px;
  font-weight: bold;
}
#pageOperation .op_Section01,
#pageOperation .op_Section02 {
  margin-left:  15px;
  margin-right:  15px;
}
#pageOperation .op_Section01{
  margin-top: 45px;
}
#pageOperation .op_layout01 {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
#pageOperation .op_layout01 + .op_layout01 {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid  #d6d5d5;
}
#pageOperation .op_Block03 .op_layout01 {
  margin-top: 20px;
}
#pageOperation .op_Block03 .op_layout01 + .op_layout01 {
  border: none;
  padding-top: 0;
}
#pageOperation .op_layout01.img_right {
  flex-direction: column;
}
#pageOperation .op_layout_img {
  flex-basis: auto;
}
#pageOperation .op_layout_txt {
  flex-basis: auto;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  justify-content: center;
  background: #eee;
  padding: 25px 15px;
  line-height: 1.4;
  letter-spacing:  normal;
}
#pageOperation .op_layout_txt p {
  font-size: 13px;
}
#pageOperation .op_txt01 {
  margin-top: 20px;
  font-size: 13px;
  text-align: left;
}

#pageOperation .op_Section02 {
  margin-top: 40px;
}
#pageOperation .op_heading01 {
  max-width: inherit;
  padding: 10px 15px;
  margin: 0 auto;
  background: #63ae2f;
  color: #fff;
  font-size: 24px;
  text-align: center;
}
#pageOperation .op_Block01 {
  margin-top: 30px;
}
#pageOperation .op_heading02 {
  text-align: center;
}
#pageOperation .op_heading02 span {
  display: inline-block;
  padding: 6px 10px;
  border: 2px solid  #000;
  font-size: 18px;
}
#pageOperation .op_numList {
  max-width: inherit;
  margin: 20px auto 0;
}
#pageOperation .op_numList > li {
  line-height: 1.4;
  list-style-type:none;
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 13px;
}
#pageOperation .op_numList > li + li {
  margin-top: 10px;
}
#pageOperation .op_Block02 {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid  #000;
}
#pageOperation .op_heading03 {
  text-align: center;
}
#pageOperation .op_heading03 > span {
  display: inline-block;
  padding: 6px 10px;
  background: #000;
  color: #fff;
  font-size: 18px;
}
#pageOperation .op_flowLayout {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  margin-top: 20px;
}
#pageOperation .op_flow {
  position: relative;
  flex-basis: auto;
}
#pageOperation .op_flow + .op_flow {
  margin-left: 0;
  margin-top: 80px;
}
#pageOperation .op_flow + .op_flow::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -55px;
  margin-left: -30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #64ae2f transparent transparent transparent;
}
  #pageOperation .op_flow figure {
    width: 60%;
    margin: 0 auto;
  }
#pageOperation .op_flow_txt {
  line-height: 1.4;
  margin-top: 20px;
  font-size: 13px;
}
#pageOperation .op_flow_txt span {
  font-weight: bold;
}
#pageOperation .op_txt02 {
  margin-top: 35px;
  font-size: 13px;
  text-align: left;
}
#pageOperation .op_Block03 {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid  #000;
}
#pageOperation .op_txt03 {
  max-width: inherit;
  margin: 25px auto 0;
  font-size: 13px;
  letter-spacing: -0.1em;
}
#pageOperation .op_notes {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid  #000;
}
#pageOperation .op_notes > ul {}
#pageOperation .op_notes > ul > li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 11px;
}



}


/*for js*/
.cntWhole > *, .cntArea{
	opacity:0;
	position:relative;
	top:50px;
	
}