/************************************

	common.css

*************************************/

@charset "utf-8";



*{
	margin					: 0;
	padding					: 0;
	font-family				: 'メイリオ','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
	-webkit-text-size-adjust: 100%;/*スマホのフォントサイズ自動調整機能を無効にする指定*/
	box-sizing: border-box;
}

html,body{
	width					: 100%;
	overflow-x				:hidden;
	min-height					: 100%;
	font-size				: 62.5%;
	color: #595757;
}

body{
	overflow-y: hidden;
}

a{
	text-decoration			: none;
	color: #595757;
}

ul{
	list-style				: none;
}

table{
	border-collapse			: collapse;
}

article{
	margin					: 0 auto;
}

h1{
	margin: 0;
	padding: 0;
}

div.wrapper{
	width: 100%;
}

/* ----- clearfix start ------ */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix { display: block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


div.common_info_green{
	background: #17933a;
}

div.hlogo_box{
	width: 20.8rem;
}

a.tel_sp{
	color: #595757;
}

/*select*/
.selected{
	color: #003b82!important;
}

.selected_2{
	background: #fff!important;
	color: #00a0e8!important;
}

/*header*/
header.pcty_head,
div.pc_tyfootlink,
div.footer_out_box_pctb,
div.sy_linkbox{
	display: none;
}

/*title*/
h1.pctab_title,
h1.sy_title{
	display: none;
}

/*wrap*/
span.oneblock{
	white-space: nowrap;
	display: inline-block;
}

span.oneblock_title{
	font-family: 'Noto Sans Japanese', serif;
	white-space: nowrap;
	display: inline-block;
}

.ggl{
	font-family: 'Noto Sans Japanese', serif;
}




header.ttsp_head{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	box-shadow: 0 0 0.3rem 0.1rem #717071;
	background: #fff;
}

div.menu_outbox_spcommon{
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	height: 6.5rem;
	align-items: center
}

h1.title_1{
	width: 20.8rem;
}
	
img.tt_splogo{
	width: 100%;
	max-width: 20.8rem;
	vertical-align: bottom;
}

img.sp_tab_menu_mark{
	vertical-align: bottom;
}

a.hm-sublink{
	background: #00a0e8;
	color: #fff!important;
}

li.not-link-txt{
	color: #595757;
	padding: 15px 15px 5px 15px;
	font-size: 1.3rem;
}


/*maincontent==============================================*/

div.mainimg_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 5rem auto;
	background: url(../img/common_mainbk_st.png) no-repeat;
	background-position: top center;
	display: flex;
	justify-content: center;
	height: 39rem;
	padding: 2.5rem 0 0 0;
}

div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}

/*end======================================================*/


/***
	フッター部分
*****************************************/

footer{
	width: 100%;
	text-align: center;
	margin: 8rem 0 0 0;
}

div.footer_out_box_sp{
	width: 100%;
	max-width: 100%;
}

div.inq_boxbk{
	width: 100%;
	max-width: 100%;
	/* background: #00a0e8; */
	padding: 2rem 0;
	border-top: solid 1px rgba(0,0,0,.4);
	border-bottom: solid 1px rgba(0,0,0,.4);
}

div.inq_box_sp{
	margin: 0 auto;
	padding: 0;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
}

div.footer_logo_box{
	border-right: solid 0.1rem #fff;
	font-size: 1.2rem;
	line-height: 1.9;
	color: #fff;
	padding: 0;
	width: 42%;
	max-width: 33rem;
}

div.footer_logo_box img{
	display: block;
	margin: 0 0 2rem 0;
}

div.copyright{
    font-size: 1rem;
    padding: 2rem 0 2rem 0;
    color: #595757;
    /* background: #eaf6fd; */
    border-top: solid 1px rgba(0,0,0,.4);
}

