@charset "UTF-8";
/* rizoba.com
  special-ski-hokkaido */

html, body {
	font-size:16px;
	font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

img{max-width:100%}
.is-bold {
  font-weight: 700; }
  .s-txt {
  font-size:80%; }
  .s-bold {
  font-weight: bold;
  font-size:80%; }
#breadcrumb{
	max-width:81rem;
margin: 0 auto;
padding:0 6px 0 0;
font-size:90%;
}
#breadcrumb p{
text-align:right;
margin:5px auto -24px;
}
#breadcrumb a{
	color:#00a0df;
}
@media screen and (max-width: 738px) {
#breadcrumb{
	display:none;
}
}
/*------common --------------*/
.container h3{margin:0.3em 0 1em ;}
p.txt{
  width: 100%;
  display:block;
  margin:0;
  padding:0;
  margin:0 0 1.8em ;
	}


/* --- navi ---------------------------------------------- */
#nav {
	/*position: fixed;*/
	display: flex;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 52px;
	z-index: 1000;
	color: #333;
	background-color: #fff;
	border-bottom:solid 2px #402112;
  }
  #nav a {   color: #ffffff; 
  }
#nav h1 {
   color: #402112; 
   position:absolute;
   font-size:11px;
   top:10px;
   left:260px;
   font-weight:normal;
	 }
  #nav .btn-contact {
    width: 120px;
    height: 40px;
    padding: 0; 
	background-color:#a8884f !important;
	color:#fff;
	font-weight:normal;
	}

#nav .tel {
    align-items: flex-end;
	margin-right:15px; 
}
  .tel-txt{
	  font-size:13px;
}
.nav-content {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display: flex;
   -webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center; 
	align-items: center;
	width: 1200px;
	margin:0 auto;
	padding: 0 42px; 
	position:relative;
	}
  .nav-content ul {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display: flex;
   -webkit-justify-content: space-around;
    justify-content: space-around;
	-webkit-align-items: center; 
	align-items: center;
    padding: 0;
    margin: 0; }
  .nav-content li {
    list-style: none; }
  .nav-content li + li {
    margin-left: 24px; }
@media screen and (max-width: 999px) {
.nav-content {
	padding: 0 8px; 
}
#nav h1{	display:none;}
#logo{
	margin-top:8px;
	}
.nav-oubo{
	margin-top:3px;
	}
}
@media screen and (max-width: 640px) {
#nav{
		height: 50px;
}
  #nav .tel {
    display: none; }

  #nav .nav-content {
    padding: 0 10px; } }
@media screen and (max-width: 414px) {
#logo{ width:160px;}
}
/* --- footer ---------------------------------------------- */
#foot_conte {
  background-color: #fbf8f1;
  padding: 48px 0; 
  margin-top:-16px;}
#foot_conte h4 {
	  padding-top:0;
	  margin-bottom:16px;
     }
#foot_conte .txt {
	  font-size:85%;
     }	 
 @media screen and (max-width: 612px) {
#foot_conte{
	  display:none;}	
 }

