@charset "utf-8";


/**************************************************50
 * contact_box
 **************************************************/
#contact_box{
	padding-bottom: 50px;
}
#contact_box:not(.page_contact){
	padding-top: 50px;
}
#contact_box:after{
	clear: both;
	content: "";
	display: block;
}
#contact_box > p{
	font-size: 125%;
	margin-bottom: 10px;
}
#contact_box .contact_items{
	float: left;
	margin-left: 190px;
}
#contact_box > div:not(.contact_items){
	float: right;
	margin-right: 190px;
	padding-top: 310px;
	position: relative;
	width: 500px;
}
#contact_box > div.lazyloaded:not(.contact_items){
	background: url("https://h-fortune.work/images/user/banner/line.png") center center no-repeat;
	background-size: contain;
}
#contact_box > div:not(.contact_items) p{
	background-color: #FFFFFF;
	display: table;
	font-size: 125%;
	height: 56px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 470px;
}
#contact_box > div:not(.contact_items) p:before{
	background-color: #FF7490;
	color: #FFFFFF;
	content: "IDを検索してお友達追加♪";
	display: table-cell;
	vertical-align: middle;
}
#contact_box > div:not(.contact_items) p span{
	display: table-cell;
	vertical-align: middle;
}
#contact_box > div:not(.contact_items) img{
	position: absolute;
	top: 70px;
	right: 32px;
	width: 110px;
}

.contact_items{
	display: block;
	height: 340px;
	text-align: left;
	padding: 80px 40px 0;
	width: 300px;
}
.contact_items.lazyloaded{
	background: url("https://h-fortune.work/images/user/frame.png") center center no-repeat;
}
.contact_items > * + *{
	margin-top: 10px;
}
.contact_items p{
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.contact_items p .mdi{
	color: #FF788D;
	display: inlie-block;
	font-weight: normal;
	margin-right: 0.2em;
	text-align: center;
	width: 1em;
}
.contact_items a{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #FF788D;
	border-radius: 10px;
	color: #FFFFFF;
	display: block;
	font-size: 112.5%;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.2s ease-out 0s;
	width: 220px;
}
.contact_items a:hover{
	opacity: 0.7;
}
.contact_items a:before{
	background-image: url("https://h-fortune.work/images/user/icon/mail.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	line-height: 1;
	display: block;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 1em;
	text-align: center;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
}
.contact_items a[href="#line_qr"]{
	background-color: #00CD30;
	font-size: 100%;
}
.contact_items a[href="#line_qr"]:before{
	background-image: url("https://h-fortune.work/images/user/icon/line.png");
	left: 0.4em;
}


/**************************************************50
 * middle
 **************************************************/
#middle_block{
	margin-top: -30px;
	position: relative;
	text-align: center;
	z-index: 1;
}
#contents{
	margin-left: auto;
	margin-right: auto;
}

/* -- title -- */
.title_img{
	text-align: center;
	margin-bottom: 20px;
}
.title_img img{
	width: 440px;
}
.title_img span{
	display: block;
	line-height: 1;
}
.title_pink{
	color: #FF969C;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_blue{
	color: #71A3B6;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}

/* -- breadcrumbs -- */
.breadcrumbs{
	font-size: 75%;
	margin-top: -100px;
	margin-bottom: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	min-width: 1200px;
}
.breadcrumbs > *{
	display: inline-block;
	margin-left: 2em;
	position: relative;
}
.breadcrumbs > *:not(:first-child):before{
	content: "\F142";
	font-size: 150%;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	-ms-transform: translate(-12%, -50%);
	-webkit-transform: translate(-12%, -50%);
	transform: translate(-12%, -50%);
}


/**************************************************50
 * special_measure
 **************************************************/
#special_measure{
	padding-top: 50px;
	margin-bottom: 50px;
}
#special_measure h2{
	color: #FF3B7F;
	font-size: 125%;
	margin-bottom: 10px;
}
#special_measure div img{
	margin-top: 20px;
}
#special_measure + #top_blog{
	padding-top: 0 !important;
}


/**************************************************50
 * youtube_thinking
 **************************************************/
#youtube_thinking{
}
#youtube_thinking div{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 75%;
}
#youtube_thinking div:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
#youtube_thinking div > iframe{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/**************************************************50
 * top_blog
 **************************************************/
#top_blog{
	padding-top: 50px;
	padding-bottom: 50px;
}
#top_blog > div a{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 1px solid #604A42;
	border-radius: 5px;
	display: inline-block;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	transition: opacity 0.2s ease-out 0s;
	vertical-align: top;
	width: 232px;
}
#top_blog > div a:hover{
	opacity: 0.7;
}
#top_blog > div a:before{
	border-bottom: 1px solid #FFA1CA;
	content: "News";
	color: #FFA1CA;
	display: block;
	font-size: 87.5%;
	line-height: 1;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#top_blog > div a + a{
	margin-left: 20px;
}
#top_blog > div a h3{
	background: -webkit-linear-gradient(top, transparent 0%,transparent 50%, #FFD4E4 50%, #FFD4E4 100%);
	background: linear-gradient(to bottom, transparent 0%,transparent 50%, #FFD4E4 50%, #FFD4E4 100%);
	line-height: 1.2;
	margin-bottom: 10px;
}
#top_blog > div a section{
	font-size: 87.5%;
	height: 11.2em;
	overflow: hidden;
}
#top_blog > div a p{
	color: #999999;
	font-size: 62.5%;
}


/**************************************************50
 * twitter
 **************************************************/
#twitter{
	padding-bottom: 50px;
}


/**************************************************50
 * welcome
 **************************************************/
