@charset "utf-8";
/* CSS Document */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'kinto-sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	line-height: 2;
	color: #000;
}

@media screen and (max-width:1039px){
body {
	font-size: 14px;
}
}

@media screen and (max-width:767px){
body {
	font-size: 13px;
}
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}

input, textarea
{ margin: 0; font-size: 100%;}

label
{ cursor: pointer;}

table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}

fieldset, img
{ border: 0;}

img
{ max-width: 100%; height: auto; vertical-align: top;}

address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}

ol, ul
{ list-style: none;}

caption, th
{ text-align: left;}

h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}

q:after, q:before
{ content:'';}

a
{ cursor: pointer; }

a, input
{ outline: none; }

input, textarea
{ border-radius: 0; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif; }

input[type="button"],input[type="submit"],input[type="reset"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}

abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: left;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !header
---------------------------------------------------------- */
#header {
	background: rgba(255,255,255,1);
	width: 100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	transition: .3s;
}
	#header p#fixLogo {
		position:absolute;
		width:49px;
		height:60px;
		top:10px;
		right:30px;
		z-index: 102;
	}
		#header p#fixLogo img {
			display:block;
			width:49px;
			height:60px;
		}

.mtnHeaderSub {
	-webkit-animation: header-sub 2s 1 ease;
	-moz-animation: header-sub 2s 1 ease;
	animation: header-sub 2s 1 ease ;
}
@keyframes header-sub {
    0% {
        opacity: 0;
    }
	20% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

p#mainLogo {
	position:absolute;
	width:200px;
	height:245px;
	top:20px;
	right:30px;
	z-index: 101;
	transition: .3s;
	-webkit-animation: mlogo-sub 2s 1 ease;
	-moz-animation: mlogo-sub 2s 1 ease;
	animation: mlogo-sub 2s 1 ease ;
}
	p#mainLogo img {
		display:block;
		width:200px;
		height:245px;
		image-rendering: -webkit-optimize-contrast;
	}
@keyframes mlogo-sub {
    0% {
        opacity: 0;
    }
	20% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}
	
ul.reactionBtn {
	position:fixed;
	width:230px;
	right:30px;
	bottom:30px;
	z-index: 101;
}
	ul.reactionBtn li {
	}
		ul.reactionBtn li a {
			position:relative;
			display:block;
			width:100%;
			height:70px;
			line-height:1.6;
			font-size:14px;
			font-weight:700;
			color:#000;
			background:#FFE500;
			padding:1em 1.4em 0 1.4em;
			transition:.8s;
		}
			ul.reactionBtn li a span {
				font-size:12px;
				font-weight:500;
				display:block;
			}
			ul.reactionBtn li a:hover {
				color:#FFF;
				background:#000;
			}
			ul.reactionBtn li a:after {
				font-family: 'icomoon' !important;
				position:absolute;
				content: "\e902";
				font-size:20px;
				font-weight:normal;
				color:#000;
				line-height:1;
				top:26px;
				right:15px;
				transition:.8s;
			}
				ul.reactionBtn li a:hover:after {
					color:#FFF;
				}

.mtnReactionBtnSub {
	-webkit-animation: rbtn-sub 2s 1 ease;
	-moz-animation: rbtn-sub 2s 1 ease;
	animation: rbtn-sub 2s 1 ease ;
}
@keyframes rbtn-sub {
    0% {
        opacity: 0;
    }
	20% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

@media screen and (max-width:1039px){
#header {
	height:90px;
}
	#header p#fixLogo {
		right:20px;
	}

p#mainLogo {
	position:absolute;
	width:180px;
	height:221px;
	top:20px;
	right:30px;
	z-index:101;
}
	p#mainLogo img {
		display:block;
		width:180px;
		height:221px;
		image-rendering: -webkit-optimize-contrast;
	}
	
ul.reactionBtn {
	width:210px;
	right:30px;
	bottom:30px;
}
			ul.reactionBtn li a:hover {
				color:#000;
				background:#FFE500;
			}
				ul.reactionBtn li:first-child a:hover:after {
					color:#000;
				}
				ul.reactionBtn li:last-child a:hover:after {
					color:#000;
				}
}

@media screen and (max-width:767px){
#header {
	width: 100%;
	height:110px;
}
	#header p#fixLogo {
		right:15px;
	}
	
p#mainLogo {
	position:absolute;
	width:100px;
	height:123px;
	top:20px;
	right:20px;
	z-index:101;
}
	p#mainLogo img {
		display:block;
		width:100px;
		height:123px;
		image-rendering: -webkit-optimize-contrast;
	}
	
p#fixLogo {
	width:60px;
	height:74px;
	top:20px;
	right:25px;
	z-index: 102;
}
	p#fixLogo img {
		width:60px;
		height:74px;
	}
	
ul.reactionBtn {
	width:200px;
	right:0px;
	bottom:0px;
}
	ul.reactionBtn li {
		width:100%;
	}
		ul.reactionBtn li a {
			height:60px;
			font-size:13px;
			padding:0.8em 1.4em 0 1.2em;
		}
			ul.reactionBtn li a span {
				font-size:11px;
			}
			ul.reactionBtn li a:after {
				top:21px;
			}
			
@keyframes rbtn {
    0% {
        opacity: 0;
		bottom:-80px;
    }
	70% {
        opacity: 0;
		bottom:-80px;
    }
	100% {
        opacity: 1;
		bottom:0;
    }
}
}

@media screen and (max-width:360px){
			ul.reactionBtn li.noLink:after {
				display:none;
			}
}

/* !global-nav
---------------------------------------------------------- */
#global-nav ul {
	position:relative;
	width:auto;
	height:80px;
	background: rgba(0,0,0,0);
	list-style: none;
	margin:0 0 0 120px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
	#global-nav ul li {
		display:block;
		align-self: center;
	}
		#global-nav ul li.norm:not(:last-child)  {
			margin-right:36px;
			position: relative;
			z-index:100;
		}
			#global-nav ul li.norm a {
				font-size:13px;
				font-weight:500;
				color:#000;
				line-height:1.6;
				text-align:center;
				position: relative;
				display: inline-block;
				outline: none;
				text-decoration: none;
				text-transform: uppercase;
				transition: all 0.6s ease;
			}
				#global-nav ul li.norm a:hover {
					opacity:.5;
				}
				#global-nav ul li.norm a span {
					font-size:80%;
					color:#00aed5;
				}
					
@media screen and (max-width:1039px){
#global-nav ul {
	height:auto;
	margin:0 100px 0 80px;
}
	#global-nav ul li {
		width:33.33%;
		text-align:center;
	}
		#global-nav ul li.norm:not(:last-child)  {
			margin-right:0;
		}
			#global-nav ul li.norm a {
				line-height:1.4;
				margin:7px 0 0 0;
			}
				#global-nav ul li.norm a:hover {
					opacity:1;
				}
}

@media screen and (max-width:767px){
#global-nav ul {
	margin:0 70px 0 70px;
}
	#global-nav ul li {
		width:50%;
	}
			#global-nav ul li.norm a {
				font-size:10px;
				margin:5px 0 0 0;
			}
				#global-nav ul li.norm a span {
					font-size:80%;
				}
}

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

}
					
/* !sidebar
---------------------------------------------------------- */
#sidebar {
	position: fixed;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	-webkit-transition: .6s ease-in-out;
	transition: .6s ease;
}
	#sidebar p#sidebarLogo a img {
		position:absolute;
		display:block;
		width:80px;
		height:98px;
		top:20px;
		right:30px;
		z-index: 101;
		image-rendering: -webkit-optimize-contrast;
	}

nav#sidebar-nav {
	width:100%;
	height:100%;
	position:relative;
}
	nav#sidebar-nav ul.main-nav {
		width:100%;
		max-width:1000px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding:0 40px;
	}
		nav#sidebar-nav ul.main-nav li {
			width:30%;
			margin-right:5%;
			margin-bottom:60px;
		}
		nav#sidebar-nav ul.main-nav li:nth-child(3n) {
			margin-right:0;
		}
		nav#sidebar-nav ul.main-nav li:last-child {
			margin-bottom:0;
		}
		nav#sidebar-nav ul.main-nav li:nth-last-child(2) {
			margin-bottom:0;
		}
		nav#sidebar-nav ul.main-nav li:nth-last-child(3) {
			margin-bottom:0;
		}
			nav#sidebar-nav ul.main-nav li a {
				font-size:16px;
				font-weight:700;
				color:#FFF;
				line-height:1.5;
				transition:.6s;
			}
				nav#sidebar-nav ul.main-nav li a:hover {
					color:#FFE500;
				}
			nav#sidebar-nav ul.main-nav li ul.child {
				display:block;
				margin-top:20px;
			}
				nav#sidebar-nav ul.main-nav li ul.child li {
					width:100%;
					line-height:1.5;
					margin-right:0;
					margin-bottom:13px;
					padding-left:16px;
					position:relative;
				}
				nav#sidebar-nav ul.main-nav li ul.child li:last-child {
					margin-bottom:0;
				}
					nav#sidebar-nav ul.main-nav li ul.child li:before {
						position:absolute;
						content:"";
						width:4px;
						height:4px;
						background:#FFE500;
						border-radius:50%;
						top:11px;
						left:0;
					}
					nav#sidebar-nav ul.main-nav li ul.child li a {
						font-size:14px;
						font-weight:500;
						color:#999;
						line-height:1.5;
						transition:.6s;
					}
						nav#sidebar-nav ul.main-nav li ul.child li a:hover {
							color:#FFE500;
						}
			nav#sidebar-nav ul.main-nav li ul.sub-nav {
				display:block;
			}
				nav#sidebar-nav ul.main-nav li ul.sub-nav li {
					width:100%;
					margin-bottom:5px;
				}
	nav#sidebar-nav ul.reaction-nav {
		display:none;
	}
	
a#panel-btn {
width: 50px;
height: 50px;
display: block;
position:fixed;
top:15px;
left:30px;
z-index:400;
transition: .8s;
}

.mtnPanel-btnTop {
	-webkit-animation: pbtn 3s 1 ease;
	-moz-animation: pbtn 3s 1 ease;
	animation: pbtn 3s 1 ease ;
}

@keyframes pbtn {
    0% {
        opacity: 0;
		top:-80px;
    }
	70% {
        opacity: 0;
		top:-80px;
    }
	100% {
        opacity: 1;
		top:15px;
    }
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  background: #FFF;
  border-radius:50%;
  transition:.8s;
}
#panel-btn:hover{
  background: #FFE500;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
  background: none;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  background:#000;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -5px;
}
#panel-btn-icon:after{
  margin-top: 3px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.mtnPanel-btnSub {
	-webkit-animation: pbtn-sub 2s 1 ease;
	-moz-animation: pbtn-sub 2s 1 ease;
	animation: pbtn-sub 2s 1 ease ;
}
@keyframes pbtn-sub {
    0% {
        opacity: 0;
    }
	20% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebar  {
		left: 0;
		opacity:1;
		z-index:200;
	}

	/* z-index */
	#sidebar {
		z-index: 200;
	}
	#panel-btn {
		z-index: 300;
	}

#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width:1039px){
#sidebar {
	
}
	#sidebar p#sidebarLogo a img {
		width:80px;
		height:98px;
	}

nav#sidebar-nav {
	padding:0 40px;
}
		nav#sidebar-nav ul.main-nav li {
			width:32%;
			margin-right:2%;
			margin-bottom:60px;
		}
			nav#sidebar-nav ul.main-nav li a {
				font-size:15px;
			}
				nav#sidebar-nav ul.main-nav li a:hover {
					color:#FFF;
				}
					nav#sidebar-nav ul.main-nav li ul.child li a {
						font-size:13px;
					}
						nav#sidebar-nav ul.main-nav li ul.child li a:hover {
							color:#999;
						}
						
#panel-btn:hover{
  background: #FFF;
}
}

@media screen and (max-width:767px){
#sidebar {
	padding-top: 100px;
	overflow:auto;
}
	#sidebar p#sidebarLogo a img {
		width:60px;
		height:74px;
		top:20px;
		right:20px;
	}

