=================================
	TBS Reset CSS
================================= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

.mgb05em {
  margin-bottom: 0.5em;
}
.mgb1em {
  margin-bottom: 1em;
}

.mgb2em {
  margin-bottom: 2em;
}

.mgb3em {
  margin-bottom: 3em;
}

.mgb4em {
  margin-bottom: 4em;
}

.mgb5em {
  margin-bottom: 5em;
}

.wbr {
  white-space: nowrap;
  display: inline-block;
}

.nolink {
  opacity: 0.5;
  cursor: default !important;
}

@media all and (min-width: 768px) {
	.small {
    font-size: 85%;
  }
	table.priceBox th .small {font-size: 70%;}
.nobr { display:none; }
.nobrSp { display:block; }
}

@media all and (max-width: 767px) {
	.small {
    font-size: 75%;
  }
	table.priceBox th .small {font-size: 55%; line-height: 1.5em;}
.nobr { display:block; }
.nobrSp { display:none; }
}


.center {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

span.super { vertical-align: super; font-size: 0.6em; }

a {
  text-decoration: none;
  color: #4e4e4e;
}
#faq a {
  text-decoration: underline;
  color: #487ced;
}
.no-wrap {
    display: inline-block; /* インラインブロック化 */
}
.notes {line-height: 1.5em; padding-left:1em; text-indent:-1em; }


/*	background
============================== */
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
margin: 0!important;
	background-color: #c2c6fe;
}

#page-top{
    font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 400;
font-style: normal;
	color: #000;
	position: relative;
}
@media all and (min-width: 768px) {
	#page-top{
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top center;
}
}
@media all and (max-width: 767px) {
	#page-top::before {
  content: "";
  width: 100vw;
  height: 100vh;
  background-image: url(../img/bg_sp.jpg);
  position: fixed;
		background-size: cover;
  top: 0px;
  left: 0px;
  z-index: -1; 
}
}