#welcome{
	background: url("https://h-fortune.work/images/user/back/pattern_020.jpg") center center repeat;
	padding-top: 50px;
	padding-bottom: 80px;
}
#welcome .title_img + h3,
#welcome .title_img + h4{
	color: #FF959B;
	font-size: 262.5%;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
#welcome .title_img + h3:before,
#welcome .title_img + h3:after,
#welcome .title_img + h4:before,
#welcome .title_img + h4:after{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	padding-top: 320px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 300px;
}
#welcome .title_img + h3:before,
#welcome .title_img + h4:before{
	left: 120px;
}
#welcome .title_img + h3.lazyloaded:before,
#welcome .title_img + h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/welcome/decoration_010.png");
}
#welcome .title_img + h3:after,
#welcome .title_img + h4:after{
	right: 120px;
}
#welcome .title_img + h3.lazyloaded:after,
#welcome .title_img + h4.lazyloaded:after{
	background-image: url("https://h-fortune.work/images/user/welcome/decoration_020.png");
}
#welcome > div{
	margin-bottom: 30px;
}
#welcome > div img{
	margin-top: 30px;
	width: 320px;
}
#welcome > div img:not(:nrh-child(3n+1)){
	margin-left: 20px;
}
#welcome_shuttle{
	background-color: #FDFAC7;
	border-collapse: separate;
	border-spacing: 20px;
	border-radius: 20px;
	display: table;
	margin: 30px auto 0;
	width: 820px;
}
#welcome_shuttle > div{
	display: table-cell;
	vertical-align: middle;
}
#welcome_shuttle > div img{
	width: 230px;
}
#welcome_shuttle figcaption{
	display: table-cell;
	vertical-align: middle;
}
#welcome_shuttle figcaption h5{
	color: #FF60B1;
	font-size: 250%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#welcome_shuttle figcaption p{
	color: #5F4A41;
}
#welcome_shuttle figcaption p strong{
	color: #FF60B1;
}


/**************************************************50
 * movie
 **************************************************/
#movie{
	background-color: #FFBACF;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
#movie:before,
#movie:after{
	background:  url("https://h-fortune.work/images/user/icon/pattern.png") center center repeat-x;
	background-size: contain;
	content: "";
	display: block;
	padding-top: 30px;
	position: absolute;
	left: 0;
	width: 100%;
}
#movie:before{
	top: -30px;
}
#movie:after{
	bottom: -30px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#movie video{
	vertical-align: middle;
	width: 700px;
}


/**************************************************50
 * welcome_bnr
 **************************************************/
#welcome_bnr{
	background: url("https://h-fortune.work/images/user/back/pattern_020.jpg") center top repeat;
	padding-top: 80px;
	padding-bottom: 50px;
}
#welcome_bnr img{
	width: 600px;
}
#welcome_bnr ul{
	margin-top: 10px;
	padding: 0 200px;
}
#welcome_bnr ul > li{
	background-color: #FF959B;
	border-radius: 100px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 112.5%;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	vertical-align: top;
	width: 300px;
}
#welcome_bnr ul > li:nth-child(even){
	margin-left: 20px;
}


/**************************************************50
 * top_style
 **************************************************/
#top_style{
	background: url("https://h-fortune.work/images/user/back/pattern_020.jpg") center bottom repeat;
	padding-bottom: 50px;
}
#top_style h2{
	font-size: 200%;
	line-height: 1.2;
	margin-bottom: 20px;
}


/**************************************************50
 * top_content
 **************************************************/
#top_content{
	background: -webkit-repeating-linear-gradient(0deg, #FFFFFF 0, #FFFFFF 20px, #FBF6F3 20px, #FBF6F3 40px, #ECFAFB 40px, #ECFAFB 60px);
	background: repeating-linear-gradient(90deg, #FFFFFF 0, #FFFFFF 20px, #FBF6F3 20px, #FBF6F3 40px, #ECFAFB 40px, #ECFAFB 60px);
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
#top_content h3{
	font-size: 200%;
	line-height: 1.2;
	margin-bottom: 20px;
}
#top_content [id^="top_content_"]{
	position: absolute;
	top: 130px;
	width: 360px;
}
#top_content #top_content_left{
	right: -webkit-calc(50% + 190px);
	right: calc(50% + 190px);
}
#top_content #top_content_right{
	left: -webkit-calc(50% + 190px);
	left: calc(50% + 190px);
}
#top_content [id^="top_content_"] a{
	display: block;
	overflow: hidden;
}
#top_content [id^="top_content_"] a + a{
	margin-top: 10px;
}
#top_content [id^="top_content_"] a img{
	width: 100%;
}
#top_content ul{
	padding-top: 540px;
}
#top_content ul.lazyloaded{
	background: url("https://h-fortune.work/images/user/recruitment.png") center top no-repeat;
	background-size: 360px auto;
}
#top_content ul > li{
	background-color: #FFFFFF;
	border: 1px solid #FF959B;
	border-radius: 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	width: 302px;
}
#top_content ul > li:not(:nth-child(3n+1)){
	margin-left: 20px;
}
#top_content ul > li h4{
	background-color: #FF959B;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	padding: 20px;
}
#top_content ul > li p{
	padding: 20px;
}


/**************************************************50
 * top_outside
 **************************************************/
#top_outside{
	background: url("https://h-fortune.work/images/user/back/pattern_020.jpg") center center repeat;
	margin-bottom: -80px;
	padding-top: 30px;
	position: relative;
	z-index: 1;
}
#top_outside img{
	width: 550px;
}
#top_outside #top_outside_to{
	position: absolute;
	bottom: 28px;
	left: -webkit-calc(50% + 120px);
	left: calc(50% + 120px);
}


