@charset "utf-8";


/*resetCSS*/
html{
color:#000;
background:#FFF;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
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:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#container{ width:100%; }
#contentWrapper{
width:990px;
margin:0 auto;
}
#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-family: "Noto Sans Japanese";
}

*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

h1{
font-size:145%;
font-weight:bold;
margin-bottom:30px;
}
h1 span{ }
h2{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
}
h2 span{ }
h3{
font-size:110%;
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}
p{ font-size:16px;
margin-bottom:1.5em;
line-height:180%; }
.anchor a{ }

a{
text-decoration: none;
color: #f96033;
}
a:hover{
text-decoration:underline;
}

/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}

/* フォント指定
=========================================================================================== */

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Thin.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

/*--------------------ここまで-----------------------------------*/


/* Header Setting
=========================================================================================== */
#HeaderSet{
	width:100%;
	height:80px;
	padding:15px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#FFF;
}
#HeaderSetInner{
	width:1080px;
	margin:0 auto;
}
#HeaderSetInner:after{
	content: "";
    display: block;
    clear: both;
}
#headerLogo{
	display:inline-block;
	float:left;
	width:400px;
	/*height:45px;*/
	margin-bottom:0;
}
#headerLogo a{
	display:block;
	font-size: 0;
}
#headerLogo a:hover{
	opacity: 0.7;
	transition: all .3s;
}
#headerLogo img{
	width:100%;
}
.gnav{
	display:inline-block;
	width:680px;
}
.gnav ul{
	float:right;
}
.gnav ul:after{
	content: "";
    display: block;
    clear: both;
}
.gnav ul li{
	float:left;
	padding:0 0.8em;
	height:45px;
	display:table;
}
.gnav ul li a{
	display:table-cell;
	vertical-align:middle;
	color:#000;
	position: relative;
	text-decoration:none;
}
.gnav ul li a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #f96033;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.gnav ul li a:hover:after {
	bottom: -4px;
	opacity: 1;
	visibility: visible;
}

.gnav ul li.contact{
	padding-right:0;
}
.gnav ul li.contact a{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;	
	display:inline-block;
	padding:0.5em 1em;
	border-radius: 3em;
	color:#FFF;
	position:relative;
}
.gnav ul li.contact a:hover {
    background-position: -100% 100%;
	text-decoration:none;
	border-bottom:none;
}
.gnav ul li.contact a:before {
    font-family: "icomoon";
    content: '\ea84';
    font-size: 16px;
	margin-right:0.5em;
}
.gnav ul li.contact a:after{
	content:none;
}
/****メインビジュアル****/
#contentsHead{
	margin-top:80px;
	margin-bottom:20px;
}
#contentsHead #mainVisual h1{
	text-align:center;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	color:#FFF;
	margin:0;
	padding:4em 0;
	font-size:36px;
	text-shadow:0px 0px 10px #333;
}
#contentsHead #mainVisual.aboutMV h1{
	background-image:url(../images/about/mainvisual.jpg);
}
#contentsHead #mainVisual.flowMV h1{
	background-image:url(../images/flow/mainvisual.jpg);
}
#contentsHead #mainVisual.serviceMV h1{
	background-image:url(../images/service/mainvisual.jpg);
}
#contentsHead #mainVisual.worksMV h1{
	background-image:url(../images/works/mainvisual.jpg);
}
#contentsHead #mainVisual.priceMV h1{
	background-image:url(../images/price/mainvisual.jpg);
}
#contentsHead #mainVisual.contactMV h1{
	background-image:url(../images/contact/mainvisual.jpg);
}
#contentsHead #mainVisual.blogMV h1{
	background-image:url(../images/blog/mainvisual.jpg);
}