a.inq_btn{
	display:block;
	width: 25rem;
	height: 4.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 0.3rem;
	background: #003b82;
	font-weight: bold;
	padding: 1.4rem 0 0 0;
	box-shadow:0.6rem 0.5rem 0.7rem -0.5rem #595757;
	transition: 0.3s;
	margin: 0 auto;
}

a.inq_btn:first-of-type{
	margin: 0 auto 1.5rem auto;
}

span.inq_recruit,
span.inq_others{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #f39700;
	padding: 0 0 0 1.5rem;
}

a.inq_btn:active{
	background: #fff;
	color: #003b82;
}

div.footwhite_sp{
	width: 100%;
	max-width: 100%;
	padding: 3rem 0;
}

img.sp_footlogo{
	display: block;
	margin: 0 auto 2rem auto;
}

div.st_linkbox{
	display: flex;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	justify-content: space-around;
	padding: 0 1rem;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.5rem 0 0 0;
	padding: 0;
	text-align: left;
}

a.text_link_st{
	font-size: 1.2rem;
	line-height: 2rem;
	color: #000;
	transition: 0.3s;
	text-align: left;
}

span.footlink_two{
	padding-left: 1.7rem;
}

a.text_link_st:active{
	color: #0088cb;
}

a.text_link_st span{
	padding-right: 0.6rem;
}

a.foot-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: center;
	font-weight: bold;
	margin-left: 1rem;
	box-sizing: border-box;
	padding-left: 0.5rem;
}

a.foot-sub-adjust{
	margin-top: 1.5rem;
}

/*group btn*/
.outlink-b-sp .foot-group-txt{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #595757;
	text-align: center;
	margin-bottom: 1rem;
	padding-top: 1rem;
	width: 100%;
}

.outlink-b-sp{
	margin:	0 auto 3rem auto;
	max-width: 53rem;
	box-sizing: border-box;
	padding: 0 1rem;
}

.outlink-b-sp a.foot-out-link{
    font-family: 'Noto Sans Japanese', serif;
    display: flex;
    justify-content: center;
    width: 25rem;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    box-sizing: border-box;
    height: 4.3rem;
    font-size: 1.3rem;
    line-height: 1.3rem;
    background: #0088cb;
    font-weight: bold;
    padding: 1.4rem 0 0 1rem;
    box-shadow: 0.6rem 0.5rem 0.7rem -0.5rem #595757;
    margin: 0 auto;
}

.outlink-b-sp a.ml{
	margin-top: 1.5rem;
}

a.foot-out-link span{
	color: #fff;
}

.footer_logo_box{
	display: block;
}

.top-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25rem;
	height: 4rem;
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	border-radius: 0.3rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
}

.top-sublink:active{
	background: #595757;
}

.o-foot-sy{
	display: none;
}







/****************************************
for スマホ横(767px以下)
*****************************************/
@media print,screen and (min-width:568px) and ( max-width:767px){
header.ttsp_head{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	box-shadow: 0 0 0.3rem 0.1rem #717071;
	background: #fff;
}

div.menu_outbox_spcommon{
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	height: 6.5rem;
	align-items: center
}

h1.title_1{
	width: 20.8rem;
}
	
img.tt_splogo{
	width: 100%;
	max-width: 20.8rem;
	vertical-align: bottom;
}

/*maincontent==============================================*/

div.mainimg_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 5rem auto;
	background: url(../img/common_mainbk_sy.png) no-repeat;
	background-position: top center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 26.1rem;
	padding: 0 0 0 1.5rem;
}

h1.st_title{
	display: none;
}


h1.sy_title{
	display: block;
}

div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}

/*end======================================================*/



/***
	フッター部分
*****************************************/
div.st_linkbox{
	display: none;
}

footer{
	width: 100%;
	text-align: center;
	margin: 14rem 0 0 0;
}

div.footer_out_box_sp{
	width: 100%;
	max-width: 100%;
}

div.inq_boxbk{
	width: 100%;
	max-width: 100%;
	/* background: #00a0e8; */
	padding: 2rem 0;
}

div.inq_box_sp{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	width: 53rem;
	max-width: 53rem;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
}

