@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show-inline{ display:none;}


/* ------------------------------------ */


@media screen and (min-width: 751px) {
#menu { display: block !important; }
#sp-menuBar ,#sp-menuClose { display: none !important; }
}


@media screen and (max-width: 750px) {

body { line-height: 1.7; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show-inline{ display:inline;}

.sp-br-none br{display: none;}
#gnav.sp-show{ height:auto;}

img{ max-width:100%; height:auto;}


.pages{}
.wrap{ margin:0 auto; width:100%; }

.col-l{ float: none; width: 100%;}
.col-r{ float: none; width: 100%;}

.font_style01 { font-size: 15px; line-height: 1.7; }
.sp-font-small { font-size: 90%; }

/* header
==========================================================*/

#headerContainer { width: 100%; height:65px; background: #fff; left:0; top: 0px; z-index:7000; }
#header { padding: 0; }

#logo{ float:none; width:100px; margin: 0 20px; line-height: 65px;}
	#logo img { width: 100px; height: auto; vertical-align: middle; }

#menu{ float:none; width:100%; height: 100vh; margin:0; background:#BA1E54; display: none }

	#menu ul.main_menu { float:none; height:100%; height: -moz-calc(100% - 65px); height: -webkit-calc(100% - 65px); height: calc(100% - 65px); padding: 10px 0 60px; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; position: relative;}
	#menu ul.main_menu li { float:none; margin-left:0; height:auto; position: relative; line-height: 45px; }
	#menu ul.main_menu li:before {display: none;}
	#menu p.menu_elem { padding: 0 30px; color: #fff;  font-weight: bold; font-size: 16px;}
	#menu p.menu_elem a { color: #fff; text-decoration: none; }
		#menu p.menu_elem span.menu_elem_subtext { padding-left: 10px; font-size: 10px; font-weight: normal; }
		#menu p.menu_elem span.menu_slide_triger { position: absolute; top:11px; height: 100%; line-height: 100%; right: 30px; display: none; }
		#menu p.menu_elem span.menu_slide_triger.menu_slide_active {display: block;}

	#menu ul.main_menu li#main_menu_close_sp { text-align: center; padding: 60px 0 110px; width: 100%; color: #fff; }

	#menu ul.main_menu .main_menu_sub { position:relative; top:auto; left:auto; width: auto; padding:0; display:none; }
	#menu ul.main_menu .main_menu_sub ul { width: auto;}
	#menu ul.main_menu .main_menu_sub li { width: auto; float:none; margin: 0; padding: 0 30px; height:auto; border-bottom:none; white-space: nowrap; color:; background: #f0f0f0;}
	#menu ul.main_menu .main_menu_sub li:nth-child(2n-1) {  background: #fff;}
	#menu ul.main_menu .main_menu_sub li a { color: #BA1E54; text-decoration: none;display: block; width: 100%; height: 100%; }


.navInner{ display: block; position:fixed; right:15px; top:17px; z-index:9999; }
.menu-trigger{ width:20px; height: 16px; line-height: inherit; cursor: pointer; position:relative; }
.menu-trigger.active{ margin-left:0px; }
.menu-trigger,
.menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger span{position:absolute; left:0; width:100%; height:2px; background-color:#BA1E54;}
	.menu-trigger span:nth-of-type(1){top:0}
	.menu-trigger span:nth-of-type(2){top:7px}
	.menu-trigger span:nth-of-type(3){bottom:0}
	.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
	.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px}
	.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}
	.menu-trigger.active span:nth-of-type(2){opacity:0}
	.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg)}


/* footer
==========================================================*/

.foot_entry { padding: 40px 0; background:#EFEFEF; }
	.foot_entry_btn { width: 80%; height: 80px; line-height: 80px; margin: 0 auto; font-size: 18px; }
	.foot_entry_btn a { display: block; width: 100%; height: 100%;}
	.foot_entry_btn i.fa { position: absolute; top:50%; top: -moz-calc(50% - 6px); top: -webkit-calc(50% - 6px); top: calc(50% - 6px); right: 10px; font-size: 20px; }

#footerContainer { background: #454545; border-top:solid 3px #BA1855; }
#footer { width: 100%; margin: 0 auto; position: relative;}

	#footer .foot_navi { padding: 0; border-bottom:none }
	#footer .foot_logo { text-align: center; padding: 45px 0 25px; }
	#footer .foot_menu { float:none; margin: 10px 0 0; }
		#footer .foot_menu li { float:left; width:49%; width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width: calc(50% - 2px); height: 45px; line-height: 45px; margin-left:0; border:solid 1px #888888; text-align: center; }
		#footer .foot_menu li img { vertical-align: middle; }

	#footer #copyright{ border-top:none;}


/* content
==========================================================*/

/* index */

#Container {
	margin-top: 65px;
}