@media all and (min-width: 768px) {
  .pcnone {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .smpnone {
    display: none;
  }
}

/*	wrap
============================== */
@media all and (min-width: 768px) {
  div.wrap {
    width: 980px;
    margin: 0 auto;
  }
}

@media all and (max-width: 767px) {
  div.wrap {
    width: 94%;
    margin: 0 auto;
  }
}

/*	mainArea
============================== */
header { background-color: #97bbee;}
#mainArea{width:100%; height:0; padding-top: 40.476%; margin:0 auto; position:relative; }
#mainArea .main1{background-image: url(../img/main.jpg); background-size:cover; width:100%; height:0; padding-top:40.476%; position:absolute; top:0; left:0; margin: 0 0;
animation: fadein 2.5s ease 0s 1 normal;
-webkit-animation: fadein 2.5s ease 0s 1 normal;}
#mainArea .main1 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}

header .inner p { height: 0; text-indent: -9999px;}

@media all and (max-width: 767px) {
	#mainArea{ padding-top: 43.478%; }
	#mainArea .main1{background-image: url(../img/main_sp.jpg); padding-top:43.478%;}
}


/*	nav
============================== */
nav#menu {background-color:#0050ff;}
nav#menu ul {letter-spacing: -.4em;}
nav#menu ul li { display: inline-block; vertical-align: top;}
nav#menu ul li a { display: block; transition:0.5s;}
nav#menu ul li a span { background-position: center center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px; display: block;}
nav#menu ul li.flow a span { background-image: url(../img/navi_01.png);}
nav#menu ul li.price a span { background-image: url(../img/navi_02.png?2);}
nav#menu ul li.application a span { background-image: url(../img/navi_03.png);}
nav#menu ul li.faq a span { background-image: url(../img/navi_04.png);}

@media all and (min-width: 768px) {
nav#menu ul { width:980px; margin: 0 auto; padding:0;}
nav#menu ul li { height: 70px; margin: 0; border-right: solid 2px rgba(255,255,255,.4); }
	nav#menu ul li:first-child {border-left: solid 2px rgba(255,255,255,.4);}
nav#menu ul li a, nav#menu ul li a span { height: 70px; }
nav#menu ul li a span { background-size: auto 23px}
nav#menu ul li.flow a span { width:210px;}
nav#menu ul li.price a span { width:270px;}
nav#menu ul li.application a span { width:280px;}
nav#menu ul li.faq a span { width:210px;}
	nav#menu ul li a:hover { background-color:#0012ff; }
}
	


@media all and (max-width: 767px) {	
	nav {z-index: 10;}
nav#menu {width:100%; padding:0;}
nav#menu ul {width:100%; margin: 0 auto;}
nav#menu ul li { display: inline-block; width:50%; margin:0; }
nav#menu ul li:nth-child(1) a, nav#menu ul li:nth-child(2) a {border-bottom: solid 2px rgba(255,255,255,.4);}
nav#menu ul li:nth-child(odd) a { border-right: solid 2px rgba(255,255,255,.4); }
nav#menu ul li a span { display: block; width:100%; height: 50px; background-size: auto 16px;}
}

/*	contents
============================== */

.contentsBlock { background-color: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;}

.contentsBlock h2 {margin: 0 auto; position: relative; text-indent: -9999px; background-repeat: no-repeat; background-size: contain; background-position: top center;}
#flow h2 { background-image: url(../img/h2_flow.png); }
#price h2 { background-image: url(../img/h2_price.png); }
#application h2 { background-image: url(../img/h2_application.png); }
#faq h2 { background-image: url(../img/h2_faq.png); }
#inquiry h2 { background-image: url(../img/h2_inquiry.png); }
#simulatorArea h2 { background-image: url(../img/h2_simulator.png); }

@media all and (min-width: 768px) {
	#contentsArea { padding-top: 30px;}
	#flow, #price, #application, #faq, #inquiry { padding: 30px 0;}
	.contentsBlock { padding: 30px 50px 60px;}
	.contentsBlock#simulatorArea { padding: 30px 50px 30px;}
  .contentsBlock h2 {
	  width: 230px;
	  height: 58px;
  }
	#flow h2, #faq h2 {margin-bottom: 35px;}
	#price h2 {margin-bottom: 8px;}
	#application h2, #inquiry h2  {margin-bottom: 25px;}
  #simulatorArea h2 {
	  width: 330px;
	  height: 58px;
	  margin-bottom: 25px;
  }

}
@media all and (max-width: 767px) {
	#flow, #price, #application, #faq, #inquiry, #info { padding: 20px 0;}
	.contentsBlock { padding: 20px 15px 30px;}
	.contentsBlock#simulatorArea { padding: 20px 15px 20px;}
  .contentsBlock h2 {width:95%; height:44px; }
	#flow h2, #faq h2, #simulatorArea h2 {margin-bottom: 20px;}
	#price h2 {margin-bottom: 5px;}
	#application h2, #inquiry h2  {margin-bottom: 10px;}
}

/*	info
============================== */
#info .contentsBlock {border: solid 4px #e9658a; background-color: #ffeff7;}
#infoArea div:not(:last-child) {margin-bottom: 1.5em;}
#infoArea h3 { text-align: center; margin-bottom: 0.5em;}
#infoArea .bizDay h3 {color:#e83d61; }
#infoArea .toCustomers h3 {color:#0050ff; }
#infoArea table {
	border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
#infoArea table th {text-align: right; vertical-align: top; line-height: 1.5em;}
#infoArea table td { font-size: 1.1em; line-height: 1.5em; vertical-align: top;}
#infoArea table td.cnt {text-align: center; width: 1em;}
#infoArea p{ line-height: 1.5em; text-align: center;}

@media (min-width: 768px){
#info .contentsBlock {
    padding: 30px 50px 30px;
}
	#infoArea h3 { font-size: 1.6em;}
	#infoArea table, #infoArea p { font-size: 1.2em;}
}

@media all and (max-width: 767px) {
#info .contentsBlock {
    padding: 20px 15px 20px;
}
	#infoArea h3 { font-size: 1.15em;}
	#infoArea table, #infoArea p { font-size: 1em;}
	#infoArea table th { width: 7.5em;}
	#infoArea table th .small { line-height: 1.0em; display: block;}
}