a.text_link{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	transition: 0.3s;
}

a.text_link:active{
	color: rgba(255,225,0,1);
}

a.text_link span{
	padding-right: 0.6rem;
}

div.footer_logo_box{
	border-right: solid 0.1rem #fff;
	font-size: 1.2rem;
	line-height: 1.9;
	color: #fff;
	padding: 0;
	width: 42%;
	max-width: 33rem;
}

div.footer_logo_box img{
	display: block;
	margin: 0 0 2rem 0;
}

div.copyright {
	font-size: 1rem;
	padding: 2rem 0 2rem 0;
	color: #595757;
	/* background: #eaf6fd; */
}

a.inq_btn{
	display:block;
	width: 24rem;
	height: 4.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 0.3rem;
	background: #003b82;
	font-weight: bold;
	padding: 1.4rem 0 0 0;
	box-shadow:0.6rem 0.5rem 0.7rem -0.5rem #595757;
	transition: 0.3s;
	margin: 0;
}

a.inq_btn:first-of-type{
	margin: 0;
}

span.inq_recruit,
span.inq_others{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #f39700;
	padding: 0 0 0 1.5rem;
}

a.inq_btn:active{
	background: #fff;
	color: #003b82;
}

div.footwhite_sp{
	width: 100%;
	max-width: 100%;
	padding: 3rem 0;
}

img.sp_footlogo{
	display: block;
	margin: 0 auto 2rem auto;
}

div.sy_linkbox{
	display: flex;
	width: 53rem;
	max-width: 53rem;
	justify-content: space-around;
	margin: 0 auto;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
	text-align: left;
}

a.text_link{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #000;
	transition: 0.3s;
	text-align: left;
}

a.text_link:active{
	color: #0088cb;
}

a.text_link span{
	padding-right: 0.6rem;
}

a.foot-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: center;
	width: 13.5rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-left: 1rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 0.5rem;
}

a.foot-sub-adjust{
	width: 13.5rem;
	margin-top: 0;
}

/*group btn*/
.outlink-b-sp .foot-group-txt {
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #595757;
	margin-bottom: 2rem;
	padding-top: 1rem;
	width: 100%;
}

.outlink-b-sp{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:	0 auto 3rem auto;
	max-width: 52rem;
	padding: 0;
}

.outlink-b-sp a.foot-out-link {
    font-family: 'Noto Sans Japanese', serif;
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 47%;*/
    width: 32%;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    box-sizing: border-box;
    height: 5.5rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: bold;
    padding: 0 0 0 1rem;
    box-shadow: 0.6rem 0.5rem 0.7rem -0.5rem #595757;
    margin: 0;
}

.outlink-b-sp  a.ml{
	margin: 0;
	/*margin-left: 2rem;*/
}

a.foot-out-link span{
	color: #fff;
}

.footer_logo_box{
	display: flex;
	align-items: center;
}

.top-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25rem;
	height: 4rem;
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	border-radius: 0.3rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
}

.top-sublink:active{
	background: #595757;
}

.o-foot-sy{
	display: block;
}
}




/****************************************
for タブレット縦～PC(980px以下)
*****************************************/
@media print,screen and (min-width:768px) and (max-width:980px){
header.ttsp_head{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	box-shadow: 0 0 0.3rem 0.1rem #717071;
	background: #fff;
}

div.menu_outbox_spcommon{
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	height: 6.5rem;
	align-items: center
}

h1.title_1{
	width: 20.8rem;
}
	
img.tt_splogo{
	width: 100%;
	max-width: 20.8rem;
	vertical-align: bottom;
}


/*maincontent==============================================*/

div.mainimg_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 8rem auto;
	background: url(../img/common_mainbktt.png) no-repeat;
	background-position: top center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 35.5rem;
	padding: 0 0 0 2.5rem;
}

h1.st_title{
	display: none;
}


h1.pctab_title{
	display: block;
}