/**************************************************50
 * blog
 **************************************************/
#blog{
}
#blog .blog_box{
	background-color: #FFFFFF;
	border: 1px solid #FF969C;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 800px;
}
#blog .blog_box:after{
	clear: both;
	content: "";
	display: block;
}
#blog .blog_box img{
	max-width: 100%;
}
#blog .blog_box h3{
	background-color: #FF969C;
	color: #FFFFFF;
	font-size: 125%;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 16px;
	word-break: break-all;
}
#blog .blog_box > p{
	color: #FF969C;
	font-size: 75%;
	margin-bottom: 10px;
	padding: 0 20px;
	text-align: right;
}
#blog .blog_box > .blog_img{
	display: block;
	float: left;
	margin-left: 20px;
	width: 240px;
}
#blog .blog_box > .blog_img img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#blog .blog_box > .blog_img:hover img{
	opacity: 0.7;
}
#blog .blog_box > section{
	padding: 0 20px;
	text-align: left;
	word-break: break-all;
}
#blog .blog_box > .blog_img + section{
	float: right;
	width: -webkit-calc(100% - 240px - 20px);
	width: calc(100% - 240px - 20px);
}


/**************************************************50
 * concept
 **************************************************/
#concept{
	padding-bottom: 50px;
}
#concept #concept_interior{
	background-color: #F1F1F1;
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.2);
	margin: 30px auto 20px;
	padding: 10px;
	width: 632px;
}
#concept #concept_interior .slick-slide{
	max-width: 100%;
}
#concept #concept_interior img{
	max-width: 100%;
}
#concept #concept_interior .slick-arrow{
	font-size: 200%;
	height: 1em;
	width: 1em
}
#concept #concept_interior .slick-arrow:before{
	font-size: inherit;
	color: #EB8A91;
	font-family: "Material Design Icons";
}
#concept #concept_interior .slick-prev{
	left: -5%;
}
#concept #concept_interior .slick-prev:before{
	font-size: inherit;
	content: "\F141";
}
#concept #concept_interior .slick-next{
	right: -5%;
}
#concept #concept_interior .slick-next:before{
	content: "\F142";
}
#concept #concept_interior_thumb{
	margin: 0 auto 20px;
	width: 460px;
}
#concept #concept_interior_thumb .slick-slide{
	overflow: hidden;
}
#concept #concept_interior_thumb .slick-slide img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	transition: transform 0.2s ease-out 0s;
	max-width: 100%;
}
#concept #concept_interior_thumb .slick-slide:hover img{
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#concept #concept_interior_thumb .slick-current img{
	opacity: 0.7;
}

/* -- features -- */
#concept_features{
	margin-bottom: 50px;
}

/* -- shop -- */
#concept_shop{
	background-color: #FFEDEA;
	padding-top: 50px;
	padding-bottom: 50px;
}
#concept_shop figure{
	background-color: #FFFFFF;
	margin: 20px auto 0;
	padding: 20px 20px 20px 80px;
	width: 680px;
}
#concept_shop figure:after{
	clear: both;
	content: "";
	display: block;
}
#concept_shop figure > div{
	float: left;
	width: 240px;
}
#concept_shop figure > div img{
	width: 100%;
}
#concept_shop figure figcaption{
	color: #212121;
	float: right;
	width: -webkit-calc(100% - 240px - 15px);
	width: calc(100% - 240px - 15px);
}
#concept_shop figure figcaption h5{
	font-size: 112.5%;
	line-height: 1;
	text-align: left;
}
#concept_shop figure figcaption table{
	border-collapse: separate;
	border-spacing: 0px 5px;
	font-size: 75%;
	width: 100%;
}
#concept_shop figure figcaption table tr th{
	background-color: #212121;
	color: #FFFFFF;
	width: 6em;
}
#concept_shop figure figcaption table tr td{
	text-align: left;
	padding-left: 1em;
}
#concept_shop figure figcaption table tr td strong{
	font-size: 150%;
}
#concept_shop figure figcaption .link_to{
	background-color: #404040;
	border-radius: 100px;
	height: 36px;
	line-height: 36px;
	width: 180px;
}
#concept_shop figure figcaption .link_to:after{
	right: 0.2em;
}

/* -- what -- */
#concept_what{
	padding-top: 50px;
}
#concept_what ul{
	margin: 30px 0;
}
#concept_what ul > li{
	border: 1px solid #FF969C;
	border-radius: 5px;
	display: inline-block;
	font-size: 87.5%;
	padding: 20px 20px 20px 60px;
	position: relative;
	width: 422px;
}
#concept_what ul > li:nth-child(even){
	margin-left: 20px;
}
#concept_what ul > li .mdi{
	color: #FF969C;
	font-size: 300%;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 12px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#concept_what > div{
	margin: 20px 0;
}
#concept_what > div img{
	width: 280px;
}
#concept_what > div img:not(:nth-child(3n+1)){
	margin-left: 20px;
}
#concept_what > strong{
	background-color: #FF969C;
	color: #FFFFFF;
	display: inline-block;
	font-size: 125%;
	height: 60px;
	line-height: 60px;
	width: 600px;
}


/**************************************************50
 * promise
 **************************************************/