/*	flow
============================== */
#flowArea ul {}
#flowArea ul li  {position: relative; background-repeat: no-repeat; text-align: center;
font-weight: 600;
line-height: 1.3em;}
#flowArea ul li strong {font-weight: 900;}
#flowArea ul li.flow01 { background-image: url(../img/flow_01.png); }
#flowArea ul li.flow02 { background-image: url(../img/flow_02.png); }
#flowArea ul li.flow03 { background-image: url(../img/flow_03.png); }
#flowArea ul li.flow04 { background-image: url(../img/flow_04.png); }
#flowArea ul li.flow02 .small { display: block; line-height: 1.2em; padding-top: 5px; font-weight: 400;}

#flowArea #mailBlock { text-align: center; padding: 40px 0 20px;}
#flowArea #mailBlock h3 { text-align: center;}
#flowArea #mailBlock h3 span {background: linear-gradient(transparent 30%, #bfe1fc 20%); padding:0 18px 8px; display: inline-block; margin-bottom: 15px; font-size: 1.1em; line-height: 1.0em;
font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 900;}
#flowArea #mailBlock p { background-repeat: no-repeat; text-align: center; background-size: 36px 36px; background-position: top left; background-image: url(../img/icon_mail.png); display: inline-block; padding:8px 0 8px 47px; font-size: 1.4em; font-weight: 900;}

#flowArea .flowNotes .add { text-align: center; padding-top: 1em; line-height: 1.5em;}

@media all and (min-width: 768px) {
#flowArea ul {letter-spacing: -.4em; text-align: center; background-repeat: no-repeat; background-position: top center; background-size: 870px 180px; background-image: url(../img/bg_flow.png); }
#flowArea ul li {letter-spacing: 0em; display: inline-block; width: 180px; padding-top: 200px; background-size: contain; background-position: top center; vertical-align: top;}
	#flowArea ul li:not(:last-child) { margin-right: 50px;}
}
@media all and (max-width: 767px) {
	#flowArea ul { width: 290px; margin: 0 auto;}
	#flowArea ul li { min-height: 90px; padding-left: 110px; background-size: 90px 90px; background-position: top left; margin-bottom: 15px;}
	#flowArea #mailBlock {padding: 30px 0 15px;}
	#flowArea .flowNotes { font-size: 0.85em;}
	
	#flowArea ul li{
  display: table;
}
#flowArea ul li span.txt{
  display: table-cell;
  vertical-align: middle;
}
	#flowArea #mailBlock p {background-size: 30px 30px; padding:6px 0 6px 37px; font-size: 1.2em;}
}

