@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat');
html {scroll-behavior:smooth;}

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans Japanese', 'Montserrat',  sans-serif;
	font-weight: 400;
	color: #434343;
	word-wrap: break-word;
	overflow-x: visible;
	background-color:#f8f8f8;
}
body * {
	zoom: 1; }

ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }

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

.wrapper{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.wrapper1200{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.noSP{
	display: none;
}
	
.noPC{
	display: block;
}
		
hr {
	width: 165px;
	border: none;
	border-bottom: solid 6px #b5b5b5;
	margin: 60px auto;
	padding: 0;
	text-align: center;
}

hr.minus {
	width: 165px;
	border: none;
	border-bottom: solid 6px #b5b5b5;
	margin: 15px auto 60px auto;
	padding: 0;
	text-align: center;
}

h2 span{
	min-width: 90px;
	font-family: 'Montserrat';
	font-weight: 900;
	color: #fff;
	font-size: 9px;
	background-color: #a0141a;
	margin-left: 0;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

h3 {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: left;
	font-weight: 400;
	text-indent: -24px;
	padding-left: 24px;
}

h3:before {
	content: "❖ ";
	color: #08559d;
}

h3.txtB{
	font-size: 18px;
	line-height: 1.0;
	margin-left: 2%;
	margin-bottom: 20px;
}

header {
	height:100%;
	padding: 0 0 30px 0;
}

header #headerInner{
	width:96%;
	margin: 0 auto;
	position: relative;
}

header #headerInner h1{
	width:180px;
	position: relative;
}

header #headerInner h1 img{
	width:100%;
	height: auto;
	margin-top: 25px;
}

#keyvisual {
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}

#keyvisual #kv{
	width: 94%;
	margin: 0 auto;
	position: relative;
	top: -15px;
}

#keyvisual #kv img{
	width: 100%;
	height: auto;
}

#keyvisual #txtArea01{
	margin-bottom: 30px;
	padding: 0 3% 30px 3%;
}

#keyvisual #txtArea01 #lead{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 30px;
	color: #08559d;
	text-align: left;
}

#keyvisual #txtArea01 .txt01{
	padding-top: 0;
	font-size: 14px;
	line-height: 1.8;
	color: #434343;
	text-align: left;
}

#news {
	max-width: 96%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}

#news #newsInner{
	padding: 20px 0 60px 0;
	overflow: hidden;
}

#news #newsInner #newsTit{
	width: 94%;
	height: 35px;
	margin:  0 auto 10px auto;
	padding: 7px 0 0 55px;
	text-align: left;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 24px;
	background: url("../img/ico_star.png") no-repeat 3% 0;
	background-size: 35px auto;
}

#news #newsInner #newsCont{
	max-width: 94%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
}

#news #newsInner #newsCont .child li{
	padding-top: 30px;
	font-size: 15px;
	line-height: 1.6;
}

#base{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#base #baseTit{
	width: 94%;
	min-height: 42px;
	margin:  0 auto 15px;
	padding: 5px 0 0 80px;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	background: url("../img/ico_base.png") no-repeat 3% 0;
	background-size: 54px auto;
}

#base #txtArea02{
	width: 96%;
	margin: 0 auto;
	padding: 30px 0 60px;
	background-color: #fff;
}

#base #txtArea02 .txt02{
	padding: 0 3%;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}
	
	
#base .txtC{
	font-size: 16px;
	line-height: 1.0;
	margin-left: 2%;
	margin-bottom: 20px;
	font-weight: normal;
}

#base .accordaction{
	width: calc(96% - 5px);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-top: 2px solid #efc100;
}

#base .accordaction ul li{
	width: calc(94% - 4px);
	margin-left: none; 
	padding: 3%;
	border: 2px solid #efc100;
	background-color: #fff;
	border-top: none; 
	float: left;
	text-align: left;
	position: relative;
	font-size: 16px;
	line-height:24px;
}

#base .accordaction ul li:first-child{
	margin-left: 0;
}

#base .accordaction ul li ul li{
	width: 96%;
	margin-left: none; 
	padding: 20px 2%;
	border: none;
	float: none;
	text-align: left;
	line-height: 1.6;
	position: relative;
	font-size: 14px;
}
	
#base .accordaction ul li .txtInner{
	width: 96%;
	margin-left: none; 
	padding: 20px 2%;
	border: none;
	float: none;
	text-align: left;
	line-height: 1.6;
	position: relative;
	font-size: 14px;
}