.footer {
  background-color: #402112;
  position: relative;
  width: 100%;
  color: #ffffff; }
  .footer a {
    color: #ffffff; }
  .footer ul, .footer p {
    margin: 0;
    padding: 2px 0;
    }
  .footer ul {
    list-style: none; }
    .footer ul li {
      display: inline-block;
      padding: 0 4px; }
    .footer ul li + li {
      border-left: 1px solid #ffffff; }
  .footer .footer-container {
  max-width: 86rem;
  box-sizing: border-box; 
	 margin:0 auto;
	 padding: 0 42px; 
     }
  .footer .footer-container h4 {
	  padding-top:2em;
     }
  .footer .footer-container .txt {
	  font-size:80%;
     }	 
  .footer .copy-right{
	  text-align:center;
	  font-size:80%;
    }
 #foot_tel{
	  text-align:right;
    }	

	 
@media screen and (max-width: 480px) {
  .footer .footer-container {
    padding: 0 10px; }
 }	
 @media screen and (max-width: 640px) {
  .footer-container h4,.footer-container .txt{
	  display:none;}	
 #foot_tel{
	  text-align:center;
    }	
 .item_tel_number{
	  margin:16px auto 0;
    }	
  .footer .copy-right{
	  font-size:74%;
    }
 }	

.key {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 0 auto ;
	background-color:#eee;
   }
@media screen and (max-width: 480px) {
.key {
	margin-bottom:0;
   }
 }	   
.key img {
  width: 100%;
  max-width:1600px;
  margin:0 auto;
  vertical-align:bottom;
   }      
 button {
  font-size: 16px;
  color: white;
  cursor: pointer;
  outline: none; }
  button:hover {
    opacity: 0.7; }

.btn-contact {
	background-color: #a8884f;
	border: solid 2px #ffffff;
	height: 60px;
	padding: 6px 32px;
	font-size:1em;
}
.btn-contact.pink {
  background-color: #ff7b91;
}
.btn-contact.purple {
  background-color:rgba(113,117,198,1.00);
}
.btn-contact.blue {
	background-color:#333;
}

.btn-wide {
  width: 460px; }

@media screen and (max-width: 480px) {
  .btn-contact {
    width: 100%; } 
	}

.box-img{
text-align:center;
}
.box-txt{
	font-size:90%;
}

@media screen and (max-width: 1023px) {
  h2 {
    letter-spacing: normal; } }


.pagetop{
	max-width: 86rem;
	font-size: 12px;
	text-align: right;
	padding: 0x 42px 0;
	margin:-16px auto;
	width:100%;
	box-sizing:border-box;
}
.pagetop a{
	padding:26px 72px 26px 0;
	background-image: url(../images/btn_totop.png);
	background-repeat: no-repeat;
	background-position: right top;
	max-width:300px;
	margin-right:2%;
}
.pagetop a:hover{
    opacity: 0.7; }
@media screen and (max-width: 738px) {
.pagetop{
	padding: 40px 10px 0;
}
.pagetop a{
	padding:40px 40px 0 0;
	background-position: right bottom;
	background-size:40px 40px;
	}
}
html, body {
  background-color: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 100%;
  height: 100%;
  color: #333; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }
  h1.is-centered, h2.is-centered, h3.is-centered, h4.is-centered, h5.is-centered, h6.is-centered {
    text-align: center; }

h2 {
  letter-spacing: 0.1em;
  }
a {
  color: #00a0df;
  text-decoration: none; }
  
/*--- container ----------------------------------------*/
.container,.vol_container {
  max-width: 86rem;
  align-items: center;
  padding: 0 42px;
  box-sizing: border-box; 
  margin-right: auto;
  margin-left: auto; 
  overflow: hidden;
  }

@media only screen and (min-width: 48em) {
  .container ,.vol_container {
    width: 100%; }
}
@media only screen and (min-width: 64em) {
  .container ,.vol_container {
    width: 100%; }
}
@media only screen and (min-width: 75em) {
  .container ,.vol_container {
    max-width: 86rem; }
 }
 @media only screen and (max-width: 640px) {
  .container ,.vol_container {
  padding: 0 16px;
	}
 }
.vol_container p.txt{
	margin:1.4em 0 1.4em !important;
	}
	
/* PC SP-only---------------------------------------------- */
@media screen and (max-width: 738px) {
	.pc-only {display:none;}
}
@media only screen and (min-width: 739px) {
	.sp-only {display:none;}
}
.allow-br {
  white-space: pre-line; }

.tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .tel div {
    display: flex;
    align-items: center;
    justify-content: center; }
    .tel div span {
      padding: 0 4px; }

section {
  width: 100%; }

.bg-gray {
  background-color: #fbf8f1;
  padding: 80px 0;
   }

   
.bg-blue {
	background-color: rgba(88,201,221,0.30);
  padding: 80px 0; }
.bg-yellow {
	background-image: url(../images/bg-photo02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
  padding: 80px 0; }
.bg-white {
  background-color: white;
  padding: 80px 0; }
.bg-more {
	background-color: #40210f;
  padding: 80px 0;
	background-image: url(../images/bg_wave.png);
	background-repeat: no-repeat;
	background-position: right 50px;
}
 .bg-brown {
	background-color: #402111;
	padding: 80px 0;
	color: #fff;
	background-image: url(../images/bg_wave.png);
	background-repeat: no-repeat;
	background-position: right 50px;
   }



@media screen and (max-width: 738px) {
.bg-yellow {
	background-image: none;
	background-color: rgba(247,209,86,0.20);
	padding-top:0;
}
.bg-more {
	/*background:#fbf8f1;*/
	padding-top: 16px;
	background-position: right 46px;
	background-size: 100%;
 }
 .bg-brown{
 	background-position: right 30px;
	background-size: 100%;
	}


}
@media screen and (max-width: 480px) {
.bg-gray {
  padding: 0 0 30px 0; }
  .bg-brown {
  padding: 0 0 30px 0; }
.bg-blue {
  padding: 0 0 30px 0; }
 .bg-yellow {
  padding: 0 0 30px 0; }
.bg-white {
  padding: 0 0 30px 0; }
.bg-area {
  padding: 0 0 30px 0; }
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 40px solid #d5d5d5;
  margin: 32px 0; }

.flex-row-reversed {
  flex-direction: row-reverse; }

.row {
  margin: 0; }

@media screen and (max-width: 480px) {
  h2, h3, h4, h5, h6 {
    letter-spacing: normal; }
  .container,.vol_container {
    padding: 0 10px; }
 }
 
/*--- flex-box ----------------------------------------*/
.flex-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; 
  flex-direction:         row;
  padding:0;
  margin:0 ;
   }
.flex-box a img:hover {
	opacity:0.7;
   }   
 @media only screen and (max-width: 738px) {
.flex-box {
	display:block;
}
 }
.flex-box .item{
		text-align:center;
		box-sizing:border-box;
}
.flex-box .item p{
		text-align:left;
}
.flex-box .item img {
	width:100%;
	height:auto;
	vertical-align: bottom;
}
 @media only screen and (max-width: 738px) {
.flex-box .item p{
	font-size:80%;
}
 }

 /*---- flex 2colums----- */
.item.item-2_1 {
	width:50%;
}
.item.item-2_2 {
	-webkit-flex:1;
	flex: 1;
}
  @media only screen and (max-width: 738px) {
.item.item-2_1 {
	width:100%;
}
 }
  /*---- flex 3colums----- */
.item.item-3_1 {
	width:33.3%;
}
.item.item-3_2,.item.item-3_3 {
	-webkit-flex:1;
	flex: 1;
}
  @media only screen and (max-width: 738px) {
.item.item-3_1 {
	width:100%;
}
 }


.container .inner-white{
	background-color: rgba(255,255,255,0.80);
	margin: 0 auto;
}
@media screen and (max-width: 738px) {
.container .inner-white{
	background-color: rgba(255,255,255,0.00);
}
   }


/*======section_title======================*/
.section_title{
	color:#a8884f;
	text-align:center;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:3px;
    display: table;
    text-align: center;
    white-space: nowrap;
}
.section_title:after,
.section_title:before {
        content: '';
        display: table-cell;
        width: 50%;
        background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
        background-clip: padding;
    }
 
.section_title:after {
        border-left: 2em solid transparent;
    }
 
.section_title:before {
        border-right: 2em solid transparent;
    }
.section_title02{
	font-size:0.84em;
	text-align:center;
	color:#333333;
	margin-top:-1px;
	margin-bottom:2.2em;
}	
.section_title03{
	font-size:1.7em;
	text-align:center;
	/*color:#7a6a56;*/
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:normal;
	letter-spacing:2px;
}	
.section_title03 span{
	color:#333;
	font-size:120%;
}	
.read{
	margin-bottom:3em;
	text-align:center;
	}
@media screen and (max-width: 738px) {
.section_title{
	font-size:1.3em;
	padding-top:1.4em;
}
.section_title02{
	margin-bottom:1.8em;
}	
.section_title03{
	font-size:1.36em;
	letter-spacing:0px;
}	
.read{
	font-size:85%;
	margin-bottom:2em;
	text-align:left;
	}
   }	
/*======intro======================*/
#intro{
	padding-top: 86px;
	background-color:#fbf8f1;
	}
#intro .inner-white{
	border:solid 1px #a78753;
	padding:24px;
	}	