.tempbox { padding-bottom: 20px;}
.tempbox article { padding-top: 2em;}
.tempbox .mlbox { background-color: #e5edf7; padding:0.5em 1.5em 1.5em;}


.tempbox article div.item { padding-top: 1em;}
.tempbox article div.item .case { background-color: #fff;}
.tempbox h4 { font-size: 1.0em; padding: 0 5px 7px ; margin: 0; line-height: 1.3em;}
.tempbox h5 { font-size: 1.0em; color: #487ced; padding: 10px 0; margin: 0;}
.tempbox h6 { font-size: 1.0em; padding-bottom: 3px; margin: 0;}
.tempbox article div.item.subj h5, .tempbox article div.item.subj .case  { display: inline-block; vertical-align: top;}
.tempbox article div.item.subj h5 {width: 3em;}
.tempbox article div.item.subj .case  { width: calc(100% - 3.5em);}
.tempbox .notesTxt { font-size: 0.9em; padding-top: 0.5em;}

@media all and (min-width: 768px) {
	.tempbox article div.item .case { padding: 1em;}
	.tempbox article div.item.subj .case { padding: 0;}
	.tempbox article div.item.subj .case p { padding: 0.5em 1em;}
}
@media all and (max-width: 767px) {
	.tempbox .mlbox { padding:0 1em 1em;}
	.tempbox article div.item .case { padding: 0.5em 0.5em;}
	.tempbox article div.item.subj .case { padding: 0;}
	.tempbox article div.item.subj .case p { padding: 0.5em 0.5em;}
}

/*	price
============================== */
#priceArea .content {padding-top: 15px;}
#priceArea .update { text-align: center; padding-bottom: 20px}
#priceArea .consultation { padding: 50px 0 0;}
#priceArea .consultation div { padding-bottom: 30px;}
#priceArea .consultation div h3 {color: #487ced; padding-bottom: 5px;}
#priceArea .consultation div p { line-height: 1.4em; font-size: 0.9em;}
#priceArea #rankBlock { padding-top: 20px;}
#priceArea .read { padding-bottom: 1em; line-height: 1.3em;}

#priceArea .btnInquiry a, #faqArea .btnInquiry a {
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color: #e1eeff; 
	border: solid 3px #316ced;
width: 354px;
 height: 54px;
text-indent: -9999px;
margin: 0 auto;
	transition:0.5s;
}
#priceArea .btnInquiry a {background-image: url(../img/btn_inquiry.png);}
#faqArea .btnInquiry a {background-image: url(../img/btn_inquiry2.png);}
#priceArea .btnInquiry a:hover, #faqArea .btnInquiry a:hover {background-color:#cbe5ff;}

#priceArea .btnSimulator {padding-top: 1.5em;}
#priceArea .btnSimulator a {
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center center, 10px center;
background-size: 360px 40px, 18px 23px;

width: 500px;
 height: 80px;
text-indent: -9999px;
margin: 0 auto;
	transition:0.5s;
}
#priceArea #movie .btnSimulator a {background-color:#fceff5; background-image: url(../img/btn_simulator_m.png), url(../img/arrow_m.png); border: solid 3px #e9658a;}
#priceArea #movie .btnSimulator a:hover {background-color:#ffe1ef;}
#priceArea #photo .btnSimulator a {background-color:#e1eeff; background-image: url(../img/btn_simulator_p.png), url(../img/arrow_p.png); border: solid 3px #0050ff;}
#priceArea #photo .btnSimulator a:hover {background-color:#cbe5ff;}

.close a {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url(../img/btn_close.png);
width: 90px;
height: 28px;
text-indent: -9999px;
margin: 0 auto;
transition:0.5s;
}


@media all and (max-width: 767px) {
	#priceArea .consultation { padding: 20px 0 10px; font-size: 0.9em;}
	#priceArea .consultation div { padding-bottom: 20px;}
	#priceArea .consultation div h3 { font-size: 1.1em;}
	#priceArea .btnInquiry a, #faqArea .btnInquiry a { width: 80%; max-width:354px; }
	#priceArea .consultation div p{font-size: 0.8em;}
	
	#priceArea .btnSimulator {padding-top: 1em;}
	#priceArea .btnSimulator a {
		background-size: 225px 25px, 10px 13px;
		width: 85%; max-width: 300px;
		height: 50px;
	}
	.close a {background-size: 80px 25px;}
}