div.contents_box{
	margin: 6.5rem auto 0 auto;
	width: 100%;
	max-width: 98rem;
}


/*end======================================================*/



/***
	フッター部分
*****************************************/

footer{
	width: 100%;
	text-align: center;
	margin: 14rem 0 0 0;
}

div.footer_out_box_pctb{
	display: block;
	text-align: left;
	background: #fff;
	border-top: solid 1px rgba(0,0,0,.4);
}

div.footer_out_box_sp{
	display: none;
}

div.footer_inner_box{
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4rem 0;
}

div.foot_flex{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 0 2rem;
}

div.tt_sptfootlink{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 36.3rem;
	margin: 3rem auto 0 auto;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
}

a.text_link{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #595757;
	transition: 0.3s;
}

a.text_link:active{
	color: #0088cb;
}

a.text_link span{
	padding-right: 0.6rem;
}

div.footer_logo_box{
	border-right: solid 0.1rem rgba(0,0,0,.4);
	font-size: 1.2rem;
	line-height: 1.9;
	color: #595757;
	padding: 0;
	width: 42%;
	max-width: 33rem;
}

span.fax_foot{
	color: #595757!important;
	pointer-events: none;
}

div.footer_logo_box img{
	display: block;
	margin: 0 0 2rem 0;
}

div.copyright {
	font-size: 1rem;
	padding: 2rem 0 2rem 0;
	color: #595757;
	background: #fff;
}

#pageTop {
    bottom: 3px;
    position: fixed;
    right: 20px;
	z-index: 9999;
}

a.page_scroll{
	background-color: rgba(0,160,232,0.8);
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    height: 35px;
    padding: 0.5rem 0 0;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 9999;
	cursor:pointer; 
}

div.right_foot{
	width: 55.9%;
	max-width: 61.2rem;
	margin: 0;
	padding: 0;
}

div.inq_box{
	display: block;
	margin: 0 0 1rem 0;
	padding: 0;
}

a.inq_btn{
	display:block;
	width: 36.3rem;
	height: 4.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 0.3rem;
	background: #003B80;
	font-weight: bold;
	padding: 1.4rem 0 0 0;
	box-shadow:0.6rem 0.5rem 0.7rem -0.5rem #595757;
	transition: 0.3s;
	margin: 2rem auto 0 auto;
	border: solid 1px #003B80;
}

a.inq_btn:first-of-type{
	margin: 0 auto;
}

span.inq_recruit,
span.inq_others{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #f39700;
	padding: 0 0 0 1.5rem;
}

a.inq_btn:active{
	background: #fff;
	color: #003b82;
}

a.foot-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	margin-left: 1rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
}

/*group btn*/
.foot-group-txt{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	text-align: left;
	margin-bottom: 1rem;
	padding-top: 1rem;
}

.outlink-b{
	display: block;
	margin: 3rem auto 0 auto;
	max-width: 36.3rem;
}

a.foot-out-link{
    font-family: 'Noto Sans Japanese', serif;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    box-sizing: border-box;
    height: 4.3rem;
    font-size: 1.3rem;
    line-height: 1.3rem;
    background: #0088cb;
    font-weight: bold;
    padding: 1.4rem 0 0 1rem;
    box-shadow: 0.6rem 0.5rem 0.7rem -0.5rem #595757;
    border: solid 1px #0088cb;
}

a.ml{
	margin: 0;
	margin-top: 2rem;
}

a.foot-out-link:hover{
	/* background: #bad4ee; */
}

a.foot-out-link span{
	color: #fff;
}

.footer_logo_box{
	display: flex;
	align-items: center;
}


.top-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25rem;
	height: 4rem;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	border-radius: 0.3rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
}

.top-sublink:active{
	background: #595757;
}

.o-foot-pc{
	display: none;
}
}











/****************************************
for タブレット横～PC(1024px以下)
*****************************************/

