@charset "UTF-8";
.main__pharmacy{
	background:#02c1ae url(../img/pharmacy/main.jpg) no-repeat right top ;
	background-size: 50%;
}
.main__disabilities{
	background:#02c1ae url(../img/disabilities-support/main.jpg) no-repeat right center ;
	background-size: 50%;
}
.main__hot{
	background:#02c1ae url(../img/hot-support/main.jpg) no-repeat right top ;
	background-size: 50%;
}
.main__consignment{
	background:#02c1ae url(../img/consignment/main.jpg) no-repeat right center ;
	background-size: 50%;
}
.main__facility{
	background:#02c1ae url(../img/facility/main.jpg) no-repeat right center ;
	background-size: 50%;
}
.main__community{
	background:#02c1ae url(../img/community/main.jpg) no-repeat right center ;
	background-size: 50%;
}

@media only screen and (max-width: 768px) {
.main__pharmacy,.main__disabilities,.main__consignment,.main__hot,.main__facility{
	background-image:none;

}
.main__photo{
	width:100%;
	margin: 0 auto;
}
}
.facility__list-heading{
	width: 1000px;
	margin: -8rem auto 0 auto;
}
.facility__list-heading figure{
	width: 100px;
	margin: 0 auto;
}
.facility__list-heading h3{
	font-family: 'Josefin Sans', sans-serif;
	color: #04beab;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	margin-top: 1.5rem;
	line-height: 1;
}
.facility__list-heading h2{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin-top: .8rem;
	text-align: center;
}
.facility__list .link-3{
	margin-top: 3.5rem;
	padding: 0;
	background-color: #FFF;
}
.facility__list .link-3 ul{
	padding-bottom: 5rem;
	background: none;
}
.facility__list .link-3 li{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	flex-wrap: wrap;
  	background: url(../img/arrow.png) no-repeat 97% 94%;
	background-size: 14px;
}
.facility__list .link-3 li:nth-child(3n+2){
	padding: 1rem 0;
	margin: 0 2rem;
}
.facility__list .link-3 dl{
	padding: 1.5rem ;
	font-weight: bold;
	-webkit-transition: 0.2s;
	transition: 0.2s;

}
.facility__list .link-3 dt{
	line-height: 1.4;
	letter-spacing: .03rem;
}
.facility__list .link-3 dd{
	font-weight: normal;
	margin-top: .5rem;
	padding-right: 2.5rem;
	line-height: 1.4;
	font-size: 1.4rem;
}
.facility__list .link-3 li a{
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	box-shadow: 1px 1px 6px 1px #eee;
}
@media only screen and (max-width: 768px) {
.facility__list-heading{
	width: 100%;
	margin: -3rem auto 0 auto;
}
.facility__list-heading figure{
	width: 80px;
}
.facility__list-heading h3{
	font-size: 1.3rem;
	margin-top: 1.2rem;
}
.facility__list-heading h2{
	font-size: 1.8rem;
	margin-top: .5rem;
}
.facility__list .link-3{
	margin-top: 1.5rem;
	padding: 0;
}
.facility__list .link-3 ul{
	padding-bottom: 2rem;
	background: none;
}
.facility__list .link-3 li{
  	background: transparent url(../img/arrow.png) no-repeat 92% 93%;
  	background-size: 12px;
  	margin-bottom: 0;
  	padding: .6rem;
}
.facility__list .link-3 li:nth-child(3n+2){
	padding: .6rem;
	margin: 0;
}
.facility__list .link-3 li:nth-child(3n+2){
	padding: .6rem;
	margin: 0;
}
.facility__list .link-3 li a{
	box-shadow: 1px 1px 6px 1px #ddd;
}
.facility__list .link-3 dl{
	padding: 1rem ;
}
.facility__list .link-3 dt{
	line-height: 1.4;
	font-size: 1.4rem;
	padding:0;
}
.facility__list .link-3 dd{
	padding-right: 1rem;
	font-size: 1.2rem;
	margin-top: 0rem;
}
}

/*
character
_________________________________________________________*/