nav#sidebar-nav {
	width:100%;
	padding:0 30px;
}
	nav#sidebar-nav ul.main-nav {
		width:100%;
		max-width:300px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		position:inherit;
		top: auto;
		left: auto;
		transform: none;
		padding:0;
	}
		nav#sidebar-nav ul.main-nav li {
			width:100%;
			margin-right:0;
			text-align:center;
			margin-bottom:25px;
		}
		nav#sidebar-nav ul.main-nav li.spNon {
			display:none;
		}
		nav#sidebar-nav ul.main-nav li:nth-child(3n) {
			margin-right:0;
		}
		nav#sidebar-nav ul.main-nav li:last-child {
			margin-bottom:25px;
		}
		nav#sidebar-nav ul.main-nav li:nth-last-child(2) {
			margin-bottom:25px;
		}
		nav#sidebar-nav ul.main-nav li:nth-last-child(3) {
			margin-bottom:25px;
		}
			nav#sidebar-nav ul.main-nav li a {
				font-size:14px;
				font-weight:700;
				color:#FFF;
				line-height:1.6;
				transition:.6s;
			}
				nav#sidebar-nav ul.main-nav li a:hover {
					color:#FFF;
				}
			nav#sidebar-nav ul.main-nav li ul.child {
				margin-top:15px;
				display:none;
			}
				nav#sidebar-nav ul.main-nav li ul.child li {
					width:100%;
					margin-right:0;
					margin-bottom:5px;
					padding-left:16px;
					position:relative;
				}
				nav#sidebar-nav ul.main-nav li ul.child li:last-child {
					margin-bottom:0;
				}
					nav#sidebar-nav ul.main-nav li ul.child li:before {
						position:absolute;
						content:"";
						width:4px;
						height:4px;
						background:#FFE500;
						border-radius:50%;
						top:13px;
						left:0;
					}
					nav#sidebar-nav ul.main-nav li ul.child li a {
						font-size:14px;
						font-weight:500;
						color:#999;
						transition:.6s;
					}
						nav#sidebar-nav ul.main-nav li ul.child li a:hover {
							color:#999;
						}
			nav#sidebar-nav ul.main-nav li ul.sub-nav {
				display:block;
			}
				nav#sidebar-nav ul.main-nav li ul.sub-nav li {
					width:100%;
					margin-bottom:30px;
				}
				nav#sidebar-nav ul.main-nav li ul.sub-nav li:last-child {
					margin-bottom:0;
				}
	nav#sidebar-nav ul.reaction-nav {
		width:100%;
		max-width:300px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
	}
		nav#sidebar-nav ul.reaction-nav li {
			width:50%;
		}
		nav#sidebar-nav ul.reaction-nav li:first-child {
			border-right:1px solid #000;
		}
			nav#sidebar-nav ul.reaction-nav li a {
				position:relative;
				display:block;
				width:100%;
				height:44px;
				line-height:44px;
				font-size:13px;
				font-weight:700;
				color:#000;
				padding:0 1.2em;
				background:#FFE500;
			}
				nav#sidebar-nav ul.reaction-nav li:first-child a:after {
					font-family: 'icomoon' !important;
					position:absolute;
					content: "\e902";
					font-size:18px;
					font-weight:normal;
					color:#000;
					line-height:1;
					top:13px;
					right:12px;
				}
				nav#sidebar-nav ul.reaction-nav li:last-child a:after {
					font-family: 'icomoon' !important;
					position:absolute;
					content: "\e903";
					font-size:20px;
					font-weight:normal;
					color:#000;
					line-height:1;
					top:13px;
					right:12px;
				}
			nav#sidebar-nav ul.reaction-nav li.noLink {
				position:relative;
				display:block;
				width:50%;
				height:44px;
				line-height:44px;
				font-size:13px;
				font-weight:700;
				color:#000;
				padding:0 0 0 1.2em;
				background:#FFE500;
			}
				nav#sidebar-nav ul.reaction-nav li.noLink span {
					font-size:10px;
				}
				
a#panel-btn {
width: 44px;
height: 44px;
display: block;
position:fixed;
top:13px;
left:20px;
}
@keyframes pbtn {
    0% {
        opacity: 0;
		top:-80px;
    }
	70% {
        opacity: 0;
		top:-80px;
    }
	100% {
        opacity: 1;
		top:13px;
    }
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  background: #FFF;
  border-radius:50%;
  transition:.6s;
}
}

@media screen and (max-width:360px){
#sidebar {
	padding-top: 100px;
}
		nav#sidebar-nav ul.main-nav li {
			margin-bottom:18px;
		}
				nav#sidebar-nav ul.main-nav li ul.sub-nav li {
					margin-bottom:18px;
				}
			nav#sidebar-nav ul.reaction-nav li a {
				padding:0 0.8em;
			}
				nav#sidebar-nav ul.reaction-nav li:first-child a:after {
					right:10px;
				}
				nav#sidebar-nav ul.reaction-nav li:last-child a:after {
					right:10px;
				}
}

