@charset "utf-8";
/* CSS Document */
/* 見出しフォント：zen-kaku-gothic-antique　本文フォント：zen-kaku-gothic-new　text:#33302b GREEN:#5B7B53 ORANGE:#f18b47 GOLD:#ceb57b BEIGE:#faf8f5 */

*{margin:0;padding:0;font-size:16px;}
a{text-decoration:none;color:#33302b;}
a:hover{opacity:0.6;}
img{width:100%;}
li{list-style:none;padding-left:0;margin-left:0;}
body{background:rgb(255,255,255);font-family:zen-kaku-gothic-new, sans-serif;font-weight:normal;color:#33302b;}

a.page_top{position:fixed;bottom:3em;right:4em;}
p.cta{text-align:right;margin-top:2em;}
p.cta img{width:40%;}
a.page_top{position:fixed;bottom:3em;right:4em;}

.fade{opacity:0;transition: opacity 3s;}
.fade.view{opacity: 1;}
.right{float:right;}
.left{float:left;}
.sp{display:none;}
span.upper{text-transform:uppercase;}

h2{font-family:zen-kaku-gothic-antique;font-size:1.6em;color:#5B7B53;font-weight:bold;text-align:center;margin:3em 0 1.5em 0;}
h2.title{text-align:center;}
h2.title img{height:4em;width:auto;}
h3{font-family:zen-kaku-gothic-antique;font-size:1.4em;color:#f18b47;font-weight:bold;text-align:center;margin-bottom:2em;}
p.text{line-height:2;margin-bottom:1.5em;}

#header_inner{width:80%;margin:1em auto;background:rgba(255,255,255,0.8);padding:1em 2em 0;border-radius:5px;border:solid 1px #dedede;overflow:hidden;position:fixed;left: 50%;transform:translateX(-50%);z-index:100;}
p#hlogo{width:18%;margin-right:2em;}
nav#global_nav{width:63%;}
nav#global_nav li{display:inline-block;}
nav li{margin:0 0.7em;}
nav li a{font-family:zen-kaku-gothic-antique;font-weight:bold;color:#494949;}
ul.nav_icon{display:flex;gap:0.5em;margin-top:0.5em;}
ul.nav_icon li{width:3em;}
ul.nav_icon li a{display:block;}
span.hidden{visibility:hidden;display:block;font-size:0.7em;font-weight:bold;text-align:center;color:#5B7B53;}
ul.nav_icon li a:hover span.hidden{visibility:visible;}

#footer{background:#faf8f5;padding-top:2em;margin-top:8em;}
#footer a{color:#5b7b53;font-size:0.85em;}
#footer_inner{width:80%;margin:0 auto;padding:0;display:flex;justify-content:space-between;gap:1em; background:url(https://test.brassica.website/wp-content/themes/fenix-original/images/img_footer.png) no-repeat right bottom/30%;padding-bottom:5em;}
#footer_inner h2{width:70%;margin-bottom:2em;}
.fcolumn{width: calc((100% - (1em * 2)) / 3);box-sizing: border-box;}
.fcolumn li{margin-bottom:1em;}
.fcolumn2 ul li a{background:url(https://test.brassica.website/wp-content/themes/fenix-original/images/arrow.png) no-repeat left bottom/1.3em;padding-left:2em;}
.fcolumn3 p{margin-bottom:1em;}
.fcolumn3 p a img{width:90%;}
#footer_inner ul.nav_icon{margin-top:2em;}
#footer address{background:#5b7b53;color:#fff;text-align:center;padding:0.5em;}
#footer address a{color:#fff;}
#main{width:80%;margin:0 auto;}

/* 左右からのスライドイン用 */
.slidein{margin: 50px auto;transition: 2s cubic-bezier(0.75, 0, 0.25, 1);}
.slide_left{transform: translateX(calc(-50vw - 50%));}
.slide_right{transform: translateX(calc(50vw + 50%));}
.show{transform: translateX(0);}

/* Home */
div#topics{background:#faf8f5;padding:2em;}
div#topics_inner{width:80%;margin:0 auto;}
div#topics h3{color:#5B7B53;font-family:zen-kaku-gothic-antique;font-weight:bold;font-size:1.1em;line-height:1.7;}
div#top_news{margin-bottom:1em;}
div#top_news p{margin-left:1em;}
div#top_news a{text-decoration:underline;}
div#top_recruit a.top_rec_item{background:#f18b47;color:#fff;padding:0.1em 0.3em;margin-left:1em;border-radius:5px;}
div#top_recruit p{text-align:right;}
div#top_recruit p a{background:url(https://test.brassica.website/wp-content/themes/fenix-original/images/arrow.png) no-repeat left bottom/1.3em;padding-left:2em;}

div#intro{background:url(https://test.brassica.website/wp-content/themes/fenix-original/images/back_intro.png) repeat-x bottom center/contain;padding:3em 0 2em 0;}
div#intro h1{width:60%;margin:0 auto;}
div#intro h2{width:60%;margin:2em auto 1em;font-size:1.1em;font-weight:normal;line-height:2.3}

div#guide{margin:2em auto;background:#faf8f5;padding:2em;border-radius:5px;overflow:hidden;}
div#guide_inner{display:flex;gap:2.5em;}
div.guide_item{width:calc((100% - (2.5em * 2)) / 3);box-sizing:border-box;}
div.guide_item a img{width:100%;}
a.to_rec_archive{display:inline-block;width:30%;float:right;margin-top:2em;}
div#guide a.pc{display:none;}

div#user{overflow:hidden;}
div#user .left{width:50%;}
div#user .right{width:45%;}
div#user .left img{width:100%;height:auto;}/*後ほど動画に変更*/

div#features{margin-bottom:3em;}
div.f_block{overflow:hidden;margin-bottom:3em;}
div.f_block p.block_title{font-size:1.5em;font-weight:bold;color:#5B7B53;margin-bottom:0.5em;}
div.f_block:nth-child(even) .left{width:50%;}
div.f_block:nth-child(even) .right{width:45%;}
div.f_block:nth-child(odd) .left{width:45%;}
div.f_block:nth-child(odd) .right{width:50%;}

div#flow{margin-bottom:3em;}
div#flow_box{display:flex;gap:2em;}
div.flow_item{width:calc((100% - (2em * 2))/3);box-sizing:border-box;padding:1.5em;background:#faf8f5;border-radius:5px;}
p.step_no{font-family:zen-kaku-gothic-antique;font-size:1.3em;font-weight:bold;}
p.flow_title{font-size:1.4em;font-weight:bold;color:#f18b47;}
div.flow_item p.flow_img{width:50%;margin:2em auto;text-align:center;}
div.flow_item p.flow_img img{width:100%;}

div.facilities_list{display:flex;background:#faf8f5;gap:2em;padding:2em;;flex-wrap:wrap;margin-bottom:2em;border-radius:5px;}
p.facilities_item{width:calc((100% - (2em * 2)) / 2);box-sizing:border-box;}
p.facilities_item a img{border-radius:5px;}

div#partners{overflow:hidden;margin-bottom:3em;}
div#partners div.column_block{margin-top:2em;}
div#partners div.column_block:nth-child(even).left{width:50%;}
div#partners div.column_block:nth-child(even).right{width:45%;}
div#partners div.column_block:nth-child(odd).left{width:45%;clear:both;}
div#partners div.column_block:nth-child(odd).right{width:50%;}
ul.dl_list{}
ul.dl_list li{border:solid 1px #ccc;background:#faf8f5 url(https://test.brassica.website/wp-content/themes/fenix-original/images/icon_dl.png) no-repeat right center/1em;border-radius:5px;padding:0.5em 1em;margin-bottom:1em;}
ul.dl_list li a{color:#5B7B53;font-size:1em;}

div#sns_list{display:flex;gap:4em;}
p.sns_list_item{width:calc((100% - (4em * 2)) / 2);box-sizing:border-box;}


/* タブレット用CSS */
@media screen and (max-width: 1200px){
	.pc{display:none;}
	.sp{display:block;}
	
	#hb_icon nav{position:fixed;top:0;right:-70%;width:70%;height:100%;padding-top:3em;background:rgba(245,245,245,0.9);box-sizing:border-box;z-index:1000;}
	#hb_icon nav ul li{display:block;padding:1em;}
	#hb_icon .btn-gnavi{position:fixed;top:40px;right:20px;width:30px;height:24px;z-index:2000;box-sizing:border-box;cursor:pointer;-webkit-transition:all 400ms;transition:all 400ms;}
	#hb_icon .btn-gnavi span{position:absolute;width:30px;height:4px;background:#5B7B53;border-radius: 10px;-webkit-transition:all 400ms;transition: all 400ms;}
	#hb_icon .btn-gnavi span:nth-child(1){top:0;}  
	#hb_icon .btn-gnavi span:nth-child(2){top:10px;}
	#hb_icon .btn-gnavi span:nth-child(3){top:20px;}
	#hb_icon .btn-gnavi.open {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
	#hb_icon .btn-gnavi.open span{background:#333;}
	#hb_icon .btn-gnavi.open span{width:24px;}
	#hb_icon .contents section p{position:absolute;top:50%;width:30%;line-height:1.4;font-size:20px;color:#fff;text-shadow:0 0 6px #666;}  
	#hb_icon .contents section:nth-child(odd) p{left:10%;}
	#hb_icon .contents section:nth-child(even) p{right:10%;}
	#hb_icon ul.nav_icon{margin-left:1em;}
	#hb_icon ul.nav_icon li{padding:1em 0;}
	nav li a{font-weight:normal;color:#5B7B53;}
	
	div#top_key{position:relative;}
	p#hlogo_sp{width:40%;position:absolute;top:2%;left:2%;}
	
	div#intro h1{width:85%;}
	a.to_rec_archive{width:40%;}
	
	div.f_block:nth-child(even) .left{width:60%;}
	div.f_block:nth-child(even) .right{width:35%;}
	div.f_block:nth-child(odd) .left{width:35%;}
	div.f_block:nth-child(odd) .right{width:60%;}
	p.cta img{width:60%;}
	
	p.step_no{font-size:1em;}
	p.flow_title{font-size:1em;}
}


/* スマホ用CSS */
@media screen and (max-width: 767px){
	p.text{font-size:0.9em;}
	h2{font-size:1.2em;}
	h3{font-size:1em;}
	h2.title img{height:2.5em;}
	div#main{width:86%;}
	p.cta img{width:90%;}
	span.hidden{visibility:visible;}
	div#footer{padding:0;margin-top:5em;}
	div#footer_inner{display:none;}
	
	div#topics_inner{width:98%;}
	div#topics_inner a{font-size:0.9em;}
	div#top_recruit p{margin-top:2em;}
	
	div#intro{padding-top:1em;}
	div#intro h1{width:90%;}
	div#intro h2{font-size:0.9em;width:80%;text-align:left;}
	
	div#guide_inner{flex-direction:column;}
	div.guide_item{width:100%;}
	a.to_rec_archive{width:90%;}
	
	div#user div.column_block,div#partners div.column_block{float:none;width:100% !important;}
	
	div#features div.f_block .left,div#features div.f_block .right{float:none;width:100%;}
	div.f_block p.block_title{font-size:1.2em;}
	
	div#flow_box{flex-direction:column;}
	div.flow_item{width:100%;}
	div.flow_item p.flow_img{width:35%;}
	div.facilities_list{flex-direction:column;}
	p.facilities_item{width:100%;}
	
	ul.dl_list li a{font-size:0.8em;}
	
	div#sns_list{flex-direction:column;}
	p.sns_list_item{width:80%;margin:0 auto;}
}