@charset "UTF-8";
/* CSS Document */
.header {
padding: 58px 167px 50px 5%;
}

@media screen and (max-width: 1320px) {
.header-menu__item {
    margin-left: 25px;
}
.header-menu__item a {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 1200px) {
.header-menu {
display: none;
}
}
.marketing-content {
    padding: 214px 0 0 50px;
}
@media screen and (max-width: 1360px) {
.marketing-ttl {
font-size: 70px;
font-size: 7rem;
}
}
@media screen and (max-width: 1200px) {
.marketing-ttl {
font-size: 60px;
font-size: 6rem;
}
}
@media screen and (max-width: 834px){
.menu-header .hd-address {
    letter-spacing: 0;
    text-align: left;
}
.marketing-content {
    padding: 8% 0 0 6%;
}		
}

.marketing-list .item {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.marketing-list .item:hover {
opacity: 0.8;
cursor: pointer;
}

.marketing-list .item:hover a:before,
.marketing-list .item:hover a:after{
color: #26a170;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.footer-menu__item a {
font-size: 15px;
font-size: 1.5rem;
}
.sec-info-detail .inner-1200{
width: 90%;
}
.sec-info .box-bg {
padding: 112px 5% 125px;
}
@media screen and (max-width: 900px) {
.sec-contact .inner,
.sec-info .inner,
.sec-info-detail .inner{
    margin: -90px auto 0;
}
}
@media screen and (max-width: 834px) {
.footer-info {
font-size: 10px;
font-size: 1rem;
}
.sec-info .box-bg {
padding: 50px 5%;
}
}
.list-components a {
font-size: 15px;
font-size: 1.5rem;
}
.sec-company .box-wrap__r {
padding-top: 40px;
}
@media screen and (max-width: 640px){
.ttl-comp06 .jp {
    font-size: 19px;
    font-size: 1.9rem;
}
}	
@media screen and (max-width: 1590px) {
.box-map iframe {
height: 300px!important;
}
}

/***************************************SDG*/

.consulting-block.sdg{
padding: 135px 0 140px;
}

.ttl-comp10{
border-bottom: 1px solid #d2dcd6;
font-family: "Noto Serif JP", serif;		
font-size: 24px;
font-size: 2.4rem;		
margin-bottom: 40px;	
padding-bottom: 10px;
}

.ttl-comp10:before{
background-color: #27a170;
border-radius: 5px;
content: "";
display: inline-block;
height: 20px;
margin-right: 10px;
vertical-align: middle;
width: 5px;
}

.lineUp h3.ttl{
color: #27a170;
font-family: "Noto Serif JP", serif;
font-size: 21px;
font-size: 2.1rem;
margin: 25px 0;
text-align: center;
line-height: 1.4;
font-weight: 600;
}

.lineUp h3.ttl small{
font-size: 16px;
font-size: 1.6rem;
}

.lineUp .pr01{
margin-bottom: 100px;		
}

.lineUp .pr01 ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}

.lineUp .pr01 ul li{
background: #e9f2ed;
border-radius: 5px;
padding: 25px 2%; 
margin-bottom: 10px;	
width: 24%;
}

.lineUp .pr01 ul li i{
background: #27a170;
border-radius: 2px;
color: #fff;
font-size: 18px;
margin-right: 0px;
padding: 2px;
}

.lineUp .pr01 .flexBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 60px;	
}

.lineUp .pr01 .flexBox .product{
width: 48%;
}

.lineUp .pr01 .flexBox .product h3.ttl{
text-align: center;
}

.lineUp .pr01 .result{
display: flex;
justify-content: center;
align-items: center;	
margin-bottom: 70px;	
}

.lineUp .pr01 .result img{
margin-right: 30px;
max-width: 370px;
width: 100%;
}

.lineUp .pr01 .result .detail{
width: 70%;	
}

.lineUp .pr01 .result .detail .ttl{
font-family: "Noto Serif JP", serif;
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 20px;
}

.lineUp .pr01 .result .detail .txt-basic{
margin-bottom: 25px;	
}

.lineUp .pr01 .result .detail .greenArea{
background: #f3f3f3;
padding: 40px 50px;	
}

.lineUp .pr01 .greenBg{
background: #e9f2ed;
padding: 70px 60px;
}

.lineUp .pr01 .greenBg .head01{
font-family: "Noto Serif JP", serif;
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 25px;
text-align: center;
line-height: 2.4;	
}	

.lineUp .pr01 .greenBg .head01 small{
background: #27a170;
border-radius: 30px;	
color: #fff;
font-size: 15px;
font-size: 1.5rem;		
padding: 15px 25px;
}

.lineUp .pr01 .greenBg .flexBox{
display: flex;
justify-content: center;	
margin-bottom: 0;	
}

.lineUp .pr01 .greenBg .flexBox .img{
display: flex;
text-align: center;
width: 48%;
margin-right: 2%;
}

.lineUp .pr01 .greenBg .flexBox .img p {
display: inline-block;
margin-right: 25px;
}

.lineUp .pr01 .greenBg .flexBox .img img{
margin-bottom: 15px;
max-width: 250px;
width: 100%;	
}

.lineUp .pr01 .greenBg .flexBox .info{
width: 50%;
}

.lineUp .pr01 .greenBg .flexBox .info .txt-basic{
font-size: 15px;
font-size: 1.5rem;	
margin-bottom: 20px;
}