.character{
	background: #fde01a;
	padding-bottom: 6rem;
	padding-top: 140px;
}
.character__crumb{
	font-size: 1.4rem;
	padding: 2rem;
}
.character__main{
	width: 1000px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
	background: url(../img/character/bg.png) no-repeat center bottom;
	background-size: 1000px;
	display: flex;
}
.character__main,.character__profile{
	box-sizing: border-box;
}
.character__main-text{
	width: 565px;
	padding-right: 2rem;
}
.character__main-text h2{
	width: 453px;
	margin-top: 3rem;
}
.character__main-text p{
	font-weight: bold;
	margin-top: 3rem;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: .02em;
}
.character__main figure{
	width: 395px;
}
.character__profile{
	width: 1000px;
	padding: 4rem 5rem;
	background: #fffce6;
	border-radius: 2rem;
	margin: 0 auto;
}
.character__profile h3{
	background: #00bdaa url(../img/character/icon.png) no-repeat 1.5rem center;
	background-size: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1;
	padding: 1.5rem 4.5rem;
	border-radius: .8rem;
}
.character__profile-content{
	
	margin: 3rem 2rem 5rem 2rem;
	display: flex;
}
.character__profile-photo{
	width: 290px;
}
.character__profile-text{
	padding-left: 3rem;

}
.character__profile-text dl{
	display: flex;
	border-bottom: 1px solid #dddddd;
	width: 540px;
	padding: 1.4rem 0;
	line-height: 1;
}
.character__profile-text dl:first-child{
	border-top: 1px solid #dddddd;
}
.character__profile-text dd{
	width: 440px;
}
.character__profile-text dl:last-child{
	padding-bottom: 0;
}
.character__profile-text dl:last-child dd{
	background: url(../img/character/welpen_sleep.png) no-repeat right bottom;
	background-size: 89px;
	padding-bottom: 1.4rem;
}
.character__profile-text dl:last-child dd li{
	float: left;
	font-weight: bold;
	line-height: 1.8;
}
.character__profile-text dl:last-child dd li:after{
	content: "/";
	padding: 0 1rem;
	color: #00bdaa;
}
.character__profile-text dt{
	width: 100px;
	font-weight: bold;
	color: #00bdaa;
	padding-left: 1rem;
}
.character__profile-text dd{
	font-weight: bold;
	box-sizing: border-box;
}
.character__profile-text dd img{
	width: 213px;
}
.character__profile-gallery ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.character__profile-gallery li{
	width: 280px;
	margin: 1rem;
}
.character__profile-message{
	width: 345px;
	margin: 1rem auto 0 auto;
}
@media only screen and (max-width: 768px) {
.character{
	padding-bottom: 3rem;
	padding-top: 60px;
}
.character__main{
	width: 100%;
	margin: 2rem auto 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
	background: url(../img/character/bg.png) no-repeat center bottom;
	background-size: 150%;
	display: block;
}
.character__main,.character__profile{
	box-sizing: border-box;
}
.character__main-text{
	width: 100%;
	padding-right: 0;
}
.character__main-text h2{
	width: 70%;
	margin: 0 auto;
}
.character__main-text p{
	font-weight: normal;
	margin-top: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.7;
	letter-spacing: .02em;
}
.character__main-text p br{
	display: none;
}
.character__main figure{
	width: 70%;
	margin: 1.5rem 0 0 25%;
}
.character__profile{
	width: 96%;
	padding: 1rem;
	border-radius: 1.4rem;
}
.character__profile h3{
	background: #00bdaa url(../img/character/icon.png) no-repeat 1.5rem center;
	background-size: 16px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1;
	padding: 1.2rem 4rem;
	border-radius: .8rem;
}
.character__profile-content{
	margin: 0;
	display: block;
}
.character__profile-photo{
	width: 60%;
	margin: 1.5rem auto 0 auto;
}
.character__profile-text{
	padding-left: 0;
	margin-top: 1.5rem;
}
.character__profile-text dl{
	width: 100%;
	padding: 1rem ;
	line-height: 1;
	box-sizing: border-box;
}
.character__profile-text dd{
	width: 100%;
}
.character__profile-text dl:last-child{
	margin-bottom: 3rem;
}
.character__profile-text dl:last-child dd{
	background: url(../img/character/welpen_sleep.png) no-repeat right bottom;
	background-size: 60px;
	padding-bottom: 1.4rem;
}
.character__profile-text dl:last-child dd ul{
	overflow: hidden;
}
.character__profile-text dl:last-child dd li{
	float: none;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: .05rem;
}
.character__profile-text dl:last-child dd li:after{
	content: "";
	padding: 0 ;

}
.character__profile-text dt{
	width: 20%;
	font-size: 1.5rem;
	font-weight: normal;
	padding-left: 0;
}
.character__profile-text dd{
	width: 80%;
	font-size: 1.5rem;
	font-weight: normal;
}
.character__profile-text dd img{
	width: 70%;
}
.character__profile-gallery ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
}
.character__profile-gallery li{
	width: 48%;
	margin: 1rem 1% 0 1%;
}
.character__profile-message{
	width: 80%;
	margin: 1rem auto 0 auto;
	padding-bottom: 1rem;
}
}
/*
company
_________________________________________________________*/

.company-top{
	background:#FFF url(../img/company/main.jpg) no-repeat right center ;
	background-size: 100%;
}
.company-top .main__contents h2,.company-top .main__contents h4,.company-top .main__contents p{
	color: #444;
}
.company-top .main__contents h3{
	color: #04beab;	
}
.company-top .main__contents h4 span{
	color: #04beab;	
}
.company{
	padding-bottom: 6rem;
}
.company__contents{
	width: 1000px;
	margin: 0 auto;
}
.company__message-item{
	display: flex;
	padding: 2rem 0 0 0;
}
.company__message-item figure{
	width: 400px;
	flex-wrap: wrap;
}
.company__message-text{
	width: 580px;
	padding-left: 4rem;
}
.company__message-text p{
	line-height: 2.2;
	letter-spacing: .02rem;
}
.company__message-text p span{
	display: block;
	padding-top: 1rem;
	text-align: right;
	font-weight: bold;
}
.company__vision{
	padding-bottom: 2rem;
}
.company__vision h3{
	color: #04beab;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: .08rem;	
}
.company__vision li{
	padding: 1.5rem 0;
	box-sizing: border-box;
}
.company__vision li dt{
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: .08rem;
	padding: 1rem .5rem 0 .5rem;
}
.company__vision li dt span{
	color: #04beab;
}
.company__vision li dd{
	margin-top: 1rem;
	letter-spacing: .05rem;
}
.company__info ul,.career_detail ul{
	margin-top: 3rem;
	border-top: 1px solid #DDD;
}
.company__info li,.career_detail li{
	padding: 1.6rem 0;
	border-bottom: 1px solid #DDD;
}
.company__info dl,.career_detail dl{
	display: flex;
}
.company__info dt,.career_detail dt{
	width: 25%;
	box-sizing: border-box;
	padding-left: 1rem;
	color: #04beab;
	font-weight: bold;
}
.company__info dd,.career_detail dd{
	width: 75%;
	font-size: 1.6rem;
	letter-spacing: .02rem;
	box-sizing: border-box;
	padding-right: 1rem;
}