#promise{
	padding-bottom: 50px;
}
#promise h4{
	background: #FFF5D5 url("https://h-fortune.work/images/user/icon/crown.png") 10px center no-repeat;
	background-size: 30px auto;;
	border-radius: 7px;
	color: #39BD31;
	font-size: 175%;
	font-wight: bold;
	height: 50px;
	line-height: 50px;
	margin: 30px auto 20px;
	padding: 0 20px 0 50px;
	text-align: left;
	width: 740px;
}
#promise h5{
	color: #FF0000;
	font-size: 125%;
	font-wight: bold;
	margin-bottom: 10px;
}
#promise p{
	margin: 0 auto 20px;
	width: 700px;
}


/**************************************************50
 * style
 **************************************************/
#top_style,
[id^="style"] ul{
}
#top_style ul > li,
[id^="style"] ul > li{
	display: inline-block;
	margin: 0px 15px;
	vertical-align: top;
	width: 340px;
}
#top_style ul > li img,
#style ul > li img{
	width: 100%;
}

#style{
	margin-bottom: 50px;
}
#style ul{
	margin-bottom: 20px;
}
#style h3{
	margin-top: 30px;
}
#style h3 img{
	width: 380px;
}
#style h4{
	font-size: 125%;
}
[id^="style_no"]{
	position: relative;
}
[id^="style_no"] > p{
	position: absolute;
	font-size: 112.5%;
}
[id^="style_no"] > p strong{
	color: #FF7D92;
}
#style_no1{
	background-color: #FFD7E2;
}
#style_no1 > p{
	bottom: 90px;
	left: -webkit-calc(50% - 90px);
	left: calc(50% - 90px);
	width: 620px;
}
#style_no2{
	background-color: #FFE9B4;
}
#style_no2 > p{
	bottom: 80px;
	left: -webkit-calc(50% - 135px);
	left: calc(50% - 135px);
	width: 700px;
}
#style_no3{
	background-color: #D2EBFF;
}
#style_no3 > p{
	bottom: 20px;
	left: -webkit-calc(50% - 115px);
	left: calc(50% - 115px);
	width: 680px;
}

.style_treatment{
	background-color: #F6ECE4;
	padding-top: 20px;
	padding-bottom: 20px;
}
.style_treatment > li{
	background-color: #FFFFFF;
	border-radius: 50%;
	box-shadow:0px 1px 6px -2px rgba(0,0,0,0.2);
	display: inline-block;
	margin: 10px 10px;
	height: 140px;
	position: relative;
	vertical-align: top;
	width: 140px;
}
.style_treatment > li b{
	color: #FF7D92;
	display: block;
	font-size: 112.5%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

#style_message{
	margin-bottom: 50px;
}
#style_message p{
	font-size: 125%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#style_message p:first-child{
	background-color: #F6ECE4;
}


/**************************************************50
 * treatment
 **************************************************/
#treatment{
}
#treatment .title_img:not(:first-child){
	margin-top: 30px;
}
#treatment #treatment_salary{
	margin-bottom: 20px;
}
#treatment #treatment_salary img{
}
#treatment #treatment_salary p{
}
#treatment #treatment_salary p strong{
	display: inline-block;
	font-size: 250%;
	line-height: 1.2;
	vertical-align: middle;
}
#treatment #treatment_salary p span{
	display: inline-block;
	padding: 0 1.2em;
	position: relative;
	vertical-align: middle;
}
#treatment #treatment_salary p span:before,
#treatment #treatment_salary p span:after{
	font-size: 150%;
	line-height: 1;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#treatment #treatment_salary p span:before{
	content: "\F141";
	left: 0;
}
#treatment #treatment_salary p span:after{
	content: "\F142";
	right: 0;
}
#treatment ul{
	margin: -12px auto 0;
	width: 800px;
}
#treatment ul > li{
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	display: inline-block;
	margin-top: 42px;
	position: relative;
	vertical-align: top;
	width: 382px;
}
#treatment ul > li:nth-child(even){
	margin-left: 20px;
}
#treatment ul > li h4{
	background-color: #FFB4B7;
	border-radius: 100px;
	color: #FFFFFF;
	height: 42px;
	line-height: 42px;
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 350px;
}
#treatment ul > li h4:after{
	background: url("https://h-fortune.work/images/user/icon/crown.png") right center no-repeat;
}
#treatment ul > li p{
	padding: 37px 10px 15px 10px;
	font-size: 87.5%;
}


/**************************************************50
 * interview
 **************************************************/
#interview{
}
#interview_list{
	text-align: left;
}
#interview_list > li{
	background-color: #FFFFFF;
	box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);
	display: inline-block;
	margin-top: 50px;
	padding-bottom: 20px;
	vertical-align: top;
	width: 440px;
}
#interview_list > li:nth-child(odd){
	margin-left: 140px;
}
#interview_list > li:nth-child(even){
	margin-left: 40px;
}
#interview_list > li h4{
	background-color: #806E68;
	color: #FFFFFF;
	font-size: 150%;
	line-height: 1.2;
	padding: 18px 20px 18px 110px;
	position: relative;
}
#interview_list > li h4:before{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 110px;
	position: absolute;
	top: 50%;
	left: -16px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 110px;
}
#interview_list > li h4:after{
	background: url("https://h-fortune.work/images/user/icon/star.png") center center no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 40px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
}
#interview_list > li h4 span{
	color: #FF969C;
	display: block;
	font-size: 50%;
}
#interview_list > li figure{
	padding: 1em;
}
#interview_list > li figure:after{
	clear: both;
	content: "";
	display: block;
}
#interview_list > li figure figcaption{
	border: 1px solid #FF969C;
	color: #FF969C;
	float: left;
	height: 160px;
	posiiton: relative;
	width: -webkit-calc(100% - 160px - 10px);
	width: calc(100% - 160px - 10px);
}
#interview_list > li figure figcaption b{
	display: block;
	padding: 0 1em;
	position: relative;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