.lineUp .pr01 .greenBg .flexBox .info .whiteArea{
background: #fff;
border-radius: 5px;
padding: 25px;
display: flex;
align-items: center;	
}

.lineUp .pr01 .greenBg .flexBox .info .whiteArea i{
color: #27a170;	
font-size: 38px;
font-size: 3.8rem;
margin-right: 15px;
}

.lineUp .pr01 .greenBg .flexBox .info .whiteArea .txt{
font-size: 12px;
font-size: 1.2rem;
margin-right: 25px;	
}

.lineUp .pr01 .greenBg .flexBox .info .whiteArea .btn{
color: #fff;
background: #333333;
border-radius: 30px;
display: block;
font-family: "Noto Serif JP", serif;
font-size: 15px;
font-size: 1.5rem;
padding: 12px;
width: 100%;
max-width: 160px;
text-align: center;
}

.lineUp .pr02 .flexBox{
display: flex;
justify-content: center;	
}

.lineUp .pr02 .flexBox .img{
margin-right: 50px;
width: 50%;	
}

.lineUp .pr02 .flexBox .img img{
width: 100%;
max-width: 600px;	
}

.lineUp .pr02 .flexBox .info{
width: 45%;	
}

.lineUp .pr02 .flexBox .info h3.ttl{
text-align: left;	
}

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

.ttl-comp10 {
font-size: 18px;
font-size: 1.8rem;	
}
.ttl-comp10:before {
height: 25px;
}	

.consulting-block.sdg{	
padding: 8.75% 0 8.33%;	
}
	
.consulting-block.sdg ._ttl {
    margin: 0 0 20px;	
}
	
.lineUp .pr01 {
    margin-bottom: 60px;
}	
	
.lineUp .pr01 ul li {
width: 49%;
}		
	
.lineUp .pr01 .result {
    display: block;
}	
	
.lineUp .pr01 .result img {
    margin: 0 0 30px;
    width: 100%;
	max-width: 100%;
}	
	
.lineUp .pr01 .result .detail {
    width: 100%;
}	

.lineUp .pr01 .result .detail .ttl {
	font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 8px;
	text-align: center;
}
	
.lineUp .pr01 .result .detail .txt-basic {
    margin-bottom: 25px;
    text-align: center;
}	
	
.lineUp .pr01 .result .detail .greenArea {
    padding: 6%;
}		
	
.lineUp .pr01 .greenBg {
    background: #e9f2ed;
    padding: 50px 30px;
}	
		
.lineUp .pr01 .greenBg .flexBox .img {
display: flex;
text-align: center;
width: 100%;
margin: 0 0 40px;
justify-content: space-between;
}	

.lineUp .pr01 .greenBg .flexBox .img img {
    max-width: 275px;
}	
	
.lineUp .pr01 .greenBg .flexBox .img p {
margin-right: 0;
}
	
.lineUp .pr01 .greenBg .flexBox .info {
width: 100%;
}		
	
.lineUp .pr02 .flexBox {
    display: block;
    justify-content: center;
}	
	
.lineUp .pr02 .flexBox .img {
margin: 0 0 30px;
width: 100%;
}	
	
.lineUp .pr02 .flexBox .img img {
    width: 100%;
    max-width: 100%;
}	
	
.lineUp .pr02 .flexBox .info {
	width: 100%;
}
	
.lineUp .pr02 .flexBox .info h3.ttl {
    text-align: center;
}	
}

@media screen and (max-width: 687px){
.ttl-comp10 {
    margin-bottom: 20px;	
}
	
.lineUp h3.ttl {
    margin: 10px 0 15px;
    line-height: 1.2;
}
	
.lineUp .pr01 ul li i {
    margin-right: -8px;
}
	
.lineUp .pr01 ul li {
    font-size: 12px;
	font-size: 1.2rem;
}	
	
.lineUp .pr01 .flexBox {
    display: block;	
}
	
.lineUp .pr01 .flexBox .product {
    width: 100%;
    margin-bottom: 40px;
}	

.lineUp .pr01 .greenBg {
    padding: 8% 6%;
}	
	
.lineUp .pr01 .greenBg .head01 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 25px;
    line-height: 1.2;
}	
	
.lineUp .pr01 .greenBg .head01 small {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 5px 15px;
    line-height: 3;
}	

.lineUp .pr01 .greenBg .flexBox .info .txt-basic {
    font-size: 14px;
    font-size: 1.4rem;
}	
	
.lineUp .pr01 .greenBg .flexBox .info .whiteArea {
    display: inherit;	
}
	
.lineUp .pr01 .greenBg .flexBox .info .whiteArea i {
    text-align: center;
    display: block;	
	margin: 0 0 15px;
}
.lineUp .pr01 .greenBg .flexBox .info .whiteArea .txt {
    margin: 0 0 10px;
}
.lineUp .pr01 .greenBg .flexBox .info .whiteArea .btn {
    max-width: 100%;	
}

.lineUp .pr02 .flexBox .img {
    margin: 0;
    width: 100%;
}	
}

/*********************** marketing ************************/
.marketing-show .ttl-comp06.txt-left .jp:after {
    right: 100%;
}


/***********************サイト全体追加修正************************/


@media screen and (max-width: 834px){
.footer-info {
    text-align: left;
}
}

@media screen and (max-width: 687px){
.service-main .ttl-service span {
    font-size: 20px !important;
    font-size: 2rem !important;
}	
.page-healthcare .sec-consulting .list-consulting-item {
    width: 48%;
}		
}