/****パンくず****/
ul#path{
	width:1080px;
	margin:0 auto;
	font-size:12px;
	margin-bottom:50px;
}
ul#path:after{
	content: "";
    display: block;
    clear: both;
}
ul#path li{
	float:left;
    padding: 0 10px;
    position: relative;
}
ul#path li:after {
    font-family: "icomoon";
    content: '\e906';
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color:#f96033;
}
ul#path li:first-child{
	padding-left:0;
}
ul#path li:last-child:after{
	content:none;
}
ul#path li a{
	margin-right:2em;
	color:#f96033;
}
/* ALL Setting
=========================================================================================== */
#sub{
	padding-bottom:30px;
}
#sub section{
	width:1080px;
	margin:0 auto;
	padding:0 0 60px;
}
h2.h2Style1{
	font-size:28px;
}
h2.h2Style2{
	font-size:28px;
	margin-bottom:1em;
}
h2.h2Style2 span{
	font-size:16px;
	display:block;
	color:#f96033;
}
h2.h2Style3{
	font-size:28px;
	text-align:center;
	margin-bottom:1.5em;
}
h2.h2Style3 span{
	font-size:16px;
	display:block;
	color:#f96033;
}
h2.h2Style4{
	font-size:28px;
	margin-bottom:2em;
	letter-spacing:0.1em;
	position: relative;
	margin-top:0;
}
h2.h2Style4:after {
    content: "";
    display: block;
    width: 100px;
    height: 6px;
    position: absolute;
    bottom: -30px;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#ff5858), to(#f09819));
    background: linear-gradient(90deg, #ff5858, #f09819);
}
h3.h3Style1{
	font-size:18px;
	color:#2084b9;
	/*color:#46C4DB;*/
}
h3.h3Style2{
	font-size:18px;
	color:#FFF;
	background: -webkit-gradient(linear, left top, right top, from(#0FD8B1), to(#46C4DB));
	background: linear-gradient(90deg, #0FD8B1, #46C4DB);
	padding:0.5em 1em;
	display:inline-block;
	margin-bottom:2em;
}
h3.h3Style3{
	color:#23a4bb;
	font-size:22px;
	margin-top:0;
}
h3.h3Style3 span{
	color: #FFF;
	font-weight:bold;
	font-size:28px;
	padding:0 16px;
	vertical-align: middle;
    background: -webkit-gradient(linear, left top, right top, from(#0FD8B1), to(#46C4DB));
    background: linear-gradient(90deg, #0FD8B1, #46C4DB);
    display: inline-block;
	margin-right:0.5em;
}
h4.h4Style1{
	letter-spacing:0.1em;
	display:inline-block;
	border-bottom: 2px solid;
	border-image: -webkit-gradient(linear, left top, right top, from(#0FD8B1), to(#46C4DB));
    border-image: linear-gradient(90deg, #0FD8B1, #46C4DB);
    border-image-slice: 1;
	padding-bottom:10px;
}
.textSmall1{
	font-size:90%;
}
.bgGray{
	background:#F2F2F2;
}
.bgOrangeGds{
	background:linear-gradient(to left, #FFE6E6, #FDF0DD);
}
.boxPatternA{
	padding:2em 3em;
	background:linear-gradient(to left, #FFE6E6, #FDF0DD);
}
.boxPatternB{
	padding:1em 2em;
	background:#F2F2F2;
}
.rightAdjust{
	text-align: right;
}
.centerAdjust{
	text-align:center;
}
ul.listStyle1{
	margin-bottom:2em;
}
ul.listStyle1 li{
	padding-left: 1.5em;
    text-indent: -1.5em;
	margin-bottom:1em;
}
ul.listStyle1 li:before {
	content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #2084b9;
    border-radius:  50%;
    margin-right: 0.7em;
}

ul.checkListStyle1:after{
	content: "";
    display: block;
    clear: both;
}
ul.checkListStyle1 li{
	position:relative;
	padding-left:24px;
	margin-bottom:1em;
	width:48%;
	float:left;
}
ul.checkListStyle1 li:nth-child(even){
	margin-left:4%;
}
ul.checkListStyle1 li:before,
ul.checkListStyle1 li:after{
	content:"";
	display:block;
	position:absolute;
}
ul.checkListStyle1 li:before{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#26d0c3;
	left:0;
	top: 4px;
}
ul.checkListStyle1 li:after{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	width:8px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:8px;
}

ul.checkListStyle2 li{
	padding-left:24px;
	margin-bottom:0.5em;
	position:relative;
}
ul.checkListStyle2 li:before,
ul.checkListStyle2 li:after{
	content:"";
	display:block;
	position:absolute;
}
ul.checkListStyle2 li:before{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#26d0c3;
	left:0;
	top: 4px;
}
ul.checkListStyle2 li:after{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	width:8px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:8px;
}

ul.technicalList:after{
	content: "";
    display: block;
    clear: both;
}
ul.technicalList li{
	display:inline-block;
	padding:0.2em 1em;
	color:#FFF;
	background:#2084b9;
	font-size:14px;
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
}

ol.noListStyle1{
	margin-bottom:3em;
}
ol.noListStyle1 li:after{
	content: "";
    display: block;
    clear: both;
}
ol.noListStyle1 li{	
	border:2px solid #f96033;
	margin-bottom:2em;
	border-radius: 10px;
	overflow:hidden;
	display:table;
	width:100%;
}
ol.noListStyle1 li .no{
	display: table-cell;
	vertical-align:middle;
	width:100px;
	padding:10px;
	background:#f96033;
	text-align:center;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}
ol.noListStyle1 li .no em{
	display:block;
	font-size:16px;
}
ol.noListStyle1 li .text{
	display: table-cell;
	width: calc(100% - 100px);
	padding:1.5em 2em;
}
dl.dateListStyle1 dt{
	float: left;
    clear: both;
}
dl.dateListStyle1 dd{
	margin: 0 0 0 5em;
}

.banner img{
    width: 100%;
}
.banner a:hover{
    opacity:0.7;
    transition: .3s;
}
.newsList{
	margin-bottom:20px;
}
.newsList li{
	border-top:1px solid #CCC;
}
.newsList li:last-child{
	border-bottom:1px solid #CCC;
}
.newsList a{
	display:block;
	padding:0.8em 0;
	color:#000;
}
.newsList a:hover{
	text-decoration:none;
	background:#F2F2F2;
	transition: all .3s;
}
.newsList .cate{
	background:#f96033;
	display:inline-block;
	padding:0.2em 1.5em;
	color:#FFF;
	margin-right:2em;
}
.newsList .date{
	margin-right:2em;
}
.newsList p{
	display:inline-block;
	margin-bottom:0;
}
ul.aboutProfileList li{
	margin-bottom:0;
}

.btnStyle1 a{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;	
	display:inline-block;
	padding:0.8em 3em;
	border-radius: 3em;
	color:#FFF;
	position:relative;
}
.btnStyle1 a:hover {
    background-position: -100% 100%;
	text-decoration:none;
}
.btnStyle1 a:before {
    font-family: "icomoon";
    content: '\e906';
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.btnStyle2 a{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;	
	display:inline-block;
	padding:0.8em 3em;
	border-radius: 3em;
	color:#FFF;
	position:relative;
	font-size:18px;
}
.btnStyle2 a:hover {
    background-position: -100% 100%;
	text-decoration:none;
}
.btnStyle2 a:before {
    font-family: "icomoon";
    content: '\e906';
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.halfBtnStyle1:after{
	content: "";
    display: block;
    clear: both;
}
.halfBtnStyle1 li{
	float:left;
	width:48%;
	text-align:center;
}
.halfBtnStyle1 li:last-child{
	margin-left:4%;
}
.halfBtnStyle1 li a{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	display:block;
	padding:0.5em 0;
	border-radius: 3em;
	color:#FFF;
	font-size:30px;
}
.halfBtnStyle1 li a:hover {
    background-position: -100% 100%;
	text-decoration:none;
}
.halfBtnStyle1 li span{
	display:block;
	font-size:14px;
}
.halfBtnStyle1 li a .tel:before {
    font-family: "icomoon";
    content: '\e942';
	margin-right:0.5em;
	font-weight:normal;
}
.halfBtnStyle1 li a .mail:before {
    font-family: "icomoon";
    content: '\ea84';
	margin-right:0.5em;
	font-weight:normal;
}
.halfBtnStyle1 li em{
	font-size:14px;
}
.columnSet:after{
	content: "";
    display: block;
    clear: both;
}
.columnSet .column2{
	width:522px;
	float:left;
	margin-left:36px;
}
.columnSet .column2:first-child{
	margin-left:0;
}
.columnSet .column2 img{
	width:100%;
}
.columnSet .column3{
	width:336px;
	float:left;
	margin-left:36px;
	margin-bottom:36px;
}
.columnSet .column3:nth-child(3n+1){
	margin-left:0;
}
.columnSet .column3 img{
	width:100%;
}
.columnSet .column4{
	width:243px;
	float:left;
	margin-left:36px;
	margin-bottom:36px;
}
.columnSet .column4:nth-child(4n+1){
	margin-left:0;
}
.columnSet .column4 img{
	width:100%;
}
.columnSet .column70L{
	width:68%;
	float:left;
}
.columnSet .column30R{
	width:28%;
	float:left;
	margin-left:4%;
}
.columnSet .column30R img{
	max-width:100%;
}
.columnSet .columnImgR_up{
	width:36%;
	float: right;
	margin-left:4%;
}
.columnSet .columnImgR_up img{
	max-width:100%;
}
.columnSet .columnTextL_down{
	width:60%;
	float:left;
}


.centerColumnSet{
	text-align:center;
}
.centerColumnSet p{
	text-align:left;
}
.serviceColumnSet .column2{
	margin-bottom:3em;
}
.serviceColumnSet .column2:nth-child(2n+1){
	margin-left:0;
}
.serviceColumnSet .column2 .imgOnlyStyle{
	margin-bottom:0;
}
.serviceColumnSet .column2 h3{
	text-align:center;
}
.flowColumnSet{
	/*background:#F2F2F2;*/
	/*padding:1.5em 2em;*/
	padding:2em 0;
	display:table;
	margin-bottom:80px;
	position:relative;
}
.flowColumnSet:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -34px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #d0f9f1 transparent transparent transparent;
    border-width: 34px 48px 0 48px;
}
.flowColumnSet:last-child{
	margin-bottom:0;
}
.flowColumnSet:last-child:before{
	content: none;
}
.flowColumnSet .column20L{
	width:20%;
	display:table-cell;
	vertical-align:middle;
	/*float:left;*/
}
.flowColumnSet .column20L img{
	max-width:100%;
}
.flowColumnSet .column80R{
	display:table-cell;
	vertical-align:middle;
	padding-left:4%;
	/*width:76%;
	float:left;
	margin-left:4%;*/
}

.exampleColumnSet .example01{
	border:1px solid #0FD8B1;
}
.exampleColumnSet .example01 h3{
	padding:1.5em 0;
	background:#0FD8B1;
	color:#FFF;
	text-align:center;
	margin:0;
	font-size: 22px;
}
.exampleColumnSet .example01 p span{
	border:1px solid #0FD8B1;
	background:#FFF;
	padding:0.5em 1em;
	border-radius: 3em;
	font-weight:bold;
	font-size:18px;
}
.exampleColumnSet .example01 .inner h4{
	text-align:center;
	margin-bottom:0.5em;
	background:#0FD8B1;
	padding:0.5em 2em;
	border-radius: 3em;
	color:#FFF;
	font-weight: normal;
    font-size: 18px;
}
.exampleColumnSet .example01 .exampleList li{
	border-bottom:1px solid #0FD8B1;
	padding:0.5em 0;
	text-align:center;
}

.exampleColumnSet .example02{
	border:1px solid #46C4DB;
}
.exampleColumnSet .example02 h3{
	padding:1.5em 0;
	background:#46C4DB;
	color:#FFF;
	text-align:center;
	margin:0;
	font-size: 22px;
}
.exampleColumnSet .example02 p span{
	border:1px solid #46C4DB;
	background:#FFF;
	padding:0.5em 1em;
	border-radius: 3em;
	font-weight:bold;
	font-size:18px;
}
.exampleColumnSet .example02 .inner h4{
	text-align:center;
	margin-bottom:0.5em;
	background:#46C4DB;
	padding:0.5em 2em;
	border-radius: 3em;
	color:#FFF;
	font-weight: normal;
    font-size: 18px;
}
.exampleColumnSet .example02 .exampleList li{
	border-bottom:1px solid #46C4DB;
	padding:0.5em 0;
	text-align:center;
}

.exampleColumnSet p{
	text-align:center;
	padding:2em 0;
	background:#F2F2F2;
}
.exampleColumnSet p strong{
	font-size:28px;
	display:block;
	margin-bottom:30px;
}
.exampleColumnSet .inner{
	padding:0 2em 2em;
}
.exampleColumnSet .exampleList{
	margin-bottom:2em;
}


.worksColumnSet .column2:nth-child(2n+1){
	margin-left:0;
}
.worksColumnSet .column2{
	margin-bottom:3em;
}
.worksColumnSet .imgOnlyStyle{
	margin-bottom:0;	
}
.worksColumnSet .imgOnlyStyle a{
	transition: 0.3s;
}
.worksColumnSet .imgOnlyStyle a:hover{
	opacity: 0.7;
}
.worksColumnSet h3{
	margin-bottom:0;
}
.worksColumnSet p{
	margin-bottom:0.5em;
}
.worksColumnSet ul{
	margin-bottom:0.5em;
}

.tableStyle1{
	width:100%;
	margin-bottom:30px;
}
.tableStyle1 th,
.tableStyle1 td{
	border:#ccc solid 1px;
	padding:20px;
}
.tableStyle1 th{
	background:#f96033;
	color:#FFF;
	font-weight:normal;
}
.tableStyle1 td{
	background:#FFF;
}

.tableStyle2{
	width:100%;
	margin-bottom:30px;
}
.tableStyle2 caption{
	margin-bottom:0.5em;
	font-size:18px;
}
.tableStyle2 th,
.tableStyle2 td{
	border:#ccc solid 1px;
	padding:20px;
}
.tableStyle2 th{
	background:#F2F2F2;
	color:#000;
	font-weight:normal;
}
.tableStyle2 td{
	background:#FFF;
}
.map iframe{
	width:100%;
}

.telephone{
	font-size:32px;
	font-weight:bold;
	margin-bottom:0;
}
.telephone:before {
    font-family: "icomoon";
    content: '\e942';
    margin-right: 0.5em;
    font-weight: normal;
}
.telephone span{
	font-size:14px;
	font-weight:normal;
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
}
/*NEWSページ*/
.newsPage img{
	max-width:100%;
}
/*お問い合わせフォーム*/
form .tableStyle1 sup{
	padding:0 0.5em;
	font-size:120%;
	vertical-align:middle;
}
form .tableStyle1 input{
	width:100%;
}
form .tableStyle1 textarea{
	width:100%;
}
form .tableStyle1 select{
	height:2em;
	width:100%;
}
form .formBtn1 #submit_button{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;	
	display:inline-block;
	padding:1em 3em;
	border-radius: 3em;
	color:#FFF;
	position:relative;
	font-size:18px;
	border: none;
	cursor: pointer;
}
form .formBtn1 #submit_button:hover {
    background-position: -100% 100%;
	text-decoration:none;
}

input.formBtn2{
	background-color: #f96033;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(205, 54, 10, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(205, 54, 10, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;	
	display:inline-block;
	padding:1em 3em;
	border-radius: 3em;
	color:#FFF;
	position:relative;
	font-size:18px;
	border: none;
	cursor: pointer;
}
input.formBtn2:hover {
    background-position: -100% 100%;
	text-decoration:none;
}
.formBtnL,
.formBtnR{
	text-align:center;
}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}
/* index Setting
=========================================================================================== */
/****mainVisual*****/
.slick-dots{
	text-align:center;
}
.slick-dots li{
	position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    background: #CCC;
    border-radius: 50%;
}
.slick-dots .slick-active button{
	background: #f96033;
	
}
#indexContentsHead{
	position:relative;
	margin-top: 80px;
}
#indexContentsHead #mainVisual img{
	width:100%;
}
#indexContentsHead .catchBox{
	position:absolute;
	top:50%;
	right:20%;
	transform: translateY(-50%);
	color:#FFF;
	text-shadow:0 0 10px #154388;
	text-align:center;
}
#indexContentsHead .catchBox .catch{
	font-size:48px;
	display:block;
	letter-spacing:0.2em;
	font-style:italic;
	margin-bottom:30px;
}
#indexContentsHead .catchBox .subCatch{
	font-weight:bold;
	font-size:18px;
	margin-bottom:0.5em;
}
#indexContentsHead .catchBox .subCatch span{
	display:block;
	padding:0 0.8em;
	border-radius: 4px;
	background:#f96033;
	text-shadow:none;
	margin-bottom:0.5em;
}
/****indexcontents*****/
#index section{
	width:1080px;
	margin:0 auto;
	padding:60px 0;
}
#index article:first-child section{
	padding-top:10px;
}

#index .bgPattern1{
	background: url(../images/index/greeting_bg.jpg);
}
#index .bgPattern2{
	background:linear-gradient(to left, #FFE6E6, #FDF0DD);
}
#index .bgPattern3{
	background-image:
	url(../images/index/works_dot_bg.png),
	url(../images/index/works_bg.jpg);
	background-repeat:
	repeat,
	no-repeat;
	background-size:
	auto,
	cover;
}