#interview_list > li figure img{
	float: right;
	width: 160px;
}
#interview_list > li > p{
	padding: 0 1em;
}
#interview_list > li > p strong{
	color: #604A42;
}
#interview #interview_list > li:nth-child(1) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_01.png");
}
#interview #interview_list > li:nth-child(2) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_02.png");
}
#interview #interview_list > li:nth-child(3) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_03.png");
}
#interview #interview_list > li:nth-child(4) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_04.png");
}
#interview #interview_list > li:nth-child(5) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_05.png");
}
#interview #interview_list > li:nth-child(6) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_06.png");
}
#interview #interview_list > li:nth-child(7) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/interview/no_07.png");
}
#interview #interview_list > li h4 span:before{
	content: "【";
}
#interview #interview_list > li h4 span:after{
	content: "】";
}
#interview #interview_list > li p.interview_list_txt{
}
#interview #interview_list > li > div{
	background-color: #FF969C;
	color: #FFFFFF;
	border-radius: 5px;
	margin: 20px auto 0;
	padding: 20px 0;
	text-align: center;
	width: 360px;
}
#interview #interview_list > li > div > p{
	margin-bottom: 10px;
}
#interview #interview_list > li > div > p:before{
	content: "\F150";
	font-size: 125%;
	line-height: 1;
	margin-right: 0.2em;
	position: relative;
	bottom: -0.1em;
	vertical-align: text-bottom;
}
#interview #interview_list > li > div > span{
	background-color: #D8A031;
	color: #FFFFFF;
	font-size: 87.5%;
	height: 32px;
	line-height: 32px;
	margin-right: 0.5em;
	display: inline-block;
	padding: 0 0.8em;
	vertical-align: middle;
}
#interview #interview_list > li > div > strong{
	display: inline-block;
	font-size: 200%;
	line-height: 1.2;
	vertical-align: middle;
}
#interview #interview_list > li > div > strong:before{
	content: "約";
	font-size: 68.75%;
}
#interview #interview_list > li > div > strong:after{
	content: "円";
	font-size: 68.75%;
}


/**************************************************50
 * outside
 **************************************************/
#outside{
	margin-bottom: 50px;
}

/* -- workaway -- */
#outside_workaway{
	background: url("https://h-fortune.work/images/user/back/pattern_020.jpg") center center repeat;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 80px;
}
#outside_workaway > div{
	margin-bottom: 50px;
}
#outside_workaway > div img{
	width: 550px;
}
#outside_workaway h3{
	position: relative;
}
#outside_workaway h3:before,
#outside_workaway h3:after{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	line-height: 1;
	display: block;
	padding-top: 260px;
	position: absolute;
	top: -30px;
	text-align: center;
	width: 280px;
}
#outside_workaway h3:before{
	right: -webkit-calc(50% + 340px);
	right: calc(50% + 340px);
}
#outside_workaway h3.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/outside/img_030.png");
}
#outside_workaway h3:after{
	left: -webkit-calc(50% + 340px);
	left: calc(50% + 340px);
}
#outside_workaway h3.lazyloaded:after{
	background-image: url("https://h-fortune.work/images/user/outside/img_040.png");
}

/* -- welcome -- */
#outside_welcome{
	margin-bottom: 50px;
}
#outside_welcome > div:not(.title_img) img{
	width: 660px;
}
#outside_welcome > p + div:not(.title_img){
	margin-top: 30px;
}
#outside_welcome h4{
	color: #FFB83B;
	font-size: 200%;
	line-height: 1.2;;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* -- message -- */
#outside_message{
}
#outside_message .title_pink{
	font-size: 175%;
}
#outside_message #interview_list{
	margin-bottom: 30px;
}
#outside_message #interview_list > li:nth-child(1) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/outside/no_01.png");
}
#outside_message #interview_list > li:nth-child(2) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/outside/no_02.png");
}
#outside_message #interview_list > li:nth-child(3) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/outside/no_03.png");
}
#outside_message #interview_list > li:nth-child(4) h4.lazyloaded:before{
	background-image: url("https://h-fortune.work/images/user/outside/no_04.png");
}
#outside_message #interview_list > li h4 b{
	color: #FF969C;
}
#outside_message #interview_list > li p.interview_list_txt{
	height: 11.2em;
}
#outside_message > div{
	margin-top: 20px;
}
#outside_message > div img{
	width: 280px;
}
#outside_message > div img:not(:nth-child(3n+1)){
	margin-left: 20px;
}


/**************************************************50
 * qa
 **************************************************/