/* !mainvisual
---------------------------------------------------------- */
.main {
	width: 100%;
	height:600px;
	position: relative;
	background:url("../service/img/collaborativerobot/main.jpg") 50% 50% no-repeat;
	background-size:cover;
	z-index:1;
	-webkit-animation: mainbg 2.2s 1 ease;
	-moz-animation: mainbg 2.2s 1 ease;
	animation: mainbg 2.2s 1 ease ;
	top:80px;
	margin-bottom:80px;
}
	.main div.inner {
		position:absolute;
		width:640px;
		top:85px;
		left:5%;
	}
		.main div.inner p.copy1 {
			font-size:24px;
			font-weight:700;
			line-height:1.5;
			text-align:center;
			color:#FFF;
			margin-bottom:30px;
		}
			.main div.inner p.copy1 span {
				padding:0.5em 1.2em;
				background:#45B038;
				border-radius:35px;
			}
		.main div.inner p.explanation {
			font-size:16px;
			font-weight:700;
			line-height:1.5;
			text-align:center;
			color: #45B038;
			margin-bottom:40px;
		}
			.main div.inner p.explanation span {
				display: inline-block;
				font-size:22px;
				border-bottom:2px solid #45B038;
				margin:0 0.3em;
			}
		.main div.inner div.titBox {
			width:100%;
			display:flex;
			margin-bottom:60px;
		}
			.main div.inner div.titBox div.logo {
				width:180px;
			}
				.main div.inner div.titBox div.logo img {
					display:block;
					width:140px;
				}
			.main div.inner div.titBox div.tit {
				width:calc(100% - 180px);
				padding-left:40px;
				border-left:1px solid #45B038;
			}
				.main div.inner div.titBox div.tit h1 {
					font-size:48px;
					font-weight:700;
					color:#45B038;
					line-height:1.3;
				}
					.main div.inner div.titBox div.tit h1 span.small {
						display:block;
						font-size:30px;
						color:#000;
						line-height:1.3;
					}
					.main div.inner div.titBox div.tit h1 span.yellow {
						display:inline-block;
						border-bottom: 7px dotted #FFE500;
					}
						
		.main div.inner p.tagline {
			font-size:24px;
			font-weight:700;
			text-align:center;
			line-height:1.8;
		}
		.main div.inner p.coName {
			font-size:18px;
			font-weight:700;
			
			text-align:center;
			line-height:1.8;
		}
			.main div.inner p.coName span {
				display:inline-block;
				position:relative;
				padding:0 55px;
			}
				.main div.inner p.coName span:before {
					position:absolute;
					content:"";
					width:45px;
					height:1px;
					background:#45B038;
					top:17px;
					left:0;
				}
				.main div.inner p.coName span:after {
					position:absolute;
					content:"";
					width:45px;
					height:1px;
					background:#45B038;
					top:17px;
					right:0;
				}
	.main ul.point {
		position:absolute;
		width:480px;
		right:6%;
		bottom:3%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.main ul.point li {
			width:32%;
			margin-bottom: 10px;
		}
		.main ul.point li:last-chilr {
			margin-bottom: 0;
		}
		.main ul.point li:nth-last-child(2) {
			margin-bottom: 0;
		}
			.main ul.point li img {
				display: block;
				width:100%;
			}

@keyframes mainbg {
    0% {
        opacity: 0;
    }
	20% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

@media screen and (max-width:1039px){
.main {
	height:450px;
	top:90px;
	margin-bottom:90px;
}
	.main div.inner {
		width:530px;
		top:55px;
		left:4%;
	}
		.main div.inner p.copy1 {
			font-size:20px;
			margin-bottom:30px;
		}
		.main div.inner p.explanation {
			font-size:15px;
			margin-bottom: 25px;
		}
			.main div.inner p.explanation span {
				font-size:18px;
			}
		.main div.inner div.titBox {
			margin-bottom:30px;
		}
			.main div.inner div.titBox div.logo {
				width:140px;
			}
				.main div.inner div.titBox div.logo img {
					width:120px;
				}
			.main div.inner div.titBox div.tit {
				width:calc(100% - 140px);
				padding-left:20px;
			}
				.main div.inner div.titBox div.tit h1 {
					font-size:38px;
				}
					.main div.inner div.titBox div.tit h1 span.small {
						font-size:26px;
					}
					.main div.inner div.titBox div.tit h1 span.yellow {
						border-bottom: 6px dotted #FFE500;
					}
		.main div.inner p.tagline {
			font-size:20px;
		}
		.main div.inner p.coName {
			font-size:16px;
		}
	.main ul.point {
		width:320px;
		right:3%;
		bottom:3%;
	}
		.main ul.point li {
			margin-bottom: 5px;
		}
}

@media screen and (max-width:767px){
.main {
	height:350px;
	background:url(../service/img/collaborativerobot/main_sp.jpg) 50% 50% no-repeat;
	background-size:cover;
	top:110px;
	margin-bottom:110px;
}
	.main div.inner {
		width:300px;
		top:40px;
		left:50%;
		margin-left:-150px;
	}
		.main div.inner p.copy1 {
			font-size:14px;
			margin-bottom:20px;
		}
		.main div.inner p.explanation {
			font-size:12px;
			font-weight:700;
			line-height:1.5;
			text-align:center;
			color: #45B038;
			margin-bottom:20px;
		}
			.main div.inner p.explanation span {
				display: inline-block;
				font-size:13px;
				border-bottom:1px solid #45B038;
				margin:0 0.3em;
			}
		.main div.inner div.titBox {
			margin-bottom:18px;
		}
			.main div.inner div.titBox div.logo {
				width:80px;
			}
				.main div.inner div.titBox div.logo img {
					width:62px;
				}
			.main div.inner div.titBox div.tit {
				width:calc(100% - 80px);
				padding-left:18px;
			}
				.main div.inner div.titBox div.tit h1 {
					font-size:20px;
				}
					.main div.inner div.titBox div.tit h1 span.small {
						font-size:14px;
					}
					.main div.inner div.titBox div.tit h1 span.yellow {
						border-bottom: 4px dotted #FFE500;
					}
		.main div.inner p.tagline {
			font-size:14px;
		}
		.main div.inner p.coName {
			font-size:12px;
		}
			.main div.inner p.coName span {
				padding:0 35px;
			}
				.main div.inner p.coName span:before {
					width:25px;
					top:11px;
				}
				.main div.inner p.coName span:after {
					width:25px;
					top:11px;
				}
	.main ul.point {
		width:300px;
		right:50%;
		bottom:20px;
		margin-right:-150px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.main ul.point li {
			width:32%;
			margin-bottom: 5px;
		}
}

@media screen and (max-width:360px){
	.main div.inner {
		width:300px;
		left:50%;
		margin-left:-150px
	}
		.main div.inner p.copy1 {
			font-size:14px;
		}
			.main div.inner div.titBox div.logo {
				width:74px;
			}
				.main div.inner div.titBox div.logo img {
					width:60px;
				}
			.main div.inner div.titBox div.tit {
				width:calc(100% - 74px);
				padding-left:12px;
			}
				.main div.inner div.titBox div.tit h1 {
					font-size:18px;
				}
}

/* !問い合わせ誘導ブロック
---------------------------------------------------------- */
.contactBox {
	width:100%;
	padding:35px 50px 35px 50px;
	background:#45B038;
}
	.contactBox div.inner {
		width:100%;
		max-width:800px;
		margin:0 auto;
		display:flex;
		align-items: center;
	}
		.contactBox div.inner div.left {
			width:42%;
		}
			.contactBox div.inner div.left p.copy {
				font-size:20px;
				font-weight:700;
				color:#FFF;
				text-align:center;
				line-height:1.4;
				margin-top:10px;
			}
			.contactBox div.inner div.left p.tel {
				font-family: 'Roboto', sans-serif;
				font-weight:500;
				font-size:22px;
				color:#FFF;
				text-align:center;
				line-height:1.6;
				letter-spacing:0.02em;
				margin-bottom:5px;
			}
				.contactBox div.inner div.left p.tel span.number {
					font-size:30px;
					margin-left:0.06em;
				}
					.contactBox div.inner div.left p.tel a {
						color:#FFF;
					}
			.contactBox div.inner div.left div.sp {
				display:none;
			}
		.contactBox div.inner div.right {
			width:58%;
		}
			.contactBox div.inner div.right a.contactBtn {
				display:block;
				width:400px;
				height:70px;
				padding:0 1.2em;
				font-size:23px;
				font-weight:700;
				line-height:70px;
				background:#FFE500;
				position:relative;
				margin:0 auto;
				transition:.8s;
			}
				.contactBox div.inner div.right a.contactBtn:after {
					font-family: 'icomoon' !important;
					position:absolute;
					content: "\e902";
					font-size:22px;
					font-weight:normal;
					color:#000;
					line-height:1;
					top:24px;
					right:20px;
					transition:.8s;
				}
				.contactBox div.inner div.right a.contactBtn:hover {
					background:#000;
					color:#FFF;
				}
					.contactBox div.inner div.right a.contactBtn:hover:after {
						color:#FFF;
					}

@media screen and (max-width:1039px){
.contactBox {
	padding:30px 30px 30px 30px;
}
	.contactBox div.inner {
		max-width:680px;
	}
		.contactBox div.inner div.left {
			width:42%;
		}
			.contactBox div.inner div.left p.copy {
				font-size:18px;
			}
			.contactBox div.inner div.left p.tel {
				font-size:20px;
				margin-bottom:5px;
			}
				.contactBox div.inner div.left p.tel span.number {
					font-size:28px;
				}
		.contactBox div.inner div.right {
			width:58%;
		}
			.contactBox div.inner div.right a.contactBtn {
				width:320px;
				height:64px;
				padding:0 1em;
				font-size:18px;
				line-height:64px;
			}
				.contactBox div.inner div.right a.contactBtn:after {
					font-size:22px;
					top:22px;
					right:18px;
				}
				.contactBox div.inner div.right a.contactBtn:hover {
					background:#FFE500;
					color:#000;
				}
					.contactBox div.inner div.right a.contactBtn:hover:after {
						color:#000;
					}
}

@media screen and (max-width:767px){
.contactBox {
	padding:15px 25px 25px 25px;
}
	.contactBox div.inner {
		flex-direction: row;
		flex-direction: column;
	}
		.contactBox div.inner div.right {
			display:none;
		}
		.contactBox div.inner div.left {
			width:100%;
		}
			.contactBox div.inner div.left p.copy {
				font-size:14px;
			}
			.contactBox div.inner div.left p.tel {
				font-size:16px;
			}
				.contactBox div.inner div.left p.tel span.number {
					font-size:24px;
				}
					.contactBox div.inner div.left p.tel a {
						color:#FFF;
					}
			.contactBox div.inner div.left a.contactBtn {
				width:270px;
				height:60px;
				font-size:15px;
				line-height:60px;
			}
				.contactBox div.inner div.left a.contactBtn:after {
					font-size:20px;
					top:20px;
					right:18px;
				}
			.contactBox div.inner div.left div.pc {
				display:none;
			}
			.contactBox div.inner div.left div.sp {
				display:block;
			}
				.contactBox div.inner div.left div.sp a.telBtn {
					display:block;
					width:270px;
					height:70px;
					font-family: 'Roboto', sans-serif;
					font-size:22px;
					font-weight:700;
					text-align:center;
					letter-spacing:0.02em;
					padding:1em 1.2em 0 1.2em;
					background:#FFE500;
					position:relative;
					margin:0 auto 10px auto;
				}
					.contactBox div.inner div.left div.sp a.telBtn i.fas {
						margin-left:1em;
					}
					.contactBox div.inner div.left div.sp a.telBtn span {
						position:absolute;
						display:block;
						width:160px;
						font-size:15px;
						top:5px;
						left:50%;
						margin-left:-80px;
					}
				.contactBox div.inner div.left div.sp p.copy {
					font-size:18px;
					color:#ffe500;
					margin-bottom:10px;
				}
				.contactBox div.inner div.left div.sp p.read {
					color:#FFF;
					text-align:center;
					line-height:1.6;
				}
}

@media screen and (max-width:359px){
	.contactBox div.inner div.right h2 {
				font-size:16px;
			}
	.contactBox div.inner div.right p {
				font-size:13px;
			}
				.contactBox div.inner div.right p.sTit {
					font-size:12px;
				}
}

/* !悩み
---------------------------------------------------------- */
.nayami {
	width:100%;
	padding:80px 50px 60px 50px;
}
	.nayami div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.nayami div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:50px;
			position:relative;
		}
			.nayami div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.nayami div.inner h2 br {
				display:none;
			}
		.nayami div.inner p.read {
			font-size:18px;
			text-align:center;
			margin-bottom:50px;
		}
			.nayami div.inner p.read br {
				display:none;
			}
		.nayami div.inner ul.nayamiList {
			width:100%;
			max-width:800px;
			margin:0 auto 30px auto;
		}
			.nayami div.inner ul.nayamiList li {
				font-size:30px;
				font-weight:700;
				color:#45B038;
				line-height:1.5;
				padding:0.8em 0 0.8em 80px;
				border-bottom:1px solid #d9eed6;
				position:relative;
			}
			.nayami div.inner ul.nayamiList li:first-child {
				border-top:1px solid #d9eed6;
			}
			.nayami div.inner ul.nayamiList li:before {
				position:absolute;
				content:"";
				width:54px;
				height:51px;
				background:url(../service/img/n-1/kadai_icon.png) 0 0 no-repeat;
				background-size:54px 51px;
				top:20px;
				left:10px;
			}
		.nayami div.inner p.nayamiListTit {
			max-width:800px;
			font-size:26px;
			font-weight: 700;
			text-align: center;
			margin:0 auto 10px auto;
		}
		.nayami div.inner img.arrow {
			display:block;
			width:180px;
			margin:0 auto 20px auto;
		}
		.nayami div.inner h3 {
			font-size:36px;
			font-weight:700;
			text-align:center;
			line-height:1.5;
			color:#8BC53F;
			margin-bottom: 50px;
		}
			.nayami div.inner h3 span {
				font-size:140%;
				color:#45B038;
			}
		.nayami div.inner div.item {
			width:100%;
		}
			.nayami div.inner div.item img {
				display: block;
				width:100%;
				max-width:600px;
				margin: 0 auto;
			}

@media screen and (max-width:1039px){
.nayami {
	padding:70px 30px 60px 30px;
}
		.nayami div.inner h2 {
			font-size:32px;
		}
		.nayami div.inner p.read {
			font-size:16px;
			margin-bottom:45px;
		}
		.nayami div.inner ul.nayamiList {
			max-width:680px;
			margin:0 auto 25px auto;
		}
			.nayami div.inner ul.nayamiList li {
				font-size:24px;
			}
			.nayami div.inner ul.nayamiList li:before {
				top:13px;
			}
		.nayami div.inner p.nayamiListTit {
			max-width:680px;
			font-size:22px;
			margin:0 auto 10px auto;
		}
		.nayami div.inner img.arrow {
			width:140px;
		}
		.nayami div.inner h3 {
			font-size:29px;
			margin-bottom: 30px;
		}
			.nayami div.inner h3 span {
				font-size:140%;
			}
			.nayami div.inner div.item img {
				max-width:500px;
				margin: 0 auto;
			}
}

@media screen and (max-width:767px){
.nayami {
	padding:60px 25px 50px 25px;
}
		.nayami div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:30px;
		}
			.nayami div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.nayami div.inner h2 br {
				display:block;
			}
		.nayami div.inner p.read {
			font-size:14px;
			margin-bottom:30px;
		}
			.nayami div.inner p.read br {
				display:block;
			}
		.nayami div.inner ul.nayamiList {
			margin:0 auto 20px auto;
		}
			.nayami div.inner ul.nayamiList li {
				font-size:16px;
				padding:0.8em 0 0.8em 60px;
				min-height:70px;
			}
			.nayami div.inner ul.nayamiList li:before {
				width:44px;
				height:42px;
				background:url(../service/img/n-1/kadai_icon.png) 0 0 no-repeat;
				background-size:44px 42px;
				top:16px;
				left:0;
			}
		.nayami div.inner p.nayamiListTit {
			font-size:16px;
		}
		.nayami div.inner img.arrow {
			width:100px;
		}
		.nayami div.inner h3 {
			font-size:19px;
			margin-bottom: 20px;
		}
			.nayami div.inner h3 span {
				font-size:140%;
			}
				.nayami div.inner div.item img {
					max-width:320px;
					margin: 0 auto;
				}
}

@media screen and (max-width:359px){
}

/* !製品の特長
---------------------------------------------------------- */
.merit {
	width:100%;
	padding:80px 50px 60px 50px;
}
	.merit div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.merit div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:50px;
			position:relative;
		}
			.merit div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.merit div.inner h2 br {
				display:none;
			}
		.merit div.inner ul.meritList {
			width:100%;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
		}
			.merit div.inner ul.meritList li {
				width:48%;
				background:#FFF;
				padding:30px 40px;
				margin-bottom:40px;
				box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
			}
				.merit div.inner ul.meritList li p.number {
					font-family: 'Roboto', sans-serif;
					font-weight:700;
					font-size:22px;
					color:#45B038;
					text-align:center;
					line-height:1.6;
					letter-spacing:0.02em;
					margin-bottom:5px;
				}
				.merit div.inner ul.meritList li h3 {
					font-size:24px;
					font-weight:700;
					text-align:center;
					line-height:1.4;
					margin-bottom:20px;
				}
				.merit div.inner ul.meritList li img {
					display:block;
					width:160px;
					border-radius: 50%;
					margin:0 auto 20px auto;
				}

@media screen and (max-width:1039px){
.merit {
	padding:70px 30px 60px 30px;
}
		.merit div.inner h2 {
			font-size:32px;
		}
			.merit div.inner ul.meritList li {
				padding:25px;
				margin-bottom:25px;
			}
				.merit div.inner ul.meritList li p.number {
					font-size:26px;
					margin-bottom:5px;
				}
				.merit div.inner ul.meritList li h3 {
					font-size:20px;
					margin-bottom:15px;
				}
				.merit div.inner ul.meritList li img {
					width:150px;
				}
}

@media screen and (max-width:767px){
.merit {
	padding:60px 25px 60px 25px;
}
		.merit div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:30px;
		}
			.merit div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.merit div.inner h2 br {
				display:block;
			}
		.merit div.inner ul.meritList {
			max-width:320px;
			margin:0 auto 20px auto;
		}
			.merit div.inner ul.meritList li {
				width:100%;
				padding:25px;
				margin-right:0;
				box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
				margin-bottom:30px;
			}
			.merit div.inner ul.meritList li:last-child {
				margin-bottom:0;
			}
				.merit div.inner ul.meritList li p.number {
					font-size:20px;
					margin-bottom:5px;
				}
				.merit div.inner ul.meritList li h3 {
					font-size:18px;
					margin-bottom:15px;
				}
				.merit div.inner ul.meritList li:last-child h3 {
					font-size:18px;
					margin-bottom:20px;
				}
				.merit div.inner ul.meritList li img {
					width:120px;
				}
}

@media screen and (max-width:359px){
}

