@charset "utf-8";

body,div,li,ul,figure,figcaption,dl,dd,dt,td,th,h1,h2,h3,h4,h5,p{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

*{
	outline: none;
}
.pc_display{
	display: inline-block;
}
.sp_display{
	display: none;
}
#wrap-container {
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
}
.rcrumbs:not(.is-touchdevice) .rcrumbs-list {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1240px;
    margin: 0 auto;
}
.contents div{
	box-sizing: border-box;
}
/*main*/
#colorbox{
	outline: none !important;
}
#journey a:focus, #journey a:focus, #journey button:focus, #journey a:focus, #journey button:focus , #colorbox a:focus{
  outline: 1px dotted #000000 !important;
}
#journey .main {
	background: url(../img/hero_image.jpg) center center no-repeat;
	background-size: cover;
  padding: 145px 0 0;
	height: 680px;
}
#contents .res-wrap-contents {
	position:relative;
}
#journey .inner {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#journey .inner h1 + p {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	text-shadow:2px -2px 12px #ffffff, 2px -2px 14px #ffffff, 3px -3px 16px #ffffff,  4px -4px 16px #ffffff, 0px 4px 5px #ffffff;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #000000;
}
h1.ttl-text {
	    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.cassette .logo_container{
	display: flex;
	align-items: flex-start;
	padding: 0 5px;
}
.cassette .logo_job_hub{
	width: 139px;
}
.cassette .logo_hafh{
	width: calc( 100% - 139px );
	display: block;
}
/*tour共通*/
#journey .tour h2 > img:first-of-type {
	width: 40%;
}
#journey .tour .cassette {
	margin-top: 2%;
}
#journey #hiring .cassette ul {
	justify-content: space-around;
}
#journey .tour .cassette ul {
	display: flex;
	flex-flow: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
#journey .tour .cassette ul li {
	background-color: #fff;
	width: 31.5%;
	margin-bottom:20px;
	position:relative;
}
#journey .tour .comingInner {
	position: relative;
	height: 100%;
  background-color: #fff;
  padding: 4%;
  box-sizing: border-box;
}
#journey .tour .comingInner img{
	/* position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0; */
	margin: auto;
}
#journey .tour h3 {
    font-size: 18px;
    font-weight: bold;
    background-color: #ffcc00;
    line-height: 1.3;
    padding: 8% 0 15%;
    margin: 0 -3%;
	letter-spacing:-1px;
}
#journey .tour h3.ttl_line3 {
	font-size:96%;
	line-height:1.1em;
	padding-top:2.5%;
}
#journey .tour .detail {
    background-color: #fff;
    width: 87%;
    margin: -13% auto auto;
	padding-bottom:15px;
}
#journey .tour .detail .icon_before {
	position:absolute;
	top:-8px;
	left:-12px;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:4px 0 0 0;
	background: url(../img/icon_before.png) 0 0 repeat;
	width:61px;
	height:30px;
}
#journey .tour .detail .icon_now {
	position:absolute;
	top:-8px;
	left:-12px;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:4px 0 0 0;
	background: url(../img/icon_now.png) 0 0 repeat;
	width:61px;
	height:30px;
}
/*#journey .img_position01 {
    margin: -10px 0 5px 0;
}*/
#journey .tour .support {
    margin: 10% auto;
    position: relative;
    border-bottom: 1px solid #000;
}
#journey .tour .support span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 3em;
    height: 1.6em;
    background-color: #fff;
	font-size: 14px;
}
#journey .tour figcaption {
    font-size: 13px;
    margin: 5% auto;
    text-align: left;
}

/*hiring*/
.contents_anchor{
	width: 100%;
	max-width: 1000px;
	margin-top: 125px;
}
.contents_anchor_item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.contents_anchor_item + .contents_anchor_item{
	padding-top: 8px;
}
.anchor_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
  flex: 1;
}

.anchor_title{
	max-width: 170px;
	margin-top: 4px;
}
.anchor_item{
	padding-left: 4px;
	margin-top: 4px;
}
@media screen and (min-width: 769px) and (max-width: 950px){
	.contents_anchor{
		position: relative;
		left: 0.5vw;
	}
	.anchor_title,
	.anchor_item{
		height: 7.3vw;
	}
	/* .anchor_title{
		width: 17.8vw;
	} */
	.anchor_item{
		width: 33%;
	}
	.anchor_title img,
	.anchor_item img{
		height: 100%;
	}
}
/* @media screen and (min-width: 769px) and (max-width: 995px){
	.contents_anchor {
		padding: 0 1%;
	}
	.anchor_list{
		max-width: calc( 100% - 17.8% );
	}
	.anchor_title{
		width:17.8%
	}
	.anchor_item{
    width: calc( ( 100% - 12px ) / 3 );
	}
	_:-ms-lang(x)::-ms-backdrop, .anchor_item {
	    width: calc( 32% );
	}
	_:-ms-lang(x)::-ms-backdrop, .anchor_list{
		max-width: calc( 100% - 16% );
	}
	.anchor_title{
		width: 16%;
	}
	@supports (-ms-ime-align: auto) {
		.anchor_item{
	    width: calc( ( 100% - 13px ) / 3 );
		}
	}
} */
#journey .hiring {
	background: url(../img/hiring_tour_bg.gif) 0 0 repeat;
	border: solid #fdce0f;
	border-width: 4px 0;
	padding: 2px 0;
}
#journey .hiring .border {
	border: solid #fdce0f;
	border-width:2px 0;
  padding: 4% 0;
}
#journey .hiring h3 {
  padding-bottom: 17%;
  background-color: #ffcc00;
	font-size: 15px;
}