table.priceBox {
 border-collapse:collapse;
 border-spacing:0;
 margin: 0 auto;
	width: 100%;
	border-top:solid 3px #636363;
	border-right:solid 3px #636363;
	border-left:solid 3px #636363;
}
table.priceBox.extract/*, #photo table.priceBox.usage*/ {border-bottom:solid 3px #636363;}
table.priceBox tr {border-bottom: solid 1px #636363;}
table.priceBox th ,
table.priceBox td {
 padding: 10px;
	font-weight: 700;
	font-size: 1.1em;
	border-left: solid 1px #636363;
	position: relative;
}
table.priceBox td {height: 2em;}
table.priceBox td .small { font-weight: normal; font-size: 0.7em;}
table.priceBox tr:last-child {
	border-bottom: none;
}
table.priceBox th { width: 23%; text-align: center;}
#movie table.priceBox th { background-color: #fce1ed;}
#photo table.priceBox th { background-color: #c1dcff;}
table.priceBox td.tdPrice {width: 46%;; text-align: center; font-size: 1.5em;}
table.priceBox td.tdPrice.notP {font-size: 0.9em; font-weight: normal;}
table.priceBox.reception td.tdPrice {width: auto;}
table.priceBox.extract td.tdPrice {width: auto;}
table.priceBox td.tdPrice .small { font-weight: normal; font-size: 0.5em; }
table.priceBox td.tdItem {width: 15%; text-align: center;}
table.priceBox td.tdType { background-color: #fceff5;}
#movie table.priceBox td.tdItem, #movie table.priceBox td.tdType { background-color: #fceff5;}
#photo table.priceBox td.tdItem, #photo table.priceBox td.tdType { background-color: #e1eeff;}

.priceBox .small { display: block; line-height: 1.2em; padding-top: 0.5em;}
#priceArea .smallTb {text-align: left; display: inline-block; line-height: 1.2em; padding-top: 0.5em; font-size: 0.5em;}
#priceArea .smallTb .notes { font-size: 1em; font-weight: normal;}

table.rank {
 border-collapse:collapse;
 border-spacing:0;
 margin: 5px 0;
	border:solid 1px #636363;
}
table.rank tr {border-bottom:solid 1px #636363;}
table.rank th{
 padding: 10px;
	font-weight: 700;
	font-size: 1.1em;
	border-right: solid 1px #636363;
	background-color: #fceff5;
}
table.rank td {padding: 10px; line-height: 1.3em;}

#priceArea .notesTxt { padding-top: 5px;}
#priceArea .notes { font-size: 0.9em;}

#priceArea .plus { display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url(../img/icon_plus.png);
width: 28px;
 height: 28px;
text-indent: -9999px;
position: absolute; bottom: -14px; left: 50%; margin-left: -16px; z-index: 100;
}

@media all and (min-width: 768px) {
	table.rank { width: 65%;}
}

@media all and (max-width: 767px) {
	table.priceBox { border-top:solid 2px #636363;
	border-right:solid 2px #636363;
	border-left:solid 2px #636363;
}
	table.priceBox.extract, #photo table.priceBox.usage {border-bottom:solid 2px #636363;}
	table.priceBox th { width: 18%;}
	table.priceBox th ,
	table.priceBox td { font-size: 0.8em; padding:10px 4px;}
	table.priceBox td.tdItem {width: 18%; font-size: 0.7em}
	table.priceBox td.tdPrice {width: 35%; font-size: 1.0em;}
	table.priceBox td.tdPrice.notP {font-size: 0.7em;}
	table.priceBox td.tdPrice .small { line-height: 1.5em; display: block; padding-top: 2px;}
	table.priceBox td.tdItem .small {letter-spacing: -.2em; font-size: 0.5em;}
	table.rank { width: 100%;}
	table.rank th ,
	table.rank td { font-size: 0.8em; padding: 5px;}
	table.rank th { width: 4em;}
	#priceArea .notes {font-size: 0.8em;}
	
	#priceArea .plus {
width: 20px;
 height: 20px;
bottom: -12px; margin-left: -10px;
}
}


/*タブ切り替え*/
.tabs__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tabs__menu-item {
  width: calc( 100% / 3 - 4px);
   margin-bottom: 6px; height: 64px;
	flex: 1;
	order: -1;
	border-radius: 10px;
	color: #444;
	background-repeat: no-repeat; background-position: center center; background-size: 245px 30px;
	text-indent: -9999px;
	border: solid 3px #e9658a;
	transition: .5s ;
	cursor: pointer; }
#simulatorArea .tabs__menu-item { height: 50px; background-size:70%;}
.tabs__menu-item#tab-1 {background-color:#fceff5; background-image: url(../img/btn_movie.png); border: solid 3px #e9658a; margin-right: 6px;}
.tabs__menu-item#tab-2 {background-color:#e1eeff; background-image: url(../img/btn_photo.png); border: solid 3px #0050ff;}
.tabs__menu-item#tab-1:hover {background-color:#ffe1ef;}
.tabs__menu-item#tab-2:hover {background-color:#cbe5ff;}
.tabs__menu-item.is-active {
    border-radius: 10px 10px 0 0;
	padding-bottom: 6px;
	margin-bottom: 0;
    cursor: default; }
.tabs__menu-item.is-active#tab-1 {background-color:#e9658a; background-image: url(../img/btn_movie_ac.png); border: solid 3px #e9658a;}
.tabs__menu-item.is-active#tab-2 {background-color:#0050ff; background-image: url(../img/btn_photo_ac.png); border: solid 3px #0050ff;}

.tabs__body { display: none;}
.tabs__body.is-active { display: block; }

section.priceBlock .content#movie, .unit#eizo {
    border-top: solid 10px #e9658a;
}
section.priceBlock .content#photo, .unit#shashin {
    border-top: solid 10px #0050ff;
}