/* !A＆Cサービスだからできること
---------------------------------------------------------- */
.cando {
	width:100%;
	padding:80px 50px 0 50px;
}
	.cando div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.cando div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:50px;
			position:relative;
		}
			.cando div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.cando div.inner h2 br {
				display:none;
			}
		.cando div.inner h3.copy {
			font-size:34px;
			font-weight: 700;
			text-align: center;
			color:#45B038;
			margin-bottom:20px;
		}
		.cando div.inner p.read {
			text-align: center;
			margin-bottom:60px;
		}
		.cando div.inner div.filmless {
			width:100%;
			display: flex;
			justify-content: space-between;
			margin-bottom: 80px;
		}
			.cando div.inner div.filmless div.imgBox {
				width:35%;
			}
				.cando div.inner div.filmless div.imgBox img {
					display: block;
					width:100%;
					margin-bottom: 10px;
				}
			.cando div.inner div.filmless div.txt {
				width:60%;
			}
				.cando div.inner div.filmless div.txt h4 {
					font-size:22px;
					font-weight:700;
					text-align:center;
					line-height:1.4;
					margin-bottom:30px;
				}
					.cando div.inner div.filmless div.txt h4 span {
						font-size:130%;
						color:#45B038;
					}
				.cando div.inner div.filmless div.txt ul.point {
					width: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					margin-bottom: 20px;
				}
					.cando div.inner div.filmless div.txt ul.point li {
						width:49%;
						font-size:18px;
						font-weight: 700;
						color:#45B038;
						text-align: center;
						background-color: #EEE;
						padding:0.4em 0;
						margin-right:0;
						margin-bottom:10px;
						box-shadow: none;
						border-radius:30px;
					}
				.cando div.inner div.filmless div.txt p.read {
					text-align:left;
					margin-bottom:0;
				}
		.cando div.inner div.operator {
			width:100%;
			max-width: 900px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;
		}
			.cando div.inner div.operator div.left {
				width:55%;
			}
				.cando div.inner div.operator div.left p.copy2 {
					font-size:28px;
					font-weight:700;
					color:#45B038;
					line-height:1.6;
					text-align: center;
					margin-bottom: 30px;
				}
					.cando div.inner div.operator div.left p.copy2 br {
						display:none;
					}
				.cando div.inner div.operator div.left p.read2 {
					text-align: center;
				}
			.cando div.inner div.operator div.right {
				width:40%;
			}
				.cando div.inner div.operator div.right img {
					display:block;
					width:100%;
				}

@media screen and (max-width:1039px){
.cando {
	padding:70px 30px 0 30px;
}
		.cando div.inner h2 {
			font-size:32px;
		}
		.cando div.inner h3.copy {
			font-size:28px;
		}
		.cando div.inner p.read {
			text-align: left;
		}
		.cando div.inner div.filmless {
			margin-bottom: 70px;
		}
			.cando div.inner div.filmless div.imgBox {
				width:35%;
			}
				.cando div.inner div.filmless div.txt h4 {
					font-size:20px;
				}
					.cando div.inner div.filmless div.txt ul.point li {
						font-size:16px;
					}
				.cando div.inner div.operator div.left p.copy2 {
					font-size:22px;
					margin-bottom: 25px;
				}
			.cando div.inner div.operator div.right {
				width:40%;
			}
}

@media screen and (max-width:767px){
.cando {
	padding:60px 25px 0 25px;
}
		.cando div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:30px;
		}
			.cando div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.cando div.inner h2 br {
				display:block;
			}
		.cando div.inner h3.copy {
			font-size:18px;
		}
		.cando div.inner p.read {
			text-align: left;
			margin-bottom:50px;
		}
		.cando div.inner div.filmless {
			width:100%;
			flex-wrap: wrap;
			margin-bottom: 60px;
		}
			.cando div.inner div.filmless div.imgBox {
				width:100%;
				margin-bottom: 30px;
			}
				.cando div.inner div.filmless div.imgBox img {
					max-width:260px;
					margin:0 auto 10px auto;
				}
			.cando div.inner div.filmless div.txt {
				width:100%;
			}
				.cando div.inner div.filmless div.txt h4 {
					font-size:16px;
					margin-bottom:30px;
				}
					.cando div.inner div.filmless div.txt ul.point li {
						font-size:13px;
					}
		.cando div.inner div.operator {
			flex-wrap: wrap;
		}
			.cando div.inner div.operator div.left {
				width:100%;
				margin-bottom: 30px;
			}
				.cando div.inner div.operator div.left p.copy2 {
					font-size:20px;
				}
					.cando div.inner div.operator div.left p.copy2 br {
						display:inherit;
					}
			.cando div.inner div.operator div.right {
				width:100%;
			}
				.cando div.inner div.operator div.right img {
					max-width:240px;
					margin: 0 auto;
				}
}

@media screen and (max-width:359px){
					.cando div.inner div.filmless div.txt ul.point li {
						font-size:12px;
					}
				.cando div.inner div.operator div.left p.read2 {
					text-align: left;
				}
					.cando div.inner div.operator div.left p.read2 br {
						display: none;
					}
}

/* !取り扱い機種
---------------------------------------------------------- */
.models {
	width:100%;
	padding:80px 50px 100px 50px;
	/*background:#F7F7F7;*/
}
	.models div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.models div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:60px;
			position:relative;
		}
			.models div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.models div.inner h2 br {
				display:none;
			}
		.models div.inner ul.modelsList {
			width:100%;
			margin-bottom: 60px;
		}
			.models div.inner ul.modelsList li {
				width:100%;
				position: relative;
				padding:0.8em 0.8em 0.8em 1.8em;
				border-bottom:1px solid #DDD;
				font-size:20px;
				font-weight: 700;
				line-height: 1.8;
				background: #F7F7F7;
			}
				.models div.inner ul.modelsList li:first-child {
					border-top:1px solid #DDD;
				}
				.models div.inner ul.modelsList li:before {
					position: absolute;
					content:"";
					width:8px;
					height: 8px;
					background: #ffe500;
					border-radius: 50%;
					top:32px;
					left:0.8em;
				}
		.models div.inner h3 {
			font-size:24px;
			font-weight:700;
			line-height:1.6;
			text-align: center;
			margin-bottom:20px;
		}
		.models div.inner ul.optionList {
			width:100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: 90px;
		}
			.models div.inner ul.optionList li {
				width:47%;
				position: relative;
				padding:0.8em 0.8em 0.8em 1.8em;
				border-bottom:1px solid #DDD;
				font-size:18px;
				line-height: 1.8;
				background: #F7F7F7;
			}
				.models div.inner ul.optionList li:first-child {
					border-top:1px solid #DDD;
				}
				.models div.inner ul.optionList li:nth-child(2) {
					border-top:1px solid #DDD;
				}
				.models div.inner ul.optionList li:before {
					position: absolute;
					content:"";
					width:6px;
					height: 6px;
					background: #ffe500;
					border-radius: 50%;
					top:29px;
					left:0.8em;
				}
		.models div.inner img.fig {
			display: block;
			width:100%;
			max-width: 800px;
			margin: 0 auto 60px auto;
		}
		.models div.inner ul.photoList {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.models div.inner ul.photoList li {
				width:31%;
			}
				.models div.inner ul.photoList li img {
					display: block;
					width:100%;
				}

@media screen and (max-width:1039px){
.models {
	padding:70px 30px 90px 30px;
}
		.models div.inner h2 {
			font-size:32px;
			margin-bottom:50px;
		}
			.models div.inner h2 span {
				font-size:26px;
			}
			.models div.inner ul.recommendList li {
				font-size:22px;
			}
			.models div.inner ul.recommendList li:before {
				width:30px;
				height:30px;
				background:url(../service/img/n-1/check_icon.png) 0 0 no-repeat;
				background-size:30px 30px;
				top:21px;
			}
		.models div.inner ul.optionList {
			margin-bottom: 80px;
		}
			.models div.inner ul.modelsList li {
				font-size:18px;
			}
				.models div.inner ul.modelsList li:before {
					width:6px;
					height: 6px;
					top:29px;
				}
		.models div.inner h3 {
			font-size:22px;
		}
			.models div.inner ul.optionList li {
				font-size:16px;
			}
				.models div.inner ul.optionList li:before {
					top:27px;
				}
		.models div.inner img.fig {
			max-width: 700px;
			margin: 0 auto 60px auto;
		}
}

@media screen and (max-width:767px){
.models {
	padding:60px 25px 70px 25px;
}
		.models div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:40px;
		}
			.models div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.models div.inner h2 span {
				font-size:18px;
			}
			.models div.inner h2 br {
				display:inherit;
			}
		.models div.inner ul.modelsList {
			margin-bottom: 60px;
		}
			.models div.inner ul.modelsList li {
				font-size:16px;
			}
				.models div.inner ul.modelsList li:before {
					top:26px;
				}
		.models div.inner h3 {
			font-size:18px;
		}
		.models div.inner ul.optionList {
			margin-bottom: 60px;
		}
			.models div.inner ul.optionList li {
				font-size:13px;
			}
				.models div.inner ul.optionList li:before {
					top:21px;
				}
		.models div.inner img.fig {
			margin: 0 auto 50px auto;
		}
		.models div.inner ul.photoList {
			max-width:320px;
			flex-wrap: wrap;
			margin: 0 auto;
		}
			.models div.inner ul.photoList li {
				width:100%;
				margin-bottom: 20px;
			}
			.models div.inner ul.photoList li:last-child {
				margin-bottom: 0;
			}
}

@media screen and (max-width:359px){
}

/* !導入までの流れ
---------------------------------------------------------- */
.flow {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.flow div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.flow div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:60px;
			position:relative;
		}
			.flow div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.flow div.inner h2 br {
				display:none;
			}
		.flow div.inner ul.step {
			width:100%;
			max-width:700px;
			margin:0 auto 0 auto;
		}
			.flow div.inner ul.step li {
				font-size:22px;
				font-weight:700;
				text-align:center;
				line-height:1.5;
				padding:0.7em;
				background:#e3f3e1;
				border-bottom:1px solid #45b038;
			}
			.flow div.inner ul.step li:first-child {
				border-top:1px solid #45b038;
			}
				.flow div.inner ul.step li i.num {
					font-family: 'Roboto', sans-serif;
					font-weight:700;
					font-style: normal;
					color: #45b038;
				}
				.flow div.inner ul.step li span {
					display:inline-block;
					padding-left:0.6em;
					position:relative;
				}
			.flow div.inner ul.step li.arrow {
				padding:0.2em;
				color:#45b038;
				border-bottom:1px solid #45b038;
				background:#FFF;
			}

@media screen and (max-width:1039px){
.flow {
	padding:70px 30px 90px 30px;
}
		.flow div.inner h2 {
			font-size:32px;
			margin-bottom:50px;
		}
			.flow div.inner h2 span {
				font-size:26px;
			}
		.flow div.inner ul.step {
			max-width:620px;
			margin:0 auto 0 auto;
		}
			.flow div.inner ul.step li {
				font-size:20px;
			}
}

@media screen and (max-width:767px){
.flow {
	padding:60px 25px 70px 25px;
}
		.flow div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:40px;
		}
			.flow div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.flow div.inner h2 span {
				font-size:18px;
			}
			.flow div.inner h2 br {
				display:inherit;
			}
		.flow div.inner ul.step {
			max-width:320px;
		}
			.flow div.inner ul.step li {
				font-size:15px;
				padding:0.9em;
			}
}

@media screen and (max-width:359px){
}

