@charset "UTF-8";

/* ----------------------------------------------------------------
共通
---------------------------------------------------------------- */
.contents .staff ul li p {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
/* ----------------------------------------------------------------
mainvisual
---------------------------------------------------------------- */

#mainvisual {
    width: 100%;
    height: 478px;
    position: relative;
    background: url(../img/mv_img01.jpg) no-repeat top right;
    background-size: cover;
}
#mainvisual img {
    position: absolute;
    top: 121px;
    left: 4%;
}
#mainvisual:after{
	content:"";
	display:block;
	position: absolute;
	background: url(../assets/img/top_line.png) ;
	height:7px;
	width: 100%;
	bottom: -2px;
}
/* ----------------------------------------------------------------
top_cont
---------------------------------------------------------------- */
.contents .top_cont{
    padding: 90px 0 70px;
    width: 1100px;
	margin: 0 auto;	
    display: flex;
    justify-content: space-between;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.contents .top_cont > .box{
width: 537px;
}
.contents .top_cont > .box .tl{
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 10px;
    border-radius: 12px 12px 0 0 ;
}
.contents .top_cont > .box.riyou .tl{
background: #FABE00;
}
.contents .top_cont > .box.kigyou .tl{
background: #157243;
}
.contents .top_cont .box .innerbox{
    border-radius:0 0 12px 12px ;
    padding: 35px 40px 20px;
    text-align: center;
}
.contents .top_cont > .box.riyou .innerbox{
border: solid 2px #FABE00;
}
.contents .top_cont > .box.kigyou .innerbox{
border: solid 2px #157243;
}
.contents .top_cont .box .innerbox .img_area{
display: flex;
justify-content: center;
}
.contents .top_cont .box .innerbox .pic{
margin: 0 9px 20px;
}
.contents .top_cont .box .innerbox .txt{
    font-size: 19px;
    margin: 0 0 20px;
}
.contents .top_cont .box.riyou .innerbox .btn_area{
margin-top: 10px;
}
.contents .top_cont .box .innerbox .btn_area a{
background: #E6E6E6;
border-radius: 7px;
display: block;
width: 305px;
margin: 0 auto ;
position: relative;
color: #4D4D4D;
font-size: 16px;
padding: 10px 15px;
}
.contents .top_cont .box .innerbox .btn_area a:hover{
text-decoration: none;
opacity: 0.7;
}
.contents .top_cont .box .innerbox .btn_area a:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 8px;
    top: 50%;
    margin-top: -6px;
border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #B3B3B3;
}
.contents .top_cont .box .innerbox .btn_area a.mb10{
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.contents .top_cont{
width: 95%;
display: block;
padding-bottom: 0px !important;
}
.contents .top_cont > .box{
width: 100%;
}
.contents .top_cont > .box.riyou{
margin-bottom: 20px;
}
.contents .top_cont > .box .tl {
    font-size: 17px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 8px;
    border-radius: 8px 8px 0 0;
}
.contents .top_cont .box .innerbox {
    border-radius: 0 0 8px 8px;
    padding: 20px 15px;
}
.contents .top_cont .box .innerbox .img_area {
    justify-content: space-between;
}
.contents .top_cont .box.kigyou .innerbox .img_area{
    justify-content:center;
}
.contents .top_cont .box .innerbox .pic {
    margin: 0 0 10px;
    width: 49%;
}
.contents .top_cont .box .innerbox .pic img{
width: 100%;
}
.contents .top_cont .box.kigyou .innerbox .pic img{
width: auto;
}
.contents .top_cont .box.riyou .innerbox .btn_area {
    margin-top: 0;
}
.contents .top_cont .box .innerbox .btn_area a {
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
}
.contents .top_cont .box .innerbox .txt {
    font-size: 15px;
    margin: 0 0 10px;
}
}
/* ----------------------------------------------------------------
chara
---------------------------------------------------------------- */
.contents .chara {
    padding: 0 0 110px;
    width: 1100px;
	margin: 0 auto;	
}
.contents .chara h2{
	background: url(../assets/img/h2_img05.png) no-repeat top center;
	padding-top: 55px;
	margin-bottom: 20px;
}
.contents .chara ul {
	overflow: hidden;
}
.contents .chara ul li {
    float: left;
    width: 356px;
    text-align: center;
	margin-right: 15px;
}
.contents .chara ul li:last-child {
	margin-right: 0;
}
.contents .chara ul li img {
    margin-bottom: 15px;
}
.contents .chara ul li h3 {
	color: #4d4d4d;
	font-size: 21px;
}
.contents .chara ul li p {
	font-size: 14px;
}
.contents .chara ul li strong {
    color: #ff921e;
    font-weight: bold;
    font-size: 16px;
}