@media all and (max-width: 767px) {
.tabs__menu-item { background-size: 90%; height: 45px;}
#simulatorArea .tabs__menu-item { background-size: 90%; height: 35px;}
section.priceBlock .content#movie, .unit#eizo {
    border-top: solid 7px #e9658a;
}
section.priceBlock .content#photo, .unit#shashin {
    border-top: solid 7px #0050ff;
}
}


/*	application
============================== */

#applicationArea #termsArea h3 { text-align: center;}
#applicationArea #termsArea h3 span {background: linear-gradient(transparent 30%, #bfe1fc 20%); padding:0 18px 8px; display: inline-block; margin-bottom: 15px; line-height: 1.0em;
font-weight: 900;}
#applicationArea #termsArea .update { text-align: center;}
#applicationArea #termsArea .add { text-align: center; color: #ef1828; font-weight: bold; padding: 10px 0 15px;}
#applicationArea .agreeArea { text-align: center; }
#applicationArea .agreeArea p {line-height: 1.5em;}
#applicationArea .agreeArea .agree { font-size: 1.1em; font-weight: bold; padding: 25px 0;}

#applicationArea .agreeArea #download button {
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 35px;
background-color: #e9658a; 
background-image: url(../img/btn_download.png);
width: 300px;
 height: 80px;
text-indent: -9999px;
margin: 0 auto;
 border: none;
	transition:0.5s;
}
#applicationArea .agreeArea #download button:hover {background-color:#e3527b;}
#applicationArea .agreeArea #download button:disabled {opacity: 0.5;}
#applicationArea .agreeArea .noteTxt { text-align: center; color: #ef1828; font-weight: bold;}

#applicationArea #terms {border: solid 2px #636363; padding: 4px; margin: 10px auto;}
#applicationArea .termsBox { padding: 20px; line-height: 1.5em;} 

#applicationArea .termsBox .uline {
background:linear-gradient(transparent 85%, #bfe1fc 0%);
}

@media all and (min-width: 768px) {
	#applicationArea .read { padding-bottom: 45px; font-size: 1.1em;}
	#applicationArea #termsArea h3 span { font-size: 1.3em;}
}
@media all and (max-width: 767px) {
	#applicationArea .read { padding-bottom: 30px; font-size: 0.9em;}
	#applicationArea #termsArea h3 span { font-size: 1.1em;}
	#applicationArea .termsBox { font-size: 0.9em;} 
	#applicationArea .agreeArea { font-size: 0.9em;} 
	#applicationArea .agreeArea .agree {padding: 15px 0;}
	
	#applicationArea .agreeArea #download button {
background-size: 209px 31px;
width: 250px;
 height: 67px;
}
}


/**--スライダー--**/
.slider-wrapper {
  width: 100%; height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
	margin: 0 auto;
}