/* !よくある質問
---------------------------------------------------------- */
.faq {
	width:100%;
	padding:80px 50px 100px 50px;
	/*background:#F7F7F7;*/
}
	.faq div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.faq div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:60px;
			position:relative;
		}
			.faq div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}
			.faq div.inner h2 br {
				display:none;
			}
		.faq div.inner ul.faqList {
			width:100%;
		}
			.faq div.inner ul.faqList li {
				width:100%;
				display:flex;
				justify-content:space-between;
				margin-bottom:60px;
			}
			.faq div.inner ul.faqList li:last-child {
				margin-bottom:0;
			}
				.faq div.inner ul.faqList li div.question {
					width:30%;
				}
					.faq div.inner ul.faqList li div.question img {
						display:block;
						width:70px;
						margin:0 auto;
					}
					.faq div.inner ul.faqList li div.question p.qTit {
						font-family: 'Roboto', sans-serif;
						font-size:20px;
						font-weight:700;
						color:#45B038;
						text-align:center;
					}
						.faq div.inner ul.faqList li div.question p.qTit span {
							font-size:130%;
						}
					.faq div.inner ul.faqList li div.question p.read {
						font-weight:700;
						text-align:center;
						line-height:1.6;
					}
				.faq div.inner ul.faqList li div.answer {
					width:68%;
					border:2px solid #D6EBBC;
					border-radius:12px;
					padding:30px 30px 25px 30px;
					position:relative;
				}
					.faq div.inner ul.faqList li div.answer p.aTit {
						position:absolute;
						font-family: 'Roboto', sans-serif;
						font-size:20px;
						font-weight:700;
						color:#45B038;
						line-height:1;
						padding:0 0.6em;
						background:#FFF;
						top:-15px;
						left:40px;
					}
						.faq div.inner ul.faqList li div.answer p.aTit span {
							font-size:130%;
						}
					.faq div.inner ul.faqList li div.answer ol li {
						margin-bottom:10px;
					}
					.faq div.inner ul.faqList li div.answer ol li:last-child {
						margin-bottom:0;
					}

@media screen and (max-width:1039px){
.faq {
	padding:70px 30px 90px 30px;
}
		.faq div.inner h2 {
			font-size:32px;
			margin-bottom:50px;
		}
			.faq div.inner h2 span {
				font-size:26px;
			}
			.faq div.inner ul.faqList li {
				margin-bottom:50px;
			}
					.faq div.inner ul.faqList li div.question img {
						width:60px;
					}
					.faq div.inner ul.faqList li div.question p.qTit {
						font-size:18px;
					}
				.faq div.inner ul.faqList li div.answer {
					padding:30px 25px 25px 25px;
				}
					.faq div.inner ul.faqList li div.answer p.aTit {
						font-size:18px;
						left:30px;
					}
}

@media screen and (max-width:767px){
.faq {
	padding:60px 25px 70px 25px;
}
		.faq div.inner h2 {
			font-size:22px;
			padding-bottom:20px;
			margin-bottom:40px;
		}
			.faq div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			.faq div.inner h2 span {
				font-size:18px;
			}
			.faq div.inner h2 br {
				display:inherit;
			}
			.faq div.inner ul.faqList li {
				flex-wrap:wrap;
				margin-bottom:50px;
			}
				.faq div.inner ul.faqList li div.question {
					width:100%;
					margin-bottom:35px;
				}
					.faq div.inner ul.faqList li div.question img {
						width:50px;
					}
					.faq div.inner ul.faqList li div.question p.qTit {
						font-size:18px;
					}
					.faq div.inner ul.faqList li div.question p.read {
						text-align:left;
					}
						.faq div.inner ul.faqList li div.question p.read br {
							display:none;
						}
				.faq div.inner ul.faqList li div.answer {
					width:100%;
					border-radius:10px;
					padding:25px 20px 20px 20px;
				}
					.faq div.inner ul.faqList li div.answer p.aTit {
						display:inline-block;
						width:110px;
						font-size:18px;
						padding:0 0.5em;
						top:-13px;
						left:50%;
						margin-left:-55px;
					}
}

@media screen and (max-width:359px){
}

/* !問い合わせ
---------------------------------------------------------- */
.contact {
	width:100%;
	padding:80px 50px 100px 50px;
}
.confirm {
}
	.contact div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
		position:relative;
	}
		.contact div.inner h2 {
			font-size:40px;
			font-weight:700;
			text-align:center;
			line-height:1.6;
			padding-bottom:30px;
			margin-bottom:50px;
			position:relative;
		}
			.contact div.inner h2:after {
				position:absolute;
				content:"";
				width:80px;
				height:1px;
				bottom:0;
				left:50%;
				margin-left:-40px;
				border-bottom:7px dotted #FFE500;
			}

.contact div.inner div.telBox {
	width:100%;
	max-width:700px;
	background:#F7F7F7;
	padding:30px;
	margin:0 auto 80px auto;
}
	.contact div.inner div.telBox p.pc {
		text-align:center;
		font-size:16px;
		vertical-align:middle;
	}
		.contact div.inner div.telBox p.pc span.tit {
			font-family: 'Roboto', sans-serif;
			font-weight:500;
			font-size:22px;
			letter-spacing:0.02em;
			margin-left:0.6em;
			margin-right:0.2em;
		}
		.contact div.inner div.telBox p.pc span.number {
			font-family: 'Roboto', sans-serif;
			font-weight:500;
			font-size:30px;
		}
		.contact div.inner div.telBox p.pc br {
			display:none;
		}
		.contact div.inner div.telBox p.pc a {
			color:#000;
		}
	.contact div.inner div.telBox a.telBtn {
		display:none;
	}
		
ul.contactStep {
	width:100%;
	margin:0 auto 60px auto;
}
	ul.contactStep li {
		width:30%;
		float:left;
		margin-right:5%;
	}
		ul.contactStep li:last-child {
			margin-right:0;
		}
		ul.contactStep li.norm {
			display:block;
			height:54px;
			line-height:54px;
			background:#999;
			text-align:center;
			font-size:18px;
			font-weight:700;
			color:#FFF;
			position:relative;
		}
			ul.contactStep li.norm:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 27px 0 27px 27px;
				border-color: transparent transparent transparent #999;
				top:0;
				right:-27px;
			}
				ul.contactStep li:last-child.norm:after {
					display:none;
				}
		ul.contactStep li.current {
			display:block;
			height:54px;
			line-height:54px;
			background:#FFE500;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			color:#000;
			position:relative;
		}
			ul.contactStep li.current:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 27px 0 27px 27px;
				border-color: transparent transparent transparent #FFE500;
				top:0;
				right:-27px;
			}
				ul.contactStep li:last-child.current:after {
					display:none;
				}
.formArea {
	width:100%;
	max-width:1000px;
	margin:0 auto; 
}

@media screen and (max-width:1039px){
.contact {
	padding:70px 30px 90px 30px;
}
		.contact div.inner h2 {
			font-size:32px;
			margin-bottom:40px;
		}
		
.contact div.inner div.telBox {
	max-width:600px;
	margin:0 auto 70px auto;
}
	.contact div.inner div.telBox p.pc {
		font-size:15px;
	}
		.contact div.inner div.telBox p.pc span.tit {
			font-size:20px;
		}
		.contact div.inner div.telBox p.pc span.number {
			font-size:26px;
		}
		
ul.contactStep {
	margin:0 auto 50px auto;
}
		ul.contactStep li.norm {
			font-size:16px;
		}
		ul.contactStep li.current {
			font-size:16px;
		}
}