#qa_list{
	margin-bottom: 50px;
	padding-top: 30px;
}
#qa h3{
	color: #FFFFFF;
	font-size: 150%;
	height: 60px;
	line-height: 60px;
	margin: 30px auto;
	position: relative;
	width: 800px;
}
#qa h3:after{
	border-style: solid;
	border-width: 10px 10px 0 10px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
}
#qa h3#qa_category_1{
	background-color: #FF969C;
}
#qa h3#qa_category_1:after{
	border-color: #FF969C transparent transparent transparent;
}
#qa h3#qa_category_2{
	background-color: #77D0DA;
}
#qa h3#qa_category_2:after{
	border-color: #77D0DA transparent transparent transparent;
}
#qa h3#qa_category_3{
	background-color: #96D687;
}
#qa h3#qa_category_3:after{
	border-color: #96D687 transparent transparent transparent;
}
#qa h3#qa_category_4{
	background-color: #C1B8F0;
}
#qa h3#qa_category_4:after{
	border-color: #C1B8F0 transparent transparent transparent;
}
#qa h3#qa_category_5{
	background-color: #FFCD7C;
}
#qa h3#qa_category_5:after{
	border-color: #FFCD7C transparent transparent transparent;
}
#qa [id^="qa_list_"]:not(:last-child){
	margin-bottom: 30px;
}
#qa [id^="qa_list_"] > li{
	background-color: #FFFFFF;
	border: 2px solid #E6E6E6;
	border-radius: 5px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	text-align: left;
	width: 740px;
}
#qa [id^="qa_list_"] > li + li{
	margin-top: 20px;
}
#qa [id^="qa_list_"] > li h4{
	line-height: 1.2;
	padding: 20px 2em 20px 50px;
	position: relative;
}
#qa [id^="qa_list_"] > li h4:before{
	border-radius: 5px;
	color: #FFFFFF;
	content: "Q";
	font-size: 112.5%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 30px;
}
#qa #qa_list_1 > li h4:before{
	background-color: #FF969C;
}
#qa #qa_list_2 > li h4:before{
	background-color: #77D0DA;
}
#qa #qa_list_3 > li h4:before{
	background-color: #96D687;
}
#qa #qa_list_4 > li h4:before{
	background-color: #C1B8F0;
}
#qa #qa_list_5 > li h4:before{
	background-color: #FFCD7C;
}
#qa [id^="qa_list_"] > li h4:after{
	background-color: #B4B4B4;
	border-radius: 50%;
	color: #FFFFFF;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 125%;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 24px;
}
#qa [id^="qa_list_"] > li:not(.active) h4:after{
	content: "\f140";
}
#qa [id^="qa_list_"] > li.active h4:after{
	content: "\f143";
}
#qa [id^="qa_list_"] > li p{
	border-top: 1px dashed #E6E6E6;
	display: none;
	padding: 20px 1em 20px 50px;
	position: relative;
}
#qa [id^="qa_list_"] > li p:before{
	border-radius: 5px;
	color: #FFFFFF;
	content: "A";
	font-size: 112.5%;
	height: 30px;
	line-height: 30px;
	opacity: 0.7;
	position: absolute;
	top: -webkit-calc(20px - 0.1em);
	top: calc(20px - 0.1em);
	left: 0;
	text-align: center;
	width: 30px;
}
#qa #qa_list_1 > li p:before{
	background-color: #FF969C;
}
#qa #qa_list_2 > li p:before{
	background-color: #77D0DA;
}
#qa #qa_list_3 > li p:before{
	background-color: #96D687;
}
#qa #qa_list_4 > li p:before{
	background-color: #C1B8F0;
}
#qa #qa_list_5 > li p:before{
	background-color: #FFCD7C;
}


/**************************************************50
 * detail
 **************************************************/
#detail{
	margin-bottom: 50px;
}
#detail > div{
	background-color: #FF959B;
	color: #FFFFFF;
	font-size: 137.5%;
	font-weight: bold;
	margin: 20px auto;
	padding: 15px;
	width: 600px;
}
#detail .link_to{
	background-color: #404040;
	border-radius: 15px;
	font-size: 75%;
	height: 36px;
	line-height: 36px;
	margin-bottom: 20px;
	width: 180px;
}

/* -- shop -- */
#detail_shop{
	background: -webkit-repeating-linear-gradient(0deg, #FFFFFF 0, #FFFFFF 20px, #FBF6F3 20px, #FBF6F3 40px, #ECFAFB 40px, #ECFAFB 60px);
	background: repeating-linear-gradient(90deg, #FFFFFF 0, #FFFFFF 20px, #FBF6F3 20px, #FBF6F3 40px, #ECFAFB 40px, #ECFAFB 60px);
	padding-top: 50px;
	margin-bottom: 50px;
}
#detail_shop h3{
	font-size: 187.5%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#detail_shop ul{
	padding: 0 250px 20px -webkit-calc(250px + (1200px - (250px * 2)) - 302px);
	padding: 0 250px 20px calc(250px + (1200px - (250px * 2)) - 302px);
	position: relative;
}
#detail_shop ul:after{
	content: "";
	display: block;
	padding-top: 540px;
	position: absolute;
	bottom: 0;
	right: -webkit-calc(50% - 24px);
	right: calc(50% - 24px);
	width: 360px;
}
#detail_shop ul.lazyloaded:after{
	background: url("https://h-fortune.work/images/user/recruitment.png") center bottom no-repeat;
	background-size: contain;
}
#detail_shop ul > li{
	background-color: #FFFFFF;
	border: 1px solid #FF959B;
	border-radius: 20px;
	display: inline-block;
	margin-top: 20px;
	overflow: hidden;
	vertical-align: top;
	width: 302px;
}
#detail_shop ul > li h4{
	background-color: #FF959B;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	padding: 15px 20px;
}
#detail_shop ul > li p{
	padding: 15px 20px;
}

/* -- repuirements -- */
#detail_repuirements{
	margin-bottom: 50px;
}
#detail_repuirements h4{
	background-color: #212121;
	color: #FFFFFF;
	font-size: 125%;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	margin-left: 220px;
	position: relative;
	width: 360px;
}
#detail_repuirements h4:after{
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #212121 transparent transparent transparent;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
}
#detail_repuirements figcaption{
	float: right;
	margin-right: 240px;
	width: 340px;
}
#detail_repuirements figcaption p{
	border: 1px solid #FF959B;
	padding: 15px;
	text-align: left;
}
#detail_repuirements figcaption table{
	border-collapse: separate;
	border-spacing: 0px 5px;
	color: #212121;
	font-size: 75%;
	width: 100%;
}
#detail_repuirements figcaption table tr th{
	background-color: #212121;
	color: #FFFFFF;
	width: 6em;
}
#detail_repuirements figcaption table tr td{
	text-align: left;
	padding-left: 1em;
}
#detail_repuirements figcaption table tr td strong{
	color: #FF959B;
	font-size: 150%;
}
#detail_repuirements > div{
	float: left;
	margin-left: 220px;
	width: 360px;
}
#detail_repuirements > div img{
	width: 100%;
}