#ind_main { height:100vh; background: ; position: relative; background: none;}
#ind_main_overlay { background: url(../images/index/main_overlay_sp.png) 0 0 repeat;}

/*	#ind_main_slider li { overflow: hidden; }
	#ind_main_slider li img { width: auto; height: 100vh; }
*/
	.ind_main_image_outer { position: absolute; top:0; width: 100%;}
	.ind_main_image { position: absolute; top:0; width: 100%;}
	.ind_main_image img { max-width:auto;}

	@media screen and (orientation: landscape) {
		.ind_main_image img { width: 60%; height: auto; }
	}
	@media screen and (orientation: portrait) {
		.ind_main_image img { width: 95%; height: auto; }
	}


#ind_intro_posi {height: 68px; position: absolute; bottom:0; background: #ccc;}
#ind_intro { padding: 50px 0;}
	.ind_intro_title {position: relative; margin: 0 0 60px;}
	.ind_intro_title::after {position: absolute; bottom: -30px; left:48%; left: -moz-calc(50% - 25px); left: -webkit-calc(50% - 25px); left: calc(50% - 25px); z-index: 2; content: ''; width: 50px; height: 2px; background-color: #BA1855; }
	.ind_intro_body {}


#ind_episode {}
	.ind_episode_outer { min-width:auto;}
	.ind_episode_outer ul {}
	.ind_episode_outer li { float:none; width:100%; height: auto; }
		.ind_episode_outer li a { text-decoration: none; }

	.ind_episode_outer li .ind_episode_inner { padding: 50px 20px; }
		.ind_episode_outer .ind_episode_title { font-size: 20px; }
		.ind_episode_outer li.ind_episode_03 .ind_episode_title ,.ind_episode_outer li.ind_episode_04 .ind_episode_title { font-size: 18px; letter-spacing: normal; }

	.ind_episode_outer li.ind_episode_03.bg-scale:after { background-image: url(../images/index/intro_ep03_sp.jpg); }
	.ind_episode_outer li.ind_episode_04.bg-scale:after { background-image: url(../images/index/intro_ep04_sp.jpg); }


#ind_fresher { width: 100%;}
#ind_fresher.bg-scale:after {background-image: url(../images/fresher/main_sp.jpg);}
	.ind_fresher_title { width:100%; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin: 0 auto; padding: 80px 20px; }
	.ind_fresher_title p { line-height: 1.7; margin: 20px 0 60px; }


		.ind_fresher_title img { vertical-align: middle; }

@media screen and (orientation: landscape) {
	#ind_fresher.bg-scale:after {background-image: url(../images/fresher/main_sp.jpg);}
}


#ind_about {padding: 80px 0 100px;}
	.ind_about_head   { display:block; position: absolute; top:0; left: 0; width: 100%; }
	.ind_about_bottom { display:block; position: absolute; bottom:0; left: 0;  width: 100%; }
	.ind_about_head img , .ind_about_bottom img { vertical-align: bottom; height: auto; width: 100%;}
	.ind_about_left , .ind_about_right { display: none;}
	.ind_about_body { padding: 0 15px; }

.ind_readmore span { display: block; border:solid 1px #fff; padding:15px; width:70%; margin: 0 auto; text-align: center; }
	.ind_readmore a {color: #fff; text-decoration: none; display: block; width: 100%; height: 100%;}




#ind_work {}
#ind_work.bg-scale:after  { background-image: url(../images/index/work_bg_sp.jpg);}
	.ind_work_title { width:100%; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin: 0 auto; padding: 80px 20px; }
	.ind_work_title p { line-height: 1.7; margin: 20px 0 60px; }



@media screen and (orientation: landscape) {
	#ind_work.bg-scale:after  { background-image: url(../images/index/work_bg.jpg);}
}



#ind_recruit {}
#ind_recruit_inner { padding: 80px 0 100px;}

	.ind_recruit_head  { display: block; position: absolute; top:0; left: 0; width: 100%; }
	.ind_recruit_bottom { display: block; position: absolute; bottom:0; right: 0; width: 100%; }
	.ind_recruit_head img , .ind_recruit_bottom img { vertical-align: bottom; width: 100%; height: auto; }
	.ind_recruit_left,.ind_recruit_right { display: none; }

	.ind_recruit_body { padding: 0 15px; }



/* introduction */

.content_main { /*height: 100vh; line-height: 100vh;*/ height: 350px; line-height: 350px;}
	.content_main_image {}

@media screen and (orientation: landscape) {
	.content_main_image img { width: 70%; height: auto; margin-top: 40px; }
	#intro_ep03_main_image { background-image: url(../images/introduction/episode03/main_sp_la.jpg);}
}
@media screen and (orientation: portrait) {
	.content_main_image img { width: 80%; max-width: 200px; height: auto; }
	#intro_ep01_main_image { background-image: url(../images/introduction/episode01/main_sp.jpg);}
	#intro_ep02_main_image { background-image: url(../images/introduction/episode02/main_sp.jpg);}
	#intro_ep03_main_image { background-image: url(../images/introduction/episode03/main_sp_po.jpg);}
	#intro_ep04_main_image { background-image: url(../images/introduction/episode04/main_sp.jpg);}
}


@media screen and (orientation: landscape) {
	#intro_ep01_main_image.content_main,#intro_ep02_main_image.content_main,#intro_ep03_main_image.content_main,#intro_ep04_main_image.content_main { height: 350px; line-height: 350px; }
}
@media screen and (orientation: portrait) {
	#intro_ep01_main_image.content_main,#intro_ep02_main_image.content_main,#intro_ep03_main_image.content_main,#intro_ep04_main_image.content_main { height: 450px; line-height: 450px; }
}

/*
	#intro_ep01_main_image { background-image: url(../images/introduction/episode01/main.jpg);}
	#intro_ep02_main_image { background-image: url(../images/introduction/episode02/main.jpg);}
	#intro_ep03_main_image { background-image: url(../images/introduction/episode03/main.jpg);}
	#intro_ep04_main_image { background-image: url(../images/introduction/episode04/main.jpg);}
*/


#intro_main_content { background: #fff; }

	#intro_main_content .intro_lead_text { margin-left:0; }
		#intro_main_content .intro_lead_text_inner { padding: 25px;}
		#intro_main_content .intro_lead_text h2 { font-size: 20px; font-weight: bold; margin: 0 0 20px; }
		#intro_main_content.intro_main_content_ep03 .intro_lead_text h2 ,#intro_main_content.intro_main_content_ep04 .intro_lead_text h2 { font-size: 18px;}
		#intro_main_content .intro_lead_text p {}
	#intro_main_content img { vertical-align: bottom; width: 100%; height: auto; }
	#intro_main_content .intro_text { width: 100%; }
		#intro_main_content .intro_text .intro_text_inner { padding: 25px; }
		#intro_main_content .intro_text h3 { margin: 0 0 15px; font-size: 18px; font-weight: bold; color: #BA1855; }
		#intro_main_content .intro_text h3.font-small { font-size: 19px;}
		#intro_main_content .intro_text p {}

	#intro_main_content .intro_text_posi01 { margin: 0; float:right; }
	#intro_main_content .intro_text_posi02 { position: relative; left:auto; margin:0; }
	#intro_main_content .intro_text_posi03 { margin:0; float:none; }
	#intro_main_content .intro_text_posi04 { margin:0; }

	#intro_main_content .intro_image_posi01 { margin:25px;}
	#intro_main_content .intro_image_posi02 { margin:0 25px; float:none;}
	#intro_main_content .intro_image_posi03 { margin:0 25px 25px; float:none;}
	#intro_main_content .intro_image_posi04 { margin:0; text-align: center;  }
	#intro_main_content .intro_image_posi05 { margin:0 25px; float:none;}
	/*#intro_main_content .intro_image_posi06 { margin:0 25px 25px; float:none;}*/
	#intro_main_content .intro_image_posi06 { margin:0 25px 25px; position: relative; right:auto;}

		#intro_main_content.intro_main_content_ep03 .intro_text_posi02 { margin: 0; }
		#intro_main_content.intro_main_content_ep03 .intro_text_posi04 { margin: 0; float:none; }
		#intro_main_content.intro_main_content_ep03 .intro_image_posi03 { margin:0 25px 20px;}
		#intro_main_content.intro_main_content_ep03 .intro_image_posi04 { margin:0;}

		#intro_main_content.intro_main_content_ep04 .intro_text_posi01 { margin: 0; float:none; }
		#intro_main_content.intro_main_content_ep04 .intro_text_posi03 { position: relative; }
		#intro_main_content.intro_main_content_ep04 .intro_image_posi04 { margin:0;}


#intro_foot_wide_image { height: 160px; margin: 0;}
	#intro_foot_wide_image.intro_foot_wide_image_ep04 { height: 260px; position:relative; top:auto;}
	.intro_foot_wide_image_ep04 { /*background-image: url(../images/introduction/episode04/image07.jpg);*/ position:relative; top:auto; background-position: left center;}
	#intro_foot_wide_image.intro_foot_wide_image_ep04{ margin:0;}


#intro_profile { padding:40px 25px 0; }

	#intro_profile .intro_profile_title { margin: 0 0 30px; }
	#intro_profile .intro_profile_outer {}

	#intro_profile .intro_profile_outer ul { left:auto; float:none;}
	#intro_profile .intro_profile_outer li { left:auto; float:none; width:100%; margin:0; min-width: 100%;}
	#intro_profile .intro_profile_outer li img { vertical-align: bottom; width: 100%; height: auto; }
        #intro_profile .intro_profile_text { width: 100%; margin:-80px 0 20px;}

#intro_other { padding: 50px 0 30px;}

	#intro_other .intro_other_title { margin: 0 0 40px;}
	#intro_other .intro_other_outer {}

	#intro_other ul { left:auto; float: none;}
	#intro_other li { left:auto; float: none; max-width: 100%; width:100%; margin: 0 0 30px;}
	#intro_other li a { text-decoration: none; }

		#intro_other .intro_other_inner { margin: 0 25px; }

@media screen and (orientation: landscape) {
		#intro_other .intro_other_image { width: 100%; height:100vh; }
}
@media screen and (orientation: portrait) {
		#intro_other .intro_other_image { width: 100%; /*height: 210px;*/ }
}

	#intro_other .intro_other_text { width:100%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin: -60px 0 0;}
		#intro_other .intro_other_text_inner { padding: 15px; }
		#intro_other .intro_other_text_title { font-weight: bold; }



/* FRESHER */


@media screen and (orientation: landscape) {
	#fresher_main_image { height: 350px; line-height: 350px; }
}
@media screen and (orientation: portrait) {
	#fresher_main_image { height: 64vw; line-height: 450px; background-image: url(../images/fresher/main_sp.jpg); background-position: right center; }
}
#fresher_main_image .content_main_image.sp-hide {display: none;}
#fresher_main_image .content_main_image { width: 70%; height: 64vw; margin: 0 auto; display: flex; flex-flow: wrap; align-items: flex-end; justify-content: center; }
.content_fresher_main .content_main_image img {
	line-height: 1em;
	transform: translateY(-10px);
}
.fresher_text.fresher_text_profile { width: 100%; position: relative; left:auto; top:auto;}

#fresher_main_content {max-width: 100%; width: 100%; margin:0; position: relative; }

.fresher_lead_text { width:100%; height:auto; margin:0; position:relative; }
.fresher_lead_text_inner { padding: 25px 25px;}
.fresher_lead_text h2 { font-size: 20px;}

.fresher_text { width:100%; background:none;}
.fresher_text.fresher_text_profile { background:#fff;}
.fresher_text .fresher_text_inner { padding: 25px; }
	#fresher_main_content .fresher_text h3 { font-size: 16px;}
	#fresher_main_content .fresher_text p {}

	#fresher_main_content .fresher_sp_flow_title { background:#084A98; padding:10px; color: #fff; font-weight: bold; font-size:18px; text-align: center; }
	#fresher_main_content .fresher_sp_flow_outer { margin: 20px 25px; text-align: center; }
		#fresher_main_content .fresher_sp_flow_elem { width: 100%; margin: 0 0 30px; }
		#fresher_main_content .fresher_sp_flow_elem img { width: 100%; max-width: 400px; vertical-align: bottom; }

	#fresher_main_content .fresher_text_posi01 { margin:0; }
		#fresher_main_content .fresher_text.fresher_text_posi02 { width:100%; margin: 0 auto; position: relative; top:auto; }
	#fresher_main_content .fresher_text_posi03 { float:right; margin: 0; }
	#fresher_main_content .fresher_text_posi04 { margin:0; }

	#fresher_main_content .fresher_text dl {
		display: block;
	}
	#fresher_main_content .fresher_text dl dt {
		width: 100%;
	}
	#fresher_main_content .fresher_text dl dt:not(:first-child) {
		margin-top: 30px;
	}
	#fresher_main_content .fresher_text dl dd {
		width: 100%;
	}
	
	#fresher_main_content .fresher_image_posi01 { text-align:left; margin:25px 25px 10px;}
	#fresher_main_content .fresher_image_posi02 { float:none; margin:10px 25px;  }
	#fresher_main_content .fresher_image_posi03 { float:none; margin:10px 25px; position:relative;}
	#fresher_main_content .fresher_image_posi04 { position:relative; margin:10px 25px; z-index: -1;}
	#fresher_main_content .fresher_image_posi05 { text-align: left; margin:0; }
	#fresher_main_content .fresher_image_posi05 img {vertical-align: bottom;}