@media screen and (max-width:767px){
.contact {
	padding:60px 25px 80px 25px;
}
		.contact div.inner h2 {
			font-size:20px;
			padding-bottom:20px;
			margin-bottom:50px;
		}
			.contact div.inner h2:after {
				width:58px;
				margin-left:-29px;
				border-bottom:5px dotted #FFE500;
			}
			
.contact div.inner div.telBox {
	padding:25px;
	margin:0 auto 60px auto;
}
	.contact div.inner div.telBox p.pc {
		display:none;
		font-size:14px;
	}
		.contact div.inner div.telBox p.pc span.tit {
			font-size:16px;
			margin-left:0;
		}
		.contact div.inner div.telBox p.pc span.number {
			font-size:24px;
		}
		.contact div.inner div.telBox p.pc br {
			display:block;
		}
	.contact div.inner div.telBox a.telBtn {
		display:block;
		width:250px;
		height:70px;
		font-family: 'Roboto', sans-serif;
		font-size:22px;
		font-weight:700;
		text-align:center;
		letter-spacing:0.02em;
		padding:1.2em 1.2em 0 1.2em;
		background:#FFE500;
		position:relative;
		margin:0 auto;
	}
		.contact div.inner div.telBox a.telBtn i.fas {
			margin-left:1em;
		}
		.contact div.inner div.telBox a.telBtn span {
			position:absolute;
			display:block;
			width:250px;
			font-size:14px;
			top:7px;
			left:50%;
			margin-left:-125px;
		}
		
ul.contactStep {
	margin:0 auto 50px auto;
}
	ul.contactStep li {
		width:28%;
		margin-right:8%;
	}
		ul.contactStep li:last-child {
			margin-right:0;
		}
		ul.contactStep li.norm {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.norm:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
		ul.contactStep li.current {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.current:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
}

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

}

/* !pageTop
---------------------------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}
	.pagetop a:link,
	.pagetop a:visited{
		display: block;
		width: 50px;
		height: 50px;
		background-color: #000;
	}
		.pagetop a:link:before,
		.pagetop a:visited:before{
			position:absolute;
			content:"";
			width: 10px;
			height: 10px;
			border-top: 2px solid #FFE500;
			border-right: 2px solid #FFE500;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			top:24px;
			left:20px;
			transition: all 0.2s ease;
		}
	.pagetop a:hover:link:before,
	.pagetop a:hover:visited:before {
		top:21px;
	}
	
@media screen and (max-width:1039px){
	.pagetop a:link,
	.pagetop a:visited{
		width: 44px;
		height: 44px;
	}
		.pagetop a:link:before,
		.pagetop a:visited:before{
			width: 8px;
			height: 8px;
			border-top: 2px solid #FFE500;
			border-right: 2px solid #FFE500;
			top:20px;
			left:17px;
			transition: none;
		}
	.pagetop a:hover:link:before,
	.pagetop a:hover:visited:before {
		top:20px;
	}
}

@media screen and (max-width:767px){
.pagetop {
	bottom: 0;
}
	.pagetop a:link,
	.pagetop a:visited{
		background-color: rgba(255,255,255,.5);
	}
		.pagetop a:link:before,
		.pagetop a:visited:before{
			border-top: 2px solid #000;
			border-right: 2px solid #000;
		}
}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	padding:80px 50px 60px 50px;
	background:#222;
	overflow:hidden;
}
	#footer div.inner {
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
		#footer div.inner div.left {
			width:30%;
		}
			#footer div.inner div.left a.footerLogo {
				display:block;
				width:80px;
				height:98px;
				margin-bottom:40px;
			}
				#footer div.inner div.left a.footerLogo img {
					display:block;
					width:80px;
					height:98px;
					image-rendering: -webkit-optimize-contrast;
				}
			#footer div.inner div.left img.tagline {
				display:block;
				width:200px;
				height:72px;
				margin-bottom:40px;
				image-rendering: -webkit-optimize-contrast;
			}
			#footer div.inner div.left p.coName {
				font-size:14px;
				font-weight:700;
				color:#FFF;
				line-height:1.6;
				margin-bottom:8px;
			}
			#footer div.inner div.left p.add {
				font-size:14px;
				color:#FFF;
				line-height:1.6;
				margin-bottom:5px;
			}
			#footer div.inner div.left p.tel {
				font-family: 'Roboto', sans-serif;
				font-weight:500;
				color:#FFF;
				margin-bottom:30px;
			}
			#footer div.inner div.left p.tel a {
				color:#FFF;
			}
				#footer div.inner div.left p.tel span.tit {
					font-size:14px;
					letter-spacing:0.02em;
					margin-right:0.2em;
				}
				#footer div.inner div.left p.tel span.number {
					font-size:22px;
					letter-spacing:0.02em;
				}
			#footer div.inner div.left a.ecBtn {
				display:block;
				width:200px;
				height:46px;
				background:#FFF;
				padding:8px 15px;
				position:relative;
				transition:.8s;
				margin-bottom:15px;
			}
				#footer div.inner div.left a.ecBtn img {
					display:block;
					width:115px;
				}
				#footer div.inner div.left a.ecBtn:hover {
					background:#FFE500;
				}
				#footer div.inner div.left a.ecBtn:after {
					font-family: 'icomoon' !important;
					position:absolute;
					content: "\e903";
					font-size:23px;
					font-weight:normal;
					color:#000;
					line-height:1;
					top:13px;
					right:15px;
					transition:.8s;
					}
			#footer div.inner div.left a.lineLink {
				display:block;
				width:62px;
				margin-bottom:20px;
				transition:.6s;
			}
				#footer div.inner div.left a.lineLink img {
					display:block;
					width:44px;
					margin:0 auto;
				}
				#footer div.inner div.left a.lineLink p {
					font-size:10px;
					font-weight:700;
					color:#06C755;
					text-align:center;
				}
				#footer div.inner div.left a.lineLink:hover {
					opacity:.7;
				}
			#footer div.inner div.left p.copyright {
				font-family: 'Roboto', sans-serif;
				font-size:12px;
				font-weight:700;
				color:#FFF;
				letter-spacing:0.1em;
				opacity:.4;
			}
		
		#footer div.inner div.right {
			width:70%;
		}
			#footer div.inner div.right ul.footer-nav {
				width:100%;
				display:flex;
				flex-wrap:wrap;
			}
				#footer div.inner div.right ul.footer-nav li {
					width:33.3%;
					margin-bottom:50px;
				}
				#footer div.inner div.right ul.footer-nav li:last-child {
					margin-bottom:0;
				}
				#footer div.inner div.right ul.footer-nav li::nth-last-child(2) {
					margin-bottom:0;
				}
				#footer div.inner div.right ul.footer-nav li::nth-last-child(3) {
					margin-bottom:0;
				}
					#footer div.inner div.right ul.footer-nav li a {
						font-size:14px;
						font-weight:700;
						color:#FFF;
						line-height:1.5;
						transition:.6s;
					}
						#footer div.inner div.right ul.footer-nav li a:hover {
							color:#FFE500;
						}
					#footer div.inner div.right ul.footer-nav li ul.child {
						display:block;
						margin-top:15px;
					}
						#footer div.inner div.right ul.footer-nav li ul.child li {
							width:100%;
							margin-right:0;
							margin-bottom:10px;
							padding-left:16px;
							position:relative;
							line-height:1.5;
						}
						#footer div.inner div.right ul.footer-nav li ul.child li:last-child {
							margin-bottom:0;
						}
							#footer div.inner div.right ul.footer-nav li ul.child li:before {
								position:absolute;
								content:"";
								width:4px;
								height:4px;
								background:#FFE500;
								border-radius:50%;
								top:11px;
								left:0;
							}
							#footer div.inner div.right ul.footer-nav li ul.child li a {
								font-size:13px;
								font-weight:500;
								color:#999;
								line-height:1.5;
								transition:.6s;
							}
								#footer div.inner div.right ul.footer-nav li ul.child li a:hover {
									color:#FFE500;
								}
					#footer div.inner div.right ul.footer-nav li ul.sub-nav {
						display:block;
					}
						#footer div.inner div.right ul.footer-nav li ul.sub-nav li {
							width:100%;
							margin-bottom:2px;
						}
							#footer div.inner div.right ul.footer-nav li ul.sub-nav li a {
								font-size:12px;
							}

@media screen and (max-width:1039px){
#footer {
	padding:60px 30px 30px 30px;
}
		#footer div.inner div.left {
			width:100%;
			position:relative;
			border-top:1px solid #333;
			padding-top:30px;
			order:2;
		}
			#footer div.inner div.left img.tagline {
				position:absolute;
				top:42px;
				left:140px;
			}
			#footer div.inner div.left p.coName {
				position:absolute;
				top:28px;
				left:400px;
			}
			#footer div.inner div.left p.add {
				position:absolute;
				top:52px;
				left:400px;
			}
			#footer div.inner div.left p.tel {
				position:absolute;
				top:96px;
				left:400px;
				margin-bottom:0;
			}
				#footer div.inner div.left p.tel span.tit {
					font-size:13px;
				}
				#footer div.inner div.left p.tel span.number {
					font-size:20px;
				}
			#footer div.inner div.left a.ecBtn {
				margin-bottom:30px;
			}
				#footer div.inner div.left a.ecBtn:hover {
					background:#FFF;
				}
			#footer div.inner div.left a.lineLink {
				position:absolute;
				margin-bottom:0;
				left:220px;
				bottom:36px;
			}
				#footer div.inner div.left a.lineLink:hover {
					opacity:1;
				}
		
		#footer div.inner div.right {
			width:100%;
			order:1;
		}
						#footer div.inner div.right ul.footer-nav li a:hover {
							color:#FFF;
						}
								#footer div.inner div.right ul.footer-nav li ul.child li a:hover {
									color:#999;
								}
			#footer div.inner div.left p.copyright {
				text-align:center;
			}
}

@media screen and (max-width:767px){
#footer {
	padding:50px 25px 70px 25px;
}
	#footer div.inner {
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
		#footer div.inner div.left {
			width:100%;
			position:relative;
			padding-top:30px;
		}
			#footer div.inner div.left a.footerLogo {
				display:block;
				width:60px;
				height:74px;
				margin-bottom:35px;
			}
				#footer div.inner div.left a.footerLogo img {
					display:block;
					width:60px;
					height:74px;
					image-rendering: -webkit-optimize-contrast;
				}
			#footer div.inner div.left img.tagline {
				position:absolute;
				width:158px;
				height:57px;
				top:38px;
				left:110px;
			}
			#footer div.inner div.left p.coName {
				position:inherit;
				font-size:14px;
				font-weight:700;
				color:#FFF;
				line-height:1.6;
				margin-bottom:8px;
				top:auto;
				left:auto;
			}
			#footer div.inner div.left p.add {
				position:inherit;
				font-size:14px;
				color:#FFF;
				line-height:1.6;
				margin-bottom:5px;
				top:auto;
				left:auto;
			}
			#footer div.inner div.left p.tel {
				position:inherit;
				top:auto;
				left:auto;
				margin-bottom:25px;
			}
			#footer div.inner div.left a.lineLink {
				left:215px;
			}
			#footer div.inner div.left p.copyright {
				font-family: 'Roboto', sans-serif;
				font-size:12px;
				font-weight:500;
				color:#FFF;
				letter-spacing:0.1em;
				opacity:.4;
				text-align:center;
			}
		
		#footer div.inner div.right {
			width:100%;
			padding-bottom:20px;
		}
			#footer div.inner div.right ul.footer-nav {
				width:100%;
				display:flex;
				flex-wrap:wrap;
			}
				#footer div.inner div.right ul.footer-nav li {
					width:100%;
					text-align:center;
					margin-bottom:20px;
				}
				#footer div.inner div.right ul.footer-nav li:last-child {
					margin-bottom:0;
				}
				#footer div.inner div.right ul.footer-nav li::nth-last-child(2) {
					margin-bottom:0;
				}
				#footer div.inner div.right ul.footer-nav li::nth-last-child(3) {
					margin-bottom:0;
				}
					#footer div.inner div.right ul.footer-nav li a {
						font-size:13px;
						font-weight:500;
						color:#FFF;
						line-height:1.6;
						transition:.6s;
						
					}
						#footer div.inner div.right ul.footer-nav li a:hover {
							color:#FFF;
						}
					#footer div.inner div.right ul.footer-nav li ul.child {
						margin-top:15px;
						display:none;
					}
						#footer div.inner div.right ul.footer-nav li ul.child li {
							width:100%;
							margin-right:0;
							margin-bottom:5px;
							padding-left:16px;
							position:relative;
						}
						#footer div.inner div.right ul.footer-nav li ul.child li:last-child {
							margin-bottom:0;
						}
							#footer div.inner div.right ul.footer-nav li ul.child li:before {
								position:absolute;
								content:"";
								width:4px;
								height:4px;
								background:#FFE500;
								border-radius:50%;
								top:13px;
								left:0;
							}
							#footer div.inner div.right ul.footer-nav li ul.child li a {
								font-size:13px;
								font-weight:500;
								color:#999;
								transition:.6s;
							}
								#footer div.inner div.right ul.footer-nav li ul.child li a:hover {
									color:#999;
								}
					#footer div.inner div.right ul.footer-nav li ul.sub-nav {
						display:block;
					}
						#footer div.inner div.right ul.footer-nav li ul.sub-nav li {
							width:100%;
							margin-bottom:15px;
						}
							#footer div.inner div.right ul.footer-nav li ul.sub-nav li a {
								font-size:13px;
							}
}

@media screen and (max-width:360px){
			#footer div.inner div.left p.copy {
				position:absolute;
				font-size:22px;
				font-weight:700;
				color:#FFF;
				line-height:1.4;
				margin-bottom:35px;
				top:32px;
				left:100px;
			}
}

/* !contents
---------------------------------------------------------- */
#contents {
	width:100%;
}

#contents2 {
	width:100%;
	padding-top:80px;
}

.linkInPage {
	margin-top:-79px;
	padding-top:79px;
}

@media screen and (max-width:1039px){
#contents2 {
	padding-top:90px;
}

.linkInPage {
	margin-top:-89px;
	padding-top:89px;
}
}

@media screen and (max-width:767px){
#contents2 {
	padding-top:85px;
}

.linkInPage {
	margin-top:-84px;
	padding-top:84px;
}
}

/* !アニメーション
---------------------------------------------------------- */
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 100px);
  transition: 1.2s .4s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-100px, 0);
  transition: 1.2s .4s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(100px, 0);
  transition: 1.2s .4s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/* !footerサービスデスク
---------------------------------------------------------- */
.footerDesk {
	width:100%;
	height:400px;
	position:relative;
}
	.footerDesk div.photo {
		position:absolute;
		width:40%;
		height:260px;
		background:url(../img/footer_desk_img.jpg) 50% 50% no-repeat;
		background-size:cover;
		top:70px;
		left:0;
		z-index:2;
	}
	.footerDesk div.inner {
		position:relative;
		z-index:1;
		width:85%;
		height:400px;
		background:#F7F7F7;
		margin-left:15%;
		padding:80px 50px 0 34%;
	}
		.footerDesk div.inner h2 {
			position:relative;
			font-size:15px;
			font-weight:700;
			line-height:1;
			vertical-align:middle;
			padding-top:2.2em;
			margin-bottom:80px;
		}
			.footerDesk div.inner h2 span {
				font-family: 'Roboto', sans-serif;
				font-weight:500;
				font-size:30px;
				color:#000;
				letter-spacing:0.03em;
				display:inline-block;
				margin-right:0.6em;
				vertical-align:middle;
			}
			.footerDesk div.inner h2 span:before {
				position:absolute;
				display:block;
				content:"";
				width:30px;
				height:2px;
				background:#FFE500;
				top:0;
				left:0;
			}
		.footerDesk div.inner ul {
			width:100%;
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between; 
		}
			.footerDesk div.inner ul li {
				width:47%;
			}
				.footerDesk div.inner ul li a {
					display:block;
					position:relative;
					width:100%;
					height:80px;
					line-height:80px;
					font-size:16px;
					font-weight:700;
					color:#000;
					background:#F7F7F7;
					padding:0 1em;
					border-top:1px solid #E5E5E5;
					border-bottom:1px solid #E5E5E5;
					transition:.8s;
					overflow:hidden;
				}
					.footerDesk div.inner ul li a:hover {
						color:#FFF;
						background:#000;
					}
					.footerDesk div.inner ul li a:after {
						position:absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 6px 0 6px 16px;
						border-color: transparent transparent transparent #ffe500;
						top:34px;
						right:12px;
						transition:.2s;
					}
						.footerDesk div.inner ul li a:hover:after {
							right:12px;
							opacity:0;
						}
					.footerDesk div.inner ul li a:before {
						position:absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 6px 0 6px 16px;
						border-color: transparent transparent transparent #ffe500;
						top:34px;
						right:40px;
						transition:.4s;
						opacity:0;
					}
						.footerDesk div.inner ul li a:hover:before {
							right:12px;
							opacity:1;
						}
  