/*done*/
#journey .done {
	background: url(../img/done_tour_bg.gif) 0 0 repeat;
	border: solid #6ddada;
	border-width: 4px 0;
	margin-top: 1px;
	padding: 2px 0;
}
#journey .done .border {
	border: solid #6ddada;
	border-width:2px 0;
    padding: 4% 0;
}
#journey .done h3 {
    background-color: #6ddada;
}


/*omoi*/
#journey .omoi {
    background: url(../img/omoi_bg.gif) 0 0 repeat;
    margin: 2% auto;
    padding: 1% 0;
}
#journey .omoi h2 {
    margin-bottom: 0.5%;
}
#journey .omoi p {
    font-size: 13px;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
}

/*banner*/
#journey .banner {
    margin: 4% auto;
}
#journey .banner .inner{
    max-width: 750px;
}


/*partner*/
#journey .partner {
   	padding-bottom: 5%;
}
#journey .partner h2 {
   	margin: 10% auto 5%;
    position: relative;
    border-bottom: 1px solid #000;
}
#journey .partner h2 span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 11em;
    height: 1.6em;
    background-color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#journey .partner ul {
	display: flex;
	width:720px;
	margin:0 auto;
}
#journey .partner ul li {
	margin: 0 70px 0 0;
}
#journey .partner ul  li:last-child{
	margin: 0 0 0 -30px;
}
/*bgOnly*/
#journey .bgOnly {
   	padding-bottom: 5%;
	width: 100%;
	height: 50px;
	background: url(../img/omoi_bg.gif) 0 0 repeat;
}

.inline_content h3 {
    text-align: center;
    font-size: 26px;
    background-color: #ffcc00;
    padding: 3% 0;
    font-weight: bold;
}
.inline_content h3 img {
    margin-bottom: 1%;
}
.inline_content .detail {
    background-color: #fff;
    width: 95%;
    margin: 0 auto;
    padding: 1% 5%;
    box-sizing: border-box;
}
.inline_content figure {
    align-items: center;
	border-bottom: 1px solid #000000;
    padding-bottom: 5%;
    margin: 0 auto;
}
.inline_content figure figcaption {
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}
.inline_content figure div {
    width:30%;
	text-align:center;
    margin: 0 auto;
}
.inline_content figure img {
    margin: 0 auto;
}
.inline_content figure h4 {
  	margin: 5.5% auto 5%;
    position: relative;
    border-bottom: 1px solid #000;
}
.inline_content figure h4 span {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 8em;
    height: 1.0em;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.inline_content .owner {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 2% auto 4.5%;
	line-height:1.4em;
}
.inline_content .txt {
    margin: 3% auto;
    padding-top: 3%;
	padding-bottom:5%;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    border-bottom: 1px solid #ffa800;
}
.inline_content .txt02 {
    margin: 2% auto 4%;
    font-size: 12px;
    line-height: 1.4;
    width: 60%;
}
.inline_content a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5%;

}
.adj01 {
	margin-top:-10px;
}
.txt_space {
	letter-spacing:-1px;
}
/* --------------------------------------------------------------
				SP-display
--------------------------------------------------------------*/