@media print,screen and (min-width:981px) and ( max-width:1025px){
div.wrapper{
	width: 100%;
}

header{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 12.7rem;
}

header.pcty_head{
	display: block;
}

header.ttsp_head{
	display: none;
}

div.header_obi{
	width: 100%;
	position: relative;
	z-index: 100;
	/* background: #00a0e8; */
	/*box-shadow: 1px 5px 10px -3px rgba(0,0,0,0.4);*/
	background: #fff;
	border-bottom: solid 1px rgba(0,0,0,.4);
}

div.header_box{
	width: 100%;
	max-width: 109rem;
	height: 6.7rem;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	box-sizing: border-box;
	padding: 1.4rem 1rem 1.2rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.head_info_box{
}

img.pc_tabylogo{
	width: 100%;
	max-width: 20.8rem;
}

ul.head_menu{
	display: flex;
	align-items: center;
}

ul.head_menu li{
	display: block;
	border-left: solid 0.1rem #fff;
	padding: 0 1.5rem 0 1.5rem;
}

ul.head_menu li:last-child{
	border-right: solid 0.1rem #717071;
	border-left: none;
}

a.head_link{
	display: block;
	font-size:1.2rem;
	color: #595757;
	line-height: 1.4rem;
	margin: 0 auto;
	transition: 0.3s;
}

a.head_link:hover{
	color: #0088cb;
}

li.box_btn{
	border: none!important;
	padding: 0 0.7rem!important;
}

a.head_link_btn{
	display: block;
	border: solid 0.1rem #0088cb;
	padding: 0.5rem 1.5rem 0 1.5rem;
	font-size:1.2rem;
	color: #fff;
	line-height: 1.4rem;
	height: 2.5rem;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #0088cb;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.head_link_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

a.head_link_btn:hover{
  color: #0088cb;
}

a.head_link_btn:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/****
ドロップダウンメニュー部分
**********************************************/

div.main_link_box{
	width: 100%;
	padding:0;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 90;
	background: rgb(255,255,255);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
}

.menu {
    position: relative;
    width: 100%;
    max-width: 82.5rem;
	display: flex;
}

.menu > li {
    height: 2rem;
    background: rgba(255, 255, 255);
	border-left: 0.1rem solid #717071;
}

.menu > li:last-child {
	border-right: 0.1rem solid #717071;
}

.menu > li a {
    display: block;
    color: #717071;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.8rem;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
	padding: 0 2rem;
	font-weight: bold;
	transition: 0.3s;
}

.menu > li a:hover {
    color: #003b82;
}

li.menu_long{
	width: 18rem;
}

li.menu_factory{
	width: 19.5rem;
}

li.menu_products{
	width: 10rem;
}

li.menu_aboutus{
	width: 10.9rem;
}

.flex-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
}

.top-sublink:hover{
	background: #595757;
}

.top-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19rem;
	height: 4rem;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	border-radius: 0.3rem;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
}

.top-sublink:hover{
	background: #595757;
}



/****************ここまで****************/





/*maincontent==============================================*/

div.mainimg_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 8rem auto;
	background: url(../img/common_mainbk_ty.png) no-repeat;
	background-position: top right;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 35.5rem;
	padding: 0 0 0 6rem;
}

h1.st_title{
	display: none;
}


h1.pctab_title{
	display: block;
}

div.contents_box{
	margin: 12.7rem auto 0 auto;
	width: 100%;
	max-width: 100%;
}

/*end======================================================*/




/***
	フッター部分
*****************************************/

footer{
	width: 100%;
	text-align: center;
	margin: 14rem 0 0 0;
}

div.footer_out_box_pctb{
	display: block;
	text-align: left;
	background: #fff;
	border-top: solid 1px rgba(0,0,0,.4);
}

div.footer_out_box_sp{
	display: none;
}

div.footer_inner_box{
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4rem 0;
}

div.foot_flex{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	padding: 0;
}

div.pc_tyfootlink{
	display: flex;
	justify-content: space-between;
}

div.tt_sptfootlink{
	display: none;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
}