/* CORPORATE DESIGN */
@media screen and (orientation: landscape) {
	#corporatedesign_main_image { height: 350px; line-height: 350px; }
	#corporatedesign_main_image .content_main_image { text-align: center; width: 60%; margin: 0 auto; }
}
@media screen and (orientation: portrait) {
	#corporatedesign_main_image { height: 450px; line-height: 450px; background-image: url(../images/corporatedesign/main_sp.jpg); background-position: right top; }
	#corporatedesign_main_image .content_main_image { text-align: center; width: 90%; margin: 0 auto; }
}

	#corporatedesign_main_image .content_main_image img { vertical-align: middle; }


.corporatedesign_lead_text {width:100%; margin:0;}
	.corporatedesign_lead_text_inner { padding: 25px; width: auto; float:none;}
	.corporatedesign_lead_text_inner h2 { font-size: 18px;}

#corporatedesign_main_content { background: none; padding: 25px; margin: 0 0 0px; }
	#corporatedesign_main_content .corporatedesign_content { padding: 0 0 0px; }
	#corporatedesign_main_content .corporatedesign_content:last-child { padding: 0; }
	#corporatedesign_main_content .corporatedesign_content_inner { width:auto; }
	/*#corporatedesign_main_content .corporatedesign_content_body { margin: 0 0 30px; }*/

	#corporatedesign_main_content .corporatedesign_content_body h3 { margin: 0 0 15px; font-size: 16px;}

	#corporatedesign_main_content .corporatedesign_image_posi01 { position: relative; top:auto; left:auto; margin: 0 0 20px; }