#intro h3 {
	font-size:1.8em;
	color:#a8884f;
	font-weight:normal;
	}	
@media only screen and (max-width: 980px) {
#intro{
	padding-top:12px;
	}
#intro .inner-white{
	padding:6px;;
	border:none;
	}
#intro h3 {
	font-size:1.4em;
	}	
 }
 
#intro .flex-box .item.item1 {
	width:100%;
}
#intro .flex-box .item.item2{
	padding:0 0 0 6%;
}
#intro .flex-box .item img{
	max-width:460px;
}

#intro .flex-box .sp-only{
	text-align:center;
}
 @media only screen and (max-width: 980px) {
#intro .flex-box .item.item1 {
	width:100%;
	/*padding-top:18px;*/
}
#intro .flex-box .item.item2 img{
	margin:0;
}
 }


/*--- merit ----------------------------------------*/
#merit .section_title02{
	color:#fff;
}	
#merit .section_title03 span{
	color: #F2D614;
}	
#merit .flex-box {
  -webkit-justify-content: space-between; 
  justify-content:         space-between;
}
#merit .flex-box .item{
	width:31%;
}
#merit .flex-box .item img{
	border:solid 1px #a8884f;
	margin-bottom:1.3em;
}

@media screen and (max-width: 738px) {
#merit .flex-box .item{
	width:100%;
}
#merit .flex-box .item h4{
	line-height:1em;
}

