@charset "utf-8";

/*共通スタイル*/

* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background:#fff; color:#6c4f22; -webkit-text-size-adjust:100%; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.5; letter-spacing:0.08em; display:none; }


body,html { position:relative; /*height:100%;*/ }

#wrapper { min-width:350px; overflow-x:hidden; }

.scroll-prevent { overflow:hidden; /*touch-action:none;*/ }
	/*.scroll-prevent >  body { overflow:hidden; touch-action:none; }*/

	
	@font-face {
	    font-family: 'GothamNarrow-Bold';
	    src: url('../fonts/GothamNarrow/GothamNarrow-Bold.eot');
	    src: url('../fonts/GothamNarrow/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/GothamNarrow/GothamNarrow-Bold.woff') format('woff'),
	         url('../fonts/GothamNarrow/GothamNarrow-Bold.ttf') format('truetype'),
	         url('../fonts/GothamNarrow/GothamNarrow-Bold.svg#fontset') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'GothamNarrow-Book';
	    src: url('../fonts/GothamNarrow/GothamNarrow-Book.eot');
	    src: url('../fonts/GothamNarrow/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/GothamNarrow/GothamNarrow-Book.woff') format('woff'),
	         url('../fonts/GothamNarrow/GothamNarrow-Book.ttf') format('truetype'),
	         url('../fonts/GothamNarrow/GothamNarrow-Book.svg#fontset') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'gligoth';
	    src: url('../fonts/gligoth/gligoth.eot');
	    src: url('../fonts/gligoth/gligoth.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/gligoth/gligoth.woff') format('woff'),
	         url('../fonts/gligoth/gligoth.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
	
	.gotham_b { font-family:"GothamNarrow-Bold", sans-serif; }
	.gotham { font-family:"GothamNarrow-Book", sans-serif; }
	.gligoth { font-family:"gligoth", sans-serif; }
	.hiragino { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",  sans-serif; }
	.sakuramento { font-family: 'Sacramento', cursive; }
	
	@keyframes fade {
	    0% {opacity: 0}
	    100% {opacity: 1}
	}
	@keyframes fade-in-up {
		0% { opacity: 0; transform: translate3d(0, 20px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
	}
	@keyframes fade-in-up2 {
		0% { opacity: 0; transform: translate3d(0, 40px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
	}
	@keyframes fade-in-side {
		0% { opacity: 0; transform: translate3d(30px, 0, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
	}
	@keyframes fade-in-side2 {
		0% { opacity: 0; transform: translate3d(-30px, 0, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
	}
	@keyframes blur {
	  0% { filter: blur(10px); }
	  100% { filter: blur(0); }
	}



	@media only screen and (min-width: 768px) {
		.onlySp { display: none!important; }
	}
	@media only screen and (max-width: 767px) {
		.onlyPc { display: none!important; }
	}


/* ----------------------------------------------------
library
---------------------------------------------------- */

h2,h3,h4,h5 { font-weight:normal; }

.regular { font-weight:400; }
.bold { font-weight:800; }

img { max-width:100%; }
ul { list-style:none outside; }

.clr:after { /*content: ".";*/ display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height:1px; clear:both; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

a { text-decoration:none; transition:0.3s; color:#6c4f22; }
a:focus, *:focus { outline:none; }

.exLink { position:relative; padding-right:22px; }
.exLink:after { content:""; position:absolute; top:-2px; right:0; width:11px; height:12px; background:url(../img/common/ico_blank.png) no-repeat center center / contain; }
.exLink.line_b:before { content:""; background:#fff; width:100%; height:1px; position:absolute; bottom:-8px; left:0; }

.exLink2 { position:relative; padding-right:22px; }
.exLink2:after { content:""; position:absolute; top:0px; right:0; width:11px; height:12px; background:url(../img/common/ico_blank2.png) no-repeat center center / contain; }
.exLink2:before { content:""; background:#00ada0; width:100%; height:1px; position:absolute; bottom:-8px; left:0; }

.exLink3 { position:relative; padding-right:40px; }
.exLink3:after { content:""; background:url(../img/common/ico_arrow.png) no-repeat center center / contain; width:12px; height:13px; position:absolute; top:calc(50% - 9px); left:auto; right:13px; z-index:1; }
.exLink3:before { content:""; background:#00ada0; width:100%; height:1px; position:absolute; bottom:-8px; left:0; }


	@media screen and (min-width: 768px) {	
		a[href^="tel:"] { pointer-events:none; text-decoration:none!important; }
	}

.block { display:block; }
.inline { display:inline; }
.inline_block { display:inline-block; }
.normal { font-weight:normal; }

.centerText { text-align:center; }
.leftText { text-align:left; }
.rightText { text-align:right; }

.centerBlock { margin-right:auto; margin-left:auto; display:block; text-align:center; }
.fleft { float:left; }
.fright { float:right; }

.flex { display:flex; }
.flex_wrap { flex-wrap:wrap; }
.item_center { align-items:center; }
.flex_center { justify-content:center; }
.flex_left { justify-content:flex-start; }
.flex_auto { justify-content:space-between; }

.bg_white { background:#fff; }
.bg_green { background:#fdfbf2; position:relative; }
.bg_beige { background:#fbf9eb; }

.layer_btm { z-index:-1; }
.layer_top { z-index:1; }

.orange { color:#fe8d00; }
.yellow { color:#f6ee81; }
.gray { color:#999; }
.gray2 { color:#737272;}
.brown { color:#6c4f22; }
.white { color:#ffffff; }
.green { color:#87cc3d; }
.green2 { color:#00ada0; }
.green3 { color:#4b6866; }

.xs { font-size:10px; }
.size12 { font-size:12px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }
.size16 { font-size:16px; }
.size17 { font-size:17px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }

.lead_txt { font-size:16px; }

.shorten { letter-spacing:-0.0025em; }

.relative { position:relative; z-index:1; }
.fixed { position:fixed; width:100%; }

.w_100 { width:100%; }

.fadein { opacity:0.1; transform:translate(0, 50px); transition : all 500ms; }
.fadein.scrollin { opacity:1; transform:translate(0, 0); }

.fadeinImg { opacity:0.5; transform:scale(1.065); overflow:hidden;/**/ }
.fadeinImg.scrollin { transition-duration:1s; opacity:1; transform: scale(1.0); }

.fadeinBg { opacity:0.5; transform: scale(1.065); overflow:hidden;/**/ }
.fadeinBg.scrollin { transition-duration:1s; opacity:1; transform: scale(1.0); }


.animation-box { opacity:0.1; margin-top:100px; transition:0.5s; }
.animation-box.active { opacity:1; margin-top:0; }

.btn_box { margin:8% auto; }
.btn { display:inline-block; background:#87cc3d; color:#fff; text-align:center; transition:0.3s; text-decoration:none; font-size:15px; padding:0 50px;   width:auto; height:60px; line-height:3.85rem; margin:0 auto; text-indent:-0.5em; border-radius:50px; position:relative; }
.btn:after { content:""; position:absolute; bottom:-5px; left:5px; width:100%; height:100%; z-index:-1; background-color: #87cc3d;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 5px 5px; border-radius:50px; /*transform:rotateX(180deg);*/ }

.btn:hover { background:#daba2e; text-decoration:none; top:5px; }
.btn:hover:after { display:none; }

		@media all and (-ms-high-contrast:none){/* IE11 */
			
			*::-ms-backdrop, .btn:after { display:none; }
			*::-ms-backdrop, .btn:before { content:""; position:absolute;  bottom:-5px; left:5px; width:100%; height:100%;/* background-color:#fff; background-image:url(/assets/img/common/bg_btn.png) no-repeat top left!important;*/ border-radius:50px; }
			*::-ms-backdrop, .btn:hover { background:#ff7d00; text-decoration:none; top:5px; }
			*::-ms-backdrop, .btn:hover:before { display:none; }
		}


.btn.short { min-width:220px; }
.btn.medium { min-width:280px; }
.btn.large { min-width:300px; }

.btn.white { background:#fff; color:#87cc3d; border:1px solid #87cc3d; }
.btn.white:after { content:""; background:url(../img/common/ico_arrow.png) no-repeat center center / contain; width:15px; height:15px; position:absolute; top:calc(50% - 7.5px); left:auto; right:25px; z-index:1; }
.btn.white:hover { top:0; background:#daba2e; color:#fff; border:1px solid #daba2e; }
.btn.white:hover:after { display:block;background:url(../img/common/ico_arrow2.png) no-repeat center center / contain; }

#onlineDemo_block .btn.white { color:#6c4f22; }
#onlineDemo_block .btn.white:after { background:url(../img/common/ico_arrow3.png) no-repeat center center / contain; }

.btn.green { background:#87cc3d; color:#fff; }
.btn.green:after { content:""; background:url(../img/common/ico_arrow2.png) no-repeat center center / contain; width:15px; height:15px; position:absolute; top:calc(50% - 7.5px); left:auto; right:25px; z-index:1; }
.btn.green:hover { top:0; background:#daba2e; }
.btn.green:hover:after { display:block; }


	@media screen and (max-width: 767px) {
		.btn_box { margin:10% auto; }
		.btn { font-size:15px; height:50px; line-height:50px; width:250px; }
		/*.btn::after { width:10px; height:10px; top:calc(50% - 5px); }*/
		.btn.large, .btn.medium { min-width:auto; }
		.bnrBox { padding:0 30px; }
		#functions .bnrBox { padding:0 0; }
	}
	
	

	
	/* mobile only */
	@media (hover: none) and (pointer: coarse) {
		.btn { line-height:55px; }
		.exLink:after { top:4px; }
	}


/* ----------------------------------------------------
header
---------------------------------------------------- */
#header { position:absolute; z-index:1; top:0; left:0; width:100%; padding:0 0 0 2%; transition:0.3s; }

.header_inner { display:flex; justify-content:space-between; align-items:flex-start; }

.header_inner_left { /*display:flex; justify-content:space-around; align-items:flex-start;*/ width:calc(100% - 23.5%); padding:18px 0; /*margin:0 auto; max-width:90%;*/ margin-left:auto; margin-right:3%; }

.gNav { width:100%; /*display:flex; justify-content:space-around; align-items:flex-start;*/ }
.gNav_menu { /*position:relative; top:-50px;*/ margin-top:-50px; }

.header_inner h1 { margin:0 2.5% 0 0; /*max-width:19%;width:10%;*/ max-width:287px; min-width:220px; transition:0.3s; position:relative; z-index:1; }
.header_inner h1 img { /*width:260px; max-width:260px;*/ }

.membersBtn { width:150px; margin:5px 15px 15px auto; }
.membersBtn a { display:block; background:#fff; color:#87cc3d; font-size:13px; border:2px solid #87cc3d; border-radius:20px; text-align:center; height:33px; line-height:2.1rem; position:relative; padding-left:20px; }
	.membersBtn a:hover { background:#87cc3d; color:#fff; }
	.membersBtn a:before { content:""; position:absolute; top:calc(50% - 9.5px); left:25px; z-index:1; width:9px; height:16px; background:url(../img/common/ico_lock.png) no-repeat top left / contain; }
	.membersBtn a:hover:before { background:url(../img/common/ico_lock2.png) no-repeat top left / contain; }

.header_inner ul { display:flex; align-items:center; justify-content:flex-end; /*flex-wrap:wrap;*/ padding:5px 0 10px; font-size:14px; margin-left:auto; /*width:calc(100% - 19% - 23.5%);*/ }
.header_inner ul li { margin:10px 20px 10px 10px; }
.header_inner ul li a:hover { color:#87cc3d; }
.onlineDemo { width:23.5%; max-width:320px; min-width:280px; background:#fff; border:2px solid #87cc3d; border-right:none; border-top:none; border-radius:0 0 0 30px; text-align:center; color:#87cc3d; font-size:13px;  margin-left:auto; position:relative; }
	.onlineDemo:before,
	.onlineDemo:after { content:""; position:absolute; z-index:1; width:2px; height:16px; background:url(../img/common/bg_blank.png) no-repeat top left; }
	.onlineDemo:before { top:calc(50% - 8px); left:-2px; }
	.onlineDemo:after { bottom:-9px; left:calc(50% + 0px); transform:rotate(90deg); }
	
	.onlineDemo_box { position:relative; }
	.onlineDemo_box:before,
	.onlineDemo_box:after { content:""; position:absolute; z-index:1; width:2px; height:16px; background:url(../img/common/bg_blank.png) no-repeat top left; }
	.onlineDemo_box:before { top:calc(50% - 8px); left:-2px; }
	.onlineDemo_box:after { bottom:-9px; left:calc(50% + 0px); transform:rotate(90deg); }
	
	
.onlineDemo_top .login {  border:1px solid #e7edec; font-size:16px; /*font-size:123%;*/ }
.onlineDemo_top .login a { display:block; padding:15px 0 10px; position:relative; color:#00ada0; padding-left:7px;  }
	.onlineDemo_top .login a:before { content:""; position:absolute; top:calc(50% - 12px); left:calc(50% - 6.5em); z-index:1; width:24px; height:24px; background:url(../img/common/ico_member.png) no-repeat top left / contain; }
	.onlineDemo_top .login a:after { content:""; position:absolute; top:calc(50% - 5px); right:calc(50% - 5.75em); z-index:1; width:10px; height:10px; background:url(../img/common/ico_arrow.png) no-repeat top left / contain; transform:rotate(-45deg); }

.onlineDemo strong { display:block; background:#87cc3d; color:#fff; padding:24px 0 20px 30px; font-size:19px; /*font-size:145%;*/ position:relative; font-weight:normal; }
	.onlineDemo strong:before { content:""; position:absolute; top:calc(50% - 10px); left:calc(50% - 5.5em); z-index:1; width:24px; height:20px; background:url(../img/common/ico_online.png) no-repeat top left / contain; }
	
.onlineDemo_btm { padding:40px 0 45px; }
.onlineDemo_btm img { max-width:215px; }
.onlineDemo_txt { margin:10px auto 0; line-height:1.5; }
.onlineDemo_txt span { font-size:16px; }
.onlineDemo .btn { font-size:14px; width:65%; line-height:3.4rem; height:50px; margin:50px auto 20px; padding: 0 20px; }
	.onlineDemo .btn.green:after { width:12px; height:12px; top:calc(50% - 6px); right:15px; }
	.onlineDemo .btn.green:before { content:"＼ 無料 ／"; position:absolute; z-index:2; top:-40px; left:calc(50% - 2em); color:#87cc3d; font-size:13px; }


		@media all and (-ms-high-contrast:none){/* IE11 */
			/**/*::-ms-backdrop, .onlineDemo .btn:after { display:block; }
			*::-ms-backdrop, .onlineDemo .btn.green:before { background:none; left:0%; }
			*::-ms-backdrop, .onlineDemo .btn.green:hover:before { display:block; top:-40px;  }
			
		}


#header.fixed { position:fixed; height:80px; background:#fbf9eb; z-index:5; }
#onlineDemo_btn { display:none; }


#header.fixed .onlineDemo_box { display:none; }
#header.fixed .onlineDemo { background:none; border:none; width:20%; min-width:240px; }
#header.fixed #onlineDemo_btn { display:block; }
#header.fixed .onlineDemo:before,
#header.fixed .onlineDemo:after { display:none; }
#header.fixed .gNav_top { max-width:283px; display:block; float:left; }
#header.fixed .header_inner_left { width: calc(100% - 20%); padding:16px 0; }
#header.fixed .header_inner_left ul { padding:0; }
#header.fixed .membersBtn { display:none; }

.menu_s .onlineDemo { border:none; }
/*.menu_s .membersBtn,*/
.menu_s .onlineDemo .login,
.menu_s .onlineDemo_btm,
.onlineDemo:before,
.onlineDemo:after { display:none; }

#case .onlineDemo_top .login,
#case .onlineDemo_txt p,
/*#case .onlineDemo .btn.green:before,*/
#case .onlineDemo_txt,
#case .onlineDemo_btm p.xs.gray { display:none; }
#case .onlineDemo_btm { padding: 20px 0 20px; }
#case .onlineDemo .btn { margin:50px auto 20px; }

#qa .onlineDemo_top .login,
#qa .onlineDemo_txt p,
/*#qa .onlineDemo .btn.green:before,*/
#qa .onlineDemo_txt,
#qa .onlineDemo_btm p.xs.gray { display:none; }
#qa .onlineDemo_btm { padding: 20px 0 20px; }
#qa .onlineDemo .btn { margin:50px auto 20px; }

#news_topics .onlineDemo_top .login,
#news_topics .onlineDemo_txt p,
/*#news_topics .onlineDemo .btn.green:before,*/
#news_topics .onlineDemo_txt,
#news_topics .onlineDemo_btm p.xs.gray { display:none; }
#news_topics .onlineDemo_btm { padding: 20px 0 20px; }
#news_topics .onlineDemo .btn { margin:50px auto 20px; }

.case_page .onlineDemo_top .login,
.case_page .onlineDemo_txt p,
.case_page .onlineDemo_txt,
.case_page .onlineDemo_btm p.xs.gray { display:none; }
.case_page .onlineDemo_btm { padding: 20px 0 20px; }
.case_page .onlineDemo .btn { margin:50px auto 20px; }


/**/

.nav-button { display:none; }
.header_inner_left.open { display:block; }
.header_inner_left.close { display:none; }


	@media print, screen and (min-width:1450px) {
		.header_inner h1 { margin-left:10%; }
	}
	
	@media print, screen and (max-width:1300px) {
		/*.gNav { display:block; }
		.gNav_menu { position:relative; top:-50px; }*/
	}

	@media print, screen and (max-width:1200px) {
		.header_inner h1 { /*min-width:190px; margin:0 1% 0 0; max-width: 220px;*/ }
		/*.header_inner ul { font-size:1.2vw; white-space: nowrap; }
		.header_inner ul li { margin:10px 2%; }*/
		#header .header_inner_left { margin-right:1%; }
		#header.fixed .header_inner h1 { width:30%; /*min-width:200px;*/ }
		#header.fixed .header_inner ul { /*flex-wrap:nowrap;*/ width:calc(100% - 30%); font-size:1.2vw; padding:0.5% 0 0 10px; }
		#header.fixed .header_inner ul li { margin: 10px 10px 10px 10px; }
	}
	
	@media print, screen and (max-width:1024px) {
		#header { padding:0 20px; }
		.header_inner_left { width:100%; margin-right:0; }
		.header_inner h1 { /*margin:18px 10px 0 0; width:20%;*/ }
		.header_inner h1 img { /*width:95%; max-width:auto;*/ }
		#header .onlineDemo { display:none; }
		.membersBtn { margin:5px 10px 15px auto; }
		.header_inner ul { /*width: calc(100% - 20%); justify-content: flex-end; width:80%;*/ }
		.header_inner ul li { /**/margin:10px 2%; }
		
		
		#header.fixed .header_inner_left { width:100%; margin-right:0; }
		#header.fixed .gNav_menu { top:auto; margin-top:-5.5%; }
		#header.fixed .header_inner ul { font-size:1.5vw; padding:0 0 0 10px; }
		
	}
	
	@media (min-width: 768px) and (max-width: 1024px) {
		/*.header_inner ul { font-size:1.45vw; }*/
	}
	
	
	@media print, screen and (max-width:767px) {
		body,html { position:static; -webkit-overflow-scrolling:touch; }
		
		#header { position:fixed; z-index:5; height:58px; }
		#header.fixed { height:58px; }
		#header.nav-down {  background:#fbf8e9; }
		#top #header.nav-down { background:#f9fefa; }
		
		/*.scrollTop #header.nav-down { background:#edf9f8; }*/
		.gNav_top {justify-content:flex-start; }
		.gNav_menu .membersBtn { display:none; }
		
  		.header_inner_left { /*position:fixed; left:0; top:0; z-index:100; background-color:#05ada0; width:100%; height:100%; padding:20px;*/ padding:12px 0 0; justify-content:flex-start; }
  		#header.fixed .header_inner_left { padding:12px 0 0; }
  		
  		.header_inner_left h1 img { /*display:none;*/ position:relative; left:-2px; }
  		.header_inner_left h1 a { /*display:block; width:60px; height:68px; max-width:auto; min-width:auto; background:url(../img/common/img_logo_mark.png) no-repeat center center / contain;*/ }
    	.header_inner_left ul { height:100%; position:relative; /*overflow-x:hidden; overflow-y:auto;*/ display:none; }
    	.header_inner_left ul li {  margin:2em; }
		.nav-button, .nav-button span { display:inline-block; transition:all 0.4s; box-sizing:border-box; }
		.nav-button { z-index:101; /*position:relative;*/ position:absolute; right:18px; top:16px; width:32px; height:28px; display:block; cursor:pointer; float:right; }
		.nav-button span { position:absolute; left:0; width:100%; height:4px; background-color:#87cc3d; border-radius:10px; }
		.nav-button span:nth-of-type(1) { top:0px; }
		.nav-button span:nth-of-type(2) { top:12px; width:70%; left:auto; right:0; }
			.nav-button span:nth-of-type(2):before { content:""; position:absolute; top:0; left:-40%; width:6px; height:4px; border-radius:10px; background:#87cc3d; }
		.nav-button span:nth-of-type(3) { bottom:0; }
		.nav-button.active span:nth-of-type(1) { -webkit-transform:translateY(16px) rotate(-45deg); transform:translateY(16px) rotate(-45deg); top:-5px; }
		.nav-button.active span:nth-of-type(2) { opacity:0; }
		.nav-button.active span:nth-of-type(3) { -webkit-transform:translateY(-16px) rotate(45deg); transform:translateY(-16px) rotate(45deg); bottom:-3px; }
		
		.nav-button.active span { background-color:#fff; }
		
		#header.nav-up/*,
		#header.fixed.nav-up .nav-button*/ { top:-60px; }
		#header.on { top:0; }
		
		#hMenu { display:none; position:fixed; left:0; top:0; z-index:100; background-color:#87cc3d; width:100%; height:100%; padding:20px;}
		#hMenu.open { display:block; }
		#hMenu.close { display:none; }
		#hMenu .mark { /*width:8.75%; max-width:50px; position:absolute; top:10px;*/ width:41px; max-width:50px; position:absolute; top:13px; }
		.hMenu_wrap { display:flex; align-items:center; justify-content:center; height:100%; width:100%; }
		.hMenu_inner { width:80%; }
		#hMenu a { color:#fff; }
		
		#hMenu .membersBtn { position:absolute; top:10%; right:20px; }
		#hMenu .membersBtn a { color:#fff; border:1px solid #fff; background:#87cc3d; }
		#hMenu .membersBtn a:before { background: url(../img/common/ico_lock2.png) no-repeat top left / contain; }
		#hMenu .membersBtn a:hover { color:#87cc3d; background:#fff; }
		#hMenu .membersBtn a:hover:before { background: url(../img/common/ico_lock.png) no-repeat top left / contain; }
		
		#hMenu .menuBox { padding-bottom:20px; }
		#hMenu .menuBox a { padding:9px 15px; border:none; }
		#hMenu .menuBox_link a { padding:20px 0 15px 50px; }
		#hMenu .menuBox_link a:after { display:none; }
		#hMenu .menuBox a span { font-size:9px; padding-left:15px; font-family:"GothamNarrow-Book", sans-serif; }
		#hMenu .menuBox_link.mid { font-size:16px; }
		#hMenu .menuBox_link.btm { font-size:14px; display:flex; justify-content:space-between; position:relative; }
		#hMenu .menuBox_link.btm a { position:relative; padding:30px 0 25px 50px; }
		#hMenu .officialLink { margin:30px 20px 0; font-size:11px; }
		#hMenu .menuBox_link a:before { width:25px; height:21px; }
		#hMenu .menuBox_link.btm:before { content:""; background:rgba(255,255,255,0.5); width:1px; height:80%; position:absolute;
top:10%; left:51%; z-index:1; }
		
	}

	@media print, screen and (max-width:550px) {
		.header_inner h1 { max-width:200px; }
		#hMenu .mark { width:33px; position:absolute; top:12px; left:18px; }
		.hMenu_inner { width:90%; padding-top:80px; }
		#hMenu .menuBox_link.btm { font-size:11px; }
		#hMenu .menuBox_link.btm a.download { width:55%; }
		#hMenu .menuBox_link.btm a.mail { width:45%; }
		#hMenu .menuBox_link.btm:before { left:54%; }
	}

/* ----------------------------------------------------
main
---------------------------------------------------- */
#main { width:100%; min-height:700px; }
	body#functions #main { background:#fbf8e9 url(../img/functions/bg_main.jpg) no-repeat center center; min-height:939px; }
	body#support #main { background:url(../img/support/bg_main.jpg) no-repeat center center; position:relative; }
	body#case #main,
	body#qa #main { min-height:530px; }
	
.main_inner { display:flex; align-items:center; max-width:1160px; padding:200px 30px 0; margin:0 auto; }
	body#functions .main_inner { padding:600px 30px 0; }
	body#features .main_inner { padding:500px 30px 0; }

#main h2 { color:#87cc3d; font-size:51px; line-height:1.5; position:relative; margin-bottom:20px; }
#main .title_left span { color:#6c4f22; font-size:16px; display:block; margin-bottom:10px; }
/*#case #main h2:before,
#support #main h2:before { content:attr(data-en) ""; position:absolute; bottom:-100px; right:-190px; width:100%; font-size:37px; font-family:'Sacramento', cursive; display:block; letter-spacing:0.08em; color:#ff7d00; transition:0.3s; transform:rotate(-15deg); transform-origin:bottom left; text-align:right; }*/

#main h2 .cap { display:block; font-size:16px; color:#25302f; margin-bottom:10px; }
.main_content { height:100%; }
.main_txt { font-size:14px; line-height:1.8; margin-left:5px; }


	@media print, screen and (max-width:1024px) {
		body#functions #main { background-size:cover; background-position:top center; min-height:800px; }
		body#features #main { background:url(../img/features/bg_main.jpg) no-repeat top center / cover; min-height:770px; }
		body#support #main { background:url(../img/support/bg_main.jpg) no-repeat 20% bottom; }
		body#functions .main_inner { padding:460px 30px 0; }
		body#features .main_inner { padding:380px 30px 0; }
		#main h2 { font-size:5vw; }
	}
	
	@media print, screen and (max-width:767px) {
		/*body#functions #main { background:url(../img/functions/bg_main.jpg) no-repeat 20% bottom / 200% auto; min-height:500px; }
		body#features #main { background:url(../img/features/bg_main.jpg) no-repeat 30% 70% / 150% auto; min-height:500px; }*/
		body#functions #main { background:url(../img/functions/bg_main_sp.jpg) no-repeat top center / cover; min-height:auto; padding:50% 0 30%; }
		body#features #main { background:url(../img/features/bg_main_sp.jpg) no-repeat top center / cover; min-height:auto; padding:50% 0 30%; }
		body#support #main { background:url(../img/support/bg_main.jpg) no-repeat 30% 70% / 200% auto; min-height:500px; }
		body#case #main  { min-height:300px; }
		body#qa #main { min-height:350px; }
		.main_inner { padding:130px 30px 0; }
			body#functions .main_inner { padding:130px 30px 0; }
			body#features .main_inner { padding:130px 30px 0; }
		#main h2 { font-size:5.5vw; display:inline-table; }
		/*#main h2:before { bottom:-10%; right:-30%; width:50%; font-size:24px; transform-origin: unset; }
		#support #main h2:before { right:-10%; bottom:-120%; font-size:24px; }
		#case #main h2:before { right:-8%; bottom:-100%; font-size:24px; }*/
	}
	
	@media print, screen and (max-width:550px) and (max-height:700px) {
		
	}

	@media print, screen and (max-width:550px) {
		/*body#functions #main { background:url(../img/functions/bg_main.jpg) no-repeat 10% 100% / 180% auto; }
		body#features #main { background-size:200% auto; }*/
		body#support #main { background:url(../img/support/bg_main.jpg) no-repeat 19% center / 275% auto; }
		#main h2 { font-size:7.0vw; }
		#main .title_left span { font-size:12px; }
		/*#main h2:before { bottom:-20%; right:-15%; }*/
		#main h2 .cap { font-size:14px; }
	}
	

/* ----------------------------------------------------
headline
---------------------------------------------------- */
#headline { padding:200px 0 100px; min-height:550px; max-height:550px; }
#headline h2 { font-size:50px; position:relative; display:inline-block; margin-bottom:20px; }
#headline .title_left span { color:#6c4f22; font-size:16px; display:block; margin-bottom:10px; }

#page_404 #headline .content_inner { position:relative; padding-bottom:300px; }
	#page_404 #headline .content_inner:after { content:""; position:absolute; bottom:0; right:30px; width:30%; height:auto; padding-bottom:35%; background:url(../img/common/img_404.png) no-repeat top right / contain; }


/*#headline h2:before { content:attr(data-en) ""; position:absolute; bottom:-50px; right:-100%; width:100%; font-size:37px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.08em; color:#ff7d00; transition:0.3s; transform:rotate(-18deg); transform-origin:bottom left; text-align:left; }
	#contact #headline h2:before { font-size:45px; }
	#news_topics #headline h2:before { right:-80%; }
	#demo #headline h2:before { right:-90%; bottom:-60px; }*/


.title_left h2 { position:relative; }
	#functions .title_left h2 { letter-spacing:0; line-height:1.25; }
	
.title_left em { display:inline-block; font-size:37px; font-family: 'Sacramento', cursive; letter-spacing:0.08em; letter-spacing:0.08em; color:#daba2e; transition:0.3s; transform:rotate(-18deg); position:absolute; bottom:-30%; right:-14%; }
	#functions .title_left em { right:-15%; bottom:-25%; }
	#features .title_left em { right:-10%; bottom:-70%; }
	#support .title_left em { right:-25%; bottom:-10%; }
	#demo .title_left em { right:-42%; bottom:-40%; }
	#news_topics .title_left em { width:7em; right:-100%; bottom:-10%; }
	#case .title_left em { right:-17%; bottom:-20%; }
	.case_page .title_left em { right:-58%; bottom:-20%; }
	#QA_block .title_left em { right:-23%; bottom:-45%; }
	#news_block .title_left em { width:7em; right:-100%; bottom:-20%; }
	#page_404 h2 { font-family: "GothamNarrow-Bold", sans-serif; }
	#page_404 .title_left p { font-family: heisei-maru-gothic-std, sans-serif; font-size:30px; }
	#page_404 .title_left em { right:-40%; }
	#csv_download .title_left em { right:-34%; bottom:-40%; }
	
	
	@media print, screen and (max-width:1024px) {
		#headline h2 { font-size:4.5vw; }
		#functions .title_left h2  { text-shadow:0px 0px 10px #fff; }
		/*#qa #headline h2:before { right:-5%; width:3em; font-size:4.0vw; }*/
		.title_left em { font-size:3.5vw; }
		#functions .title_left em { right:auto; left:7em; }
		#news_block .title_left em { right:-7em; bottom:50%; }
	}

	@media print, screen and (max-width:767px) {
		#headline { padding:130px 0 100px; min-height:auto; }
		
		#page_404 #headline .content_inner { padding-bottom:25%; }
			#page_404 #headline .content_inner:after { bottom:-50%; right:15px; width:40%; padding-bottom:46%; }
		
		/*#headline h2:before { width:; font-size:24px; bottom:30px; right:; transform-origin:unset; }
		#news_topics #headline h2:before { right:-50%; bottom:0; }
		#contact #headline h2:before { right:-20%; bottom:-20px; width:5em; }
		#qa #headline h2:before { right:20%; bottom:-20%; }*/
		.title_left em { font-size:4.5vw; bottom:-50%; }
		#functions .title_left em { left:6em; }
		#support .title_left em { right:-20%; bottom:-50%; }
		#demo .title_left em { right:-50%; bottom:-50%; }
		#news_topics .title_left em { right:-140%; bottom:-20%; }
		#case .title_left em { right:-45%; bottom:-30%; }
		#page_404 .title_left p { font-size:3.5vw; }
	}
	
	@media screen and (max-width:550px) {
		#headline h2 { font-size:7.0vw; }
			#contact #headline h2, #contact-complete #headline h2 { font-size:6.5vw; letter-spacing:0.02em; }
		#headline .title_left span { font-size:12px; }
		.title_left em { font-size:5.5vw; }
		/*#headline h2:before { bottom:-20%; right:-15%; }
		#demo #headline h2:before { bottom:-5px; }*/
		#support .title_left em { right:-10%; bottom:-50%; }
		#news_topics .title_left em { right:-120%; bottom:-10%; }
		#contact .title_left em, #contact-complete .title_left em { bottom:-70%; right:-5%; }
	}


/* ----------------------------------------------------
contents
---------------------------------------------------- */
section { }
.content_inner { padding:0 30px; max-width:1160px; margin:0 auto; }
.content_inner.small { max-width:1060px; padding:0px 30px; }
#contents .content_inner.small { padding:50px 30px; }

.title_center01_bg { position:relative; }
	.title_center01_bg:after { content:""; position:absolute; z-index:-1; top:-68px; left:calc(50% - 312.5px); width:625px; height:70px; background:url(../img/top/bg_ttl_noline.png) no-repeat top center; }
.title_center01 h3 { font-size:27px; position:relative; z-index:1; margin-bottom:50px; position:relative; font-weight:normal; }
	.title_center01 h3:before { content:attr(data-en) ""; position:absolute; bottom:-69px; right:-200px; width:50%; font-size:51px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.08em; color:#daba2e; transition:0.3s; transform:rotate(-18deg); transform-origin:bottom left; text-align:left; }

#functions_block .title_center01 h3:before { bottom:-69px; right:-94px; letter-spacing:0.01em; transform:rotate(-18deg); }

#functions_block .title_center01 h3 p, #newFeature_block .title_center01 h3 p { font-size:43px; display:block; }
	
em.line_b_yellow { display:inline-block; position:relative; font-style:normal; }
em.line_b_yellow:after { content:""; background:#fff184; position:absolute; z-index:-1; bottom:10px; left:0; width:100%; height:10px; transform:scale(0, 1); transform-origin:left top;  transition:transform .3s; }
em.line_b_yellow.scrollin:after { transform:scale(1, 1); }



.en_caption:before { content:attr(data-en) ""; position:absolute; width:100%; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#daba2e; transition:0.3s; transform-origin:bottom left; }


	@media screen and (max-width: 1300px) {
	}
	
	
	@media (min-width: 768px) and (max-width: 1024px) {
	}
	
	
	@media print, screen and (max-width:767px) {
		/*.content_inner { padding:0 20px; }*/
		body {  overflow-x:hidden; }
		
	}
	
	@media (min-width: 551px) and (max-width: 1024px) {
		.title_center01 h3 { font-size:33px; }
		
	}
	
	
	@media print, screen and (max-width:550px) {
		.title_center01 h3 { font-size:28px; letter-spacing:-0.001em; margin-bottom:50px; }
		#functions_block .title_center01 h3 { font-size:5.75vw; letter-spacing:-0.015em; margin-bottom:50px; }
		#functions_block .title_center01 h3:before { font-size:6.5vw; bottom:-55%; right:calc(50% - 70%); }
		#newFeature_block .title_center01 h3:before { font-size:6.5vw; bottom:-55%; right:calc(50% - 70%); }
		
	}


@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .w_chance dd img { width:100%; }
}


/* mobile only */
@media (hover: none) and (pointer: coarse) {}


/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {}


/* ----------------------------------------------------
backup block
---------------------------------------------------- */
#backup_block { background:#fdfaed; padding:60px 0 100px; position:relative; z-index:-1; }
#backup_block .content_inner { position:relative; }
	#backup_block .content_inner:after { content:""; position:absolute; top:25px; right:5%; width:48%; max-width:493px; height:auto; padding-top:23%; background:url(../img/top/bg_realtime.png) no-repeat top right / contain; }
.backup_wrap { width:50%; }
#backup_block h3 { font-size:43px; font-weight:normal; line-height:1.25; padding-top:30px; }
#backup_block h3 span { font-size:33px; display:block; }
.backup_30down { margin:30px 0 10px; }
.backup_30down p { font-size:17px; padding:0 0; }
.backup_30down .backup_30down_img { width:60%; }
.deviceList { position:relative; padding-left:115px; margin-top:15px; }
	.deviceList:before { content:""; position:absolute; top:0; left:0; width:102px; height:37px; background:url(../img/top/ico_device.png) no-repeat top left / 100% auto; }
.deviceList p { position:relative; padding-left:18px; top:10px; font-size:13px; display:inline-block; }
	.deviceList p:before { content:""; position:absolute; top:5px; left:0; width:13px; height:7px; background:url(../img/top/ico_chev.png) no-repeat top left / 100% auto; }
	.deviceList p:after { content:""; position:absolute; bottom:-5px; left:0; height:1px; width:100%; background:#87cc3d; }


	@media screen and (max-width: 1024px) {
		#backup_block .content_inner:after { width:43%; }
		#backup_block h3 { font-size:32px; }
		#backup_block h3 span { font-size:28px; display:block; }
		.backup_30down p { font-size:18px; width:auto; }
		.backup_30down p br { display:none; }
		.deviceList p { font-size:13px; }
	}
	
	@media screen and (max-width: 767px) {
		#backup_block { padding:40px 0 130px; }
		#backup_block .content_inner { padding-bottom:50%; background:url(../img/top/bg_realtime.png) no-repeat bottom center / 85% auto; }
		#backup_block .content_inner:after { /*width:75%; top:auto; right:calc(50% - 35%);  bottom:10px; padding-top:43%;*/ display:none; }
		.backup_wrap { width:100%; }
		#backup_block h3 { font-size:6vw; }
		#backup_block h3 span { font-size:4.5vw; }
		.backup_30down { display:block; margin:0 0 10px; }
		.backup_30down p { font-size:20px; width:100%; padding:40px 0 0; }
		.backup_30down .backup_30down_img { width:100%; margin-top:20px; }
		.deviceList { margin-bottom: 15px;}
		.deviceList p { font-size:13px; padding:0 0 0 18px; display:inline; }
	}

	@media screen and (max-width: 550px) {
		.backup_30down p { font-size:16px; padding:20px 0 0; }
		.deviceList p { font-size:12px; padding:0 0 0 18px; margin-top:-10px; display:inline-block; }
		.deviceList p:before { top:5px; }
	}


/* ----------------------------------------------------
functions block
---------------------------------------------------- */
#functions_block { padding:0 0 100px; position:relative; }

.functions_list { display:flex; justify-content:space-between; margin:20px auto 50px; }
.functions_list li { width:31%; max-width:307px; }


	.functions_list li.fadein:nth-child(1) { transition-delay:0s; }
	.functions_list li.fadein:nth-child(2) { transition-delay:0.25s; }
	.functions_list li.fadein:nth-child(3) { transition-delay:0.5s; }
	
	.functions_list li:nth-child(1) em.line_b_yellow:after { transition-delay:1s; }
	.functions_list li:nth-child(2) em.line_b_yellow:after { transition-delay:1.25s; }
	.functions_list li:nth-child(3) em.line_b_yellow:after { transition-delay:1.5s; }

.functions_list_ttl { font-size:28px; line-height:1.5; padding:0 0; position:relative; margin:30px 0 20px; letter-spacing:-0.005em; }
	
	@media screen and (min-width: 768px) {
		.functions_list li:nth-child(3) .functions_list_ttl { height:84px; display:flex; align-items:center; }
	}
	
	@media all and (-ms-high-contrast:none){/* IE11 */
		*::-ms-backdrop, .functions_list li:nth-child(2) .functions_list_ttl em { letter-spacing:-0.025em; }
	}
	
.functions_list_ttl span { font-size:78%; }

.functions_list p { font-size:15px; line-height:1.8; }
.functions_list_btm { border-top:1px dotted #4f4f4f; margin-top:20px; padding-top:20px; }
.functions_comparison { padding:50px 0; }
.functions_comparison h4 { max-width:640px; font-size:33px; position:relative; border-bottom:2px solid #8a734f; margin:0 auto 0; padding-bottom:15px; font-weight:normal;  }
	.functions_comparison h4:before { content:""; position:absolute; bottom:-2px; right:30px; width:33px; height:2px; background:url(../img/common/bg_dot.png) no-repeat top center / contain; }
	.functions_comparison h4:after { content:""; position:absolute; bottom:-29px; left:calc(50% - 26.5px); width:53px; height:29px; background:url(../img/top/ico_chev_down2.png) no-repeat top center / contain; }
.functions_comparison .notes { font-size:13px; text-align:right; margin-top:20px; line-height:2; }

.mobile_research { padding:50px 0; }
.mobile_research p { text-align:left; font-size:18px; margin-bottom:30px; line-height:1.8; margin-bottom:10px; }
.mobile_research_img { display:flex; justify-content:space-between; }
.mobile_research p.rightText { text-align:right; font-size:13px; margin-top:20px; }
.mobile_research p.rightText a { text-decoration:underline; }

	/*@media screen and (min-width: 1025px) {
		.mobile_research p { width:51em; margin:0 auto; }
		.mobile_research p.rightText { margin:0; margin-left:auto; }
	}*/

	@media screen and (max-width: 1100px) {
		.mobile_research_img img { width:95%; }
	}
	
	@media screen and (max-width: 1024px) {
		.functions_list_ttl { font-size:24px; }
		#functions_block .title_center01 h3:before { font-size:4vw; bottom:-50%; right:calc(50% - 16em); }
		.functions_comparison h4 { font-size:30px; }
		.mobile_research p br { display:none; }
	}

	@media screen and (max-width: 767px) {
		.functions_comparison { padding:50px 0 5%; }
		.functions_list { display:block; max-width:310px; }
		.functions_list li { width:100%; margin-bottom:50px; }
		.functions_list li img { display:block; margin:0 auto; }
		.functions_comparison h4 { font-size:28px; }
		.mobile_research_img { display:block; }
		.mobile_research_img img { max-width:502px; width:100%; }
		.mobile_research_img li:first-child { margin-bottom:30px; }
		.mobile_research p { font-size:15px; }
	}

	@media screen and (max-width: 550px) {
		.functions_list_ttl { font-size:22px; }
		#functions_block .title_center01 h3 { font-size:5.5vw; letter-spacing:-0.015em; margin-bottom:50px; }
		#functions_block .title_center01 h3:before { font-size:7.5vw; bottom:-30%!important; right:calc(50% - 70%)!important; }
		.functions_comparison h4 { font-size:5vw; margin:0 0 0; padding-bottom:10px; }
		.functions_comparison .notes { margin-top:30px; font-size:10px; text-align:left; }
		.mobile_research p.rightText { font-size:10px; }
	 }

/* ----------------------------------------------------
newFeature block
---------------------------------------------------- */
#newFeature_block { padding:428px 0 70px; position:relative; }
	#newFeature_block:before { content:""; position:absolute; z-index:-2; top:0; left:0; width:100%; height:428px; background:url(../img/top/bg_features.jpg) no-repeat center center / cover; border-top:1px solid #fbf9eb; border-bottom:1px solid #fbf9eb; }
	
#newFeature_block .title_center01 h3 { font-size:27px; }
#newFeature_block .title_center01 h3 p { font-size:43px; display: block; }

	
#newFeature_block .content_inner { position:relative; z-index:1; }

#newFeature_block .title_center01_bg:after { background:url(../img/top/bg_ttl_line.png) no-repeat top center; }
#newFeature_block .title_center01 h3:before { bottom:-69px; right:-94px; letter-spacing:0.01em; transform:rotate(-18deg); }
/*.newFeature_ttl_bg { position:relative; }
	.newFeature_ttl_bg:after { content:""; position:absolute; z-index:-1; top:-68px; left:calc(50% - 312.5px); width:625px; height:70px; background:url(../img/top/bg_ttl_line.png) no-repeat top center; }
#newFeature_block h3 { font-size:40px; position:relative; z-index:1; margin-bottom:50px; position:relative; }
	#newFeature_block h3:before { content:attr(data-en) ""; position:absolute; bottom:-69px; right:-94px; width:50%; font-size:51px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#ff7d00; transition:0.3s; transform:rotate(-18deg); transform-origin:bottom left; text-align:left; }*/
.title_center01_cap { font-size:17px; text-align:center; display:table; margin:0 auto 30px; position:relative; padding:0 40px; }
	.title_center01_cap:before,
	.title_center01_cap:after { content:""; position:absolute; top:20px; width:26px; height:20px; background:url(../img/common/bg_comment.png) no-repeat center center; }
	.title_center01_cap:before { left:0; transform:scaleX(-1); }
	.title_center01_cap:after { right:0; }

.newFeature_lead { margin:80px auto 50px; }
.newFeature_lead h4 { font-size:30px; margin:0 0 20px; font-weight:normal; }
.newFeature_lead p { font-size:16px; line-height:1.8; }

.newFeature_list {}
.newFeature_list li { display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; }
.newFeature_list_txt { width:30%; padding-right:20px; }
.newFeature_list_pic1 { width:40%; text-align:center; }
.newFeature_list_pic2 { width:30%; display:flex; justify-content:flex-end; }

.point_no { font-size:30px; line-height:1.5; padding:90px 0 0; position:relative; min-height:70px; margin-bottom:20px; letter-spacing:-0.005em; color:#5f4e33; }
	.point_no:before { content:""; position:absolute; top:0; left:0; width:64px; height:68px; background-repeat:no-repeat; background-position:top center; }
	.point_01:before { background-image:url(../img/top/ico_point01.png); }
	.point_02:before { background-image:url(../img/top/ico_point02.png); }
	.point_03:before { background-image:url(../img/top/ico_point03.png); }
	
	.point_no em.line_b_yellow:after { transition-delay:0.75s; }

/*.newFeature_list_txt .point_no em { display:table; position:relative; }
	.newFeature_list_txt .point_no em:after { content:""; background:#fff184; position:absolute; z-index:-1; bottom:5px; left:0; width:100%; height:10px; }*/
.newFeature_list_txt p { font-size:15px; line-height:1.8; }

.newFeature_list_pic2_inner { width:86.37%; background:#daba2e; color:#fff; padding:20px 30px; border-radius:10px; position:relative; }
	.newFeature_list_pic2_inner:before { content:""; position:absolute; top:calc(50% - 5.5px); left:-11px; width:11px; height:23px; background:url(../img/top/bg_pop.png) no-repeat top center; }
	
	.newFeature_list li:nth-child(even) .newFeature_list_pic2_inner:before { left:auto; right:-11px; transform:scaleX(-1); }
	
.newFeature_list_pic2_inner strong { font-size:22px; line-height:1.25; display:block; margin:10px 0; }
.newFeature_list_pic2_inner p { font-size:13px; }

.newFeature_list li:nth-child(even) .newFeature_list_txt { order:3; justify-content:flex-end; padding:0 0 0 20px; }
.newFeature_list li:nth-child(even) .newFeature_list_pic1 { order:2; }
.newFeature_list li:nth-child(even) .newFeature_list_pic2 { order:1; justify-content:flex-start; }


	@media (min-width: 768px) and (max-width: 1200px) {
		.point_no { font-size:2.45vw; }
	}
	
	@media screen and (max-width: 1024px) {
		#newFeature_block .title_center01 h3:before { font-size:4vw; bottom:-40%; right:calc(50% - 14em); }
	}


	@media screen and (max-width: 767px) {
		#newFeature_block { padding:428px 0 30px; }
		#newFeature_block:before { background:url(../img/top/bg_features_sp.jpg) no-repeat center center / cover; }
		.newFeature_lead p { text-align:left; }
		.newFeature_list { max-width:410px; margin:0 auto; }
		.newFeature_list li { display:block; }
		.newFeature_list_txt,
		.newFeature_list_pic1 { width:100%; }
		.newFeature_list_pic2,
		.newFeature_list li:nth-child(even) .newFeature_list_pic2 { width:100%; margin:10% auto 0; justify-content:center; }
		.point_no { padding:70px 0 0; }
		.point_no:before { width:50px; height:53px; background-size:contain; }
		.newFeature_list_txt { padding:0 0 30px; }
		.newFeature_list_pic2_inner { padding:20px 30px; text-align:center; }
		.newFeature_list_pic2_inner:before,
		.newFeature_list li:nth-child(even) .newFeature_list_pic2_inner:before { top:-15px; left:calc(50% - 11.5px); transform:rotate(90deg);}
		.newFeature_list li:nth-child(even) .newFeature_list_txt { padding:0 0 30px; }
	}

	@media screen and (max-width: 550px) {
		#newFeature_block .title_center01 h3:before { font-size:7.5vw; bottom:-30%!important; right:calc(50% - 70%)!important; }
		.point_no { font-size:24px; }
		.title_center01_cap { font-size:3.5vw; }
		.title_center01_cap:before, .title_center01_cap:after { top:10px; }
		.newFeature_lead h4 { font-size:22px; }
		#functions_block .title_center01 h3 p, #newFeature_block .title_center01 h3 p { font-size:8vw; }
		#newFeature_block .title_center01 h3, #functions_block .title_center01 h3 { font-size:5.5vw; letter-spacing:-0.015em; margin-bottom:50px; }
	}
	
	

/* ----------------------------------------------------
webSolution block
---------------------------------------------------- */
#webSolution_block { padding:50px 0; }
#webSolution_block .content_inner { max-width:1100px; background:#9dce72 /*url(../img/top/img_solution.png) no-repeat 93% center*/; color:#fff; border-radius:20px; padding:60px; position:relative; z-index:1; }
	#webSolution_block .content_inner:after { content:""; position:absolute; z-index:-1; top:calc(50% - 40.5%); right:5%; width:39%; height:auto; padding-top:28%; background:url(../img/top/img_solution.png) no-repeat center center / contain; }
#webSolution_block h4 { font-size:42px; position:relative; padding-top:50px; margin-bottom:10px; font-weight:normal; }
	#webSolution_block h4:before { content:""; position:absolute; top:0; left:0; width:70px; height:74px; background:url(../img/top/ico_solution.png) no-repeat center center / contain; }
#webSolution_block h4 em { color:#0a998b; font-style:normal; }
#webSolution_block h4 span { display:table; font-size:17px; position:relative; margin:0 0 15px 110px; padding:0 40px; }
	#webSolution_block h4 span:before,
	#webSolution_block h4 span:after { content:""; position:absolute; top:0; width:26px; height:20px; background:url(../img/common/bg_comment2.png) no-repeat center center; }
	#webSolution_block h4 span:before { left:0; transform:scaleX(-1); }
	#webSolution_block h4 span:after { right:0; }
#webSolution_block p { margin-bottom:20px; font-size:15px; line-height:1.8; }
#webSolution_block a { font-size:15px; color:#fff; border-bottom:1px solid #fff; padding-bottom:4px; }
#webSolution_block a:hover { /*color:#0a998b; border-bottom:1px solid #0a998b;*/ }

	@media screen and (max-width: 1024px) {
		#webSolution_block .content_inner { padding:5% 46% 5% 5%; }
		#webSolution_block .content_inner:after { top:calc(50% - 36%); }
		#webSolution_block h4 {font-size:30px; }
		#webSolution_block h4 span { font-size:15px; }
		#webSolution_block p br { display:none; }
	}

	@media screen and (max-width: 767px) {
		#webSolution_block { padding:30px 0; }
		#webSolution_block .content_inner { /*background:#00ada0 url(../img/top/img_solution.png) no-repeat 93% 90% / 50% auto;*/ padding:30px 30px 30%; }
		#webSolution_block .content_inner:after { top:auto; bottom:5%; width:47%; padding-top:35%; }
		#webSolution_block a { border-bottom:none; padding-bottom:0; }
	}

	@media screen and (max-width: 550px) {
		#webSolution_block .content_inner { /*background:#00ada0 url(../img/top/img_solution.png) no-repeat 93% 90% / 50% auto;*/ padding:20px 20px 40%; }
		#webSolution_block h4 { font-size:26px; padding-top:50px; }
		#webSolution_block h4:before { top:10px; left:0; width:50px; height:54px; }
		#webSolution_block h4 span { font-size:12px; margin:0 0 15px 20%; }
		#webSolution_block p br { display:none; }
	}


/* ----------------------------------------------------
caseStudy block
---------------------------------------------------- */
#caseStudy_block { padding:80px 0 100px; position:relative; margin:0 0; }
.content_inner.bg_case { position:relative; }
	.content_inner.bg_case:after { content:""; position:absolute; bottom:-50px; right:20px; width:306px; height:186px; background:url(../img/top/bg_case.png) no-repeat center center; }
/*#caseStudy_block h3 { font-size:44px; line-height:1.5; color:#00ada0; margin:0 0 40px; position:relative; display:inline-block; text-align:center; }
	#caseStudy_block h3:before { content:attr(data-en) ""; position:absolute; bottom:-65px; left:84%; width:100%; font-size:51px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#ff7d00; transition:0.3s; transform:rotate(-15deg); transform-origin:bottom left; }
#caseStudy_block h3 span { display:table; position:relative; font-size:18px; margin:0 auto 10px; }
	#caseStudy_block h3 span:before,
	#caseStudy_block h3 span:after { content:""; position:absolute; top:0; width:26px; height:20px; background:url(../img/common/bg_comment.png) no-repeat center center; }
	#caseStudy_block h3 span:before { left:20px; transform:rotate(-90deg); }
	#caseStudy_block h3 span:after { right:20px; }
	
	#newFeature_block .title_center01_bg:after { background:url(../img/top/bg_ttl_line.png) no-repeat top center; }*/
	
	#caseStudy_block .title_center01 h3 { font-size:44px; line-height:1.5; font-weight:normal; }
	#caseStudy_block .title_center01_cap { font-size:18px; margin-bottom:20px; }
	#caseStudy_block .title_center01 h3:before { bottom:-60px; left:65%; letter-spacing:0.01em; transform:rotate(-15deg); }
	#caseStudy_block .title_center01_cap:before, #caseStudy_block .title_center01_cap:after { top:5px; }
	
#caseStudy_block .lead { font-size:16px; line-height:1.8; }	
.caseStudy_block_bg { position:relative; margin:10px 0 0; padding-bottom:50px; }
	.caseStudy_block_bg:before,
	.caseStudy_block_bg:after { content:""; position:absolute; z-index:-1; width:100%; }
	.caseStudy_block_bg:before { width:39%; background:#a8d578; top:0; left:0; border-radius:0 20px 20px 0; height:100%; }
	.caseStudy_block_bg:after { width:61%; background:#fdfbf2; z-index:-2; top:0; right:0; border-radius:20px 0 0 20px; height:95%; }

.caseStudy_block_bg .content_inner, #contents .caseStudy_block_bg .content_inner.small { padding:110px 20px; }
.caseStudy_list li { margin-bottom:50px; position:relative; }
	.caseStudy_list li:after{ content: ''; width:25px; height:25px; margin-top:-5px; border-top:solid 3px #6c4f22; border-right:solid 3px #6c4f22; transform:rotate(45deg); position:absolute; top:50%; right:-30px; }
.caseStudy_list li a { display:flex; justify-content:space-between; align-items:center; }
.caseStudy_list_pic { width:405px; }
.caseStudy_list_txt { width:52.2%; margin-right:10px; }
.case_no { font-size:25px; padding:0 0 0 80px; position:relative; min-height:70px; display:flex; align-items:center; }
	.case_no:before { content:""; position:absolute; top:-5px; left:0; width:60px; height:65px; background-repeat:no-repeat; background-position:top center; background-size:contain; }
	.case_01:before { background-image:url(../img/top/ico_case01.png); }
	.case_02:before { background-image:url(../img/top/ico_case02.png); }
	.case_03:before { background-image:url(../img/top/ico_case03.png); }
.caseStudy_list_txt strong { font-size:18px; padding:10px 0 0 0; margin-bottom:10px; display:block; font-weight:normal; }
.caseStudy_list_txt p { font-size:15px; border-top:1px dotted #6c4f22; padding-top:20px; }


	@media print, screen and (max-width:1024px) {
		#caseStudy_block .title_center01 h3:before { font-size:4vw; bottom:-40%; right:calc(50% - 14em); }
		.content_inner.bg_case { padding-bottom:10%; }
		.caseStudy_block_bg:before { display:none; }
		.caseStudy_block_bg:after { width:100%; height:100%; }
		.caseStudy_block_bg { margin:50px 0 0; }
		.content_inner.bg_case:after { bottom:-80px; width:250px; height:152px; background: url(../img/top/bg_case.png) no-repeat center center / contain; }
		.caseStudy_list li a { align-items:flex-start; }
		.caseStudy_list_pic { margin-right:5%; }
		.caseStudy_block_bg .content_inner, #contents .caseStudy_block_bg .content_inner.small { padding:80px 20px 40px; }
	}
	
	@media (min-width: 551px) and (max-width: 1024px) {
		#caseStudy_block .title_center01 h3 { font-size:33px; }
	}
	
	@media (min-width: 768px) and (max-width: 1100px) {
		.caseStudy_list li a { width:95%; }
		.caseStudy_list li:after{ right:0px; }
		.caseStudy_list_pic { width:40%; }
		.case_no:before { width:40px; height:45px; }
		.case_no { padding: 0 0 0 55px; font-size:22px; }
		#caseStudy_block .rightText { text-align:center; margin-top:10%; }
	}
	
	@media screen and (max-width: 767px) {
		#caseStudy_block { padding:0px 0 50px; }
		.caseStudy_block_bg { padding-bottom:30px; }
		.caseStudy_block_bg .content_inner { padding:5% calc(3.3% + 20px) 70px; }
		#contents .caseStudy_block_bg .content_inner.small { padding:30px 20px; }
		.content_inner.bg_case { padding-bottom:20%; }
		.content_inner.bg_case:after { bottom:-73px; width:180px; height:109px; }
		.caseStudy_list li a { display:block; }
		.caseStudy_list li:after { display:none; }
		.case_no:after { content:''; width:10px; height:10px; border-top:solid 2px #6c4f22; border-right:solid 2px #6c4f22; transform:rotate(45deg); position:absolute; top:calc(50% - 20px); right:5px; }
		.caseStudy_list_pic,
		.caseStudy_list_txt { width:100%; margin-top:20px; margin-right:0; }
		.case_no { font-size:20px; padding:0 15px 20px 65px; }
		.case_no:before { top: -5px; width: 50px; height:55px; }
		.caseStudy_list_txt strong { font-size:16px; }
		.caseStudy_list_pic img { width:100%; }
		#caseStudy_block .rightText { text-align:center; margin-top:10%; }
	}

	@media screen and (max-width: 550px) {	
		#caseStudy_block .title_center01 h3 { font-size:28px; }
		#caseStudy_block .title_center01 h3:before { font-size:7.5vw; bottom:-50%; right:calc(50% - 60%); }
		#caseStudy_block .title_center01_cap { font-size:3.5vw; }
	}
	


/* ----------------------------------------------------
QA block
---------------------------------------------------- */
#QA_block { padding:50px 0 50px; position:relative; margin:50px 0 100px; }
	#QA_block:before,
	#QA_block:after { content:""; position:absolute; z-index:-1; width:100%; height:calc(100% + 100px); }
	#QA_block:before { width:61%; background:#fdfbf2; top:-50px; left:0; border-radius:0 20px 20px 0; }
	#QA_block:after { width:39%; background:#a8d578; top:-30px; right:0; border-radius:20px 0 0 20px; }

#QA_block h3 { font-size:40px; line-height:1.5; color:#87cc3d; margin:0 0 60px; position:relative; display:inline-block; font-weight:normal; }
	/*#QA_block h3:before { content:attr(data-en) ""; position:absolute; bottom:-65px; left:84%; width:100%; font-size:51px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#ff7d00; transition:0.3s; transform:rotate(-15deg); transform-origin:bottom left; }
	#QA_block .en_caption:before { font-size:51px; letter-spacing:-0.05em; bottom:-65px; left:84%; transform:rotate(-15deg); }*/
	
	
.QA_block_txt { width:41%; padding:0; }
.QA_block_txt p { font-size:16px; margin:0 0 30px; }

.qa_slider_wrap { position:absolute; top:calc(50% - 150px); left:calc(50% - 90px); }
.qa_slider_list { width:624px; background:#fff; border-radius:20px; border:2px solid #d8edc0; margin-right:50px; padding:50px; position:relative; }
	.qa_slider_list:before,
	.qa_slider_list:after { content:""; position:absolute; width:42px; height:35px; background:url(../img/common/ico_colon.png) no-repeat center center; }
	.qa_slider_list:before { top:-28px; left:20px; }
	.qa_slider_list:after { bottom:-28px; right:20px; transform:rotate(180deg); }
	
	.slick-slide {  }
	.qa_slider_wrap.scrollin .slick-slide { animation: SlideIn 1.6s; }
	
	@media all and (-ms-high-contrast:none){/* IE11 */
		*::-ms-backdrop, .qa_slider_wrap.scrollin .slick-slide { animation:none; }
	}
	
	@keyframes SlideIn {
		0% { opacity:0; transform: translateX(64px); }
		100% { opacity:1; transform:translateX(0); }
	}
	
	
.slick-track { padding:50px 0; }
.arrows { margin:50px 0 0 20px; }
.slick-counter { margin:-30px 0 0 60px; }

.qa_slider_title { color:#6c4f22; font-size:20px; line-height:1.5; border-bottom:1px dotted #87cc3d; margin-bottom:25px; padding:10px 0 0 90px; min-height:110px; background-repeat:no-repeat; background-position:bottom left; }

.qa_slider_title.man01 { background-image:url(../img/common/ico_man.png); }
.qa_slider_title.man02 { background-image:url(../img/common/ico_man2.png); }
.qa_slider_title.woman01 { background-image:url(../img/common/ico_woman.png); }
.qa_slider_title.tech01 { background-image:url(../img/common/ico_woman2.png); }
.qa_slider_title.tech02 { background-image:url(../img/common/ico_tech.png); }
.qa_slider_title.officer { background-image:url(../img/common/ico_officer.png); }

/*.qa_slider_title.man { background:url(../img/common/ico_man.png) no-repeat top left; }
.qa_slider_title.woman { background:url(../img/common/ico_woman.png) no-repeat top left; }*/
.qa_slider_list p { color:#6c4f22; font-size:15px; }




	@media screen and (max-width: 1024px) {
		#QA_block:before { width:100%; }
		#QA_block:after { display:none; }
		#QA_block h3 { font-size:33px; }
		/*#QA_block .en_caption:before { font-size:4vw;  bottom:-100%; left:84%; }*/
		.qa_slider_wrap { top: calc(50% - 130px); left:calc(50% - 4%); }
		.qa_slider_list { width:430px; padding:30px; }
		.arrows { margin: 40px 0 0 0px; }
		.slick-counter {margin: -30px 0 0 40px; }
	}
	
	@media screen and (max-width: 767px) {
		#QA_block { padding:0% 0 20px; }
		#QA_block .content_inner.small { padding:10px 30px 0; }
		#QA_block h3 { margin: 0 0 40px; }
		/*#QA_block .en_caption:before { font-size:5.5vw; bottom:-85%; }*/
		.QA_block_txt { width:100%; padding:0; }
		.qa_slider_wrap { position:relative; top:10px; left:5%; }
		.qa_slider_title { font-size:17px; padding-bottom:10px; }
		.qa_slider_list p { font-size:14px; }
		.arrows { margin:15px 0 0 0px; text-align:right; }
		.slick-counter {margin: -30px 40px 0 0; text-align:right; }
		.slick-track { padding:50px 0 30px; }
		.qa_slider_list:before,
		.qa_slider_list:after { width:9%; height:auto; padding-top:9%; background-size:contain; }
	}
	
	@media screen and (max-width: 550px) {
		#QA_block h3 { font-size:28px; }
		/*#QA_block .en_caption:before { font-size:7.5vw; }*/
		.qa_slider_list { width:300px; padding:20px; margin-right:30px; }
		.qa_slider_list:before { top:-17px; left:10px; }
		.qa_slider_list:after { bottom:-17px; right:10px; }
		.qa_slider_title { padding:10px 0 0 60px; margin-bottom:15px; min-height:100px; background-size:20% auto; background-position:bottom left; }
		.qa_slider_title.man,.qa_slider_title.woman { background-size:70px; background-position: bottom left; }
	}

/* ----------------------------------------------------
support system block
---------------------------------------------------- */
#supportSystem_block { padding:100px 0 50px; }
#supportSystem_block .content_inner { padding: 0 3.3%; }
#supportSystem_block h3 { font-size:40px; line-height:1.5; color:#87cc3d; border-bottom:1px dotted #87cc3d; margin:0 0 30px; position:relative; width:64.5%; font-weight:normal; }
	#supportSystem_block .en_caption:before { font-size:51px; top:-74px; left:0; transform:rotate(-5deg); }
	/*#supportSystem_block h3:before { content:attr(data-en) ""; position:absolute; top:-74px; left:0; width:100%; font-size:51px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#ff7d00; transition:0.3s; transform:rotate(-5deg); transform-origin:bottom left; }*/
#supportSystem_block p { font-size:15px; line-height:1.8; }
.supportSystem_block_btm { display:flex; justify-content:space-between; }
.supportSystem_block_btm p { width:64.5%; }

	
	@media screen and (max-width: 1024px) {
		#supportSystem_block h3 { font-size:33px; }
		#supportSystem_block .en_caption:before { font-size:4vw; top:-100%; }
	}
	
	@media print, screen and (max-width:767px) {
		#supportSystem_block .content_inner { padding: 0 calc(3.3% + 20px); }
		#supportSystem_block h3 { width:100%; }
		#supportSystem_block .en_caption:before { font-size:5.5vw; }
		.supportSystem_block_btm { display:block; }
		.supportSystem_block_btm p { width:100%; }
		#supportSystem_block .btn { display:table; margin-top:50px; }
	}
	
	@media print, screen and (max-width:550px) {
		#supportSystem_block { padding:30px 0 30px; }
		#supportSystem_block h3 { font-size:7vw; }
		#supportSystem_block .en_caption:before { font-size:24px; top:-95%; }
	}
	

/* ----------------------------------------------------
onlineDemo block
---------------------------------------------------- */
#onlineDemo_block { padding:50px 0; text-align:center; }
#onlineDemo_block .content_inner { background:#87cc3d; color:#fff; border-radius:20px; padding:50px; position:relative; }
#onlineDemo_block .content_inner:before { content:""; position:absolute; top:-20px; left:calc(50% - 40px); background:url(../img/common/bg_bulge.png) no-repeat top center; width:80px; height:20px; }
#onlineDemo_block .btn { font-size:14px; width:250px; line-height:3.25rem; height:50px; margin:20px auto 0; }
.onlineDemo_block_bg { position:relative; }
	.onlineDemo_block_bg:before,
	.onlineDemo_block_bg:after { content:""; position:absolute; top:0; width:35%; height:auto; padding-top:27%; background-repeat:no-repeat; background-position:top center; background-size:contain; }
	.onlineDemo_block_bg:before { background-image:url(../img/top/bg_online_demo_man.png); left:0; }
	.onlineDemo_block_bg:after { background-image:url(../img/top/bg_online_demo_woman.png); right:0; }
	
	#top #onlineDemo_block .btn.white { position:relative; margin-top:50px; }
	#top #onlineDemo_block .btn.white:before { content:"＼ 無料 ／"; position:absolute; z-index:2; top:-40px; left:calc(50% - 2em); color:#fff; font-size:13px; }
	
	@media all and (-ms-high-contrast:none){/* IE11 */
		*::-ms-backdrop, #top #onlineDemo_block .btn.white:before { left:0; }
		*::-ms-backdrop, #top #onlineDemo_block .btn.white:hover:before { display:block; }
	}
	
	@media print, screen and (max-width:1024px) {
		#onlineDemo_block .content_inner { padding:30px; }
		.onlineDemo_block_bg:before,
		.onlineDemo_block_bg:after { top:auto; bottom:5%; }
	}

	@media print, screen and (max-width:767px) {
		#onlineDemo_block { padding:30px 0; }
		.onlineDemo_block_bg { padding:0 0 100px; }
		.onlineDemo_block_bg:before { bottom:0; left:-7%; width:45%; padding-top:33%; }
		.onlineDemo_block_bg:after {  bottom:0; right:-7%; width:45%; padding-top:33%; }
		#onlineDemo_block h4 { width:70%; text-align:center; margin:0 auto 10px; }
	}


/* demosite_block */
#demosite_block { margin:30px 0; }
#demosite_block h4 { font-size:40px; border-bottom:1px dotted #87cc3d; margin-bottom:20px; }
#demosite_block .content_inner { background:#fbf8e9; border-radius:20px; padding:60px 50px 50px; position:relative; z-index:-2; }
#demosite_block .demosite_block_box { display:flex; justify-content:space-between; }
.demosite_block_pic { width:37%; }
.demosite_block_txt { width:63%; font-size:15px; }
.demosite_pw { display:flex; justify-content:space-between; font-size:13px; margin-top:20px; }
.demosite_pw li { display:flex; justify-content:flex-start; align-items:center; }
.demosite_pw span { background:#d1b433; color:#fff; display:inline-block;width:8em; text-align:center; padding:5px 0 2px; margin-right:10px; }
.demosite_pw p { margin-right:10px; }
.demosite_block_txt_inner { width:60%; }
#demosite_block .btn { float:right; margin-top:-45px; }


	@media print, screen and (max-width:1024px) {
		#demosite_block .content_inner { padding:30px; }
		.demosite_block_txt { padding:0 0 0 3%; }
		.demosite_block_txt_inner { width:100%; }
		.demosite_pw { justify-content:flex-start; }
		
		#demosite_block .btn { margin-top:30px; }
		
	}
	
	@media print, screen and (max-width:767px) {
		#demosite_block .content_inner { margin:0 30px; padding:40px 20px 20px; }
		#demosite_block .demosite_block_box { display:block; }
		#demosite_block h4 { font-size:30px; }
		.demosite_block_pic, .demosite_block_txt { width:100%; }
		.demosite_block_pic { text-align:center; margin-bottom:30px; }
		#demosite_block .btn { float:none; display:block; margin:50px auto 30px; }
	}
	@media print, screen and (max-width:500px) {
		.demosite_pw { display:block; }
		.demosite_pw li:first-child { margin-bottom:10px; }
	}


/* ----------------------------------------------------
news
---------------------------------------------------- */
#news_block { padding:100px 0; }
#news_block .content_inner { display:flex; justify-content:space-between; }
/* .newsTitle { width:; } */
#news_block h4 { font-size:40px; color:#87cc3d; position:relative; display:inline-block; font-weight:normal; }
	/*#news h4:before { content:attr(data-en) ""; position:absolute; bottom:-74px; right:-62px; width:100%; font-size:44px; font-family: 'Sacramento', cursive; display:block; letter-spacing:0.01em; color:#ff7d00; transition:0.3s; transform:rotate(-16deg); transform-origin:bottom left; }
	#news_block .en_caption:before { font-size:44px; bottom:-74px; left:auto; right:-62px; transform:rotate(-16deg); }*/
	
.news_post_wrap { width:70%; position:relative; height:450px; overflow-y:scroll; padding-right:25px; /*-webkit-overflow-scrolling:touch; */ }
.news_post li { border-bottom:1px dotted #cecece; transition:0.3s; }

.news_post li a { display:block; /* justify-content:flex-start; align-items:center;*/ padding:20px 0 15px 30px; position:relative; transition:0.3s; }
	.news_post li a:before { content:""; position:absolute; top:30px; left:5px; width:13px; height:3px; background:#daba2e; }
	.news_post li a:after { content:""; background: url(../img/common/ico_arrow4.png) no-repeat center center / contain; width:10px; height:10px; position:absolute; top:calc(50% - 5px); right:0; z-index:1; }
.news_post_col { display:flex; justify-content:flex-start; align-items:center; margin:0 0 10px; }
.news_post_col .tag { background:#daba2e; color:#fff; border-radius:30px; display:inline-block; padding:2px 20px 0px; margin:-3px 15px 0; font-size:12px; }
/*.news_post li:hover { background:#edf9f8; }*/
.news_post li:hover { border-bottom:1px solid #daba2e; }

.scrollgeneric { position:absolute; top:0; left:0; line-height:1px; font-size:1px; } 
.vscrollerbase { width:11px; background-color:#00ada0; position:relative; }
.vscrollerbase:before { content:""; position:absolute; top:0; left:0; width:5px; height:100%; background:#fff; }
.vscrollerbase:after { content:""; position:absolute; top:0; right:0; width:5px; height:100%; background:#fff; }
.vscrollerbar { width:10px; background-color:#00ada0; }


.news_post_wrap::-webkit-scrollbar { background:#cecece; width:5px; border-left:2px solid #fff; border-right:2px solid #fff; }
.news_post_wrap::-webkit-scrollbar-thumb { background:#cecece; }
/*.news_post_wrap::-webkit-scrollbar-track-piece:start { background:#efefef; }
.news_post_wrap::-webkit-scrollbar-track-piece:end { background:#efefef; }*/



	@media print, screen and (max-width:1024px) {
		#news_block .content_inner { display:block; }
		.news_post_wrap { width:100%; }
		/*#news_block .en_caption:before { bottom:0px; right:-200px; }*/
	}
	
	@media print, screen and (max-width:767px) {
		#news_block { padding:10% 0; }
		.news_post_wrap { margin-top:20px; }
		.news_post li a { flex-wrap:wrap; }
		/*.news_post li a:before { top:37px; }*/
		.news_post li p { width:100%; margin-top:10px; padding-right:10px; }
		#news_block h4 { font-size:6.5vw; }
		/*#news_block .en_caption:before { font-size:24px; bottom:0; left:36%; }*/
	}

	@media print, screen and (max-width:550px) {
		.news_post_col .tag { padding:2px 10px 0px; font-size:10px; }
	}


/* ----------------------------------------------------
takumi series
---------------------------------------------------- */
#takumi_series { padding:20px 0 20px; /*background:url(../img/common/bg_takumi_series.jpg) no-repeat top center / cover;*/ color:#777; }
#takumi_series .content_inner { display:flex; justify-content:space-between; }
#takumi_series h4 { margin-bottom:30px; }
/*.takumiList_wrap { width:70%; }
.takumiList {  display:flex; justify-content:space-between; flex-wrap:wrap; }
.takumiList li { width:50%; margin:10px 0; font-size:20px; position:relative; }
	.takumiList li:nth-child(even):before { content:"/"; position:absolute; top:10px; left:0; font-size:40px; width:1em; }
.takumiList.w_100 { display:block; }
.takumiList.w_100 li { width:100%; }
.takumiList li:nth-child(odd) { width:35%; }
	.takumiList.w_100 li:nth-child(odd) { width:100%; }
.takumiList li:nth-child(even) { width:65%; padding-left:5%; }
.takumiList li span { font-size:13px; display:block; margin-bottom:5px; font-weight:normal; }*/

.takumi_series_box { position:relative; margin-bottom:20px; }
	.takumi_series_box:after { content:""; position:absolute; top:-1%; right:calc(50% - 50%); z-index:0; width:30%; height:102%; background:#fff; clip-path:polygon(28% 0, 100% 0%, 100% 100%, 1% 100%); transition:0.3s; }
	
	.takumi_series_box:hover:after { /*opacity:0;*/ clip-path:polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); }
	
		@media all and (-ms-high-contrast:none){/* IE11 */
			*::-ms-backdrop, body { overflow-x:hidden; }
			*::-ms-backdrop, .takumi_series_box:after { top:0; height:240px; }
			*::-ms-backdrop, .takumi_series_box#cloud:after { background:#fff url(../img/top/bg_takumi01_right.png) no-repeat top left; }
			*::-ms-backdrop, .takumi_series_box#kenshin:after { background:#fff url(../img/top/bg_takumi02_right.png) no-repeat top left; }
			*::-ms-backdrop, .takumi_series_box#lineup:after { background:#fff url(../img/top/bg_takumi03_right.png) no-repeat top left; }
		}
	
	
	
.takumi_series_box .content_inner { display:flex; justify-content:space-between; align-items:center; color:#fff;height:240px; }
.takumi_series_box_left { width:77.27%; display:flex; justify-content:flex-start; align-items:center; }
.takumi_series_box_pic { width:39.17%; }
.takumi_series_box_ttl { width:55%; z-index:1; }
.takumi_series_box_btn { width:22%; margin-left:auto; }

.takumi_series_box_ttl h5 { font-size:35px; line-height:1; margin:0 0 15px; font-weight:normal; }
.takumi_series_box_ttl h5 span { font-size:17px; display:block; margin-bottom:15px; }
.takumi_series_box_ttl p { font-size:14px; }
.takumi_series_box_btn a { display:inline-block; background:#fff; text-align:center; transition:0.3s; text-decoration:none; font-size:16px; padding:0 20px; width:100%; min-width:180px; height:55px; line-height:3.35rem; margin:0 auto; text-indent:-0.5em; border-radius:50px; position:relative; z-index:1; }

#kenshin { background:#00ada0; }
#kenshin .takumi_series_box_btn a { border:3px solid #019388; color:#019388; }
	#kenshin .takumi_series_box_btn a:hover { background:#019388; color:#fff; }

#takumi_series #kenshin .takumi_series_box_pic { width: 42.17%; margin-left: -3%; }
	
#cloud { background:#57a9db; }
#cloud .takumi_series_box_btn a { border:3px solid #2c86bc; color:#2c86bc; }
	#cloud .takumi_series_box_btn a:hover { background:#2c86bc; color:#fff; }
#solution { background:#b9d738;}
#solution .takumi_series_box_btn a { border:3px solid #a2be27; color:#99b425; }
	#solution .takumi_series_box_btn a:hover { background:#a2be27; color:#fff; }
#lineup { background:#c6c6bc;}
#lineup .takumi_series_box_btn a { border:3px solid #8e8e7b; color:#8e8e7b; }
	#lineup .takumi_series_box_btn a:hover { background:#8e8e7b; color: #fff; }


	@media print, screen and (max-width:1024px) {
		#takumi_series .content_inner { /*display:block;*/ }
		/*#takumi_series h4,
		.takumiList_wrap { width:100%; }
		.takumiList_wrap { padding:30px 3% 0; }*/
		
		.takumi_series_box:after { right:calc(50% - 60%); z-index:0; width:30%; clip-path: polygon(28% 0, 100% 0%, 100% 100%, 1% 100%); }
		.takumi_series_box_ttl h5 { font-size:30px; }
		
	}
	
	@media print, screen and (max-width:767px) {
		#takumi_series { padding:30px 0; }
		/*.takumiList_wrap { padding:15px 2% 0; }
		.takumiList { display:block; }
		.takumiList li,
		.takumiList li:nth-child(odd),
		.takumiList li:nth-child(even) { width:100%; padding-left:0; margin-bottom:20px }
		.takumiList li:nth-child(even):before { display:none; }*/
		
		#takumi_series .content_inner { display:block; }
		.takumi_series_box .content_inner { height:auto; }
		#takumi_series h4 { margin-bottom:20px; }
		.takumi_series_box_left { width:100%; padding:50px 0 0; }
		.takumi_series_box_ttl { width:100%; }
		.takumi_series_box_ttl h5 { font-size:24px; }
		.takumi_series_box_pic { display:none; }
		.takumi_series_box_btn { width:100%; text-align:center; }
		.takumi_series_box_btn a { font-size:14px; padding:0 20px; width:100%; max-width:250px; height:55px; line-height:3.35rem; margin:30px auto 30px; }
		.takumi_series_box:after { display:none; }
		.takumi_series_box:before { content:""; position:absolute; z-index:1; top:10%; right:-5%; width:300px; height:100%;  padding-top:30%; opacity:0.5; }
		.takumi_series_box#cloud:before {  background:url(../img/top/bg_takumi01.png) no-repeat top center / contain; }
		.takumi_series_box#kenshin:before {  background:url(../img/top/bg_takumi02.png) no-repeat top center / contain; }
		.takumi_series_box#lineup:before {  background:url(../img/top/bg_takumi03.png) no-repeat top center / contain; }
	}

	
	@media print, screen and (max-width:550px) {
		#takumi_series h4 img { max-width:160px; }
		.takumi_series_box:before { width:200px; }
	}

/* ----------------------------------------------------
mokuji style
---------------------------------------------------- */
.mokuji{
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
 background: #fff;
 border:1px solid #87cc3d;
 padding: 30px 30px;
 margin: 30px 0;
 width: auto;
 display: table;
}
.mokuji h2{
 font-size: 18px;
 font-weight: 700;
 padding: 0 0 15px 0;
 margin: 0 0 20px 0;
 border-bottom: 1px solid #87cc3d;
}
.mokuji ol > li{
 list-style-type:decimal;
 margin: 15px 0 15px 25px;
}
.mokuji ol li ul{
 margin: 15px 0 15px 0;
}
.mokuji ol li ul li{
 list-style-type: disc;
 margin: 5px 0 5px 25px;
}

.mokuji ol li a:link{color: #87cc3d!important;text-decoration: underline!important;}
.mokuji ol li a:hover{color: #87cc3d!important;text-decoration:none!important;}
.mokuji ol li a:visited{color: #87cc3d!important;text-decoration: underline!important;}
.mokuji ol li a:active{color: #87cc3d!important;text-decoration: underline!important;}

.mokuji ol li ul li a:link{color: #333!important;text-decoration: none!important;}
.mokuji ol li ul li a:hover{color: #333!important;text-decoration:none!important;}
.mokuji ol li ul li a:visited{color: #333!important;text-decoration: none!important;}
.mokuji ol li ul li a:active{color: #333!important;text-decoration: none!important;}

@media only screen and (max-width: 767px) {

.mokuji{
 padding: 20px;
 margin: 20px 0;
}
.mokuji h2{
 font-size: 17px;
 padding: 0 0 10px 0;
 margin: 0 0 15px 0;
}
.mokuji ol > li{
 margin: 12px 0 12px 25px;
}
.mokuji ol li ul{
 margin: 12px 0 12px 0;
}
.mokuji ol li ul li{
 margin: 3px 0 3px 25px;
 font-size: 13px;
}
}/***********/

/* ----------------------------------------------------
footer
---------------------------------------------------- */
#footer { background:#87cc3d; color:#fff; padding:190px 0; text-align:left; color:#fff; position:relative; z-index:1; }
#footer a { color:#fff; }
#footer a:hover { opacity:0.65; }
.footerBox { display:flex; justify-content:space-between; }
.footer_left { width:64.7%; }
.footer_right { width:30%; text-align:right; padding-top:50px; }

.footer_logo { position:relative; width:64.7%; }
.footer_right .footer_logo { width:100%; }
#footer .membersBtn { position:absolute; top:0; right:0; }
#footer .membersBtn a { color:#fff; border:1px solid #fff; background:#87cc3d; }
#footer .membersBtn a:before { background: url(../img/common/ico_lock2.png) no-repeat top left / contain; }
#footer .membersBtn a:hover { color:#87cc3d; background:#fff; opacity:1; }
#footer .membersBtn a:hover:before { background: url(../img/common/ico_lock.png) no-repeat top left / contain; }

.menuBox { display:flex; justify-content:space-between; border-bottom:1px solid; border-color:rgba(255,255,255,0.5); padding:50px 0 45px; }
.menuBox li { width:23%; }
.menuBox li:last-child { width:25%; }
/*.menuBox li:nth-child(1) { width:16%; }
.menuBox li:nth-child(2) { width:16%; }
.menuBox li:nth-child(3).menuBox li:nth-child(4) { width:22.5%; }*/
.menuBox li a { position:relative; display:block; padding:20px 10px 20px; font-size:17px; }
.menuBox li a:before { content:attr(data-en) ""; position:absolute; bottom:0; left:10px; width:100%; font-size:9px; font-family:"GothamNarrow-Book", sans-serif; display:block; letter-spacing:0.1em; color:#fff; transition:0.3s; text-align:left; }
/*.menuBox li a span { display:block; font-size:8px; margin:10px 0 0; }*/

.menuBox_link { border-bottom:1px solid; border-color:rgba(255,255,255,0.5); /*padding:50px 0 45px;*/ }
.menuBox_link a { position:relative; display:block; padding:50px 0 45px; padding-left:95px; }

.menuBox_link a:after { content:""; background: url(../img/common/ico_arrow2.png) no-repeat center center / contain; width:24px;
height:22px; position:absolute; top:calc(50% - 12px); left:auto; right:30px; z-index:1; }

.menuBox_link.mid { font-size:30px; }
.menuBox_link.btm { font-size:21px; display:flex; justify-content:space-between; position:relative; }
	.menuBox_link.btm:after { content:""; background:rgba(255,255,255,0.5); width:1px; height:80%; position:absolute; top:13px; left:calc(50% - 0px); right:50px; z-index:1; }
.menuBox_link.btm a { display:block; width:50%; }
	
	.menuBox_link a:before { content:""; position:absolute; z-index:1; width:43px;
height:36px; top:calc(50% - 18px); left:25px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
	.menuBox_link a.online:before { background-image:url(../img/common/ico_online.png); }
	.menuBox_link a.download:before { background-image:url(../img/common/ico_download.png); }
	.menuBox_link a.mail:before { background-image:url(../img/common/ico_mail.png); top:calc(50% - 20px); }

address { margin:35px 0; }
.contact_tel a { display:block; font-size:26px; font-weight:bold; }
.contact_tel .contact_tel_hour { font-size:12px; }
.officialLink { margin:35px 0 0; }
.officialLink li { margin:8px 0; }
.officialLink li a { display:block; position:relative; padding-right:18px; }
.officialLink li a:after { content:""; position:absolute; top:calc(50% - 7px); right:0; z-index:1; width:12px; height:14px; background:url(../img/common/ico_arrow2.png) no-repeat top left / contain; transform:rotate(-45deg); }

.copyright { margin-top:50px; font-size:11px; color:rgba(255,255,255,0.5); }

.footer_onlineDemo { display:none; position:fixed; z-index:10; bottom:0; left:0; width:100%; padding:10px; backdrop-filter: blur(5px); /*box-shadow: 0 0 12px rgb(0 0 0 / 5%);*/ background: rgba(241,250,249,0.8); transition:0.3s; text-align:center; }
.footer_onlineDemo a { display:block; margin:0 auto; }
.footer_onlineDemo img { max-width:350px; display:block; min-height: 36.96px; height: auto; }


.footer-policy {
    position: fixed;
    margin: 0 auto;
    padding: 20px;
	width: 100vw;
    bottom:  0;
    font-size: 12px;
	background: rgba(242,242,242,1);
    z-index: 10;
}
.footer-policy .footer-policy__inner {
	width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* box-shadow: 0 0 12px rgb(0 0 0 / 5%); */
    /* backdrop-filter: blur(5px); */
    background: rgba(242,242,242,1);
    transition: 0.3s;
}
.footer-policy .footer-policy__lead {
    margin-right: 1em;
    color: #6c4f22
}
.footer-policy .footer-policy__lead a {
    color: #87cc3d !important;
}
.footer-policy .footer-policy__lead br {
    display: block;
}
.footer-policy .footer-policy__action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.footer-policy .footer-policy__agree,
.footer-policy .footer-policy__detail {
    border: none;
	outline: none;
	background: transparent;
}
.footer-policy .footer-policy__agree span,
.footer-policy .footer-policy__detail span {
    display: inline-block;
    min-width: 6em;
    padding: 8px;
    background-color: #87cc3d;
    border: solid 2px #87cc3d;
	border-radius: 3px;
    line-height: 1;
    text-align: center;
    color: #fff;
	transition: 0.3s;
}
.footer-policy .footer-policy__detail span {
    margin-left: 1em
}

	@media (min-width: 1025px) and (max-width: 1200px) {
		.menuBox li a { font-size:1.4vw; }
	}
	
	@media print, screen and (min-width:1080px) {
	    .footer-policy {
	        padding: 0
	    }
	    .footer-policy .footer-policy__inner {
	        width: 100%;
	        margin: 0 auto;
			justify-content: space-between;
	    }
	    .footer-policy .footer-policy__agree span,
	    .footer-policy .footer-policy__detail span {
	        transition: all 400ms
	    }
	    .footer-policy .footer-policy__agree span::after,
	    .footer-policy .footer-policy__detail span::after {
	        transition: all 400ms
	    }
	    .footer-policy .footer-policy__agree span:hover,
	    .footer-policy .footer-policy__detail span:hover {
			background-color: #87cc3d !important;
			border: solid 2px #87cc3d !important;
			color: #fff !important;
		}
	}

	@media print, screen and (max-width:1079px) {
	    .footer-policy {
	        width: 100vw;
	    }
	    .footer-policy.is-fix {
		    border-bottom: 1px solid #fff;
		}
	    .footer-policy .footer-policy__inner {
	        max-width: 100vw;
	        position: fixed;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    padding: 15px;
	    }
		.footer-policy .footer-policy__agree span,
		.footer-policy .footer-policy__detail span {
		    padding: 5px 0;
		}
	    .footer-policy .footer-policy__lead br {
			display: none !important;
		}
	}

	@media print, screen and (max-width:1024px) {
		#footer { padding:10% 0 80px; }
		.footerBox { display:block; }
		.footer_left,
		.footer_right { width:100%; }
		.footer_right { text-align:left; }
		.footer_logo { width:100%; }
		.menuBox li a { font-size:17px; }
		.footer_onlineDemo { display:flex; }
	}
	
	@media (min-width: 768px) and (max-width: 1024px) {
		.footer_logo { padding-left:0px; padding-right:20px; }
		.footer_right .footer_logo { padding-left:20px; }
		.menuBox { padding:20px; }
		address { padding-left:20px; padding-right:20px; }
		address br { display:none; padding:0 5px; }
		.contact_tel { padding-left:20px; padding-right:20px; }
		.contact_tel a { display:inline-block; }
		.contact_tel .contact_tel_ttl { display:block; }
		address .contact_tel_hour { display:inline-block; }
		.officialLink { border-bottom:1px dotted; border-top:1px dotted; border-color:rgba(255,255,255,0.5); display:flex; padding:10px 20px; }
		.officialLink li { margin-right:20px; }
	}
	
	@media print, screen and (max-width:767px) {
		#footer { padding:8% 0 18%; }
		.footer_right { padding:30px 15px 10px; }
		.footer_logo a img { max-height:40px; }
		.menuBox { display:block; padding:10px 0; }
		.menuBox li,
		.menuBox li:nth-child(1),
		.menuBox li:nth-child(2),
		.menuBox li:nth-child(3).menuBox li:nth-child(4), .menuBox li:last-child { width:100%; }

		
		.menuBox li a {  border-bottom:1px dotted; border-color:rgba(255,255,255,0.5); padding:15px 10px 25px; display:block; }
		.menuBox li a:before { bottom:10px; left:10px; }
		.menuBox li:last-child a { border:none; }
		.menuBox_link {}
		.menuBox_link.mid { font-size:18px; }
		.menuBox_link a:before { width:30px; height:23px; top:calc(50% - 10.5px); left:15px; }
		.menuBox_link a { padding:25px 0 20px; padding-left:60px; }
		.menuBox_link a:after { width:20px; height:18px; top:calc(50% - 9px); right:10px; }
		.menuBox_link.btm { font-size:18px; display:block; border-bottom:none; }
		.menuBox_link.btm a { width:100%; border-bottom:1px solid; border-color:rgba(255,255,255,0.5); }
		.menuBox_link.btm:after { display:none; }
		.menuBox_link a.mail:before { top:calc(50% - 13px); }
		address { margin:25px 0; }
		.officialLink li a { display:inline-block; font-size:12px; }
		.copyright { font-size:10px; margin-top:25px; text-align:center; }
		.footer-policy .footer-policy__inner {
		    -webkit-flex-flow: column nowrap;
		    -ms-flex-flow: column nowrap;
		    flex-flow: column nowrap;
		}
	    .footer-policy .footer-policy__lead {
		    margin-right: 0;
		    margin-bottom: 1em;
		}
		
	}

	@media print, screen and (max-width:550px) {
		#footer .membersBtn { position:relative; }
		.menuBox_link a.mail:before { top:calc(50% - 10px); }
		.footer_onlineDemo img { max-width:70%; margin:0 auto; }
		.contact_tel .contact_tel_hour { font-size:10px; }
		#footer .menuBox_link.mid { font-size:4vw; }
		#footer .menuBox_link.btm { font-size:4vw; }
	}

	@media print, screen and (max-width:480px) {
		#footer { padding:8% 0 49%; }
	}

/* ----------------------------------------------------
reset form style :: iOS
---------------------------------------------------- */

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type=text]    {
    font-size : 16px;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt80 { margin-top:80px!important; }
.mr00 { margin-right:0px!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }
.mr80 { margin-right:80px!important; }
.mb00 { margin-bottom:0px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.ml00 { margin-left:0px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }

/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:0px!important; }
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }
.pt70 { padding-top:70px!important; }
.pt80 { padding-top:80px!important; }
.pr00 { padding-right:0px!important; }
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr60 { padding-right:60px!important; }
.pr70 { padding-right:70px!important; }
.pr80 { padding-right:80px!important; }
.pb00 { padding-bottom:0px!important; }
.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pl00 { padding-left:0px!important; }
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }
.pl70 { padding-left:70px!important; }
.pl80 { padding-left:80px!important; }