@media screen and (max-width:1039px){
.footerDesk {
	height:350px;
}
	.footerDesk div.photo {
		width:40%;
		height:200px;
		background:url(img/footer_desk_img.jpg) 50% 50% no-repeat;
		background-size:cover;
		top:75px;
	}
	.footerDesk div.inner {
		height:350px;
		padding:50px 50px 0 34%;
	}
		.footerDesk div.inner h2 {
			font-size:13px;
			margin-bottom:50px;
		}
			.footerDesk div.inner h2 span {
				font-size:26px;
			}
		.footerDesk div.inner ul {
			width:80%;
			max-width:300px;
		}
			.footerDesk div.inner ul li {
				width:100%;
			}
				.footerDesk div.inner ul li a {
					height:70px;
					line-height:70px;
					font-size:15px;
				}
				.footerDesk div.inner ul li:first-child a {
					border-bottom:0;
				}
					.footerDesk div.inner ul li a:hover {
						color:#000;
						background:#F7F7F7;
					}
					.footerDesk div.inner ul li a:after {
						top:29px;
					}
						.footerDesk div.inner ul li a:hover:after {
							opacity:1;
						}
					.footerDesk div.inner ul li a:before {
						display:none;
					}
}

@media screen and (max-width:767px){
.footerDesk {
	height:500px;
}
	.footerDesk div.photo {
		width:80%;
		height:200px;
		background:url(img/footer_desk_img.jpg) 50% 50% no-repeat;
		background-size:cover;
		top:-40px;
		left:10%;
	}
	.footerDesk div.inner {
		width:100%;
		height:500px;
		margin-left:0;
		padding:210px 25px 30px 25px;
		margin-top:40px;
	}
		.footerDesk div.inner h2 {
			font-size:12px;
		}
			.footerDesk div.inner h2 span {
				font-size:22px;
			}
		.footerDesk div.inner ul {
			width:250px;
		}
			.footerDesk div.inner ul li {
				width:100%;
			}
				.footerDesk div.inner ul li a {
					height:60px;
					line-height:60px;
					font-size:13px;
				}
					.footerDesk div.inner ul li a:after {
						top:24px;
					}
}

/* !footerバナー
---------------------------------------------------------- */
.footerBnr {
	width:100%;
}
	.footerBnr ul {
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
		.footerBnr ul li {
			width:50%;
		}
			.footerBnr ul li a {
				display:block;
				width:100%;
				height:350px;
				overflow:hidden;
				position:relative;
			}
				.footerBnr ul li a div.bg {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					z-index:3;
					transition: all 1.2s ease-out;
				}
					.footerBnr ul li a:hover div.bg {
						transform: scale(1.1);
					}
				.footerBnr ul li:first-child a div.bg {
					background:url(../img/footer_negotiation_img.jpg) 60% 50% no-repeat;
					background-size:cover;
				}
				.footerBnr ul li:nth-child(2) a div.bg {
					background:url(img/footer_ec_img.jpg) 70% 50% no-repeat;
					background-size:cover;
				}
				.footerBnr ul li a div.mask {
					position:absolute;
					width:100%;
					height:100%;
					background:rgba(0, 0, 0, .5);
					top:0;
					left:0;
					z-index:4;
					transition:.8s;
				}
					.footerBnr ul li a:hover div.mask {
						background:rgba(0, 0, 0, .2);
					}
				.footerBnr ul li a p {
					position:absolute;
					font-size:16px;
					font-weight:700;
					color:#FFF;
					line-height:1.6;
					bottom:40px;
					left:40px;
					z-index:5;
				}
					.footerBnr ul li a p span.en {
						display:block;
						font-family: 'Roboto', sans-serif;
						font-weight:500;
						font-size:30px;
						color:#FFF;
						letter-spacing:0.03em;
					}
				.footerBnr ul li a div.arrow {
					position:absolute;
					width:40px;
					height:40px;
					border:1px solid #FFF;
					border-radius:50%;
					bottom:50px;
					right:40px;
					z-index:6;
					transition:.6s;
				}
					.footerBnr ul li a div.arrow:before {
						display:block;
						position:absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 6px 0 6px 16px;
						border-color: transparent transparent transparent #ffe500;
						top:13px;
						left:13px;
					}
					.footerBnr ul li a:hover div.arrow {
						background:#FFF;
					}
			.footerBnr ul li div.ec {
				display:block;
				width:100%;
				height:350px;
				overflow:hidden;
				position:relative;
			}
				.footerBnr ul li div.ec div.bg {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					z-index:3;
					background:url(../img/footer_ec_img.jpg) 50% 50% no-repeat;
					background-size:cover;
				}
				.footerBnr ul li div.ec div.mask {
					position:absolute;
					width:100%;
					height:100%;
					background:rgba(0, 0, 0, .5);
					top:0;
					left:0;
					z-index:4;
					transition:.8s;
				}
				.footerBnr ul li div.ec p {
					position:absolute;
					font-size:16px;
					font-weight:700;
					color:#FFF;
					line-height:1.6;
					bottom:40px;
					left:40px;
					z-index:5;
				}
					.footerBnr ul li div.ec p span.en {
						display:block;
						font-family: 'Roboto', sans-serif;
						font-weight:500;
						font-size:30px;
						color:#FFF;
						letter-spacing:0.03em;
					}
			.footerBnr ul li div.webMeeting {
				display:block;
				width:100%;
				height:350px;
				overflow:hidden;
				position:relative;
			}
				.footerBnr ul li div.webMeeting div.bg {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					z-index:3;
					background:url(../img/footer_negotiation_img.jpg) 50% 50% no-repeat;
					background-size:cover;
				}
				.footerBnr ul li div.webMeeting div.mask {
					position:absolute;
					width:100%;
					height:100%;
					background:rgba(0, 0, 0, .5);
					top:0;
					left:0;
					z-index:4;
					transition:.8s;
				}
				.footerBnr ul li div.webMeeting p {
					position:absolute;
					font-size:16px;
					font-weight:700;
					color:#FFF;
					line-height:1.6;
					bottom:40px;
					left:40px;
					z-index:5;
				}
					.footerBnr ul li div.webMeeting p span.en {
						display:block;
						font-family: 'Roboto', sans-serif;
						font-weight:500;
						font-size:30px;
						color:#FFF;
						letter-spacing:0.03em;
					}
  
@media screen and (max-width:1039px){
			.footerBnr ul li a {
				height:280px;
			}
					.footerBnr ul li a:hover div.bg {
						transform: none;
					}
				.footerBnr ul li:first-child a div.bg {
					background:url(img/footer_negotiation_img.jpg) 70% 50% no-repeat;
					background-size:cover;
				}
				.footerBnr ul li:nth-child(2) a div.bg {
					background:url(img/footer_ec_img.jpg) 80% 50% no-repeat;
					background-size:cover;
				}
					.footerBnr ul li a:hover div.mask {
						background:rgba(0, 0, 0, .5);
					}
				.footerBnr ul li a p {
					font-size:14px;
					bottom:80px;
					left:25px;
				}
					.footerBnr ul li a p span.en {
						font-size:24px;
					}
				.footerBnr ul li a div.arrow {
					bottom:25px;
					right:auto;
					left:25px;
				}
					.footerBnr ul li a:hover div.arrow {
						background:none;
					}
			.footerBnr ul li div.ec {
				height:280px;
			}
				.footerBnr ul li div.ec p {
					font-size:14px;
					bottom:80px;
					left:25px;
				}
					.footerBnr ul li div.ec p span.en {
						font-size:24px;
					}
			.footerBnr ul li div.webMeeting {
				height:280px;
			}
				.footerBnr ul li div.webMeeting p {
					font-size:14px;
					bottom:80px;
					left:25px;
				}
					.footerBnr ul li div.webMeeting p span.en {
						font-size:24px;
					}
}

@media screen and (max-width:767px){
	.footerBnr ul {
		background:#222;
	}
		.footerBnr ul li {
			width:100%;
			margin-bottom:1px;
		}
			.footerBnr ul li a {
				height:200px;
			}
				.footerBnr ul li a p {
					font-size:13px;
					bottom:75px;
					left:25px;
				}
					.footerBnr ul li a p span.en {
						font-size:22px;
					}
				.footerBnr ul li a div.arrow {
					bottom:20px;
					left:25px;
				}
			.footerBnr ul li div.ec {
				height:200px;
			}
				.footerBnr ul li div.ec p {
					font-size:13px;
					bottom:25px;
					left:25px;
				}
					.footerBnr ul li div.ec p span.en {
						font-size:22px;
					}
			.footerBnr ul li div.webMeeting {
				height:200px;
			}
				.footerBnr ul li div.webMeeting p {
					font-size:13px;
					bottom:25px;
					left:25px;
				}
					.footerBnr ul li div.webMeeting p span.en {
						font-size:22px;
					}
}

/* !パンくず
---------------------------------------------------------- */
#breadcrumb {
	width:100%;
	padding:1.8em 50px 0 50px;
}

#breadcrumb ul {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

#breadcrumb ul li {
	display:inline-block;
	font-size:12px;
	color:#666;
	line-height:1.6;
}

#breadcrumb li:after {
	color:#000;
	content:"―";
	padding:0 1.2em;
}

#breadcrumb li:last-child:after {
	content:none;
}

#breadcrumb li a {
	text-decoration: none;
	color:#000;
	transition:.6s;
}

#breadcrumb li a:hover {
	color: #666;
}

@media screen and (max-width:1039px){
#breadcrumb {
	padding:1.8em 30px 0 30px;
}

#breadcrumb li a:hover {
	color:#000;
}
}

@media screen and (max-width:767px){
#breadcrumb {
	padding:1.6em 25px 0 25px;
}

#breadcrumb ul li {
	font-size:10px;
}

#breadcrumb li:after {
	padding:0 0.8em;
}
}

@media screen and (max-width:360px){
#breadcrumb li:after {
	padding:0 0.6em;
}
}

/* !h(n)eading
---------------------------------------------------------- */
.tit_basic01 {
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.6;
	border-top:2px solid #F2F2F2;
	padding-top:1.2em;
	margin-bottom:35px;
}
	.tit_basic01:before {
		position:absolute;
		display:block;
		content:"";
		width:20px;
		height:2px;
		background:#FFE500;
		top:-2px;
		left:0;
	}
	
.tit_basic02 {
	position:relative;
	font-size:20px;
	font-weight:700;
	line-height:1.6;
	padding-left:26px;
	margin-bottom:30px;
}
	.tit_basic02:before {
		position:absolute;
		display:block;
		content:"";
		width:6px;
		height:6px;
		border:3px solid #FFE500;
		top:12px;
		left:0;
	}

@media screen and (max-width:1039px){
.tit_basic01 {
	font-size:22px;
	margin-bottom:30px;
}

.tit_basic02 {
	font-size:18px;
	padding-left:24px;
	margin-bottom:25px;
}
	.tit_basic02:before {
		top:10px;
	}
}

@media screen and (max-width:767px){
.tit_basic01 {
	font-size:16px;
	margin-bottom:25px;
}
	.tit_basic01:before {
		width:15px;
	}
	
.tit_basic02 {
	font-size:15px;
	padding-left:22px;
	margin-bottom:20px;
}
	.tit_basic02:before {
		top:7px;
	}
}

/* !Listing
---------------------------------------------------------- */
ul.iconList {
	width:100%;
}
	ul.iconList li {
		position:relative;
		padding-left:1.2em;
		margin-bottom:15px;
	}
	ul.iconList li:last-child {
		margin-bottom:0;
	}
		ul.iconList li:before {
			position:absolute;
			content:"";
			width:6px;
			height:6px;
			background:#64B4F4;
			border-radius:50%;
			top:13px;
			left:0;
		}
ul.circle li {
	list-style:circle;
	margin:0 0 10px 20px;
}
	ul.circle li:last-child {
		margin-bottom:0;
	}
	