#merit .flex-box .item p{
	margin-bottom:3em;
}
}
@media screen and (min-width:739px) and ( max-width:900px) {
.box-color #merit_title .txt-box{
	font-size:0.9em;
	padding:10px 1px 0 5px;
}
}
@media screen and (max-width: 738px) {
#merit .container{
	margin-top:-1em;
}
#merit.bg-white{
	padding-top:20px;
   }
   }
#merit .oubo_btn{
	margin-top:2.6em;
}

 @media only screen and (max-width: 738px) {
#merit .sp-title h2 {
	width: 120%;
	padding: 10px 30px 10px 0;
	margin-left: -42px;
	color: #fff;
	font-size: 1.0em;
	line-height: 1.1em;
	text-align: center;
	background-color: #04bcbe;
}
#merit .sp-title span {
	color:rgba(255,247,1,1.0);
	font-size:1.18em;
}
#merit .sp-title p {
		font-size:90%;
		margin-bottom:2em;
}
 }
  @media only screen and (max-width: 640px) {
#merit .sp-title h2 {
	width:110%;
	padding:10px 0 10px 10px;
	margin-left:-20px;
	font-size:1.0em;
	line-height:1.0em;
}
 }


/*    pickup    */
#pickup .flex-box.pickup {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;  -webkit-justify-content: space-between; 
  justify-content:         space-between;
}
#pickup .flex-box.pickup .item{
	width:48.2%;
}
#pickup .flex-box.pickup .item img{
	border:solid 1px #a8884f;
	margin-bottom:0;
	box-sizing:border-box;
}
#pickup .txt-box h4{
	margin:0 0 2em;
	padding:6px 0 4px;
	color:#fff;
	font-weight:normal;
}
#pickup .txt-box.pickup1 h4{
	background-color:#080f38;
}
#pickup .txt-box.pickup2 h4{
	background-color:#40210f;
}
#pickup .flex-box.pickup .item p{
	color:#333;
	margin:0 1em 1.7em;
}

@media screen and (max-width: 738px) {
#pickup .flex-box.pickup  {
   display: flex;    
flex-direction: column; /
}
#pickup .flex-box.pickup .item  {
	width:100%;
}

}


/*---- #feature ------------------------------------- */
#feature  .inner-white{
	padding-bottom:50px;
}
@media screen and (max-width: 738px) {
#feature  .inner-white{
	padding-bottom:0;
}
}
#feature  .item.item-title {
	background-color: #3870cf;
}
#feature .item.item-text h3{
	color:  #3870cf;
}
#feature #job-list  {
	padding:30px 20px 0;
}
#feature #job-list .item .inner{
	background-color:#fff;
	margin:0 16px 0;
	padding:16px;
}
#feature #job-list .item p{
	padding:0;
}
#feature h4{
	font-size:120%;
	margin:16px auto 0;
	padding:0 0 0 16px;
	border-left:solid 6px #3870cf;
	text-align:left;
	}