@media only screen and (max-width: 768px) {
.company-top{
	background:#f8f8f8 url(../img/company/main.jpg) no-repeat right center ;
	background-size: 100%;
}
.company-top .main__contents{
	background: #f8f8f8;
	padding-bottom: 2rem;
}
.company{	
	padding-bottom: 3rem;
}
.company__contents{
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
.company__message-item{
	display: block;
	padding: .5rem 0 0 0;
}
.company__message-item figure{
	width: 100%;
}
.company__message-text{
	width: 100%;
	padding-left: 0;
}
.company__message-text p{
	margin-top: 2rem;
	line-height: 1.7;
	letter-spacing: .02rem;
}
.company__message-text p span{
	display: block;
	padding-top: 1rem;
	text-align: right;
	font-weight: bold;
}
.company__vision{
	padding-bottom: 0;

}
.company__vision li{
	padding: 1.5rem 0;
	box-sizing: border-box;
}
.company__vision li dt{
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: .08rem;
	padding: 0;
}
.company__vision li dd{
	margin-top: .5rem;
	letter-spacing: .05rem;
}
.company__info ul,.career_detail ul{
	margin-top: 2rem;
	border-top: 1px solid #DDD;
}
.company__info li,.career_detail li{
	padding: .8rem 0;

	
}
.company__info dl,.career_detail dl{
	display: block;

}
.company__info dt,.career_detail dt{
	width: 100%;
	padding-left: 0;
	font-size: 1.4rem;
}
.company__info dd,.career_detail dd{
	width: 100%;
	font-size: 1.4rem;
	letter-spacing: .02rem;
	box-sizing: border-box;
	padding-right: 0;
}
}
/*
songs
_________________________________________________________*/
.songs{
	width: 100%;
	padding-bottom: 6rem;
	margin: 0 auto 0 auto;
}
.songs__contents{
	width: 800px;
	margin: 0 auto;
}
.songs__contents .heading-sub{
	margin-top: 6rem;
}
.songs__movie{
	width: 800px;
	margin: 3rem auto 0 auto;
	background: #fde01a;
	padding: 1.5rem;
	border-radius: 1rem;
}
.songs__movie-item {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.songs__movie-item iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.songs p{
	line-height: 2;
	letter-spacing: .05rem;

}
.songs figure{
	width: 800px;
	margin: 3rem auto 0 auto;
}
.songs__cd dt{
	width: 400px;
	margin: 3rem auto 0 auto;
}
.songs__cd .link__basic{
	width: 480px;
	margin: 2rem auto 0 auto;
}

@media only screen and (max-width: 768px) {
.songs{
	padding-bottom: 3rem;
}
.songs__contents{
	width: 90%;
	margin: 0 auto;
	padding:0;
	box-sizing: border-box;
}
.songs__contents .heading-sub{
	margin-top: 3rem;
}
.songs__movie{
	width:auto;
	margin: 2rem auto 0 auto;
	background: #fde01a;
	padding: .5rem;
	border-radius: 1rem;
}
.songs p{
	line-height: 1.7;
	letter-spacing: .05rem;
	padding: 0 .5rem;
}

.songs figure{
	width: 100%;
	margin: 3rem auto 0 auto;
}
.songs__cd dt{
	width: 80%;
	margin: 3rem auto 0 auto;
}
.songs__cd .link__basic{
	width: 100%;
	margin: 2rem auto 0 auto;
}
}
/*
policy
_________________________________________________________*/

.policy{
	width: 100%;
	padding-bottom: 5rem;
	margin: 2rem auto 0 auto;
}
.policy__contents{
	width: 1000px;
	margin: 0 auto;
}
.heading-policy{
	margin: 5rem auto 2rem auto;
	line-height: 2;
	padding:.8rem 1.5rem;
	letter-spacing: .03rem;

	border-left:4px solid #04beab;
}
.policy__contents p,.policy__contents ul{
	margin: 2rem 0 0 4rem;
}
.policy__contents p{
	margin: 2rem 0 0 2rem;
	text-align: right;
}
.policy__contents li{
	font-size: 1.6rem;
	letter-spacing: .03rem;
	margin: .5rem 0 0 0;
	list-style-type: decimal;
	list-style-position: outside;
}
.policy-contact{
	margin-top: 3rem;
	padding: 2rem 3rem;
	background: #f1f1f1;
}
@media only screen and (max-width: 768px) {
.policy{
	padding-bottom: 3rem;
}
.policy__contents{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
.heading-policy{
	margin: 3rem auto 2rem auto;
	line-height: 1.7;
	padding:.5rem 0 .5rem 1.5rem;
	letter-spacing: .03rem;
	border-left:4px solid #04beab;
}
.policy__contents p,.policy__contents ul{
	margin: 2rem 0 0 4rem;
}
.policy__contents p{
	margin: 2rem 0 0 2rem;
	text-align: right;
}
.policy__contents li{
	font-size: 1.5rem;
	line-height: 1.7;
	margin: .5rem 0 0 0;
}
.policy-contact{
	margin-top: 2rem;
	padding: 2rem;
}
	}
.news,.topics{
	padding-bottom: 6rem;
}
.news__contents{
	width: 900px;
	margin: 4rem auto 0 auto;
}
.news ul.news__contents-list{
	margin-top: 2rem;
	overflow: hidden;
	width: 900px;
}
.news ul.news__contents-list li{
	overflow: hidden;
	width: 100%;
}
.news ul.news__contents-list li a{
	display: block;
	border-bottom: 1px solid #DDD;
	padding: 1.4rem 0;
}
.news ul.news__contents-list li a:hover dd{
	text-decoration: none;
}
.news ul.news__contents-list li dl{
	overflow: hidden;
  	width: 100%;
  	padding-left: .5rem;
}
.news ul.news__contents-list li dt,.news__detail-title dt{
	font-size: 1.6rem;
	
}
.news ul.news__contents-list li dt span,.news__detail-title dt span{
	display: inline-block;
	margin-left: 1.2rem;
	padding: .5rem 0;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1;
	border-radius: .2rem;
	width: 11rem;
	text-align: center;
}
.news ul.news__contents-list li dt span.cat01,.news__detail-title dt span.cat01{
	background: #fde01a;
}
.news ul.news__contents-list li dt span.cat02,.news__detail-title dt span.cat02{
	background: #00bdaa;
	color: #FFF;
}
.news ul.news__contents-list li dd{
	letter-spacing: .05rem;
	font-size: 1.6rem;
	text-decoration: underline;
}
.news__contents-pager {
    overflow: hidden;
    margin-top: 6rem;
}
.news__contents-pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.news__contents-pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
    line-height: 1.4;  
}
.news__contents-pager ul li span,
.news__contents-pager ul li a {
    display: block;
    font-size: 1.4rem;
    padding: 0.6em 1em;  
}
.news__contents-pager ul li a {
    background: #f1f1f1;
    color: #444;
    text-decoration: none;
    -webkit-transition: 0.2s;
	transition: 0.2s;
}
.news__contents-pager ul li a:hover {
    background: #00bdaa;
    color: #FFF;
}
.news__detail,.topics__detail{
	width: 900px;
	margin: 6rem auto 0 auto;
}
.news__detail-title,.topics__detail-title{
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.news__detail-article p {
	margin-bottom: 1.5em;
}
.news__detail-article a{
	text-decoration: underline;
	color: #00bdaa;
}
.news__detail-title dd,.topics__detail-title h4{
	font-size: 2.4rem;
	padding-top: .5rem;
	letter-spacing: .05rem;
	line-height: 1.5;
	font-weight: bold;
}
.news__detail .link__basic,.topics__detail .link__basic{
	width: 300px;
	margin: 4rem auto 0 auto;
}
.topics__detail-article p{
	margin-top: 3rem;
}
.topics figure{
	width: 80%;
	margin: 2rem auto 0 auto;
}
.topics__contents{
	width: 1000px;
	margin: 2rem auto 0 auto;
}
.topics__contents ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	flex-wrap: wrap;
}
.topics__contents li{
	box-sizing: border-box;
	width: 33.3333333%;
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 0 1.5%;
	margin-top: 3rem;
}
.topics__contents li a{
	display: block;
	background: #FFF;
	border-radius: 1rem;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border: 1px solid #DDD;
}
.topics__contents li a:hover{
	opacity: 0.6;
}
.topics__contents li a img,
.topics__contents li .nopic {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.topics__contents dt{
	width: 100%;
	margin: 0 auto;
}
.topics__contents dt .nopic {
	background: #f0f0f0;
	min-height: 197px;
}
.topics__contents dd{
	padding: 1.5rem;
	text-align: left;
}
@media only screen and (max-width: 768px) {
.news,.topics{
	
	padding-bottom: 3rem;
}
.news__contents{
	width: 90%;
	margin: 2rem auto 0 auto;
}
.news ul.news__contents-list{
	margin-top: 0;
	
	width: 100%;
}
.news ul.news__contents-list li{
	overflow: hidden;
	width: 100%;
}
.news ul.news__contents-list li a{
	padding: 1.2rem 0;
}
.news ul.news__contents-list li dl{
	overflow: hidden;
  	width: 100%;
  	padding: 0 .5rem;
  	box-sizing: border-box;
}
.news ul.news__contents-list li dt,.news__detail-title dt{
	font-size: 1.4rem;
	padding-bottom: .4rem;
}
.news ul.news__contents-list li dt span,.news__detail-title dt span{
	padding: .4rem 0;
	font-weight: bold;
	font-size: 1.1rem;
	width: 10rem;
}
.news ul.news__contents-list li dd{
	line-height: 1.5;
	font-size: 1.4rem;
	text-decoration: underline;
}
.news__contents-pager {  
    margin-top: 4rem;
}
.news__contents-pager ul li span,
.news__contents-pager ul li a {
    display: block;
    font-size: 1.2rem;
    padding: 0.6em 1em; 
}
.news__detail,.topics__detail{
	width: 90%;
	margin: 3rem auto 0 auto;
}

.news__detail-title,.topics__detail-title{
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.news__detail-article a{
	text-decoration: underline;
	color: #00bdaa;
}
.news__detail-title dd,.topics__detail-title h4{
	font-size: 1.8rem;
	padding-top: .5rem;
	letter-spacing: .05rem;
	line-height: 1.5;
	font-weight: bold;
}
.news__detail .link__basic,.topics__detail .link__basic{
	width: 100%;
	margin: 3rem auto 0 auto;
}
.topics__detail-article p{
	margin-top: 2rem;
}
.topics figure{
	width: 100%;
	margin: 2rem auto 0 auto;
}
.topics__contents{
	width: 100%;
	margin: 2rem auto 0 auto;
}
.topics__contents ul{
	width: 94%;
	margin: 2.5rem auto 0 auto;
	display: block;
}
.topics__contents li{
	margin-top: 0;
	box-sizing: border-box;
	width: 100%;
	font-size: 1.4rem;
	letter-spacing: .04rem;
	line-height: 1.4;
	padding: 0 0 1.5rem 0;
}
.topics__contents dd{
	padding: 1rem 2rem;
	text-align: left;
}


}
.detail *
{
	 box-sizing: border-box;
}
.detail{
	width: 100%;
	padding-bottom: 6rem;
	margin: 0 auto 0 auto;
	background: #fffce6;
	padding-top: 140px;
}
.detail .link__basic{
	width: 480px;
	margin: 2rem auto 0 auto;
}
.detail__contents{
	width: 1000px;
	margin:3rem auto 0 auto;
	background: #FFF;
	border-radius: 2rem;
	padding-bottom:6rem;
}
.detail__header{
	background: #fde01a;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
}
.detail__header-txt{
	width: 100%;
	background: url(../img/character_bg.png) no-repeat 98% -1.2rem;
	background-size: 150px;
	padding: 2.5rem 150px 2.5rem 5rem;
}

.detail__header-name{
	font-size: 2.8rem;
	line-height: 1.2;
	font-weight: bold;
	padding-top: .6rem;
}

.detail__lead-text{
	width: 100%;
	letter-spacing: .03rem;
	padding: 3rem 5.5rem 0 5.5rem;
	line-height: 1.8;
	font-size: 1.8rem;
}
.detail__info{
	padding: 4rem 5rem 0 5rem;

}
.detail__info-title{
	background: #00bdaa;
	color: #FFF;
	font-weight: bold;
	border-radius: .6rem;
	font-size: 2rem;
	line-height: 1;
	padding: 1.5rem 2rem;

}
.detail__info-item{
	display: flex;
	margin-top: 2rem;
	padding: 0 1rem;
}

.detail__info-text{
	width: 440px;
	padding: 0 2.5rem 0 .5rem;
	box-sizing: border-box;
}
.detail__info-item figure{
	width: 440px;
}
.detail__info-text li{
	padding: 1.2rem;
	border-bottom: 1px solid #ddd;
}
.detail__info-text dl{
	display: flex;
	font-size: 1.6rem;
	line-height: 1.5;
}
.detail__info-text dt,.detail__info-textL dt{
	width: 115px;
	font-weight: bold;
	letter-spacing: .02rem;
}
.detail__info-text dd{
	width: 285px;
	letter-spacing: .02rem;
}
.detail__info-text dd span{
	color: #00bdaa;
	font-weight: bold;
	font-size: 1.8rem;
}
.detail__map{
	width: 880px;
	margin: 4rem auto 0 auto;
}
.detail__map iframe{
	width: 880px;
	height: 400px;
}
@media only screen and (max-width: 768px) {
.detail{
	width: 100%;
	padding-bottom: 3rem;
	padding-top: 60px;
}

.detail__contents{
	width: 94%;
	margin: 2rem auto 0 auto;
	padding-bottom:3rem;
	border-radius: 1rem;
}
.detail__header{
	
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.detail__header-txt{
	width: 100%;
	background: url(../img/character_bg.png) no-repeat 98% center;
	background-size: 90px;
	padding: 1.5rem 8rem 1.5rem 2rem;
}

.detail__header-name{
	font-size: 2rem;
	line-height: 1.2;
	padding-top: .2rem;
}

.detail__lead-text{
	width: 100%;
	letter-spacing: .03rem;
	padding: 1.5rem 2.5rem 0 2.5rem;
	line-height: 1.7;
	font-size: 1.6rem;
}
.detail__info{
	padding: 1.5rem 1.5rem 0 1.5rem;

}
.detail__info-title{
	background: #00bdaa;
	color: #FFF;
	border-radius: .4rem;
	font-size: 1.6rem;
	padding: 1.2rem 1.5rem;

}
.detail__info-item{
	display: block;
	margin-top: 1rem;
	padding: 0 0;
}
.detail__info-item p{
	padding: 0 1rem;
}
.detail__info-text{
	width: 100%;
	padding: 0 .5rem;
	box-sizing: border-box;
}
.detail__info-item figure{
width: 100%;
margin-top: 2rem;
}
.detail__info-text li{
	padding: 1rem .5rem;
	
}
.detail__info-text dl{
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
}
.detail__info-text dt{
	width: 100%;
	font-weight: bold;
	letter-spacing: .02rem;
	padding:0 .5rem .2rem .5rem;
}
.detail__info-text dd{
	width: 100%;
	padding:0 .5rem;
	letter-spacing: .02rem;

}
.detail__info-text dd span{
	color: #00bdaa;
	font-weight: bold;
	font-size: 1.8rem;
}
.detail__map{
	width: 100%;
	margin: 2rem auto 0 auto;
}
.detail__map iframe{
	width: 100%;
	height: 300px;
}
	}
.recruit__career{
	width: 1000px;
	margin: 4rem auto 0 auto;
	
	padding-bottom: 5rem;
}
.recruit__career ul{
	width: 1000px;
	
	display: flex;
	flex-wrap: wrap;
}
.recruit__career li{
	margin: .5rem 0;
	width: 33.33333333%;
	padding: 0 .5rem;
	box-sizing: border-box;
	display: table;
}
.recruit__career li a{
	display: block;
	display: table-cell;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: .6rem;
	background: transparent url(../img/arrow.png) no-repeat 96% center;
	background-size: 14px;
	height: 80px;
	vertical-align: middle;
	line-height: 1.4;
	box-sizing: border-box;
	padding-left: 2rem;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-weight: bold;
}
.recruit__career li a:hover{
	background: #04beab url(../img/arrow_ov.png) no-repeat 96% center;
	background-size: 14px;	
	color: #FFF;
}
.career_detail{
	width: 1000px;
	margin: 6rem auto 0 auto;
	padding-bottom: 6rem;
}
.career_detail .link__basic{
	width: 300px;
	margin: 3rem auto 0 auto;
}
.career_detail .heading-sub span{
	
	
	font-size: 1.8rem;
	display: inline-block;
	padding-right: 1rem;

}

.career_detail .company__info p span{
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.recruit__career{
	width: 90%;
	margin: 2rem auto 0 auto;
	
	padding-bottom: 3rem;
}
.recruit__career ul{
	width: 100%;
	
	display: block;
	
}
.recruit__career li{
	margin: 1rem 0;
	width: 100%;
	padding: 0 .5rem;
	box-sizing: border-box;
	display: table;
	


}
.recruit__career li a{
	display: block;
	display: table-cell;
	width: 100%;
	background: transparent url(../img/arrow.png) no-repeat 96% center;
	background-size: 12px;
	height: auto;
	padding: 1.4rem 2rem;
	box-shadow: 1px 1px 6px #ddd;
	
	
}
.recruit__career li a:hover{
	background: #04beab url(../img/arrow_ov.png) no-repeat 96% center;
	background-size: 14px;
	color: #FFF;
}

.career_detail{
	width: 90%;
	margin: 3rem auto 0 auto;
	padding-bottom: 3rem;
}

.career_detail .link__basic{
	width: 100%;
	margin: 3rem auto 0 auto;
}
.career_detail .heading-sub span{
	
	
	font-size: 1.8rem;
	display: inline-block;
	padding-right: 1rem;

}
.career_detail .company__info p span{
	font-weight: bold;
}
}
.recruit-top{
	background:#f8f8f8 url(../img/recruit/main.jpg) no-repeat right center ;
	background-size: 100%;
}
.recruit-top .main__contents h2,.recruit-top .main__contents h4,.recruit-top .main__contents p{
	color: #444;
}
.recruit-top .main__contents h3{
	color: #04beab;	
}
.recruit-top .main__contents h4 span{
	color: #04beab;	
}



@media only screen and (max-width: 768px) {
.recruit-top{
	background:#f8f8f8 url(../img/company/main.jpg) no-repeat right center ;
	background-size: 100%;
}
.recruit-top .main__contents{
	background: #f8f8f8;
	padding-bottom: 2rem;
}
}

.recruit__heading h3{
	font-family: 'Josefin Sans', sans-serif;
	color: #04beab;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	margin-top: 1.5rem;
	line-height: 1;
	margin-top: 4rem;
}
.recruit__heading h2{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin-top: .8rem;
	text-align: center;
}
.recruit .link-2{
	margin: 0;
	padding: 0;
}
.recruit .link-2 ul{
	margin-top: 4rem;
}
.recruit .link-3{
	background:#e5f8f6;
	padding: 4rem 0;
	
}
.recruit .link-3 ul{
	background-image: none;
	padding-bottom: 0;
	margin-top: 0;
}

.recruit .link-2 em{
	font-weight: normal;
	font-size: 1.4rem;
	margin-top: .5rem;
	display: block;
	color: #666;
}
@media only screen and (max-width: 768px) {
.recruit__heading h3{
	font-size: 1.3rem;	
	margin-top: 3rem;
	line-height: 1;
}
.recruit__heading h2{
	font-size: 2rem;
	margin-top: .3rem;
	
}
.recruit .link-3{
	background:#e5f8f6;
	padding:2.5rem 0 2rem 0;
}
.recruit .link-2 ul{
	margin-top: 3rem;
}
.recruit .link-2 em{
	font-size: 1.3rem;
	line-height: 1;
	
}
	}
.recruit__message{
	display: flex;
	width: 1000px;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
}
.recruit__message figure{
	width: 480px;
	flex-wrap: wrap;
}
.recruit__message-text{
	width: 460px;
	padding-left: 4rem;
}
.recruit__message-text h4{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
}
.recruit__message-text h4 span{
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	color: #04beab;
	font-size: 1.6rem;
	font-weight: 600;
	padding-bottom: 1rem;
	line-height: 1;
}
.recruit__message-text p{
	margin-top: 2rem;
	line-height: 2;
}
.recruit__message-text p span{
	display: block;
	text-align: right;
}
@media only screen and (max-width: 768px) {
.recruit__message{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 2rem 0;
}
.recruit__message figure{
	width: 100%;
	flex-wrap: wrap;
}
.recruit__message-text{
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
	padding: 1rem 1rem 0 1rem;
}
.recruit__message-text h4{
	font-size: 1.8rem;
	
}
.recruit__message-text h4 span{
	
	font-size: 1.3rem;
	font-weight: 600;
	padding-bottom: .3rem;
	margin-top: 1rem;
	line-height: 1;
}
.recruit__message-text p{
	margin-top: 2rem;
	line-height: 1.7;
}
.recruit__message-text p span{
	display: block;
	text-align: right;
}
}
.recruit__list{
	width: 1000px;
	margin: 2rem auto 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 5rem; 

}
.recruit__list .heading-sub{
	margin: 2rem 0 0 0;
}
.recruit__list-item{
	width: 47%;
	margin:2rem 1.5% 0 1.5%;
	box-sizing: border-box;
}
.recruit__list-itemL{
	width: 100%;
	margin:2rem 0 0 0;
	box-sizing: border-box;
}
.recruit__list-flex{
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recruit__list-txt{
	width: 64%;
	padding-right: 2%;
	
}

.recruit__list-flex figure{
	width: 34%;
	margin-top: 2rem!important;

}
.recruit__list-item figure,.recruit__list-itemL figure{
	margin-top: 3rem;
}
.recruit__people-interview dt{
	font-weight: bold;
	line-height: 1;
	padding:.8rem 1.5rem;
	margin: 2rem 0 .5rem 0;
	letter-spacing: .03rem;
	font-size: 2.2rem;
	border-left:4px solid #04beab;
}
.recruit__list-item dl,.recruit__list-itemL dl,.recruit__list-item p,.recruit__list-itemL p{
	padding:1rem;
}
.recruit__list-itemL p.attention{
	font-size: 1.4rem;
	color: #666;
}
.recruit__list-item dt,.recruit__list-itemL dt{
	color: #04beab;
	font-weight: bold;
}
.recruit__list-item dd,.recruit__list-item p,.recruit__list-itemL p{
	font-size: 1.6rem;
	line-height: 1.8;
}
body#recruit-top .recruit__list-itemL{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 1.5rem 3rem 3rem 3rem;

}
body#recruit-top .recruit__list-txt p{
	font-size: 1.7rem;
	line-height: 1.9;

	padding: 2rem 1rem 0 0;
}
.recruit__list-itemL dd li{
	list-style-type: decimal;
	margin-left: 2rem;
	line-height: 1.8;
}
@media only screen and (max-width: 768px) {
.recruit__list{
	width: 90%;
	margin: 2rem auto 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 2rem; 
}
.recruit__list .heading-sub{
	margin: 1rem 0 1rem 0;
}
.recruit__list-item{
	width: 100%;
	margin:0 0 2rem 0;
	box-sizing: border-box;
}
.recruit__list-itemL{
	width: 100%;
	margin:1.5rem 0 0 0;
	
}
.recruit__list-flex{
	display: block;
}
.recruit__list-txt{
	width: 100%;
	padding-right: 0;

	
}
.recruit__list-flex figure{
	width: 100%;
	margin-top: 0!important;

}
.recruit__list-item figure,.recruit__list-itemL figure{
	margin-top: 0;
	padding: 1rem 0;
}
.recruit__people-interview dt{
	
	padding:0 0 0 1rem;
	margin: 2rem 0 1rem 0;
	letter-spacing: .03rem;
	font-size: 1.6rem;

	border-left:4px solid #04beab;
}
.recruit__list-item dl,.recruit__list-itemL dl,.recruit__list-item p,.recruit__list-itemL p{
	padding:0 0 0 1rem;
}
.recruit__list-itemL p.attention{
	font-size: 1.4rem;
	color: #666;
}
.recruit__list-item dt,.recruit__list-itemL dt{
	color: #04beab;
	font-weight: bold;
}
.recruit__list-item dd,.recruit__list-item p,.recruit__list-itemL p{
	font-size: 1.5rem;
	line-height: 1.7;
}
.recruit__list-itemL dd li{
	list-style-type: decimal;
	margin-left: 3rem;
	line-height: 1.7;
}
body#recruit-top .recruit__list-itemL{
	background: #FFF;
	border: 1px solid #DDD;
	padding:1rem 1.5rem 1.5rem 1.5rem;

}
body#recruit-top .recruit__list-txt p{
	font-size: 1.5rem;
	line-height: 1.8;

	padding: 1rem 0;
}
	}
.recruit__people-item{
	width: 1000px;
	margin: 4rem auto ;
	padding: 0 0 3rem 0;
}
.recruit__people-photo{
	width: 100%;
	margin: 0 auto;
	display: flex;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #04beab;
}
.recruit__people-photo figure{
	width:50%;
	box-sizing: border-box;
}
.recruit__people-name{
	width: 50%;
	background: #FFF;
	box-sizing: border-box;
	padding: 5rem 0 0 4rem ;
	letter-spacing: .05rem;
	position: relative;
	line-height: 1.4;
}
.recruit__people-photo h2{
	line-height: 1.5;
	font-weight: bold;
	z-index: 2;
	font-size: 3.5rem;
	margin-top: 1rem;
}
.recruit__people-name p{
	font-size: 1.6rem;
	color: #666;

}
.recruit__people-name figure{
	width: 106px;
	position: absolute;
	bottom: 0;
	left:70%;
	margin-bottom: 0;
}
.recruit__people-name h3{
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	color: #04beab;
	font-size: 1.8rem;
	font-weight: 600;
	margin-top: .6rem;
	line-height: 1;
	}
.recruit__people-interview{
	padding: 0 0;
	margin-top: 3rem;
}
.recruit__people-interview dd{
	padding: .5rem 1rem 1rem 1rem;
	font-size: 1.7rem;
	letter-spacing: .03rem;
}
@media only screen and (max-width: 768px) {
.recruit__people-item{
	width: 90%;
	margin: 2rem auto ;
	padding: 0 0 2rem 0;
}
.recruit__people-photo{
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	box-sizing: border-box;
	
}
.recruit__people-photo figure{
	width:100%;
	box-sizing: border-box;
}
.recruit__people-name{
	width: 100%;
	box-sizing: border-box;
	padding:2rem ;
}
.recruit__people-photo h2{
	line-height: 1.5;
	font-weight: bold;
	z-index: 2;
	font-size: 2rem;
	margin-top: 0;
}
.recruit__people-name p{
	font-size: 1.3rem;
	color: #666;
}
.recruit__people-name figure{
	width: 20%;
	position: absolute;
	bottom: 0;
	left:75%;
	margin-bottom: 0;
}
.recruit__people-name h3{
	font-size: 1.3rem;
	
	margin-top: .4rem;
	
	}
.recruit__people-interview{
	padding: 0 1rem;
	margin-top: 2rem;
}
.recruit__people-interview dd{
	padding: 0 0 .5rem 0;
	font-size: 1.5rem;
	line-height: 1.7;
}
	}

.sitemap .heading-sub{
	width: 960px;
	margin: 4rem auto 0 auto;
}
.sitemap .link-3 li a{
	display: block;
	border:1px solid #ddd;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
@media only screen and (max-width: 768px) {
	.sitemap .heading-sub{
	width: 92%;
	margin: 3rem auto 0 auto;
}
.sitemap .link-3 li a p{
	font-size: 1.2rem;
}
}

/*
contact
_________________________________________________________*/

.contact-form{
	width: 800px;
	padding: 5rem 0 ;
	margin: 0 auto;
	background: #FFF;
	position: relative;
	overflow: hidden;
}
.contact-form p{
	font-size: 1.8rem;
	
	font-weight: bold;
	padding-bottom: .5rem;
	letter-spacing: .02rem;
}
textarea:focus, input:focus {
	background:#fff;
}
.text,textarea,.dropdown {
	margin:1.4rem 0 0 0;
	border:1px solid #dddddd;
	padding: .6rem;
	color: #444;
	background: #f8f8f8;
	font-size: 1.8rem;
	line-height: 1.8em;
}
.contact-form textarea{
	height: 140px;
}
.contact-form dl:first-child{
	margin-top: 3rem;
}
.contact-form dl{ overflow:hidden; padding:0 0 2.5rem 0;}
.contact-form dl:last-child{border-bottom: none;}
.contact-form dt{ 
	font-size: 1.8rem;
	line-height: 1.7;
	text-align: left;
	font-weight: bold;
}
.contact-form dt span{
	display: inline-block;
	padding: .6rem 1rem;
	background: #d9093f;
	color: #FFF;
	font-size: 1.5rem;
	line-height: 1;
	margin-left: 1.5rem;
	font-weight: normal;
	border-radius: .4rem;
}
.contact-form dt em{
	padding-left: 2rem;
	font-weight: normal;
	font-size: 1.5rem;
	color: #666;
	font-style: normal;
}
.contact-form .w1{width: 400px;}
.contact-form .w2{width: 320px;}
.contact-form .w3{width: 770px;}
.contact-form .w4{width: 200px;}
.contact-form dd{ width:800px; 

}
select{
	background: #FFF;
	padding: 1rem;
	font-size: 1.4rem;
	border:1px solid #ccc;
	min-width: 200px;
}
.contact-form .link-submit{
	width: 300px;
	margin: 3rem auto 0 auto;
	
}
.contact-form .link-submit input{
	font-family:  "Yu Gothic", YuGothic, -apple-system, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
	font-weight: bold;
	display: block;
	width: 100%;
	background: #fde01a url(../img/arrow.png) no-repeat 96% center;
	background-size: 14px;
	font-size: 1.6rem;
	line-height:1;
	padding: 1.5rem 0;
	border-radius: 4rem;
	text-align: center;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	box-shadow: none;
	border:none;
}

.contact-txt ul{
	width: 800px;
	margin: 4rem auto 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.contact-txt ul li{
	width: 49%;
	margin: 0 .5%;
	border:4px solid #eee;
	box-sizing: border-box;
	padding: 0rem 3rem 2rem 3rem ;

}
.contact-txt ul li .heading-sub{
	padding-top:0;
	padding-bottom: 0;
	font-size: 2rem;
	margin:2.5rem 0 1.5rem 0;

}
.contact-txt ul li h3{
	margin: 0;
	color: #04beab;
	font-weight: bold;
	font-size:2.5rem;
	line-height: 1.4;
}
.contact-txt ul li p{
	line-height: 1.5;
	font-size: 1.5rem;
	margin-top: .5rem;
}
.contact-thanks{
	width: 800px;
	margin: 5rem auto 0 auto;
	padding-bottom: 5rem;
}
.contact-thanks h4{
	text-align: center;
}
.contact-thanks h4 span{
	font-size: 2.4rem;
	font-weight: bold;
}
.contact-thanks .link__basic{
	width: 300px;
	margin: 3rem auto 0 auto;
}
.contact-form__job dd{
	font-size: 2.6rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;


}
@media only screen and (max-width: 768px) {
.contact-form{
	width: 90%;
	padding:2rem 0 3rem 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.contact-form p{
	font-size: 1.5rem;
}
.contact-form dt em{
	display: block;
	padding: 0;
}
.contact-form dt em:before{
	content: "（";
}
.contact-form dt em:after{
	content: "）";
}
.form_send a:hover {
	opacity: 0.6;
	text-decoration: none;
}
textarea:focus, input:focus {
	background:#fff;
}
.text,textarea,.dropdown {
	margin:1.4rem 0 0 0;
	border:1px solid #dddddd;
	padding: 6px;
	
	background: #f8f8f8;
	font-size: 1.8rem;
	line-height: 1.8em;
}
.contact-form textarea{
	height: 140px;
}
.attention{
	text-align: center;
	margin-top: 10px;
	line-height: 1.2!important;

}
.contact-form dl{ overflow:hidden; padding:0 0 20px 0;}
.contact-form dl:last-child{border-bottom: none;}
.contact-form dt{ 
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: left;
	font-weight: normal;
}
.contact-form dt span{
	display: inline-block;
	
	padding: 4px 10px;
	font-size: 1.3rem;
	line-height: 1;
	margin-left: 10px;
	font-weight: normal;
	
}
.contact-form .w1{width: 100%;}
.contact-form .w2{width: 100%;}
.contact-form .w3{width: 100%;}
.contact-form .w4{width: 64%;}
.contact-form dd{ width:94%; 

}

.contact-form .link-submit{
	width: 100%;
	margin: 0 auto 0 auto;
	
}
.contact-form .link-submit input{
	padding: 1.8rem 0;
	font-size: 1.4rem;
}
.contact-txt ul{
	width: 90%;
	margin: 2rem auto 0 auto;
	display: block;
}
.contact-txt ul li{
	width: 100%;
	margin: 0 0 1rem 0;
	border:4px solid #eee;
	box-sizing: border-box;
	padding: 0rem 2rem 1.5rem 2rem ;

}
.contact-txt ul li .heading-sub{
	padding-top:0;
	padding-bottom: 0;
	font-size: 1.6rem;
	margin:1.5rem 0 1rem 0;

}
.contact-txt ul li h3{
	
	font-size:1.6rem;
	line-height: 1.4;
}
.contact-txt ul li p{
	line-height: 1.5;
	font-size: 1.4rem;
	margin-top: .5rem;
}
.contact-thanks{
	width: 90%;
	margin: 3rem auto 0 auto;
	padding-bottom: 3rem;
}
.contact-thanks h4{
	text-align: left;
}
.contact-thanks h4 span{
	font-size: 1.6rem;
	
}
.contact-thanks .link__basic{
	width: 100%;
	margin: 2rem auto 0 auto;
}
.contact-form__job dd{
	font-size:2rem;
	
	


}
}