a.text_link{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #595757;
	transition: 0.3s;
}

a.text_link:hover{
	color: #0088cb;
}

a.text_link span{
	padding-right: 0.6rem;
}

div.footer_logo_box{
	border-right: solid 0.1rem rgba(0,0,0,.4);
	font-size: 1.2rem;
	line-height: 1.9;
	color: #595757;
	padding: 0;
	width: 33%;
	max-width: 33rem;
}

div.footer_logo_box img{
	display: block;
	margin: 0 0 2rem 0;
}

div.copyright {
	font-size: 1rem;
	padding: 2rem 0 2rem 0;
	color: #595757;
	background: #fff;
	border-top: solid 1px rgba(0,0,0,.4);
}

#pageTop {
    bottom: 3px;
    position: fixed;
    right: 20px;
	 z-index: 9999;
}

a.page_scroll{
	background-color: rgba(0,160,232,0.8);
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    height: 35px;
    padding: 0.5rem 0 0;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 9999;
	cursor:pointer; 
}

div.right_foot{
	width: 60.9%;
	max-width: 61.2rem;
	margin: 0;
	padding: 0;
}

div.inq_box{
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 0;
}

a.inq_btn{
	display:block;
	width: 25.4rem;
	height: 4.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 0.3rem;
	background: #003b82;
	font-weight: bold;
	padding: 1.4rem 0 0 0;
	box-shadow:0.6rem 0.5rem 0.7rem -0.5rem #595757;
	transition: 0.3s;
	border: solid 1px #003b82;
}

span.inq_recruit,
span.inq_others{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #f39700;
	padding: 0 0 0 1.5rem;
}

a.inq_btn:hover{
	background: #fff;
	color: #003b82;
}

a.foot-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: center;
	width: 16rem;
	text-align: center;
	color: #fff;
	/*background: rgba(0,59,130,0.5);*/
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
	border: solid 1px #003b82;
}

a.foot-sub-adjust{
	width: 16rem;
	margin-top: 0;
}

/*group btn*/
.foot-group-txt{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	text-align: left;
	margin-bottom: 1rem;
	padding-top: 1rem;
	width: 100%;
}

.outlink-b{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap:  wrap;
	margin-top: 3rem;
}

a.foot-out-link{
    font-family: 'Noto Sans Japanese', serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32%;
    text-align: center;
    color: #fff;
    margin-left: 0;
    transition: 0.3s;
    box-sizing: border-box;
    height: 5.5rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    background: #0088cb;
    font-weight: bold;
    padding: 0 0 0 1rem;
    box-shadow: 0.6rem 0.5rem 0.7rem -0.5rem #595757;
    border: solid 1px #0088cb;
}

a.ml{
	margin: 0;
	/*margin-left: 2rem;*/
}

a.foot-out-link:hover{
	/* background: #bad4ee; */
}

a.foot-out-link span{
	color: #fff;
}

.footer_logo_box{
	display: flex;
	align-items: center;
}

.o-foot-pc{
	display: block;
}

/*add 2025 logo color cg*/
a.foot-out-link:hover{
    background: #fff;
    color: #0088cb;
}

a.foot-out-link:hover span{
	  color: #0088cb;
	
}
}















/****************************************
for PC
*****************************************/