/**************************************************50
 * access
 **************************************************/
#access{
}
#access h3{
	font-size: 112.5%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#access section{
	height: 450px;
	margin : 20px auto 0;
	overflow: hidden;
	position: relative;
	width: 650px;
}
#access section iframe{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/**************************************************50
 * staff
 **************************************************/
/* -- main -- */
#staff_main{
	background-color: #4D607F;
	color: #FFFFFF;
	margin-top: 20px;
	padding-bottom: 50px;
}
#staff_main > div img{
	width: 800px;
}
#staff_main h4{
	color: #F9D100;
	font-size: 187.5%;
}
#staff_main h4 + p{
	margin-top: 10px;
}
#staff_main_as > li{
	display: inline-block;
	margin-top: 20px;
	width: 200px;
}
#staff_main_as > li img{
	max-width: 100%;
}
#staff_main_worry{
	margin: 15px auto;
	width: 620px;
}
#staff_main_worry > li{
	background-color: #71A3B6;
	border-radius: 100px;
	display: inline-block;
	height: 40px;
	margin: 5px;
	line-height: 40px;
	width: 300px;
}

/* -- treatment -- */
#staff_treatment{
	background-color: #E5ECF2;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#staff_treatment h3{
	background-color: #71A3B6;
	color: #FFFFFF;
	font-size: 150%;
	height: 60px;
	line-height: 60px;
	margin: 0 auto 30px;
	position: relative;
	width: 800px;
}
#staff_treatment h3:after{
	border-color: #71A3B6 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 12px 0 12px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
}

[id^="staff_treatment_"]:not(:last-child){
	margin-bottom: 50px;
}
[id^="staff_treatment_"] > li p{
	color: #212121;
}
[id^="staff_treatment_"] > li p strong{
	color: #FF1918;
}
#staff_treatment_1{
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
#staff_treatment_1:after{
	clear: both;
	content: "";
	display: block;
}
#staff_treatment_1 > li{
	background-color: #F9FBD9;
	border-collapse: collapse;
	display: table;
	float: left;
	height: 70px;
	margin-top: 10px;
	width: 490px;
}
#staff_treatment_1 > li:nth-child(even){
	margin-left: 20px;
}
#staff_treatment_1 > li h4{
	color: #43729F;
	display: table-cell;
	vertical-align: middle;
	width: 180px;
}
#staff_treatment_1 > li p{
	display: table-cell;
	font-size: 87.5%;
	padding: 1em 20px 1em 0;
	text-align: left;
	vertical-align: middle;
}
#staff_treatment_2 > li{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#staff_treatment_2 > li + li{
	margin-top: 20px;
}
#staff_treatment_2 > li h4{
	color: #FF1918;
	font-size: 125%;
	margin-bottom: 10px;
}
#staff_treatment_3 > li{
	background-color: #FFFFFF;
	border-collapse: collapse;
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#staff_treatment_3 > li + li{
	margin-top: 20px;
}
#staff_treatment_3 > li h4{
	background-color: #43729F;
	color: #FFFFFF;
	display: table-cell;
	padding: 15px 1em;
	vertical-align: middle;
	width: 220px;
}
#staff_treatment_3 > li p{
	display: table-cell;
	line-height: 1.2;
	font-size: 87.5%;
	padding: 10px 1em;
	text-align: left;
	vertical-align: middle;
}
#staff_treatment_4,
#staff_treatment_5{
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#staff_treatment_4 > li,
#staff_treatment_5 > li{
	background-color: #FFFFFF;
	display: inline-block;
	margin-top: 20px;
	padding: 20px;
	vertical-align: top;
	width: 390px;
}
#staff_treatment_4 > li:nth-child(even),
#staff_treatment_5 > li:nth-child(even){
	margin-left: 20px;
}
#staff_treatment_4 > li h4,
#staff_treatment_5 > li h4{
	font-size: 112.5%;
	color: #43729F;
}
#staff_treatment_4 > li p,
#staff_treatment_5 > li p{
	font-size: 87.5%;
	min-height: 4.8em;
	text-align: left;
}

/* -- requirements -- */
#staff_requirements{
	margin-bottom: 50px;
}
#staff_requirements h3{
	color: #43729F;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 30px;
}
#staff_requirements h3:before,
#staff_requirements h3:after{
	content: "\F374";
}
#staff_requirements ul{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1060px;
}
#staff_requirements ul > li{
	border: 1px solid #71A3B6;
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.2);
	display: inline-block;
	margin-top: 20px;
	vertical-align: top;
	width: 340px;
}
#staff_requirements ul > li:not(:nth-child(3n+1)){
	margin-left: 20px;
}
#staff_requirements ul > li h4{
	background-color: #71A3B6;
	color: #FFFFFF;
	font-size: 125%;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
}
#staff_requirements ul > li h4:after{
	border-color: #71A3B6 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 12px 0 12px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
}
#staff_requirements ul > li table{
	border-collapse: separate;
	border-spacing: 10px 10px;
	font-size: 87.5%;
	width: 100%;
}
#staff_requirements ul > li table tr th{
	background-color: #43729F;
	color: #FFFFFF;
	text-align: center;
	width: 5em;
}
#staff_requirements ul > li table tr td{
}
#staff_requirements ul > li table tr td strong{
	font-size: 128.5714285714286%;
	color: #43729F;
}