#corporatedesign_profile { width: auto; margin: 0 25px; }
#corporatedesign_profile .col-l , #corporatedesign_profile .col-r { width: 100%; }
#corporatedesign_profile .col-l img { vertical-align: bottom; }
#corporatedesign_profile .col-r { margin: 0 0 50px; }

	#corporatedesign_profile .corporatedesign_profile_content_inner { /*background:#fff;*/ padding:25px; }

	#corporatedesign_profile .corporatedesign_profile_name { font-size: 20px; font-weight: bold; margin: 0 0 10px; letter-spacing: 2px; }
	#corporatedesign_profile .corporatedesign_profile_info { margin: 0 0 10px;}
	#corporatedesign_profile .corporatedesign_profile_body {}





/* RECRUIT */
#recruit_main_image { background-image: url(../images/recruit/main_sp.jpg?231109); background-position:top;}
@media screen and (orientation: landscape) {
	#recruit_main_image.content_main { height: 420px; line-height: 300px; }
}
@media screen and (orientation: portrait) {
	#recruit_main_image.content_main { height: 70vw; line-height: 275px; }
}

	#recruit_main_image.content_main img { margin: 0 0;  width: 70%; max-width: 300px;}
	@media (max-width: 767px) {
		#recruit_main_image .content_main_image.sp-hide {display: none;}
		.ind_main_image_outer {
			height: 70vw;
			margin-top: 65px;
		}
		#recruit_main_image.content_main img {
			transform: translateY(-20px);
			width: 50%;
		}
	}
	