.slider {
  height: 400px;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

/*.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}*/
/*/ スクロールバー全体*/
.slider-wrapper::-webkit-scrollbar {
  width:6px;
  /*background:#eee;*/
}
/*/ 横スクロールバー全体*/
.slider-wrapper::-webkit-scrollbar:horizontal {
  /*height:10px;*/ display: none;
}
/*/ スクロールバー上下左右末端のボタン*/
.slider-wrapper::-webkit-scrollbar-button {
  width:6px;
  height:6px;
  /*background:#666;*/
}
/*/ ドラッグするツマミ部分*/
.slider-wrapper::-webkit-scrollbar-thumb {
  background:#636363;
border-radius: 3px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/*/ 右下角部分*/
.slider-wrapper::-webkit-scrollbar-corner {
  /*background:#ddd;*/
}


/*	faq
============================== */
#faqArea .faqbox { padding-bottom: 20px}
#faqArea .inquiryTxt { text-align: center; font-weight: 700; line-height: 1.5em;}
.qnb{
font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 400;
}
@media all and (max-width: 767px) {
	#faqArea .faqbox { padding-bottom: 15px}
}

/*	accordion
============================== */
.accordion-unit {
	background-color:#fff;
	overflow:hidden;
	border: solid 1px #636363;
	margin-bottom: 20px;
}
.accordion-unit .accordion-btn {
	position:relative;
	cursor:pointer;
	line-height:1.5;
	color:#000;
	padding:1em 1em 1em 60px;
}
.accordion-unit .accordion-btn {
	background-color:#fceff5;
	transition:0.5s;
}
.accordion-unit .accordion-btn:hover {background-color:#ffe1ef;}
.accordion-unit .accordion-box {
	-webkit-transition-duration:500ms;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration:500ms;
	transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	transition-property:height;
	
}
.accordion-open .accordion-box {
	height:auto;
}
.accordion-close .accordion-box {
	height:0;
}
.accordion-unit .accordion-btn:after {
	content:"";
	background-image:url(../img/icon_acc.png);
	display:block;
	width:19px;
	height:15px;
	background-size:19px 15px;
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-8px;
}
.accordion-open .accordion-btn:after {
	background-position:center top;
}
.accordion-close .accordion-btn:after {
	background-position:0 -60px;
}
.accordion-inner {border-top: solid 1px #636363;}
.accordion-inner p {
	line-height:1.5em;
}
@media all and (min-width: 768px) {
.accordion-inner {
	padding:1em;
}
	.accordion-unit .accordion-btn { font-size: 1.1em;}
}
@media all and (max-width: 767px) {
	.accordion-unit { font-size: 0.9em; margin-bottom: 10px;}
.accordion-inner {
	padding:0.8em;
}
	.accordion-unit .accordion-btn { padding:0.8em 0.8em 0.8em 40px;}
	.accordion-unit .accordion-btn:after {
	width:15px;
	height:12px;
	background-size:15px 12px;
	position:absolute;
	top:25px;
	left:15px;
}
}

/*	inquiry
============================== */
#inquiryArea .read { text-align: center; font-weight: bold; line-height: 1.5em;}
#inquiryArea dl dt {
	font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 900;
	width: 
}
#inquiryArea dl {
    margin-block-start: 0;
    margin-block-end: 0;
	
}
#inquiryArea dl:first-child {margin-bottom: 1em;}
#inquiryArea dl dd {
    margin-inline-start: 0px;
}
#inquiryArea .tel, #inquiryArea .mail { background-repeat: no-repeat; text-align: center; background-size: 44px 44px; background-position: top left; display: inline-block; padding:8px 0 0px 55px; min-height: 36px; font-size: 1.8em; margin-bottom: 0px;
font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 900;}
#inquiryArea .tel { background-image: url(../img/icon_tel.png);}
#inquiryArea .mail { background-image: url(../img/icon_mail.png);}
#inquiryArea .small {font-weight: 400; font-size: 0.6em;}

@media all and (min-width: 768px) {
	#inquiryArea .read {font-size: 1.1em;}
	#inquiryArea .inquiryBox { width: 750px; margin: 20px auto 0;}
	#inquiryArea dl dt, #inquiryArea dl dd { display: inline-block; vertical-align: middle;}
	#inquiryArea dl dt { width: 135px; font-size: 1.1em; text-align: center;}
}
@media all and (max-width: 767px) {
	#inquiryArea .inquiryBox { margin: 20px auto 0;}
	#inquiryArea dl dt { padding-bottom: 0.3em;}
	#inquiryArea dl dt {font-size: 0.9em;}
	#inquiryArea .tel {background-size: 35px 35px; font-size: 1.3em; padding:2px 0 2px 42px; margin-bottom: 5px;}
	#inquiryArea .mail {background-size: 35px 35px; font-size: 1.3em; padding:8px 0 8px 42px; letter-spacing: -0.02em;}
	#inquiryArea .small { display: block; padding-top: 3px;}
}