#base #picOver01{
	width: 100%;
	position: relative;
	margin-top: -50px;
	margin-bottom: 30px;
	z-index:4;
}

#base #picOver01 img{
	width: 100%;
	height: auto;
}

#service{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#service #serviceTit{
	width: 94%;
	min-height: 42px;
	margin:  0 auto 15px;
	padding: 5px 0 0 60px;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	background: url("../img/ico_service.png") no-repeat 4% 3px;
	background-size: 42px auto;
}
	
#service #serviceTit span{
	margin-top: -10px;
}

#service #txtArea03{
	width: 96%;
	margin: 0 auto;
	padding: 30px 0 60px;
	background-color: #fff;
}

#service .catch{
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	font-weight: 500;
}

#service .tit_service{
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
	font-weight: 300;
}

#service #txtArea03 .txt03{
	padding: 0 3%;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

#service ul{
	width: 92%;
	margin:  0 auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#service ul li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 35px;
	padding: 0px;
	text-align: left;
	font-size: 13px;
	list-style:none;
}

#service ul li:nth-child(3n+0){
	margin-right: 0;
}

#service ul li p{ 
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
}
  
#service #picOver02{
	width: 100%;
	position: relative;
	margin-top: -50px;
	margin-bottom: 30px;
	z-index:4;
}

#service #picOver02 img{
	width: 100%;
	height: auto;
}

#case{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#case #caseTit{
	width: 94%;
	min-height: 45px;
	margin:  0 auto 15px;
	padding: 5px 0 0 60px;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	background: url("../img/ico_case.png") no-repeat 3% 0px;
	background-size: 38px auto;
}
	
#case #caseTit span{
	margin-left: 5px;
}

#case #txtArea04{
	width: 96%;
	margin: 0 auto;
	padding: 30px 0 60px;
	background-color: #fff;
}

#case #txtArea04 .txt04{
	padding: 0 3%;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}


#case .caseBox{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

#case .caseNum{
	font-family: 'Montserrat';
	font-weight: 900;
	color: #a0141a;
	border-left: 5px solid #a0141a;
	padding: 2px 0 2px 10px;
	font-size: 12px;
}

#case .caseNum02{
	font-weight: 400;
	border-left: 5px solid #000;
	padding: 1px 0 1px 10px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.4;
}

#case .caseBox ul{
	width: 96%;
	margin: 0 auto;
	position: relative;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#case .caseBox ul li{
	width: calc(94% -4px);
	margin: 0 auto 30px auto; 
	padding: 20px 2% 30px 4%;
	border: 2px solid #efc100;
	float: left;
	text-align: left;
	position: relative;
	font-size: 17px;
	background-color: #fff;
}

#case .caseBox ul li:nth-child(3n+0){
	margin: 0 auto 30px auto; 
}


#case .caseBox ul li p{
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	margin-bottom: 30px;
}

.inner {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
	padding: 20px 0;
}

.inner .caseNum03{
	font-family: 'Montserrat';
	font-weight: 900;
	color: #a0141a;
	border-left: 5px solid #a0141a;
	padding: 2px 0 2px 10px;
	font-size: 12px;
}

.inner .caseNum04{
	font-weight: 400;
	border-left: 5px solid #000;
	padding: 3px 0 3px 10px;
	margin-bottom: 20px;
	font-size: 16px;
}

.inner p{
	margin-bottom: 20px;
}

.inner ul{
	margin-bottom: 20px;
}

.inner ul li{
	text-indent: -17px;
	padding-left: 16px;
}

.inner ul li:before {
	content: "● ";
	color: #a0141a;
}

.closeBtn{
	width: 20px;
	padding: 6px 3px 5px 8px;
	vertical-align: middle;
	background: #959595;
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	line-height: 1.0;
	cursor: pointer;
}
.closeBtn02{
	width: 20px;
	padding: 6px 3px 5px 8px;
	vertical-align: middle;
	background: #959595;
	position: relative;
	display: block;
	float: right;
	line-height: 1.0;
	cursor: pointer;
}
.css-cancel{
  display: inline-block;
  position: relative;
  margin: 0 20px 0 6px;
  padding: 0;
  width: 2px;
  height: 19px;
  background: #fff;
  transform: rotate(45deg);
}
.css-cancel:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 20px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
}