@media screen and (min-width:739px) and ( max-width:999px) {
#feature #job-list  {
	padding:16px 0 0;
}
#feature #job-list .item .inner{
	margin:0 8px 0;
	padding:16px;
}
#feature .inner p {
    font-size:86%;
	line-height: 1.4;
	padding:0 10px 6px;
}
}
@media screen and (max-width: 738px) {
#feature #job-list  {
	padding:0;
}
#feature #job-list .item .inner{
	background-color:#fff;
	margin:0 0 16px;;
	padding:10px 10px 16px;
}
#feature #job-list .item p{
	padding:0;
}
#feature .item-text{
	background-color: rgba(255,255,255,0.00);
}
}
#feature .oubo_btn{
	margin-top:2.6em;
	}
#feature li .inner{
	background-color:#fff;
	margin:16px;
	}
@media screen and (max-width: 738px) {
#feature #job-list .item .inner{
	padding-bottom:4px;
	}
#feature h4{
	font-size:100%;
	padding:0 0 0 10px;
	margin-bottom:-4px;
	}
}



/*--- more -------------------------------------------- */
#more .more_logo{
	width:50%;
	box-sizing:border-box;
}
#more .more_logo img{
	margin:0 auto;
}
#more .more_logo a{
	display:block;
	margin-bottom:0.4em;
}
#more .more_logo.logo1 a{
	margin-right:1.6em;
}
#more .more_logo.logo2 a{
	margin-left:1.6em;
}

@media screen and (max-width: 738px) {
#more .more_logo{width:100%;}
#more .more_logo.logo1 a {
	margin-right:0;
	background-color:#080f38;
	padding:0.6em 2em 0;
}
#more .more_logo.logo2 a {
	margin-left:0;
	background-color:#40210f;
	padding:0.6em 2em 0;
	margin-bottom:2em;
}

}
#more h2 {
	background-color:#40210f;
	color:#fff;
	font-size:1em;
	padding:3px 0;
	margin:0 0 1em;
}
.more_logo {
	text-align:center;
}
#more .section_title02{
	color:#a8884f;
}
#more .section_title03{
	font-size:1.36em;
	letter-spacing:0px;
	margin-top:-20px;
}	
#more .read{
	text-align:left;
}

@media screen and (max-width: 738px) {
.more-box {
   display: flex;    
flex-direction: column; /
}
#more h2 {
	font-size:88%;
}
#more .section_title03{
	font-size:1.2em;
}	
}

/*logoアイコン*/
.img_logo{
	position:relative;
	margin:0;
	padding:0;
}
.img_logo img.logo{
	position:absolute;
	bottom:0em;
	right:0.4em;
	width:170px !important;
	border:none !important;
}
.img_logo img.logo_s{
	position:absolute;
	bottom:0.2em;
	right:0.1em;
	width:50%;
}
@media screen and (max-width: 738px) {
.img_logo img.logo{
	position:absolute;
	bottom:1em;
	right:0.4em;
	width:100px !important;
}
}



/*追加*/
#more .read{
	color:#fff;
	text-align:center;
}
#more .inner-white{
	background-color:#fff;
	padding:32px 32px 32px;
	margin-bottom:4em;
}
@media screen and (max-width: 738px) {
#more .inner-white{
	padding:16px;
	margin-bottom:3em;
}
}
#more .more_logo {
	display:block;
	margin:0 auto 2em;
}

#more .flex-box .item p{
	color:#40210f;
	margin-bottom:1.9em;
	margin-top:0.3em;
}

#access .inner{
	margin:24px;
}
#access #access-detail .item{
	padding:26px 26px 60px;
}

#access #access-detail .item p{
	padding:26px 0 0;
}
@media screen and (min-width:739px) and ( max-width:999px) {

#access .inner{
	margin:0px;
}
#access #access-detail .item{
	padding:26px 16px 60px;
}
#access .inner p {
    font-size:86%;
	line-height: 1.4;
	padding:2px 10px 6px;
}
}
@media screen and (max-width: 738px) {
#more .read{
	text-align:left;
}

#access .inner{
	margin:0;
}
#access #access-detail .item{
	padding:0;
}
#access .item-text{
	background-color: rgba(255,255,255,0.00);
}
#access #access-detail .item-2_1 p{
	margin-top:-2em;
	margin-bottom:2em;
}
#access #access-detail .item-2_2 h3{
	padding:26px 0 0;
}
}


/*facirity*/

#facirity .flex-box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;  -webkit-justify-content: space-between; 
  justify-content:         space-between;
}
#facirity .flex-box .item{
	width:48.5%;
}
#facirity .flex-box .item h4{
	border-bottom:solid 1px #a8884f;
	padding:0.3em 0 0.3em;
}
#facirity .flex-box .item p{
	color:#40210f;
	margin-bottom:1.9em;
	margin-top:0.3em;
}