@media print,screen and (min-width:1025px) {
div.wrapper{
	width: 100%;
}

header{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 12.7rem;
}

header.pcty_head{
	display: block;
}

header.ttsp_head{
	display: none;
}

div.header_obi{
	width: 100%;
	position: relative;
	z-index: 100;
	/* background: #00a0e8; */
	/*box-shadow: 1px 5px 10px -3px rgba(0,0,0,0.4);*/
	background: #fff;
	border-bottom: solid 1px rgb(0,0,0,.4);
}

div.header_box{
	width: 100%;
	max-width: 109rem;
	height: 6.7rem;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	box-sizing: border-box;
	padding: 1.4rem 1rem 1.2rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.head_info_box{
}

img.pc_tabylogo{
	width: 100%;
	max-width: 20.8rem;
}

ul.head_menu{
	display: flex;
	align-items: center;
}

ul.head_menu li{
	display: block;
	border-left: solid 0.1rem #717071;
	padding: 0 1.5rem 0 1.5rem;
}

ul.head_menu li:last-child{
	border-right: solid 0.1rem #717071;
	border-left: none;
}

a.head_link{
	display: block;
	font-size:1.2rem;
	color: #595757;
	line-height: 1.4rem;
	margin: 0 auto;
	transition: 0.3s;
}

a.head_link:hover{
	color: #0088cb;
}

li.box_btn{
	border: none!important;
	padding: 0 0.7rem!important;
}

a.head_link_btn{
	display: block;
	border: solid 0.1rem #0088cb;
	padding: 0.5rem 1.5rem 0 1.5rem;
	font-size:1.2rem;
	color: #fff;
	line-height: 1.4rem;
	height: 2.5rem;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #0088cb;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.head_link_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

a.head_link_btn:hover{
  color: #0088cb;
}

a.head_link_btn:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/****
ドロップダウンメニュー部分
**********************************************/

div.main_link_box{
	width: 100%;
	padding:0;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 90;
	background: rgb(255,255,255);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
}

.menu {
    position: relative;
    width: 100%;
    max-width: 79.4rem;
	display: flex;
}

.menu > li {
    height: 2rem;
    background: rgba(255, 255, 255);
	border-left: 0.1rem solid #717071;
}

.menu > li:last-child {
	border-right: 0.1rem solid #717071;
}

.menu > li a {
    display: block;
    color: #717071;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.8rem;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
	padding: 0 2rem;
	font-weight: bold;
	transition: 0.3s;
}

.menu > li a:hover {
    color: #003b82;
}

li.menu_long{
	width: 25rem;
}

li.menu_factory{
	width: 26.5rem;
}

li.menu_products{
	width: 11rem;
}

li.menu_aboutus{
	width: 14.9rem;
}

.flex-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 109rem;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
}

.top-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26rem;
	height: 4rem;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	border-radius: 0;
    transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
	border-radius: 0.3rem;
}

.top-sublink:hover{
	background: #595757;
}


/****************ここまで****************/


/*maincontent==============================================*/

div.mainimg_box{
	width: 100%;
	max-width: 109rem;
	margin: 0 auto 8rem auto;
	background: url(../img/common_mainbk_pc.png) no-repeat;
	background-position: top center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 35.5rem;
	padding: 0 0 0 6rem;
}

h1.st_title{
	display: none;
}


h1.pctab_title{
	display: block;
}

div.contents_box{
	margin: 12.7rem auto 0 auto;
	width: 100%;
	max-width: 100%;
}

/*end======================================================*/



/***
	フッター部分
*****************************************/

footer{
	width: 100%;
	text-align: center;
	margin: 14rem 0 0 0;
}

div.footer_out_box_pctb{
	display: block;
	text-align: left;
	/* background: #00a0e8; */
	background: #fff;
	border-top: solid 1px rgba(0,0,0,.4);
}

div.footer_out_box_sp{
	display: none;
}

div.footer_inner_box{
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4rem 0;
	/* border-top: solid 1px rgba(0,0,0,.4); */
}

div.foot_flex{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	padding: 0;
}

div.pc_tyfootlink{
	display: flex;
	justify-content: space-between;
}

div.tt_sptfootlink{
	display: none;
}

ul.footer_link_out{
}

li.footer_link_li{
	margin: 1.9rem 0 0 0;
	padding: 0;
}

a.text_link{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #595757;
	transition: 0.3s;
}

a.text_link:hover{
	/* color: rgba(255,225,0,1); */
	color: #0088cb;
}

a.text_link span{
	padding-right: 0.6rem;
}

div.footer_logo_box{
	border-right: solid 0.1rem rgba(0,0,0,.4);
	font-size: 1.2rem;
	line-height: 1.9;
	color: #595757;
	padding: 0;
	width: 33%;
	max-width: 33rem;
}

div.footer_logo_box img{
	display: block;
	margin: 0 0 2rem 0;
}

div.copyright {
	font-size: 1rem;
	padding: 2rem 0 2rem 0;
	color: #595757;
	background: #fff;
	border-top: solid 1px rgba(0,0,0,.4);
}

#pageTop {
    bottom: 3px;
    position: fixed;
    right: 20px;
	z-index: 9999;
}

