@charset "UTF-8";
/* CSS Document */
.gray{color: #9F9F9F;}
.caution{color: #FA3538;}
.bold{font-weight: bold;}
.s-txt{font-size: 0.7rem;}
.l-txt{font-size: 3rem;}
	@media (max-width: 62.5em){
		.l-txt{font-size: 2.5rem}}

.m-txt{font-size: 2rem;}
    @media (max-width: 43.75em){
		.m-txt{font-size: 1.7rem}}

.header-image{
	width: 100%;
	height: 130px;
	background-image: url(../img/header-img.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
    @media (max-width: 43.75em) {
	.header-graph{
		height: 80px;}}

.pan{
	width: 100%;
	padding: 1% 5%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 1.2rem;
	background-color: #F7F6F7;}
	@media (max-width: 43.75em) {
		.pan{padding: 2% 5%;}}

.pan li{float: left;}
.pan a:hover{
	color: #417505;
	text-decoration: underline;}

.m-navi{
	margin: 8rem 0 4rem 0;}
    @media (max-width: 43.75em) {	
    .m-navi {
		margin: 5rem 0 1rem 0;} }

.m-title{
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1rem;}
    @media (max-width: 43.75em) {
    .m-title {
        font-size: 2.4rem; } }

.m-navi-detail{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 1.8rem;
    border-bottom: #417505 solid 2px;
    padding-bottom: 2rem;}
    @media (max-width: 43.75em) {
    .m-caption {
        font-size: 1.2rem;}}

.m-navi-detail a {transition: color .4s;}
.m-navi-detail a:hover{color: #729F03;}

.contents{
	padding-bottom: 6rem;}
	@media (max-width: 43.75em){
		.contents{padding-bottom: 3rem;}}

.s-title{
	width: 100%;
	margin-bottom: 2rem;
	overflow: hidden;
	border-bottom: 2px solid #E0DEE0;}
    @media (max-width: 43.75em) {	
    .s-title {
		margin: 3rem 0; } }

.s-title2{
	width: 100%;
	padding-top: 3rem;
	margin-bottom: 2rem;
	overflow: hidden;
	border-bottom: 2px solid #E0DEE0;}
    @media (max-width: 43.75em) {	
    .s-title {
		margin: 3rem 0; } }

.s-title ul{overflow: hidden;}
.s-title li{
	box-sizing: border-box;
	padding: 0 1% 1.5% 1%;
	line-height: 1.4rem;
	float: left;;
}
.s-title li a{color: #729F03;}
.s-title li a:hover{text-decoration: underline;}

.s-title-l{
	width: 40%;
	float: left;
	font-size: 2.5rem;
}
    @media (max-width: 43.75em) {
		.s-title-l{
			width: 100%;
			float: none;}}	

.s-lead{
	width: 60%;
	color: #628E36;
	font-size: 1.5rem;
	line-height: 5rem;
	float: left;
	text-align: right;}
    @media (max-width: 43.75em) {
		.s-lead{
			width: 100%;
			float: none;
		    text-align: left;
		    font-size: 1.2rem;
			line-height: 3rem;}}

/* 企業情報 */
.president-image{
	width: 100%;
	height: 490px;
	padding: 16% 5% 5% 5%;
	position: relative;
	font-weight: bold;
	box-sizing: border-box;
	background-image: url(../img/president.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
    @media (max-width: 62.5em) {
		.president-image{
			padding: 38% 5% 5% 5%;}}
    @media (max-width: 43.75em) {
		.president-image{height: 280px;}
        .president-image p{ display: none;}}

.message{
	width: 100%;
	padding: 3% 2% 0 2%;
	box-sizing: border-box;}

.main-txt{padding: 2% 0;}
.r-txt{
	text-align: right;
	padding-top: 5%;}

.txt-unit-1{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #E0DEE0;
	padding: 0 0 1.5% 0;
	box-sizing: border-box;
    }
    @media (max-width: 43.75em) {	
    .txt-unit-1{
		padding:2% 0;} }

.txt-unit-2{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #E0DEE0;
	padding: 1.8% 0 1.5% 0;
	box-sizing: border-box;
    }
    @media (max-width: 43.75em) {	
    .txt-unit-2 {
		padding:2% 0;
		 } }

.b-txt-l{
	width: 40%;
	padding-left: 20%;
	font-weight: bold;
	float: left;}
    @media (max-width: 43.75em) {
		.b-txt-l{
			width: 100%;
			float: none;
			padding: 0 5%;
			line-height: 2rem;}}	

.b-txt-r{
	width: 60%;
	float: left;}
    @media (max-width: 43.75em) {
		.b-txt-r{
			width: 100%;
			float: none;
			padding: 0 5%;
			line-height: 2.5rem;
			}}

.map-link{
	color: #FFFFFF;
	background: #7FB13B;
	padding: 10px 20px;
	border-radius: 25px;}
    @media (max-width: 43.75em){
		.map-link{padding: 5px 20px;}}

.txt-unit-3{
	width: 100%;
	padding: 1.8% 0 1.5% 0;
	box-sizing: border-box;
    }
    @media (max-width: 43.75em) {	
    .txt-unit-3 {
		padding:2% 0;
		 } }

/* プライバシー・ポリシー */
.privacy-box{
	width: 100%;
	box-sizing: border-box;
	padding: 2%;}

.privacy-box a{color: #417505}
.privacy-box a:hover{text-decoration: underline;}

.privacy-title{
	margin-top: 5rem;
	font-size: 1.9rem;
	font-weight: bold;
}

.privacy-list1{margin-top: 2rem;}
.privacy-list2{
	margin-top: 2rem;
	list-style-position: inside;
	list-style-type: decimal;
}
.privacy-list3{
	padding: 3rem 0 0 3rem;}
    @media (max-width: 43.75em) {
		.privacy-list3{padding: 3rem 0 0 2rem;}}

.privacy-list4{
	text-align: right;
	padding-top: 3rem;
}

.privacy-contact-box{
	max-width: 80%;
    margin: 0 auto;
	margin-top: 2rem;
    text-align: center;}
    @media (max-width: 43.75em) {
		.privacy-contact-box{max-width: 86%;}}

.privacy-contact{
	display: inline-block;
	text-align: left;
	padding: 3rem;
	border: #C1C1C1 1px solid;
	background-color: #F8F8F7;
}

/* お問い合わせ */
.txt-unit-4{
	width: 100%;
	padding-bottom: 1.5%;
	box-sizing: border-box;}


.btn-box{
	width: 100%;
	padding: 5% 2% 5% 2%;
	box-sizing: border-box;
	background-color: #F8F8F7;
	text-align: center;
	border-radius: 5px;}
@media (max-width: 62.5em) {
	.btn-box{
		padding: 5% 0 5% 0;}
}

.icon-box{
	padding-bottom: 5%;
}

.contact-wrap{
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	margin-bottom: 2rem;}

.contact-box{
	width: 100%;
	box-sizing: border-box;
	padding: 4%;
	border-radius: 5px;
	background-color: #F8F8F7;
}

.contact-box-end{
	width: 100%;
	box-sizing: border-box;
	padding: 0 4%;
	text-align: center;
	}

.thanks-txt{ margin: 3rem 0 7rem 0}

.s-contact-box{
	width: 100%;
	margin-bottom: 2rem;
	overflow: hidden;}

.s-contact-box-l{
	width: 50%;
	box-sizing: border-box;
	padding: 4%;
	float: left;}
    @media (max-width: 62.5em) {
		.s-contact-box-l{
			width: 100%;
			float: none;}}	

.s-contact-box-r{
	width: 50%;
	float: left;
	padding: 4%;}
    @media (max-width: 62.5em) {
		.s-contact-box-r{
			width: 100%;
			float: none;}}

/* サービス */
.service-box{
	width: 100%;
	margin-bottom: 2rem;}

.service-flex-container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;}

.service-flex-item {
	width: 32%;
	box-sizing: border-box;
	padding: 1%;}
    @media (max-width: 62.5em) {
		.service-flex-item {
			width: 33.3%;}}
    @media (max-width: 43.75em) {
		.service-flex-item {
			width: 50%;}}
    @media (max-width: 33.75em) {
		.service-flex-item {
			width: 100%;
			padding: 0;
			margin: 1% 0;}}

.service__item_okanereco {
    height: 400px; }
    @media (max-width: 62.5em) {
      .service__item_okanereco {
        height: 320px; } }
    @media (max-width: 43.75em) {
      .service__item_okanereco{
        height: 480px; }}

.service__item2 {
    height: 490px; }
    @media (max-width: 62.5em) {
      .service__item2 {
        height: 360px; } }
    @media (max-width: 43.75em) {
      .service__item2 {
        height: 400px; }}
    @media (max-width: 33.75em) {
		.service__item2 {
        height: 480px; }}

.okanereco_plus_logo{
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding: 9% 3% 0 0;}
    @media (max-width: 62.5em) {
		.okanereco_plus_logo{padding: 9% 2% 0 0;}}
    @media (max-width: 43.75em) {
		.okanereco_plus_logo{padding: 4% 2% 0 0;}}
    @media (max-width: 33.75em) {
		.okanereco_plus_logo{padding: 6% 2% 0 0;}}


.okanereco_plus_logo img{height: 64px;}
    @media (max-width: 62.5em) {
		.okanereco_plus_logo img{height: 42px;}}
    @media (max-width: 43.75em) {
		.okanereco_plus_logo img{height: 40px;}}
    @media (max-width: 33.75em) {
		.okanereco_plus_logo img{height: 34px;}}

.okanereco_logo{
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding: 7% 2% 0 0;}
    @media (max-width: 62.5em) {
		.okanereco_logo{padding: 2% 2% 0 0;}}
    @media (max-width: 43.75em) {
		.okanereco_logo{padding: 6% 2% 0 0;}}
    @media (max-width: 33.75em) {
		.okanereco_logo{padding: 4% 2% 0 0;}}


.okanereco_logo img{height: 90px;}
    @media (max-width: 62.5em) {
		.okanereco_logo img{height: 54px;}}
    @media (max-width: 43.75em) {
		.okanereco_logo img{height: 48px;}}
    @media (max-width: 33.75em) {
		.okanereco_logo img{height: 30px;}}

.app-icons-area{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.app-icons-1{
	padding: 1px;}
    @media (max-width: 33.75em) {
		.app-icons-1{
			text-align: right;
			flex-basis: 45%;}}
.app-icons-1 img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}

.app-icons-2{
	padding: 1px;}
    @media (max-width: 33.75em) {
		.app-icons-2{
			text-align: left;
			flex-basis: 55%;}}
.google img{
	height: 40px;}
    @media (max-width: 33.75em) {
		.google img{
			height: 32px;}}

.apple img{
	height: 40px;}
    @media (max-width: 33.75em) {
		.apple img{
			height: 32px;}}

.app-icons-2 img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}

.app-icons{
	padding: 2px;}
    @media (max-width: 43.75em) {
		.app-icons{
			width: 100%;
		}}

.app-icons img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}


.service__item__meta_s {
      position: absolute;
      width: 90%;
      min-height: 80px;
      left: 5%;
      padding: 2rem;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 20px 20px 0 0;
      bottom: 0; }
      @media (max-width: 43.75em) {
        .service__item__meta_s {
          min-height: auto;
          padding: 2rem 2rem 1rem; } }

.btn-ss {
  font-size: 1.5rem;
  background: #5F8503;
  border-radius: 30px;
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 1rem 2rem;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  transition: background-color .4s; }
  @media (max-width: 62.5em) {
    .btn-ss {
		font-size: 0.8rem;
		line-height: 2rem;
        padding: 1rem; }}
  @media (max-width: 43.75em) {
    .btn-ss {
	    width: 100%;
        font-size: 1.3rem;}}

.btn-ss:hover {
	background: rgba(95, 133, 3, 0.7); }

/* ニュース下層 */
.news-box-s{
	width: 100%;
	box-sizing: border-box;
	padding: 1% 4% 0.5% 4%;
	margin-top: 1%;
	border-radius: 5px;
	background-color: #F8F8F7;}
    @media (max-width: 62.5em){
	.news-box-s{
		padding: 2% 4%}}

.news-box-s2{
	width: 100%;
	box-sizing: border-box;
	padding: 4%;
	margin-top: 1%;
	border-radius: 5px;
	background-color: #F8F8F7;}
    @media (max-width: 62.5em){
	.news-box-s2{
		padding: 3%}}

.news-box-s2 p{
	margin-top: 1.5%;}

.news-box-s ul{overflow: hidden;}
.news-box-s li{float: left;}

.news-list__item__time2{
	width: 11%;
	line-height: 3rem;
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;}
	@media (max-width: 62.5em) {
		.news-list__item__time2{
			width: 15%;}}
    @media (max-width: 43.75em){
		.news-list__item__time2{width: 30%;}}

.icon-pdf{width: 5%;}
.icon-pdf a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}

.news-list__item__desc2{
	width: 84%;
	line-height: 3rem;}
	@media (max-width: 62.5em) {
		.news-list__item__desc2{width: 80%;}}
    @media (max-width: 43.75em){
		.news-list__item__desc2{width: 100%;}}

.news-list__item__desc2 a:hover{
	color: #729F03;
	text-decoration: underline;}

.media-name{
	padding: 5px;
	color: #FFFFFF;
	font-size: 1.9rem;
	background-color: #000000;
	border-radius: 5px;}

.media-title{
	padding-bottom: 20px;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 3rem;
}

.media-data{
	font-size: 1.8rem;
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;}

.media-link a{ color: #729F03;} 
.media-link a:hover{ text-decoration: underline;}
.media-list{
	list-style-position: inside;
	list-style-type: decimal;}
.media-list2{margin-left: 2%;}