@media screen and (max-width: 738px) {
#facirity .flex-box .item{
	width:100%;
}
}


/*spot*/

#spot .flex-box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;  -webkit-justify-content: space-between; 
  justify-content:         space-between;
}
#spot .flex-box .item{
	width:31%;
}
#spot .flex-box .item h4{
	border-bottom:solid 1px #a8884f;
	padding:0.3em 0 0.3em;
}
#spot .flex-box .item p{
	color:#40210f;
	margin-bottom:1.9em;
	margin-top:0.3em;
}

@media screen and (max-width: 738px) {
#spot .flex-box .item{
	width:100%;
}
}

/*    job   */
#more #job .flex-box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;  -webkit-justify-content: space-between; 
  justify-content:         space-between;
}
#more #job .flex-box .item{
	width:30%;
}
#more #job .flex-box .item a h4{
	color:#a8884f;
	border-bottom:solid 1px #a8884f;
	padding:0.3em 0 0.3em;
}
#more #job .flex-box .item a p{
	color:#40210f;
	margin-bottom:1.9em;
	margin-top:0.3em;
}

@media screen and (max-width: 738px) {
#more #job .flex-box .item{
	width:100%;
}
}








/*--- flow -------------------------------------------- */
#oubo .item.item-title {
	background-color:#34b9be;
}
#oubo .item.item-text h3{
	color:#34b9be;
}

#oubo .inner-white {
	padding:40px 0 10px;
	margin-bottom:40px;
}
@media screen and (max-width: 738px) {
#oubo .inner-white {
	padding:0;
	margin-bottom:0;
}
#oubo .item-text{
	background-color: rgba(255,255,255,0.00);
}
}

#oubo .container ul {
    max-width: 850px;
	width:100%;
    margin: auto;
	padding:0;
}
#oubo .container ul li h4,
#oubo .container ul li p{
    position: relative;
}
#oubo .container ul li h4 {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
    background-color: #333;
    color: #FFF;
    font-size: 20px; 
    line-height: 50px;
    text-align: center;
	font-weight:900;
}

#oubo .container ul li h4:after{
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    margin: auto;
    border: 10px solid transparent;
    border-top: 10px solid #333;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

#oubo .container ul li p{
	padding:0 3% 2%;
}
#oubo .container ul li {
    margin-bottom: 2.6em ;
	list-style:none;
	background-color:#fff;
	}

@media screen and (max-width: 620px) {
#oubo .container ul li h4 {
    padding: 0;
    font-size: 16px; 
    line-height: 36px;
}
#oubo .container ul li h4:after{
    content: "";
    top: 36px;
}

#oubo .container ul li p{
	padding:0 3% 3%;
}
#oubo .container ul li {
    margin-bottom: 30px ;
	}
}




/*--- 応募ボタン -------------------------------------------- */

.oubo_btn.flex-box {
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
}
.oubo_btn.flex-box .item {
	margin:0 12px;
}
@media screen and (max-width: 738px) {
.oubo_btn.flex-box {
	display: -webkit-flex;
	display: flex;
	 -webkit-flex-direction: column;
	  flex-direction:         column;
	-webkit-align-items: center; 
	align-items: center; 
}
	.oubo_btn .btn-contact{
		display:block;
		width:90%;
		min-width:280px;
		margin:0 auto 0.6em;
}
}


/*--- 画像リンク矢印 -------------------------------------------- */
#job-list a{
  position: relative;
  display: inline-block;
}

#job-list a:before{
	content: '';
	width: 46px;
	height: 46px;
	/*-webkit-border-radius: 50%;
	border-radius: 50%;*/
	background-color: rgba(0,0,0,0.40);
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -26px;
}
#job-list a:after{
  content: '';
  width: 16px;
  height: 16px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 27px;
  margin-top: -13px;
}

@media screen and (max-width: 414px) {
#job-list a:before{
	content: '';
	width: 36px;
	height: 36px;
	background-color: rgba(0,0,0,0.40);
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -21px;
}
#job-list a:after{
  content: '';
  width: 14px;
  height: 14px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
}
}

  .footer .container {
	 padding: 0; 
     }