/*	simulator
============================== */
#simulatorArea .read {
    padding-bottom: 30px;
	    line-height: 1.5em;
}
#simulatorArea .read .notes{ font-size: 0.9em;}
#simulatorArea .read p {padding-bottom: 0.2em;}
#simulatorArea .read .add {color: #ef1828;}
@media all and (min-width: 768px) {
/*#simulatorArea {font-size: 1.2em;}*/

	
}






.tempbox .accordion-unit { border: none;}
.tempbox .accordion-unit .accordion-btn {
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color: #e1eeff; 
border: solid 3px #316ced;
width: 380px;
padding: 15px 10px 15px 40px;
text-align: center;
margin: 0 auto;
font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 900;
color: #316ced;
transition:0.5s;
}
.tempbox .accordion-unit .accordion-btn:after {
    background-image: url(../img/arrow_p.png); width: 14px; height: 18px; background-size:contain;background-position: 0 0px;
}
btn:after {
    
}
.tempbox .accordion-unit .accordion-btn:hover {background-color:#cbe5ff;}
.tempbox .accordion-inner {
    border-top: none;
}
@media all and (min-width: 768px) { 
	.tempbox .accordion-inner { padding:1em 0 0;}
	.tempbox .accordion-unit .accordion-btn { font-size: 1.3em;}
}

@media all and (max-width: 767px) {
	.tempbox .accordion-inner { padding:0.8em 0 0;}
	.tempbox .accordion-unit .accordion-btn { width: 70%; max-width:354px; padding: 5px 10px 5px 30px; font-size: 1.2em; line-height: 1.3em; }
	.tempbox .accordion-unit .accordion-btn:after {
    width: 11px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 15px;
}
	
}



/*	copyright
============================== */
#footerArea {}
.copyright p {
  font-size: 0.9em;
  color: #000;
  text-align: center;
  padding: 0;
  line-height: 1.5!important;
  position: relative;
font-family: nitalago-ruika, sans-serif;
font-style: normal;
font-weight: 900;
}
.copyright p a { color: #000;}
@media all and (min-width: 768px) {
.copyright { padding: 0px 0 30px;}
}
@media all and (max-width: 767px) {
.copyright p { padding: 0 10px; font-size: 0.8em;}
}


/*	footer
============================== */
footer {
  text-align: center;
  vertical-align: top;
  padding: 0px 0 20px;
  position: relative;
  z-index: 1;
}
.simulator footer { padding: 10px 0 30px;}

@media all and (min-width: 768px) {
	footer {
	}
}
@media all and (max-width: 767px) {
  footer {
  }
}



ul.kome li:before {
  content: "※";
  float: left;
}

ul.kome li span {
  display: block;
}

.lazy img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*	cap
============================== */
.cap {
  text-align: center;
  margin: -0.5em auto 1.0em;
  width: 500px;
  padding: 0 !important;
  font-size: 0.85em;
  line-height: 1.5;
}
.cap span {
  padding: .1em;
}
@media all and (max-width: 767px) {
  .cap {
    width: 100%;
    margin: -0.5em auto 1em; font-size: 0.8em;
  }
}

.cr {
    padding: 1em;
	font-size: 80%;
    color: #229bb7;
    text-align: center;
    line-height: 1.5;
    font-family: fira-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
}

.linkBtn { text-align: center;}
.linkBtn a {
    color: #fff; font-weight: bold; font-size: 1.1em;
	background-color: #9f000b; padding: 0.6em 1.5em;
	border-radius: 20px 20px!important; letter-spacing: 0em;
	display: inline-block;
}
.linkBtn a:hover{opacity: 0.85;}
@media all and (min-width: 768px) {
.txtArea .linkBtn { margin-top: -1.5em;}
}
@media all and (max-width: 767px) {
.txtArea .linkBtn { margin-top: -0.5em;}
}

.backtotop { display: none;}

/*	fadein
============================== */
.fadeinD {
    opacity : 0;
    transform : translate(0, 20px);
    transition:all 1s;
  display:block;
}
.fadeinD.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}