/* ----------------------------------------------------------------
blog
---------------------------------------------------------------- */
.contents .blog {
    background: #f6f6f6;
    padding: 15px 0 65px;
	position: relative;
}
.contents .inner {
	width: 900px;
	margin: 0 auto;	
}
.contents .blog h2{
	background: url(../assets/img/h2_img01.png) no-repeat top center;
	padding-top: 43px;
	margin-bottom: 20px;
}
.contents .blog:before,
.contents .blog:after{
    content: "";
    display: block;
    height: 44px;
    position: absolute;
    width: 100%;
}
.contents .blog:before{
    background: url(../img/top_blog_bg01.png);
    top: -44px;
}
.contents .blog:after{
    background: url(../img/top_blog_bg02.png);
    bottom: -44px;
}
.contents .blog .all{
    text-align: right;
    margin-bottom: 5px;
	position: relative;
}
.contents .blog .all a{
    color: #666666;
    font-size: 13px;
	margin-right: 17px;
	
}
.contents .blog .all:after{
	content: url(../assets/img/icon01.png);
	position: absolute;
	right: 0;
    top: 2px;
}

.contents .blog .blogbox{
    width: 900px;
    box-sizing: border-box;
    background: #ffffff;
    border: solid 1px #fbd500;
    border-radius: 10px;
    padding: 20px 40px;
}
.contents .blog .blogbox ul li{
    overflow: hidden;
    padding: 20px 15px;
    border-bottom: dotted 1px #c1c1c1;
}
.contents .blog .blogbox ul li:last-child{
    border-bottom: none;
}
.contents .blog .blogbox ul li p{
    float: left;
	        font-size: 14px;
	    margin: 0;
}
.contents .blog .blogbox ul li p a{
color: #4d4d4d;
}
.contents .blog .blogbox ul li .day{
    vertical-align: middle;
    margin-right: 70px;
}
/* ----------------------------------------------------------------
staff
---------------------------------------------------------------- */
.contents .staff {
	padding:110px 0 50px;
	width: 1100px;
	margin: 0 auto;	
}
.contents .staff h2{
    background: url(../assets/img/h2_img02.png) no-repeat top center;
}
.contents .staff ul {
  	overflow: hidden;
}
.contents .staff ul li {
    float: left;
    width: 254px;
	margin-right: 28px;
}
.contents .staff ul li p {
	font-size: 30px;
	text-align: center;
	color: #4d4d4d;
	margin: 0px;
}
.contents .staff ul li span {
	font-size: 12px;
	color: #ff921e;
	display: block;
    letter-spacing: 0.3em;
}
.contents .staff ul li:last-child {
	margin-right: 0;
}

/* ----------------------------------------------------------------
wage
---------------------------------------------------------------- */
.contents .wage {
    padding-top: 50px;
    height: 455px;
	background: url(../assets/img/wage_img01.jpg) no-repeat top right;
    background-size: cover;
}
.contents .wage h2{
    background: url(../assets/img/h2_img03.png) no-repeat top center;
	    margin-bottom: 30px;
}
.contents .wage .maintxt{
    text-align: center;
    font-size: 20px;
    line-height: 2.2;
}
.contents .wage .note{
    text-align: center;
    font-size: 13px;
}
.contents .wage p {
    color: #333;
    text-shadow:
        0 1px 0 #fffff6,
        1px 0 0 #fffff6,
        0 -1px 0 #fffff6,
        -1px 0 0 #fffff6,
        -1px -1px 0 #fffff6,
        1px -1px 0 #fffff6,
        -1px 1px 0 #fffff6,
        1px 1px 0 #fffff6
        ;
}

