@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap&subset=japanese');
#root .top-h2{
  	font-family: 'Noto Serif JP', serif;
}
.Introduction-btn{
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#root .reason-txt-number{
    font-family: 'Noto Serif JP', serif;
  	font-style: oblique;
}
#root br.SP{
  	display:none;
}
#root .business-contents{
  padding:50px 0px 50px;
}
#root .Introduction-group-h3{
	font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 1079px) {
#root .reason-contents-inr{
	padding: 90px 70px 100px 20px;
}
}

@media screen and (max-width: 1023px) {
#root .contents-inr {
    padding-left: 15px;
    padding-right: 15px;
}
#root .buisiness,#root .Introduction,#root .case{
    padding:50px 0px;
}
#root .business-contents{
  padding:50px 20px 50px;
}
#root .reason-contents-inr,#root .reason-ph{
    width:100%;  	
}
#root .reason-ph{
	height:500px;
}
#root .reason-ph-div{
  	width:100%;
}
#root .reason-contents-inr{
    padding: 40px 15px 40px;
}
#root .reason-btn{
  	margin: 30px auto 0px;
}
#root .Introduction-group-div{
    width:100%;
    max-width:100%;
    margin-bottom: 25px;
    border:1px solid #fff;
    border-right:none;
    border-left:none;
}
#root .Introduction-group-txt{
    text-align: center;
}
#root .Introduction-btn{
    top:240px;
}
#root .case-contents{
  	padding: 50px 20px;
}
#root .case-btn{
  	margin:0 auto;
}
}



@media screen and (max-width: 767px) {
 #root br.SP{
  	display:block;
}
#root .buisiness,#root .Introduction,#root .case{
    padding:30px 0px;
}
#root .top-h2{
    font-size: 22px;
}    
#root .businesstxt,#root .business-li-p,#root .Introduction-group-txt{
    font-size: 13px;
}
#root .business-contents{
    padding:30px 10px;
}
#root .business-li,#root .case-group-div{
    width:100%;
    margin:0 auto 25px;
}
#root .business-li-h3{
    font-size: 15px;
}
#root .btn-a-div{
    margin:0 auto;
}
#root .business-ul{
    margin-bottom: 20px;
}
#root .reason-txt-number{
    font-size:24px;
}
#root .reason-txt-p{
    font-size: 15px;
}
#root .reason-h2{
    margin-bottom: 20px;
}
#root .reason-txt{
    margin-bottom: 10px;
}
#root .reason-ph {
    height: 300px;
}
#root .Introduction-h2{
    margin-bottom: 10px;
}
#root .Introduction-group-div {
  	padding: 30px 0px;
    margin-bottom:0px;
  	height:280px;
}
#root .Introduction-group-h3{
    font-size: 16px;
}
#root .Introduction-group-title{
    font-size: 35px;
}
#root .btn-txt{
  	font-size:14px;
}
#root .case-contents{
  	padding: 30px 10px;
}
#root .case-btn{
    margin-top: 20px;
}
    }