#case #picOver03{
	width: 98%;
	position: relative;
	margin: -50px auto 30px auto;
	z-index:4;
}

#case #picOver03 img{
	width: 100%;
	height: auto;
}


#promise{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#promise #promiseTit{
	min-height: 50px;
	padding: 0 0 0 70px;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	line-height: 1.0;
	background: url("../img/ico_promise.png") no-repeat 10px 3px;
	background-size: 51px auto;
}

#promise #promiseTit span{
	margin-top: -12px;
}

#promise #txtArea05{
	width: 90%;
	margin: 0 auto 30px auto;
	padding: 30px 3% 20px;
	background-color: #fff;
}

#promise #txtArea05 .txt05{
	padding: 20px 0;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}

#promise ul{
	width: 92%;
	margin: 0 auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#promise ul li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 35px;
	padding: 0px;
	text-align: left;
	font-size: 13px;
	list-style:none;
}

#promise ul li:nth-child(3n+0){
	margin-right: 0;
}

#promise ul li p{ 
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
}

#company{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#company #companyTit{
	min-height: 45px;
	padding: 7px 0 0 50px;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	line-height: 1.0;
	background: url("../img/ico_company.png") no-repeat 10px 3px;
	background-size: 30px auto;
}

#company #companyTit span{
	margin-top: -5px;
	margin-left: 10px;
}

#company #txtArea06{
	width: 90%;
	margin:  0 auto 25px auto;
	position: relative;
	padding: 30px 3% 20px;
	top: 0;
	left: 0;
	background-color: #fff;
}

#company .profile{
	width: 88%;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
#company .profile dl{
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#company .profile dl dt{
	width: 30%;
	padding-bottom: 12px;
	border-bottom: 1px solid #626262;
	float: left;
}
#company .profile dl dd{
	width: 65%;
	border-bottom: 1px solid #bfbfbf;
	padding-left: 5%; 
	padding-bottom: 12px;
	float: left;
}

.pagetopBtn{
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
}
	
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 3%;
	z-index: 10;
}
.pagetop a {
	display: block;
	width: 42px;
	height: 42px;
	text-decoration: none;
}

footer {
	width: 94%;
	margin-top: 50px;
	padding: 25px 0 75px 6%;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 9px;
	background-color: #fff;
	text-align: left;
	position: relative;
}

}
@media screen and (min-width:980px) {
 
.wrapper{
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	padding:0 20px !important
}

.wrapper1200{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.noSP{
	display: block;
}

.noPC{
	display: none;
}
		
	
hr {
	width: 165px;
	border: none;
	border-bottom: solid 6px #b5b5b5;
	margin: 60px auto;
	padding: 0;
	text-align: center;
}

hr.minus {
	width: 165px;
	border: none;
	border-bottom: solid 6px #b5b5b5;
	margin: 15px auto 60px auto;
	padding: 0;
	text-align: center;
}

h2 span{
	min-width: 135px;
	font-family: 'Montserrat';
	font-weight: 900;
	color: #fff;
	font-size: 12px;
	background-color: #a0141a;
	margin-left: 5px;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

h3 {
	font-size: 19px;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: left;
	font-weight: 400;
	text-indent: -24px;
	padding-left: 24px;
}

h3:before {
	content: "❖ ";
	color: #08559d;
}

h3.txtB{
	font-size: 24px;
	line-height: 1.0;
	margin-bottom: 30px;
}

header {
	height:112px;
}

header #headerInner{
	width:96%;
	margin: 0 auto;
	position: relative;
}

header #headerInner h1{
	width:202px;
	position: relative;
}

header #headerInner h1 img{
	width:100%;
	height: auto;
	margin-top: 32px;
}

#keyvisual {
	width: 100%;
	min-height:390px;
	margin-bottom: 40px;
	background-color: #fff;
}

#keyvisual #kv{
	width: 456px;
	position: absolute;
	top: 50px;
}

#keyvisual #kv img{
	width: 456px;
	height: auto;
}

#keyvisual #txtArea01{
	padding: 40px 10px 40px 500px;
}

#keyvisual #txtArea01 #lead{
	font-size: 36px;
	line-height: 1.6;
	color: #08559d;
	text-align: left;
	font-weight: 200;
}

#keyvisual #txtArea01 .txt01{
	padding-top: 40px;
	font-size: 16px;
	line-height: 1.7;
	color: #434343;
	text-align: left;
}

#news {
	max-width: 1100px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}