ol.numList {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
	ol.numList li {
		margin-bottom: 10px;
		padding-left: 34px;
		position: relative;
	}
	ol.numList li:last-child {
		margin-bottom: 0;
	}
		ol.numList li:before {
			position:absolute;
			content: counter(my-counter);
			counter-increment: my-counter;
			background-color: #FFE500;
			font-size:12px;
			font-weight:500;
			color: #000;
			display: block;
			float: left;
			line-height: 20px;
			text-align: center;
			height: 22px;
			width: 22px;
			border-radius: 50%;
			top:5px;
			left:0;
		}

ol.numList2 li {
	list-style:decimal;
	margin:0 0 15px 20px;
}
	ol.numList2 li:last-child {
		margin-bottom:0;
	}
	
@media screen and (max-width:1039px){
		ul.iconList li:before {
			top:11px;
		}
}

@media screen and (max-width:767px){
		ul.iconList li:before {
			top:11px;
		}
	ol.numList li {
		padding-left: 30px;
	}
		ol.numList li:before {
			top:3px;
		}
}

/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border:1px solid #DDD;
}
	.table_basic01 th,
	.table_basic01 td {
		padding: 1em 1em;
	}
	.table_basic01 th {
		width:25%;
		font-weight:700;
		background:#ECEEEE;
		vertical-align:top;
		border-bottom:1px solid #DDD;
	}
	.table_basic01 td {
		width:75%;
		background:#FFF;
		vertical-align:top;
		border-bottom:1px solid #DDD;
	}
		.table_basic01 tr:last-child th {
			border-bottom:0;
		}
		.table_basic01 tr:last-child td {
			border-bottom:0;
		}
		
.table_basic02 {
	width: 100%;
	border-collapse:collapse;
}
	.table_basic02 th,
	.table_basic02 td {
		padding: 0.8em 1em;
	}
	.table_basic02 th {
		width:50%;
		font-weight:700;
		text-align:center;
		vertical-align:top;
		color:#FFF;
		background:#45B038;
		border:1px solid #DDD;
	}
	.table_basic02 td {
		width:50%;
		vertical-align:top;
		border:1px solid #DDD;
	}
	.table_basic02 td.bgColor {
		background:#FCF9E1;
	}
	
.table_basic03 {
	width: 100%;
	border-collapse: separate;
}
	.table_basic03 th,
	.table_basic03 td {
		padding: 0;
	}
	.table_basic03 th {
		width:25%;
		font-weight:700;
		vertical-align:top;
		padding:1.8em 1em;
		border-bottom:1px solid #ECECEC;
	}
		.table_basic03 tr:first-child th {
			border-top:1px solid #ECECEC;
		}
	.table_basic03 td {
		width:75%;
		padding:1.8em 1em;
		border-bottom:1px solid #ECECEC;
	}
		.table_basic03 tr:first-child td {
			border-top:1px solid #ECECEC;
		}
	
@media screen and (max-width:1039px){
	.table_basic01 th {
		width:30%;
	}
	.table_basic01 td {
		width:70%;
	}
	
	.table_basic03 th {
		width:30%;
		padding:1.8em 0;
	}
	.table_basic03 td {
		width:70%;
		padding:1.8em 0;
	}
}

@media screen and (max-width:767px){
.table_basic01 {
	width: 100%;
}
	.table_basic01,
	.table_basic01 thead,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td {
		width: 100%;
		display: block;
		
	}
	.table_basic01 th {
		padding: 0.8em;
		border-bottom:0;
	}
	.table_basic01 td {
		padding: 0.8em;
		border-bottom:1px solid #DDD;
	}
		.table_basic01 tr:first-child td {
			border-top:0;
		}
		
	.table_basic02 th,
	.table_basic02 td {
		padding: 0.6em 0.6em;
	}
		
.table_basic03 {
	width: 100%;
}
	.table_basic03,
	.table_basic03 thead,
	.table_basic03 tbody,
	.table_basic03 tr,
	.table_basic03 th,
	.table_basic03 td {
		width: 100%;
		display: block;
		
	}
	.table_basic03 th {
		padding: 1.4em 0 0 0;
		border-bottom:0;
	}
	.table_basic03 td {
		padding: 0.6em 0 1.4em 0;
		border-bottom:1px solid #EAEBEC;
	}
		.table_basic03 tr:first-child td {
			border-top:0;
		}
}

/*フォーム--------------------------------------*/
span.label {
	display:inline-block;
	padding:1px 5px;
	background-color:#E84058;
	color:#FFF;
	font-size:10px;
	margin-left:7px;
	border-radius:3px;
}

input.norm {
	width:90%;
	background-color:#FFF;
	border:1px solid #DDD;
	padding:8px 10px;
}

input.short {
	width:50%;
	background-color:#FFF;
	border:1px solid #DDD;
	padding:5px 10px;
}

input.exshort {
	width:20%;
	background-color:#FFF;
	border:1px solid #DDD;
	padding:5px 10px;
}

select {
	width:50%;
	background-color:#FFF;
	border:1px solid #DDD;
	padding:10px 10px;
}
	select option{
		margin-bottom:5px;
	}

textarea.norm {
	width:100%;
	height:150px;
	background-color:#FFF;
	border:1px solid #DDD;
	padding:5px 10px;
}

label.check {
	display:inline-block;
	padding:6px 12px;
	border:1px solid #DDD;
	margin-bottom:10px;
	margin-right:5px;
}

input.btn_confirm {
	width:100%;
	height:80px;
	background:#000;
	font-size:18px;
	font-weight:700;
	color:#FFF;
	line-height:80px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
	input.btn_confirm:hover {
		background:#FFE500;
		color:#000;
	}

p.confirmBtn {
	display:flex;
}
input.btn_submit {
	width:70%;
	height:80px;
	background:#000;
	font-size:18px;
	font-weight:700;
	color:#FFF;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
	
}
	input.btn_submit:hover {
		background:#FFE500;
		color:#000;
	}

input.btn_back {
	width:30%;
	height:80px;
	background:#999;
	font-size:18px;
	font-weight:700;
	color:#FFF;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
	input.btn_back:hover {
		background-color:#CCC;
	}

@media screen and (max-width:1039px){
input.norm {
	width:100%;
}

input.short {
	width:60%;
}

input.exshort {
	width:30%;
}

label.check {
	width:100%;
}

textarea.norm {
	width:100%;
}

input.btn_confirm {
	font-size:17px;
}
	input.btn_confirm:hover {
		background:#000;
		color:#FFF;
	}
	
input.btn_submit {
	font-size:17px;
	
}
	input.btn_submit:hover {
		background:#000;
		color:#FFF;
	}

input.btn_back {
	font-size:17px;
}
	input.btn_back:hover {
		background:#999;
	}
}

@media screen and (max-width:767px){
input.norm {
	width:100%;
}

input.short {
	width:60%;
}

input.exshort {
	width:40%;
}

select {
	width:60%;
}

label.check {
	width:100%;
}

textarea.norm {
	width:100%;
}

input.btn_confirm {
	height:70px;
	font-size:15px;
	line-height:70px;
}

input.btn_submit {
	height:70px;
	font-size:15px;
	line-height:70px;
	
}

input.btn_back {
	height:70px;
	font-size:15px;
	line-height:70px;
}
}

/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}

a.txtLink {
	color: #000;
	text-decoration:underline;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
a.txtLink:visited {}
a.txtLink:hover,
a.txtLink:active,
a.txtLink:focus { text-decoration: none;}
a.txtLink:hover { opacity:0.7;}

p { word-wrap: break-word;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  76%;}/* base 16px -> 12px */
.fzS   { font-size:  86%;}/* base 16px -> 14px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 113%;}/* base 16px -> 18px */
.fzLL  { font-size: 125%;}/* base 16px -> 20px */
.fzLLL { font-size: 138%;}/* base 16px -> 22px */
.fz24 { font-size: 24px;}
@media screen and (max-width:1039px){
a.txtLink:hover { opacity:1;}
}
@media screen and (max-width:767px){
.fz24 { font-size: 16px;}
}
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 25px; max-width:280px;}
.flImgR { display: inline; float: right; margin-left: 25px; max-width:280px;}

@media screen and (max-width:767px){
.flImgL { display: block; float: none; margin:0 auto 20px auto; width:100%; max-width:280px;}
.flImgR { display: block; float: none; margin:0 auto 20px auto; width:100%; max-width:280px;}
}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}
.maxW1000 {max-width:1000px; margin-left:auto; margin-right:auto;}

/* !Format ------------------------------------------------------------------ */
a.link {
	position: relative;
	display: inline-block;
	font-weight: 700;
	padding:0.4em 3em 0.4em 1.6em;
	border: 1px solid #000;
	border-radius: 30px;
	transition:.4s;
}
	a.link:hover {
		color:#FFF;
		background:#000;
	}
	a.link:after {
		position:absolute;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 16px;
		border-color: transparent transparent transparent #ffe500;
		top:50%;
		margin-top: -6px;
		right:12px;
		transition:.2s;
	}
		a.link:hover:after {
			right:12px;
			opacity:0;
		}
	a.link:before {
		position:absolute;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 16px;
		border-color: transparent transparent transparent #ffe500;
		top:50%;
		margin-top: -6px;
		right:40px;
		transition:.4s;
		opacity:0;
	}
		a.link:hover:before {
			right:12px;
			opacity:1;
		}

.fcRed{ color:#F44138;}
.fcBlack{ color:#192226;}

br.pcNon{ display:none;}
br.pctbNon{ display:none;}
br.spin{ display:none;}

@media screen and (max-width:1039px){
	a.link:hover {
		color:#000;
		background:#FFF;
	}
		a.link:hover:after {
			opacity:1;
		}
	a.link:before {
		display:none;
	}
		
br.pcNon{ display:inherit;}
br.tb{ display:none;}
}
@media screen and (max-width:767px){
	
br.pctbNon{ display:inherit;}
br.sp{ display:none;}
br.spin{ display:inherit;}
}

/* !Margin ------------------------------------------------------------------ */
.mBtm00 { margin-bottom: 0   !important;}
.mBtm10 { margin-bottom: 10px   !important;}
.mBtm15 { margin-bottom: 15px   !important;}
.mBtm20 { margin-bottom: 20px   !important;}
.mBtm30 { margin-bottom: 30px   !important;}
.mBtm40 { margin-bottom: 40px   !important;}
.mBtm50 { margin-bottom: 50px   !important;}
.mBtm60 { margin-bottom: 60px   !important;}
.mBtm70 { margin-bottom: 70px   !important;}
.mBtm80 { margin-bottom: 80px   !important;}
.mBtm90 { margin-bottom: 90px   !important;}
.mBtm100 { margin-bottom: 100px   !important;}

@media screen and (max-width:1039px){
.mBtm00 { margin-bottom: 0   !important;}
.mBtm10 { margin-bottom: 10px   !important;}
.mBtm15 { margin-bottom: 15px   !important;}
.mBtm20 { margin-bottom: 20px   !important;}
.mBtm30 { margin-bottom: 30px   !important;}
.mBtm40 { margin-bottom: 40px   !important;}
.mBtm50 { margin-bottom: 50px   !important;}
.mBtm60 { margin-bottom: 50px   !important;}
.mBtm70 { margin-bottom: 60px   !important;}
.mBtm80 { margin-bottom: 70px   !important;}
.mBtm90 { margin-bottom: 70px   !important;}
.mBtm100 { margin-bottom: 90px   !important;}
}

@media screen and (max-width:767px){
.mBtm00 { margin-bottom: 0   !important;}
.mBtm10 { margin-bottom: 10px   !important;}
.mBtm15 { margin-bottom: 15px   !important;}
.mBtm20 { margin-bottom: 20px   !important;}
.mBtm30 { margin-bottom: 30px   !important;}
.mBtm40 { margin-bottom: 40px   !important;}
.mBtm50 { margin-bottom: 40px   !important;}
.mBtm60 { margin-bottom: 50px   !important;}
.mBtm70 { margin-bottom: 60px   !important;}
.mBtm80 { margin-bottom: 60px   !important;}
.mBtm90 { margin-bottom: 70px   !important;}
.mBtm100 { margin-bottom: 80px   !important;}
}

.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !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;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !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;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !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;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !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;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !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;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !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;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !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;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/* !icon  ---------------------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3sw8pi');
  src:  url('../fonts/icomoon.eot?3sw8pi#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3sw8pi') format('truetype'),
    url('../fonts/icomoon.woff?3sw8pi') format('woff'),
    url('../fonts/icomoon.svg?3sw8pi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calc:before {
  content: "\e900";
}
.icon-pc:before {
  content: "\e901";
}
.icon-mail:before {
  content: "\e902";
}
.icon-cart:before {
  content: "\e903";
}