#recruit_tab { width: 100%; height: 60px; line-height: 60px; margin: 0 auto 25px; font-size: 18px; letter-spacing:normal; }
#recruit_tab a {  }
    #recruit_tab .col-l { float:left; width: 50%;}
    #recruit_tab .col-r { float:right; width: 50%;}
        #recruit_tab p.recruit_tab_elem { font-size: 14px; width: 100%; height: 100%; line-height: 1.2em; height: 70px; background: #454545; display: flex; flex-flow: wrap; align-items: center; justify-content: center; }
        #recruit_tab p.recruit_tab_selected { background: #BA1855; }

#recruit_main_content { margin: 0 0 20px; }

	#recruit_main_content .recruit_image { width: 100%;}
		#recruit_main_content .recruit_image_inner { padding: 0 25px; }
		#recruit_main_content .recruit_image img{ width: 100%; height: auto;}
	#recruit_main_content .recruit_text { width: 100%; background:none; }

	#recruit_main_content .recruit_text_body { padding: 25px; }
	#recruit_main_content .recruit_text_outer { margin: 0 0 30px; }
		#recruit_main_content h2 { font-size: 18px; margin: 0 0 15px; line-height: 1.7; }



        #recruit_main_content .recruit_requir { background:none; }
		#recruit_main_content .recruit_requir_inner { padding: 25px; }

		.recruit_requir_elem { margin: 0 0 40px; }
		#recruit_main_content .recruit_requir_elem h2 {font-size: 18px; letter-spacing:normal;}
		#recruit_main_content .recruit_requir_elem h2 span {font-size: 12px;}
		.recruit_requir_elem .recruit_requir_elem_inner {}

		.recruit_requir_elem table { }
		.recruit_requir_elem table th { background: #fff; width: 80px; padding: 15px 10px; font-weight: normal; font-size: 14px; }
		.recruit_requir_elem table td { padding: 15px 0 15px 10px;  }
		.recruit_requir_elem table td img { vertical-align: middle; }

		.recruit_requir_elem table .rikunabi_text { float:none; margin: 0 0 20px; font-size: 11px; }
        .recruit_requir_elem table .rikunabi_bnr { float:none; text-align: center; }

		.recruit_requir_elem table table.recruit_innertable01 { border: none; width: 100%; font-size: 11px; }
		.recruit_requir_elem table table.recruit_innertable01 th { border:none; padding:3px 3px; width: 40px; text-align: center; background: #BA1855; color: #fff; font-size: 11px; font-weight: normal; }
		.recruit_requir_elem table table.recruit_innertable01 td {border-bottom: none; padding:3px 0 3px 5px; background:#fff;}
		.recruit_requir_elem table table.recruit_innertable01 td.bg-none { background: none; }
		.recruit_requir_elem table table.recruit_innertable01 td.arrow-down { padding: 0; text-align: center; color:#BA1855; font-size: 20px; background: none; }

		.recruit_requir_elem table table.recruit_innertable02 { border:none; width: 100%; font-size: 12px; }
		.recruit_requir_elem table table.recruit_innertable02 th { border:none; padding:3px 3px; width:45px; background: none; color:; font-size: 12px; font-weight: normal; vertical-align: top; }
		.recruit_requir_elem table table.recruit_innertable02 td {border-bottom: none; padding:3px 0 3px 3px; background:none;}
		.recruit_requir_elem table table.recruit_innertable02 .font-strong {color: #BA1855; font-size: 14px; font-weight: bold;}

		.recruit_requir_elem table table.recruit_innertable02.sp_edit th { display: block; width: 100%; }
		.recruit_requir_elem table table.recruit_innertable02.sp_edit td { display: block; width: 100%;}


/* ABOUT */

#about_main_image { background-image: url(../images/about/main_sp.jpg);}

@media screen and (orientation: landscape) {
	#about_main_image.content_main { height: 400px; line-height: 400px; }
	#about_main_image .content_main_image { width: 45%; margin: 0 auto; }
}
@media screen and (orientation: portrait) {
	#about_main_image.content_main { height: 300px; line-height: 300px; }
	#about_main_image .content_main_image { width: 65%; margin: 0 auto; }
}
#about_main_image.content_main img { margin: 65px 0 0; width: 95%; transform: translateY(0px);}

    #about_company_main_content .about_tab { width: 100%; }
    .about_tab { width: 100%; }
    p.about_tab_elem { height: 60px; line-height: 60px; margin:0; font-size: 18px; padding: 0 15px; }
    .about_tab p i.fa { top: -moz-calc(50% - 7px); top: -webkit-calc(50% - 7px); top: calc(50% - 7px); font-size: 14px;}


#about_company_main_content { margin: 0 0 50px; }
	#about_company_main_content .about_content_outer { margin: 0 0 0px;}
	#about_company_main_content .about_content_inner {padding: 25px 25px 50px;}

	/*#about_company_main_content .about_content_elem {}*/
	#about_company_main_content .about_content_elem_inner { margin: 0 0 50px; }
	#about_company_main_content .about_content_elem_inner:last-child { margin:0; }
		#about_company_main_content h2 { font-size: 18px; margin: 0 0 20px;}
		#about_company_main_content h3 { margin:0 0 15px; padding: 0 0 5px; font-size: 14px; }
		#about_company_main_content h3.no-border { margin:0 0 5px; }


		.about_content_elem_close { float:right; width: 100%; height:60px; margin:0 0 60px; background: #BA1855; text-align: center; line-height: 60px; position:relative; top:auto; right:auto; cursor: pointer; display: none;}


		#about_content_philosophy { line-height: 1.7; }
			#about_content_philosophy p { margin: 0 0 20px; }
			#about_content_philosophy p.philosophy_midashi01 { margin: 0 0 20px; font-size: 20px; line-height: 1.7;}

		#about_content_philosophy .about_content_elem { margin: 0 0 40px; }
			#about_content_philosophy .about_content_elem:last-child { margin: 0; }

@media screen and (orientation: landscape) {
	#about_content_philosophy .about_content_philosophy_image { margin: 20px 0 30px; width: 35%;}
}
@media screen and (orientation: portrait) {
	#about_content_philosophy .about_content_philosophy_image { margin: 20px 0 30px; width: 60%;}
}


		#about_content_rashisa {}
			.rashisa_image { margin: 30px 0 0; text-align: center; }
				.rashisa_image img { width: 100%; height: auto; max-width: 542px; }
			#about_content_rashisa table.rashisa_table { width: 100%; margin: 25px auto 30px; border-collapse:collapse; border-spacing:0; }
			#about_content_rashisa table.rashisa_table th { display:block; width:100%; }
			#about_content_rashisa table.rashisa_table td { display:block; width:100%; margin: 0 0 5px; }
			#about_content_rashisa table.rashisa_table th , #about_content_rashisa table.rashisa_table td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

			.rashisa_foootmessage { margin: 0; font-size: 20px; }
			.rashisa_foootmessage span.text_kutouten { letter-spacing: -10px; }



		#about_content_history {}
			#about_content_history .history_midashi01 { margin: 0 0 20px; font-size: 20px; line-height: 1.7; text-align: center;}

			#about_content_history table.history_table.sp-show { display: table; width: 100%; margin: 0 0 10px; }
				#about_content_history table.history_table th { border:solid 1px #fff; border-width: 0 2px 0 0;}
				#about_content_history table.history_table td { border:none;}
				#about_content_history table.history_table td.kokokara { font-size: 18px; text-align: center; vertical-align: middle; padding: 20px 0; letter-spacing:normal; }

				#about_content_history div.history_teikyo { text-align: center; margin: 10px 0; }


		#about_content_organization .about_organiz_image { text-align: center; margin: 20px 0 0; }



		#about_content_company table.about_company_table01 { width: 100%; border-top:solid 1px #E0E0E0; }
		#about_content_company table.about_company_table01 th { padding: 15px 10px; width:80px;}
		#about_content_company table.about_company_table01 td { padding: 15px 0 15px 10px; }

		#about_content_company table.about_company_table02 { width: 100%; border-collapse: collapse; border-spacing: 0 0; }
		#about_content_company table.about_company_table02 th { display:block; width:100%; padding: 15px; color: #fff; font-weight: bold;}
		#about_content_company table.about_company_table02 td { display:block; width:100%; padding: 15px; margin: 0 0 5px; }

		#about_content_company ul.about_company_partner {}
			#about_content_company ul.about_company_partner li { width:100%; width: -moz-calc(100%); width: -webkit-calc(100%); width: calc(100%); float:none; margin: 0 0 10px;}

			#about_content_company .col-about_company_access .col-l { width: 100%; }
			#about_content_company .col-about_company_access .col-r { width: 100%; }

			#about_content_company #about_googlemap { width: 100%; }
			#about_content_company #about_googlemap iframe { width: 100%; }




}