#news #newsInner{
	padding: 30px 0 40px 30px;
	overflow: hidden;
}

#news #newsInner #newsTit{
	width: 90px;
	height: 40px;
	padding: 7px 0 0 45px;
	text-align: left;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 24px;
	background: url("../img/ico_star.png") no-repeat;
	background-size: 35px auto;
	float: left;
}

#news #newsInner #newsCont{
	max-width: 890px;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	float: left;
}

#news #newsInner #newsCont .child li{
	padding-top: 30px;
	font-size: 15px;
	line-height: 1.6;
}

#base{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

#base #baseTit{
	min-height: 56px;
	padding: 0px 0 0 80px;
	text-align: left;
	font-size: 36px;
	font-weight: 200;
	background: url("../img/ico_base.png") no-repeat;
	background-size: 71px auto;
}

#base #txtArea02{
	width: 38%;
	margin-bottom: 50px;
	padding: 50px 20px 50px 50px;
	background-color: #fff;
}

#base #txtArea02 .txt02{
	padding: 20px 40px 0 0;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
}

#base .accordaction{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#base .accordaction ul li{
	width: calc(30% - 24px);
	min-height: 370px;
	margin-left: 5%; 
	padding: 8px 10px 10px 10px;
	border: 2px solid #efc100;
	background-color: #fff;
	float: left;
	text-align: left;
	position: relative;
	font-size: 17px;
	line-height:24px;
}

#base .accordaction ul li:first-child{
	margin-left: 0;
}

#base .accordaction ul li ul li{
	width: calc(100% - 20px);
	margin-left: none; 
	padding: 20px 10px;
	border: none;
	float: none;
	text-align: left;
	line-height: 1.6;
	position: relative;
	font-size: 14px;
}
	
#base .accordaction ul li .txtInner{
	width: calc(100% - 20px);
	margin-left: none; 
	padding: 20px 10px;
	border: none;
	float: none;
	text-align: left;
	line-height: 1.6;
	position: relative;
	font-size: 14px;
}

#base #picOver01{
	width: 750px;
	position: absolute;
	top: -30px;
	left: 38%;
	z-index:4;
}

#base #picOver01 img{
	width: 750px;
	height: auto;
}

#service{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

#service #serviceTit{
	min-height: 56px;
	padding: 0 0 0 56px;
	text-align: left;
	font-size: 40px;
	font-weight: 200;
	line-height: 1.0;
	background: url("../img/ico_service.png") no-repeat 0 3px;
	background-size: 47px auto;
}

#service #serviceTit span{
	margin-top: -15px;
}

#service #txtArea03{
	width: 38%;
	margin-left: calc(62% - 70px);
	margin-bottom: 50px;
	padding: 50px 20px 50px 50px;
	background-color: #fff;
}

#service .tit_service{
	font-size:30px;
	text-align:center;
	padding-top:30px;
	margin-bottom:30px;
	font-weight: 200;
}

#service #txtArea03 .txt03{
	padding: 20px 40px 0 0;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}

#service .catch{
	margin: 0 0 8px 0;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	font-weight: 500;
}

#service ul{
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#service ul li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 45px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	list-style:none;
}

#service ul li:nth-child(3n+0){
	margin-right: 0;
}

#service ul li p{ 
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
}
  
#service #picOver02{
	width: 730px;
	position: absolute;
	top: 0px;
	right: 40%;
	z-index:4;
}

#base #picOver02 img{
	width: 730px;
	height: auto;
}

#case{
	max-width: 100%;
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
}

#case #caseTit{
	min-height: 56px;
	padding: 10px 0 0 90px;
	text-align: left;
	font-size: 40px;
	font-weight: 200;
	background: url("../img/ico_case.png") no-repeat;
	background-size: 71px auto;
}

#case #txtArea04{
	width: 38%;
	margin-bottom: 50px;
	padding: 50px 20px 50px 50px;
	background-color: #fff;
}

#case #txtArea04 .txt04{
	padding: 20px 40px 0 0;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
}


#case .caseBox{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

#case .caseNum{
	font-family: 'Montserrat';
	font-weight: 900;
	color: #a0141a;
	border-left: 5px solid #a0141a;
	padding: 2px 0 2px 10px;
	font-size: 14px;
}

#case .caseNum02{
	font-weight: 400;
	border-left: 5px solid #000;
	padding: 1px 0 1px 10px;
	margin-bottom: 25px;
	font-size: 17px;
	line-height: 1.4;
}