@media screen and (max-width:769px){
	.contents_anchor_sp img {
		width: 100%;
	}
	.sp_display{
		display: inline-block;
	}
	.pc_display{
		display: none;
	}

	#journey .main {
		background: url(../img/map_bg.gif) 0 0 repeat;
	  padding: 12.9vw 0;
		height: auto;
	}
	#journey .inner {
		max-width: 95%;
	}
	#journey .inner h1 {
		position:static;
	}
	#journey .inner h1 + p {
	  font-size: 4vw;
		margin-bottom: 10%;
		position:static;
		text-shadow: none;
	}
	#journey .inner h2 img {
	    width: auto;
	}
	#journey .tour h2 > img:first-of-type {
    	width: 85%;
	}
	#journey .spBtn {
	    background-color: #fff;
		width: 95%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2%;
		margin: 2% auto;
	}
	#journey .spBtn img {
	    width: 25%;
	}
	#journey .spBtn img:last-of-type {
	    width: 5%;
	}
	.contents_anchor_sp .spBtn span{
	       font-size: 4vw;
		color: #000;
		line-height: 1.3;
		font-weight: bold;
	}
	.contents_anchor_sp .spBtn .pref{
		text-align: left;
		font-size: 3vw;
		width: 13.7vw;
	}
	.hiring_sp .spBtn .pref{
		color: #ffcc00;
	}
	.done_sp .spBtn .pref{
		color: #64d6d6;
	}
	#journey .done_sp{
	    margin-top: 10%;
	}

	#journey .hiring .border {
		padding: 10% 0;
	}
	#journey .done .border {
		padding: 10% 0;
	}
	#journey .tour .cassette ul {
		flex-flow: column;
	}
	#journey .tour h3 {
		margin: 0 -1%;
	}
	#journey .tour h3.ttl_line3 {
	font-size:100%;
	line-height:1.3em;
	margin-top:-0;
	}
	#journey .tour .detail {
		background: none;
		padding-bottom:0;
	}
	#journey .tour .detail .icon_before,
	#journey .tour .detail .icon_now {
	left:-6px;
	}
	#journey .tour h3 {
		font-size: 5vw;
	}
	#journey .tour figcaption {
		font-size: 3.5vw;
	}
	#journey .tour a img {
		width: 100%;
	}
	#journey .tour .cassette ul li {
		background-color: #fff;
		padding-bottom: 10%;
   		margin-bottom: 10%;
	    width: 100%;
	}
	#journey .tour .comingInner {
		padding: 10% 0 0;
	}
	#journey .tour .inner {
		width: 93%;
	}

	#journey .omoi p {
	    font-size: 3.5vw;
	}
	#journey .omoi {
		padding:10% 0;
	}
	#journey .banner {
		margin: 4% auto 15%;
	}
	#journey .banner .inner {
    	max-width: 85%;
}
	.inline_content h3 {
	    font-size: 5vw;
  	  line-height: 1.3;
	}
	.inline_content .owner {
		font-size: 3.5vw;
	}
	.inline_content figure {
		flex-flow: column;
	    padding-bottom: 5%;
	}
	.inline_content figure h4 span {
		font-size: 3.5vw;
	}
	.inline_content figure p {
		font-size: 3.5vw;
		line-height:1.5em;
		text-align:left;
	}
	.inline_content .txt {
		width: 100%;
	    margin-bottom: 5%;
	}
	.inline_content .txt02 {
		font-size:14px;
		margin: 0% auto 4%;
		width: 100%;
	}
	.inline_content a {
		margin-bottom: 10%;
	}
	.inline_content .detail {
		padding: 5% 5% 1%;
	}
	.journey .tour .support {
		width: 100%;
	}
	#journey .partner ul {
		flex-wrap: wrap;
		width:90%;
	}
	#journey .partner ul li{
		justify-content:center;
		margin: 15px 0 0 0 !important;
		width: 50%;
	}
	#journey .partner ul li:first-child {
		width: 100%;
	}

	#journey .tour h3 {
        height: auto;
}

}
.huber-only{
	height:70px;
	margin-top: -10px;
}
.done_anchor .js-anchor-btn ,
.recommend-journey-anchor .js-anchor-btn{
	position: relative;
    background-color: #fff;
    width: 272px;
    height: 70px;
    margin-left: 4px;
    padding-left:0;
    box-sizing: border-box;
    border: 1px solid #ffcc00;
}
.done_anchor .js-anchor-btn{
	border: 1px solid #6ddada;
}
.done_anchor .js-anchor-btn > a ,
.recommend-journey-anchor .js-anchor-btn > a{
	display: flex;
	align-items: center;
	color: #000;
	font-size: 13px;
	height:100%;
	padding-left: 12px;
}
.done_anchor .js-anchor-btn > a:hover ,
.recommend-journey-anchor .js-anchor-btn > a:hover{
	text-decoration: none;
	background-color:rgba(255, 204, 0 , 0.2);
}
.done_anchor .js-anchor-btn > a:hover{
	background-color:rgba(109, 218, 218 , 0.2);
}
.done_anchor .js-anchor-btn > a > .pref ,
.recommend-journey-anchor .js-anchor-btn > a > .pref{
	color:#ffcc00;
}
.done_anchor .js-anchor-btn > a > .pref{
	color:#6ddada;
}
.done_anchor .js-anchor-btn > a > span ,
.recommend-journey-anchor .js-anchor-btn > a > span{
	font-weight: bold;
}
.done_anchor .js-anchor-btn > a > span:last-child ,
.recommend-journey-anchor .js-anchor-btn > a > span:last-child{
	width: 180px;
}
.done_anchor .js-anchor-btn::after ,
.recommend-journey-anchor .js-anchor-btn::after{
	position: absolute;
    right: 5px;
    top: 30px;
    content: "";
    background: url(/domestic/theme/journey/img/under-arrow-2021.gif) no-repeat;
    width: 17px;
    height: 11px;
    display: block;
    background-size: contain;
}
.done_anchor .js-anchor-btn::after{
	background-image: url(/domestic/theme/journey/img/under-arrow-2021-green.png);
}
.HyougoTourismBureau-logo {
	width: 230px;
	margin-top: -10px;
}