/* ----------------------------------------------------------------
access
---------------------------------------------------------------- */
.contents .access {
	width: 1100px;
    margin: 60px auto 90px;
	overflow: hidden;
}
.contents .access h2{
    background: url(../assets/img/h2_img04.png) no-repeat top center;
	padding-top: 37px;
}
.contents .access .map{
    margin-bottom: 20px;
}
.contents .access dl {
    width: 535px;
    float: left;
	margin-right: 30px
}
.contents .access dl:nth-child(even) {
	margin-right: 0px
}
.contents .access dt {
	display: inline-block;
    background: #ffe960;
    font-size: 13px;
    padding: 7px;
    border-radius: 5px;
    width: 80px;
    text-align: center;
    color: #4d4d4d;
    font-weight: bold;
}
.contents .access dd {
	display: inline-block;
    vertical-align: middle;
	margin-left: 15px;
	font-size: 15px;
}

/* ----------------------------------------------------------------
レスポンシブ
---------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.contents .chara,
.contents .staff,
.contents .access,
.contents .inner{
    width: 95%;
}
.contents .blog {
    width: 100%;
}
.blogbox img{
    width: 100%;
}
.contents section {
    padding:50px 0 40px !important;
}
.contents section h2 {
    background-size: 45px !important;
    padding-top: 32px !important;
    margin-bottom: 20px !important;
}
.contents section.chara h2 {
    background-size: 32px !important;
    padding-top: 42px !important;
    margin-bottom: 20px !important;
}
	
/* -----mainvisual----- */
#mainvisual {
    background: transparent;
	    height: auto;
}
#mainvisual img {
    position: static;
    width: 100%;
    top: auto;
    left: 0;
}
	
/* -----chara----- */
.contents .chara {
    padding:30px 0 40px !important;
}
.contents .chara ul li {
    float: none;
    width: 100%;
    text-align: center;
    margin-right: 0;
	    margin-bottom: 20px;
}
.contents .chara ul li h3 {
    font-size: 20px;
}
.contents .chara ul li p {
     margin: 5px 0;
}
.contents .chara ul li img {
    margin-bottom: 15px;
    width: 90%;
}
	
/* -----blog----- */
.contents .blog {
    padding: 10px 0 20px !important;
}
.contents .blog:before, .contents .blog:after {
    height: 21px;
	    background-size: 47px;
}
.contents .blog:before {
    top: -21px;
}
.contents .blog:after {
    bottom: -21px;
}
.contents .blog .blogbox{
    width: 100%;
    padding: 10px 10px;
}
.contents .blog .blogbox ul li {
    padding: 13px 8px;
}
.contents .blog .blogbox ul li .day {
    margin-bottom: 5px;
}
.contents .blog .blogbox ul li p {
    float: none;
}
/* -----staff----- */
.contents .staff h2 {
    padding-top: 44px !important;
}
.contents .staff ul li {
    float: center;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.contents .staff ul li:last-child {
    margin-bottom: 0;
}
.contents .staff ul li p {
    font-size: 27px;
    line-height: 1.2;
}
	
/* -----wage----- */
.contents .wage {
padding: 35px 0 40px !important;
	    height: auto;
    background: #fffff3;
}
.contents .wage h2 {
    padding-top: 40px !important;
}	
.contents .wage .maintxt {
    font-size: 17px;
    line-height: 1.7;
    width: 95%;
    margin: 0 auto;
}
.contents .wage .note {
    margin-bottom: 0;
}		
	
/* -----access----- */
.contents .access {
    margin: 0px auto 30px;
	padding-top: 30px !important;
	padding-bottom: 0 !important;
}
.contents .access h2 {
    padding-top: 28px !important;
}
.contents .access iframe{
    width: 100%;
    height: auto;
}
.contents .access dl {
    width: 100%;
    float: none;
    margin-right: 0;
	    margin: 16px 0 16px;
}	
.contents .access dt {
    width: 100%;
	box-sizing: border-box;
}
.contents .access dd {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
}	
	
	
	
	
}