#index .greetingSet .greetingColumnL{
	width:670px;
	float:left;
}
#index .greetingSet .greetingColumnL p{
	margin-bottom:4em;
}
#index .greetingSet .greetingColumnR{
	float:left;
	width:380px;
	margin-left:30px;
}
#index .greetingSet .greetingColumnR img{
	width:100%;
}


.circleBg{
	background: #f2f2f2;
    height: 170px;
    width: 170px;
	display:inline-block;
    border-radius: 50%;
	margin-bottom:1em;
	position:relative;
}
.circleBg span{
	font-size:74px;
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}
.circleBg span:before{
	color: #2084b9;
	background: -webkit-linear-gradient(0deg, #2084b9, #00c9ed);
	/*background: -webkit-linear-gradient(0deg, #0FD8B1, #46C4DB);*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#index .pointColumnSet h3{
	text-align:center;
}
#index .pointColumnSet .imgOnlyStyle{
	margin-bottom:0;
}

#index .worksColumnSet{
	margin-bottom:40px;
}
#index .worksColumnSet .imgOnlyStyle{
	margin-bottom:0.5em;
}
#index .worksColumnSet h3{
	font-size:16px;
	margin:0 0 1em;
}
/* pageTop Setting
=========================================================================================== */
#pageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 0px; /*下からのボタンの配置場所を指定*/
    right: 3%; /*右からのボタンの配置場所を指定*/
	font-size: 24px; /*文字のサイズ*/
	margin-bottom:0;
}
#pageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #f96033; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	width: 60px; /*ボタンの幅*/
    height:60px; /*ボタンの高さ*/
	border:2px solid #FFF;
}
#pageTopBtn a:before {
	font-family: "icomoon";
	content: '\e907'; 
	font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#pageTopBtn a:hover {
    text-decoration: none; 
    background: #CD360A;/*マウスオーバー時の背景色*/
}
/* footer Setting
=========================================================================================== */
footer{
	background:#f96033;
	color:#FFF;
}
footer section{
	width:1080px;
	margin:0 auto;
	padding:60px 0 10px;
}
footer section #footerLogo{
	width:70%;
	margin-bottom:30px;
}
footer section #footerLogo a{
	display:block;
}
footer section #footerLogo a:hover{
	opacity: 0.7;
	transition: all .3s;
}
footer section #footerLogo img{
	width:100%;
}
footer .columnSet .footerColumnL{
	width:40%;
	float:left;
}
footer .columnSet .footerColumnR{
	width:56%;
	margin-left:4%;
	float:left;
	text-align:right;
}
footer section .clLogo{
	width:40%;
	margin-bottom:0;
	display:inline-block;
}
footer section .clLogo a{
	display:block;
}
footer section .clLogo img{
	width:100%;
}
footer section h3{
	margin-bottom:0.5em;
}
address p{
	font-size:14px;
}
address a {
	color:#FFF;
}
#footerNav ul{
	display: inline-block;
}
#footerNav ul li{
	float:left;
	font-size:14px;
	border-right:1px solid #FFF;
	padding:0 1em;
	margin-bottom: 1em;
}
#footerNav ul li:last-child{
	border-right:none;
	padding-right:0;
}
#footerNav ul li a{
	color:#FFF;
}
.snsList{
	display:inline-block;
}
.snsList:after{
	content: "";
    display: block;
    clear: both;
}
.snsList li{
	float:left;
	font-size:24px;
	padding:0 0.5em;
}
.snsList li a{
	color:#FFF;
}
.snsList li a:hover{
	opacity: 0.7;
	transition: all .3s;
	text-decoration:none;
}
#copy{
	text-align: center;
	font-size:12px;
	margin:30px 0 20px;
}
/* After Setting
=========================================================================================== */
.mt0{margin-top:0 !important;}
.ml0{ margin-left:0 !important;}
.mb0{margin-bottom:0 !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mb3{margin-bottom:3em;}
.pb0{ padding-bottom:0 !important;}
.pb20{ padding-bottom:20px !important;}
.pr20{ padding-right:20px !important;}
.vat{ vertical-align:top !important;}
.vam{ vertical-align:middle !important;}