#case .caseBox ul{
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#case .caseBox ul li{
	width: calc(47% - 54px);
	margin-bottom: 40px;
	padding: 40px 25px 40px 25px;
	border: 2px solid #efc100;
	float: left;
	text-align: left;
	position: relative;
	font-size: 17px;
	background-color: #fff;
}

#case .caseBox ul li:nth-child(odd){
	margin-right: 6%; 
}


#case .caseBox ul li p{
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	margin-bottom: 30px;
}

.inner {
	font-size: 18px;
	line-height: 1.6;
	padding:45px 50px;
	position: relative;
	overflow: hidden;
}

.inner .caseNum03{
	font-family: 'Montserrat';
	font-weight: 900;
	color: #a0141a;
	border-left: 5px solid #a0141a;
	padding: 2px 0 2px 10px;
	font-size: 20px;
}

.inner .caseNum04{
	font-weight: 400;
	border-left: 5px solid #000;
	padding: 3px 0 3px 10px;
	margin-bottom: 55px;
	font-size: 28px;
}

.inner p{
	margin-bottom: 30px;
}

.inner ul{
	margin-bottom: 30px;
}

.inner ul li{
	text-indent: -24px;
	padding-left: 24px;
}

.inner ul li:before {
	content: "● ";
	color: #a0141a;
}

.closeBtn{
	width: 20px;
	padding: 6px 3px 5px 8px;
	vertical-align: middle;
	background: #959595;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1.0;
}
.closeBtn02{
	width: 20px;
	padding: 6px 3px 5px 8px;
	vertical-align: middle;
	background: #959595;
	position: relative;
	float: right;
	line-height: 1.0;
}
.css-cancel{
  display: inline-block;
  position: relative;
  margin: 0 20px 0 6px;
  padding: 0;
  width: 2px;
  height: 19px;
  background: #fff;
  transform: rotate(45deg);
}
.css-cancel:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 20px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
}

#case #picOver03{
	width: 750px;
	position: absolute;
	top: -110px;
	left: 40%;
	z-index:4;
}

#case #picOver03 img{
	width: 750px;
	height: auto;
}

#promise{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

#promise #promiseTit{
	min-height: 65px;
	padding: 0 0 0 85px;
	text-align: left;
	font-size: 40px;
	font-weight: 200;
	line-height: 1.0;
	background: url("../img/ico_promise.png") no-repeat 0 3px;
	background-size: 68px auto;
}

#promise #promiseTit span{
	margin-top: -18px;
	margin-left: -5px;
}

#promise #txtArea05{
	width: 650px;
	margin: 0 auto 50px auto;
	padding: 50px 20px 50px 50px;
	background-color: #fff;
}

#promise #txtArea05 .txt05{
	padding: 20px 40px 0 0;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}

#promise ul{
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#promise ul li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 45px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	list-style:none;
}

#promise ul li:nth-child(3n+0){
	margin-right: 0;
}

#promise ul li p{ 
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
}

#company{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

#company #companyTit{
	min-height: 65px;
	padding: 0 0 0 55px;
	text-align: left;
	font-size: 40px;
	font-weight: 200;
	line-height: 1.0;
	background: url("../img/ico_company.png") no-repeat 0 3px;
	background-size: 40px auto;
}

#company #companyTit span{
	margin-top: -20px;
}

#company #txtArea06{
	width: 245px;
	position: absolute;
	padding: 50px 20px 50px 50px;
	top: 0;
	left: 0;
	background-color: #fff;
}

#company .profile{
	width: 380px;
	position: relative;
	padding-left: 385px;
}
#company .profile dl{
	width: 480px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#company .profile dl dt{
	width: 120px;
	padding-bottom: 10px;
	border-bottom: 1px solid #626262;
	float: left;
}
#company .profile dl dd{
	width: 345px;
	border-bottom: 1px solid #bfbfbf;
	padding-left: 10px; 
	padding-bottom: 10px;
	float: left;
}

.pagetopBtn{
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	bottom: 0;
}
	
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 10;
}
.pagetop a {
	display: block;
	width: 42px;
	height: 42px;
	text-decoration: none;
}

footer {
	width: 100%;
	margin-top: 50px;
	padding: 50px 0 90px 0;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 12px;
	background-color: #fff;
	text-align: center;
}
	
}