@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("menu.css");
@import url("parts.css");
@import url("add_glam.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');/* main */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');/* title */
@import url('https://fonts.googleapis.com/css2?family=Mukta+Mahee:wght@200;300;400;500;600;700;800&display=swap');/* second main_visual_title" */




/* ----------------------------------------------------------
  RESETTING DEFAULT
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}



/* ----------------------------------------------------------
   GENERAL
---------------------------------------------------------- */

body {
    margin: 0px;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
    color: #333;
    overflow-y: scroll;
    background: #fff;
}

img{
    vertical-align: bottom;
}


a:link,
a:visited,
a:active {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #787878;
    text-decoration: none;
}

a:hover img	{
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



/* --------------------------------------------------
   HEADER AREA
-------------------------------------------------- */


.wrapper_header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 120px;
    margin-left: auto;
    transition: .99s;
    z-index: 990;
}

.wrapper_header.hide{
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background-color: #2f2f2f;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.80;
    z-index: 990;
}


h1 {
    position: fixed;
	top: 48px;
    left: 2%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 999;
    width:290px;
    height: auto;
}

h1.hide{
	top: 25px;
}

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

h1 a {
    display: inline-block;
}


.logo_after{
    display: none;
}

.logo_after.hide{
    display:block;
}

.logo_before{
    display:block;
}

.logo_before.hide{
    display:none;
}





/* ----------------------------------------------------------
   WRAPPER AREA
---------------------------------------------------------- */

.wrapper_content_area {
    position: relative;
    margin: 0%;
    padding: 0%;
    width: 100%;
    background-color: #fff;
	height: auto;
 }

.wrapper_content {
    margin: 0% auto;
    padding: 8% 10%;
    width: 100%;
	height: auto;
}


.bg_color_01{
    background: #f8f8f8;
}



/* ----------------------------------------------------------
   GENERAL PARTS
---------------------------------------------------------- */

.box_container {
    margin: 0%;
    padding: 0%;
	width: 100%;
	height: auto;
}


/* ------------------------------------------- TEXT */

.com {
    margin: 0%;
    padding: 0%;
	text-align: left;
    line-height: 1.8em;
    letter-spacing: 0.1em;
}

.com a:link,
.com a:visited,
.com a:active {
    text-decoration: underline;
}

.com a:hover {
    text-decoration: underline;
}


/* ------------------ text color */

.text_white {color:  #fff!important;}


/* ------------------ position ctl */

.position_center {text-align: center;}

.position_right {text-align: right;}

.position_left {text-align: left;}




/* ----------------------------------------------------------
   CONTENTS AREA
---------------------------------------------------------- */

/* -----------------------------------------  cross */

.cross_box{
   position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.cross {
	position: relative;
	width: 1px; /* 縦棒の幅 */
	height: 80px; /* 縦棒の長さ */
 	background: #909ba7; /* 縦棒の色 */
}

.cross::after {
	content: "";
	position: absolute;
	top: 40px; /* 横棒のy位置 */
	left: -40px; /* 横棒のX位置 */
	width: 80px; /* 横棒の長さ */
	height: 1px; /* 横棒の幅 */
	background: #909ba7; /* 横棒の色 */
}


/* -----------------------------------------  animation */

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


/* -----------------------------------------  ct title */

hgroup.ct_title_group{
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 80px;
}


h3.ct_title {
    margin:0px 0px 0px 0px;
	padding:0% 0% 0% 0%;
	font-size:50px;
    line-height: 1.0em;
	letter-spacing:0.01em;
	color:#bbc1c9;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    background: -webkit-linear-gradient(-90deg, #2f2f2f, #bbc1c9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


hgroup.ct_title_group .second_title{
    font-weight: 400;
}

hgroup.ct_title_group .second_title::after{
  background-color: #b51313; 
  border-radius: 1px;
  bottom: -15px;
  content: "";
  height: 3px;
  left: 0%;
  position: absolute;
  width: 33px; 
}


h4.ct_title {
    margin:0% 0% 0% 0%;
	padding:2% 0% 0% 1%;
	font-size:16px;
    line-height: 1em;
	letter-spacing:0.03em;
    color: #909ba7;
    letter-spacing: 0.1em;
}

h4.ct_sub_title {
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 80px;
}

h4.ct_sub_title::after{
  background-color: #333; 
  border-radius: 1px;
  bottom: -25px;
  content: "";
  height: 3px; 
  left: 50%; 
  position: absolute;
  transform: translateX(-50%); 
  width: 35px;
}

h5.ct_sub_title{
    width: fit-content;
    margin-bottom: 20px;
    padding: 0 1em;
    color: #333333;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-left: solid 1.5px #b51313; 
    border-right: solid 1.5px #b51313; 
}
 
h5.ct_title{
    margin-bottom: 40px;
    color: #333333;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.1em;
}


hgroup.info_title_group{
    margin-bottom: 4%;
}

h5.info_date{
    margin: 0% 0% 1% 0%;
    padding: 0%;
    font-size: 16px;
    line-height: 1em;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0.1em;
}







/* ----------------------------------- topics */


ul.topics_box{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.topics_box a{
    width: 47%;
    height: auto;
}

ul.topics_box a:nth-child(n+3){
    margin-top: 3%;
}

ul.topics_box li{
    position: relative;
    width: 100%;
    height: auto;
    display:flex;
    justify-content: space-between;
}

ul.topics_box li .topics_image{
    width: 40%;
    height: auto;
    padding-right: 4%;
}

ul.topics_box li .topics_image img{
    width: 100%;
    height: auto;
    
}

ul.topics_box li .topics_content{
    width: 60%;
    height: auto;
}


ul.topics_box li .topics_content p.topics_date{
    color: #0a1e53;
    font-weight: 600;
    margin-bottom: 5%;
}


ul.topics_box a:hover {
    color:#9E9E9E!important;
}


ul.topics_box li .topics_content .topics_category{
    width: 20%;
    height: auto;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 1em;
    padding: 0.5em 0em;
    font-size: 13px;
    letter-spacing: 0.05em;
    position: absolute;
    right: 0;
    top: 0;
}


.bg_green{
    background: #38ada9;
}

.bg_orange{
    background: #f19066;
}

.bg_blue{
    background: #5268A0;
}



ul.topics_box li .topics_content p.topics_title{
    font-size: 1.05em;
}




/* ----------------------------------- information */



ul.information_box {
	list-style: none;
	margin:0px 0% 0% 0%;
	padding:0%;
	width:100%;
	height:auto;
}

ul.information_box li {
	margin:0%;
	padding:34px 0% 30px 1em;
	width:100%;
    height:auto;
	border-bottom:2px dotted #99a5bb;
	overflow:hidden;
    letter-spacing: 0.1em;
}

ul.information_box li.first{
    padding-top: 0;
}

ul.information_box li .info_date {
	float:left;
    padding-right:3%;
    font-size: 17px;
	line-height:1em;
    color: #0a1e53;
    font-weight: 600;
}


ul.information_box li .info_title {
	margin:-2px 0% 0% 0%;
    padding:0%;
	line-height:1.3em;
    letter-spacing: 0.1em;
}


ul.information_box a:link,
ul.information_box a:visited,
ul.information_box a:active {
    color: #333;
    text-decoration: none;
}

ul.information_box a:hover {
    color: #bbb;
}





/* ----------------------------------------------------------
   recruit AREA
---------------------------------------------------------- */

.recruit_box{
    width: 100%;
    height: auto;
    padding: 5% 5%;
    background: url("../common/recruite_image.jpg")no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.recruit_box .recruit_title{
    color: #fff;
    font-size: 55px;
    text-align: center;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 2%;
    letter-spacing: 0.05em;
}

.recruit_box .recruit_title::before{
    content: url("../common/recruite_logo.png");
    display: block;
    transform: scale(0.8);
}

.recruit_box .recruit_sub_title{
    margin-bottom: 5%;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
}

.recruit_box .recrui_entry_title{
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
    font-weight: 200;
    letter-spacing: 0.1em;
    font-style: italic;
}

.recruit_box a{
    width: 100%;
    display: block;

}

.recruit_box :hover::after {
  content: "";
  background: rgba(255,255,255,.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}


.recruit_box a:link,
.recruit_box a:visited,
.recruit_box a:active {
    color: #333;
    text-decoration: none;
}



.recruit_box:hover .recrui_entry_title{
    color: #333;
    transition: 0.3s;
    font-weight: bold;
}





/* ----------------------------------------------------------
   BREADCRUMBS AREA
---------------------------------------------------------- */

.wrapper_breadcrumbs_area {
    margin: 0% 0% 0% 0%;
    padding: 0%;
    width: 100%;
	height: auto;
 }

.wrapper_breadcrumbs {
    margin: 0% auto;
    padding: 2% 8% 2% 8%;
    width: 100%;
	height: auto;
    overflow: hidden;
}

/* ------------------------------------- breadcrumb list  */

.breadcrumb ul {
    float: left;
    display: flex;
    margin: 0% 0% 0% 0%;
    padding: 0%;
    width: 50%;
	height: auto;
}
  
.breadcrumb li {
    font-size: 0.8em;
    line-height: 1.0em;
    letter-spacing: 0.05em;
}

.breadcrumb li a.here_point{
    padding-bottom: 0.3em;
    border-bottom: 1px solid #333;
}

.breadcrumb li a:link,
.breadcrumb li a:visited,
.breadcrumb li a:active {
    color:#333;
    text-decoration: none;
}

.breadcrumb li a:hover {
    color:#ccc;
    text-decoration: none;
}

.breadcrumb li::before {
    content: ">";
    margin: 0px 10px;
}
    
.breadcrumb li:first-child::before {
    content: "";
}



/* ----------------------------------------------------------
   FOOTER AREA
---------------------------------------------------------- */

.wrapper_footer_area {
    margin: 0%;
    padding: 0%;
    width: 100%;
	height: auto;
    background-color: #fff;
 }

.wrapper_footer {
    position: relative;
    margin: 0% auto 0% auto;
    padding: 6% 10%;
    width: 100%;
	height: auto;
    background: #fff;
}


.wrapper_upper_area {
    margin: 0%;
    padding: 0%;
    width: 100%;
	height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }

.wrapper_upper_area .left {
    width: 65%;
	height: auto;
    padding: 0%;
}

.wrapper_upper_area .right {
    position: relative;
    width: 35%;
	height: auto;
}

.footer_logo {
    margin: 0% 0 2% 0%;
    padding: 0%;
	width: 30%;
	height: auto;
    text-align: left;
}

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


.footer_menu {
    display: flex;
	margin:0px 0% 70px 0%;
    padding:0;
    width:100%;
	height:auto;
}

.footer_menu ul {
	list-style: none;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:49%;
	height:auto;
}

.footer_menu ul.case02{
    
	list-style: none;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:49%;
	height:auto;
}

.footer_menu ul li {
	font-size:14px;
	letter-spacing:0.1em;
}

.footer_menu ul li:nth-child(n+2){
    margin-top: 10%;
}

.footer_menu ul li a:link,
.footer_menu ul li a:visited,
.footer_menu ul li a:active {
    color: #333;
    text-decoration:none;
}

.footer_menu ul li a:hover {
    text-decoration:none;
    color: #7B7B7B
}


address {
    margin: 0% 0 0% 0;
    padding: 0%;
    font-size: 13px;
    color: #333;
    font-weight:300;
    line-height: 1.85em;
    letter-spacing: 0.1em;
}

address span{
    padding: 0 0 0.5% 0;
    border-bottom: 1px solid #ddd;

}


.copy_r {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0% 0% 0% 0%;
    padding: 0px;
    width:auto;
    font-size: 9px;
    font-weight: 100;
    line-height: 1.0em;
    letter-spacing: 0.1em;
    text-align: left;
    color: #525252;
}




/* --------------------------------------------------
  OTHER
-------------------------------------------------- */


/** DISPLAY ON/OFF **/

.pc_none { display: none !important; }
.ta_none { display: block !important; }

.pc { display: block !important; }
.ta { display: none !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: none !important; }


/** MARGIN/PADDING RESET **/

.mt_none{
    margin-top: 0!important;
}
.mb_none {
margin-bottom: 0%!important;
}

.pt_none {
padding-top: 0%!important;
}

.pb_none {
padding-bottom: 0%!important;
}

.pb_last{
padding-bottom: 8%!important;
}


/** FLOAT RESET **/

.clear {
    clear: both;
    height: 0px;
}







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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



/* ----------------------------------------------------------
   GENERAL - TA
---------------------------------------------------------- */

body {
	font-size: 15px;
    height: -webkit-fill-available;
}


/* --------------------------------------------------
   HEADER AREA - TA
-------------------------------------------------- */

.wrapper_header.hide{
    height: 90px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
    

h1 {
    position: fixed;
	top: 36px;
    left: 3%;
}

h1.hide{
	top: 30px;
}
    
    
/* ----------------------------------------------------------
   WRAPPER AREA - TA
---------------------------------------------------------- */

.wrapper_content {
    padding: 8% 5% 8% 5%;
}


/* ----------------------------------------------------------
   GENERAL PARTS - TA
---------------------------------------------------------- */

    
/* -----------------------------------------  ct title */

hgroup.ct_title_group{
    margin-bottom: 8%;
}


h3.ct_title {
	font-size:48px;
}


h4.ct_title {
	padding:2% 0% 1% 2%;
	font-size:14px;
}

h4.ct_sub_title {
    font-size: 23px;
    margin-bottom: 8%;
}

h4.ct_sub_title::after{
  bottom: -20px;
  height: 3px; 
  width: 30px;
}

h5.ct_sub_title{
    margin-bottom: 4%;
    padding: 0 1em;
    font-size: 19px;
}
 
h5.ct_title{
    margin-bottom: 4%;
    font-size: 19px;
}
    
hgroup.info_title_group{
    margin-bottom: 4%;
}

h5.info_date{
    margin: 0% 0% 1% 0%;
    font-size: 15px;
}


    
    

/* ------------------------------------------- TEXT */

.com {
    line-height: 1.5em;
}

    
/* ----------------------------------- topics */
    
    
ul.topics_box a:nth-child(n+3){
    margin-top: 8%;
}

ul.topics_box li .topics_image{
    width: 35%;
    height: auto;
    padding-right: 4%;
}


ul.topics_box li .topics_content{
    width: 65%;
    height: auto;
}


ul.topics_box li .topics_content p.topics_date{
    margin-bottom: 6%;
}

ul.topics_box li .topics_content .topics_category{
    width: 30%;
    height: auto;
    padding: 0.35em 0em;
    font-size: 14.5px;
    letter-spacing: 0.05em;
}
    
    
    
/* ----------------------------------------------------------
   recruit AREA
---------------------------------------------------------- */

.recruit_box{
    padding: 5% 5%;
}

.recruit_box .recruit_title{
    font-size: 48px;
    line-height: 1.1em;
    margin-bottom: 3%;
}

.recruit_box .recruit_title::before{
    transform: scale(0.8);
}

.recruit_box .recruit_sub_title{
    margin-bottom: 5%;
    font-size: 23px;
}

.recruit_box .recrui_entry_title{
    font-size: 24px;
}

    
    

/* ----------------------------------------------------------
   BREADCRUMBS AREA - TA
---------------------------------------------------------- */

.wrapper_breadcrumbs_area {
    margin: 0% 0% 0% 0%;
 }

.wrapper_breadcrumbs {
    padding: 2% 5%;
}

/* ------------------------------------- breadcrumb list  */

.breadcrumb ul {
    margin: 0% 0% 0% 0%;
}
  
.breadcrumb li {
    font-size: 10px;
}




/* ----------------------------------------------------------
   FOOTER AREA - TA
---------------------------------------------------------- */

.wrapper_footer {
    margin: 0% auto 0 auto;
    padding: 7% 5% 7% 5%;
    width: 100%;
	height: auto;
}

    
.wrapper_upper_area .left {
    float:none;
    width: 100%;
    text-align: center;
}

.wrapper_upper_area .right {
    float:none;
    width: 100%;
}


.footer_logo {
    float:none;
    margin: 0 auto 5% auto;
	width: 40%;
	height: auto;
}

address {
    float:none;
    margin: 0%;
    font-size: 16px;
    text-align:center;
}

.copy_r {
    position:static;
    bottom:inherit;
    left:inherit;
    margin: 5% auto 0% auto;
    padding: 0px;
    font-size: 9px;
    text-align:center;
}


/* ----------------------------------------------------------
  OTHER - TA
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.pc_ta_none { display: none !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: block !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: block !important; }


/** MARGIN/PADDING RESET **/

.pb_last{
padding-bottom: 8%!important;
}
    


}










/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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



/* ----------------------------------------------------------
   GENERAL - SP
---------------------------------------------------------- */

body {
	font-size: 14px;
}


/* --------------------------------------------------
   HEADER AREA - SP
-------------------------------------------------- */

.wrapper_header.hide{
    height: 90px;
}
    

.header_background.hide{
    height: 90px;
}

@media all and (-ms-high-contrast:none){
.header_background.hide{
    height: 90px;
}
}


h1 {
    width: 54%;
	top: 24px;
    left: 4%;
}

h1.hide{
	top: 24px;
}


/* ----------------------------------------------------------
   WRAPPER AREA - SP
---------------------------------------------------------- */

.wrapper_content {
    padding: 14% 5%;
}



/* ----------------------------------------------------------
   GENERAL PARTS - SP
---------------------------------------------------------- */

    
/* -----------------------------------------  ct title */

hgroup.ct_title_group{
    margin-bottom: 12%;
}


h3.ct_title {
	font-size:35px;
}


h4.ct_title {
	padding:2% 0% 1% 2%;
	font-size:13px;
}

h4.ct_sub_title {
    font-size: 17px;
    margin-bottom: 12%;
}

h4.ct_sub_title::after{
  bottom: -15px;
  height: 2px; 
  width: 20px;
}

h5.ct_sub_title{
    margin-bottom: 8%;
    padding: 0 1em;
    font-size: 16.5px;
}
 
h5.ct_title{
    margin-bottom: 8%;
    font-size: 18px;
}
    
hgroup.info_title_group{
    margin-bottom: 5%;
}

h5.info_date{
    margin: 0% 0% 3% 0%;
    font-size: 13px;
}
    
    
    

/* -----------------------------------------  cross */

.cross_box{
    top: -25px;
    left: 50%;
}

.cross {
	width: 1px; /* 縦棒の幅 */
	height: 50px; /* 縦棒の長さ */
}

.cross::after {
	top: 25px; /* 横棒のy位置 */
	left: -25px; /* 横棒のX位置 */
	width: 50px; /* 横棒の長さ */
	height: 1px; /* 横棒の幅 */
}

    
/* ----------------------------------------------------------
   CONTENTS AREA - SP
---------------------------------------------------------- */

    
    
/* ----------------------------------- topics */


ul.topics_box a{
    width: 100%;
    height: auto;
}

ul.topics_box a:nth-child(n+2){
    margin-top: 7%;
}

ul.topics_box li .topics_image{
    width: 35%;
    height: auto;
    padding-right: 4%;
}


ul.topics_box li .topics_content{
    width: 65%;
    height: auto;
}


ul.topics_box li .topics_content p.topics_date{
    margin-bottom: 6%;
}

ul.topics_box li .topics_content .topics_category{
    width: 30%;
    height: auto;
    padding: 0.35em 0em;
    font-size: 12px;
    letter-spacing: 0.05em;
}

ul.topics_box li .topics_content p.topics_title{
    font-size: 1em;
}

    
    
    
    
/* ----------------------------------- information */

ul.information_box li {
	margin:0%;
	padding:18px 0% 13px 1em;
	width:100%;
    height:auto;
	border-bottom:2px dotted #99a5bb;
	overflow:hidden;
    letter-spacing: 0.1em;
}

ul.information_box li .info_date {
    float: none;
    display: block;
    padding:0%;
    margin-bottom: 3%;
    font-size: 15px;
}

ul.information_box li .info_title {
	margin:-2px 0% 0% 0%;
	line-height:1.3em;
}


/* ----------------------------------------------------------
   recruit AREA
---------------------------------------------------------- */

.recruit_box{
    padding: 7% 4%;
}

.recruit_box .recruit_title{
    font-size: 28px;
    line-height: 1.3em;
    margin-bottom: 6%;
}

.recruit_box .recruit_title::before{
    transform: scale(0.6);
}

.recruit_box .recruit_sub_title{
    margin-bottom: 5%;
    font-size: 17px;
}

.recruit_box .recrui_entry_title{
    font-size: 16.5px;
}



/* -------------------------- home & second - category_menu */

ul.category_menu li {
    margin: 0% 0% 8% 0%;
	width: 46.5%;
}

ul.category_menu li .expansion::after {
    width:30px;
    height:30px;
}

 ul.category_menu li .caption {
    margin: 10px 0% 0% 0%;
    font-size: 13px;
}

ul.box_3row::after{
  width: 46.5%;
}


/* ----------------------------------------------------------
   BREADCRUMBS AREA - SP
---------------------------------------------------------- */

.wrapper_breadcrumbs {
    padding: 4% 4% 4% 0%;
}


/* ------------------------------------- breadcrumb list  */

.breadcrumb ul {
    margin: 0% 0% 0% 0%;
    width: 80%;
}

.breadcrumb li {
    font-size: 9px;
}



/* ----------------------------------------------------------
   FOOTER AREA - SP
---------------------------------------------------------- */

.wrapper_footer {
    margin: 0% auto 0 auto;
    padding: 10% 5% 10% 5%;
    width: 100%;
	height: auto;

}

.footer_logo {
	width: 60%;
	height: auto;
    margin: 0 auto 8% auto;
}


address {
    font-size: 12px;
}

.copy_r {
    margin: 10% auto 0% auto;
    font-size: 9px;
}


/* ----------------------------------------------------------
  OTHER - SP
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.sp_none { display: none !important; }
.pc_ta_none  { display: block !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: none !important; }
.sp { display: block !important; }
.pc_ta { display: none !important; }
.ta_sp { display: block !important; }


/** MARGIN/PADDING RESET **/

.pb_last{
padding-bottom: 14%!important;
}
    



}



/*** END ***/