/**************************************************50
 * contact
 **************************************************/
#contact_form{
	margin-bottom: 30px;
}
#contact_form.page_input:before{
	content: "";
	display: block;
	padding-top: 90px;
}
#contact_form.page_input.lazyloaded:before{
	background: url("https://h-fortune.work/images/user/contact/img_010.png") center top no-repeat;
	background-size: contain;
}
#contact_form .title_pink,
#contact_form .pink{
	color: #FF7490;
}
#contact_form .error,
#contact_form .success,
#contact_form .failed{
	margin: 30px auto;
	width: 640px;
}
#contact_form form:not(:last-child){
	margin-bottom: 20px;
}
#contact_form table{
	margin-top: -20px;
}
#contact_form table tr th.required{
	position: relative;
}
#contact_form table tr th.required:after{
	background-color: #FF526F;
	border-radius: 5px;
	color: #FFFFFF;
	content: "必須";
	display: block;
	font-size: 75%;
	padding: 0 0.5em;
	position: absolute;
	top: 50%;
	right: 16px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#contact_form #contact_form_btn{
	margin-top: 30px;
	margin-bottom: 30px;
}

/* -- progress -- */
#contact_progress{
	counter-reset: num;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contact_progress > li{
	border: 2px solid #C8C8C8;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #C8C8C8;
	display: inline-block;
	height: 60px;
	line-height: 1.4;
	vertical-align: middle;
	padding-top: 4px;
	width: 240px;
}
#contact_progress > li + li{
	margin-left: 20px;
}
#contact_progress > li:before{
	counter-increment: num;
	content: "Step."counter(num);
	display: block;
}
#contact_progress > li.active{
	background-color: #FF7490;
	border-color: #FF7490;
	color: #FFFFFF;
}
#contact_form .link_to{
	font-size: 125%;
	width: 240px;
}
#contact_form .link_to:after{
	right: 0.5em;
}
#contact_form [class^="btn_"]:before{
	left: 0.5em;
}

.btn_confirm:before{
	content: "\F135";
}
.btn_back{
	background-color: #43729F;
}
.btn_back:before{
	content: "\F141";
}
.btn_entry:before{
	content: "\F48A";
}


/**************************************************50
 * link
 **************************************************/
#link .title_pink{
	margin-top: 30px;
}
#link_tbl{
	background-color: #FF959B;
	border-collapse: separate;
	border-spacing: 1px 1px;
	margin: 20px auto 30px;
	width: 640px;
}
#link_tbl tr th{
	background-color: #FFBBBF;
	color: #FFFFFF;
	padding: 1em;
	width: 200px;
}
#link_tbl tr td{
	background-color: #FFFFFF;
	padding: 1em;
	text-align: left;
}
#link_bnr{
	margin: 0 auto 50px;
	width: 468px;
}
#link_bnr > li{
	text-align: left;
}
#link_bnr > li + li{
	margin-top: 20px;
}

/* -- list -- */
#link_list{
	margin-top: -30px;
	margin-bottom: 50px;
}
#link_list ul{
	margin: 0 auto;
	text-align: left;
	width: 650px;
}
#link_list ul > li{
	display: inline-block;
	font-size: 75%;
	margin-bottom: 20px;
	vertical-align: top;
	width: 130px;
}
#link_list ul > li a img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#link_list ul > li a:hover img{
	opacity: 0.7;
}
#link_list ul > li p{
	margin-top: 3px;
	padding-right: 2em;
	word-break: break-all;
}


/**************************************************50
 * link form
 **************************************************/
/* -- form -- */
#link_form{
}
#link_form .error,
#link_form .success,
#link_form .failed{
	margin: 30px auto;
	width: 640px;
}
#link_form form:not(:last-child){
	margin-bottom: 50px;
}
#link_form table{
	margin-top: -20px;
}
#link_form table tr th{
	width: 14em;
}
#link_form table tr th.required{
	position: relative;
}
#link_form table tr th.required:after{
	background-color: #FF526F;
	border-radius: 5px;
	color: #FFFFFF;
	content: "必須";
	display: block;
	font-size: 75%;;
	padding: 0 0.5em;
	position: absolute;
	top: 50%;
	right: 16px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#link_form #link_form_btn{
	margin-top: 30px;
}
#link_form [class^="btn_"]:before{
	left: 0.5em;
}
#link_form .link_to{
	font-size: 125%;
	width: 240px;
}
#link_form .link_to:after{
	right: 0.5em;
}
#link_form [class^="btn_"]:before{
	left: 0.5em;
}

/* -- progress -- */
#link_progress{
	counter-reset: num;
	margin-top: 20px;
	margin-bottom: 20px;
}
#link_progress > li{
	border: 2px solid #C8C8C8;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #C8C8C8;
	display: inline-block;
	height: 60px;
	line-height: 1.4;
	vertical-align: middle;
	padding-top: 4px;
	width: 240px;
}
#link_progress > li + li{
	margin-left: 20px;
}
#link_progress > li:before{
	counter-increment: num;
	content: "Step."counter(num);
	display: block;
}
#link_progress > li.active{
	background-color: #212121;
	border-color: #212121;
	color: #FFFFFF;
}


/**************************************************50
 * site map
 **************************************************/
#site_map{
	margin-bottom: 50px;
}
#site_map ul{
	margin-top: 20px;
}
#site_map ul > li a{
	color: #FF969C;
	font-size: 112.5%;
}
#site_map ul > li + li{
	margin-top: 10px;
}