a.page_scroll{
	background-color: rgba(0,160,232,0.8);
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    height: 35px;
    padding: 0.5rem 0 0;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 9999;
	cursor:pointer; 
}

div.right_foot{
	width: 60.9%;
	max-width: 61.2rem;
	margin: 0;
	padding: 0;
}

div.inq_box{
	display: flex;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	padding: 0;
}

a.inq_btn{
	display:block;
	width: 25.4rem;
	height: 4.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	color: #fff;
	border-radius: 0.3rem;
	background: #003b82;
	font-weight: bold;
	padding: 1.4rem 0 0 0;
	box-shadow:0.6rem 0.5rem 0.7rem -0.5rem #595757;
	transition: 0.3s;
	border: solid 1px #003b82;
}

span.inq_recruit,
span.inq_others{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #f39700;
	padding: 0 0 0 1.5rem;
}

a.inq_btn:hover{
	background: #fff;
	color: #003b82;
}

a.foot-sublink{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: center;
	width: 16rem;
	text-align: center;
	color: #fff;
	background:#003b82;
	font-weight: bold;
	margin-left: 1rem;
	transition: 0.3s;
	box-sizing: border-box;
	padding-left: 1rem;
	border: solid 1px #003b82;
}

a.foot-sub-adjust{
	width: 16rem;
	margin-top: 0;
}

/*group btn*/
.foot-group-txt{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	text-align: left;
	margin-bottom: 1rem;
	padding-top: 1rem;
	width: 100%;
}

.outlink-b{
	display: flex;
	align-items: center;
	flex-wrap:  wrap;
	margin-top: 3rem;
	justify-content: space-between;
}

a.foot-out-link{
    font-family: 'Noto Sans Japanese', serif;
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 23rem;*/
    width: 32%;
    text-align: center;
    color: #fff;
    /*margin-left: 2rem;*/
    margin-left: 0;
    transition: 0.3s;
    box-sizing: border-box;
    height: 5.5rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    background: #0088cb;
    font-weight: bold;
    padding: 0 0 0 1rem;
    box-shadow: 0.6rem 0.5rem 0.7rem -0.5rem #595757;
    border: solid 1px #0088cb;
}

a.ml{
	margin: 0;
	/*margin-left: 3rem;*/
}

a.foot-out-link:hover{
	/* background: #bad4ee; */
	background: #fff;
}

a.foot-out-link span{
	color: #fff;
}

.footer_logo_box{
	display: flex;
	align-items: center;
}

/*add 2025 logo color cg*/
a.foot-out-link:hover{
    background: #fff;
    color: #0088cb;
}

a.foot-out-link:hover span{
	  color: #0088cb;
	
}











/***
	各ページメインタイトルバック画像部分
****************************************************/

div.main_title_box{
	background: url(../img/common_main_bk.png) no-repeat;
	width: 109rem;
	height: 35.5rem;
	box-sizing:border-box;
	margin: 0 auto;
	padding: 7.5rem 0 7.5rem 6rem;
}

/***
	各ページヘッダーロゴ部分（TOPページ除く）
****************************************************/

div.head_logo{
	float: left;
	display: block;
}

/***
	各ページグレーバック（TOPページ除く）
****************************************************/

div.gray_bk_box{
	background: #f7f7f7;
	width: 100%;
}

}





/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

input[type="submit"],input.clear_btn{
   
}

}

/* IE10以降だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}