@charset "UTF-8";
/* CSS Document */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

#fader_pc{ display: block !important; }
#fader_sp{ display: none !important; }

h1{
font-size: 30px;
}
h2{
font-size: 24px;
}

.inner{
width: 1000px;
position: relative;
margin: 0 auto;
padding: 140px 0 180px 0;
}

/* メニュー */
#menu_header{
position: absolute;
z-index: 890;
width: 100%;
height: 80px;
background-color: rgba(255,255,255,0.5);
}
#menu_frame{
position: absolute;
margin-top: 20px;
}
#btn_contact{
border-radius: 100px;
display: block;
width: 200px;
padding: 15px;
box-sizing: border-box;
color: #FFF;
text-decoration: none;
text-align: center;
margin: 10px 0;
background: #444444;
position:absolute;
right: 50px;
top: 5px;
}
#btn_contact::after { /* 三角形の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 40px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
}
#menu_frame li {
display: inline-block;
text-align: center;
}
.menu_title{
font-size: 14px;
color: #000000;
}
.menu_title_space{
padding: 0px 20px;
font-size: 14px;
color: #000000;
}
.menu_title_logo{
padding: 0px 30px 0px 20px;
display: inline-block;
vertical-align: middle;
}
.menu_title_logo img{
width: 100px;
}
/* fixed スクロール時のヘッダ　*/

#menu_header.fixed {
margin-top: 0;
top: 0;
position: fixed;
padding-top: 0px;
height: 80px;
background: #fff;
background-color: rgba(255,255,255,0.5);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
#menu_header.fixed .logo {
font-size: 24px;
color: #333;
padding: 10px 0 0;
}
#menu_header.fixed #global-nav ul li a {
padding: 0 0;
padding: 10px 0 0;
}

.main_title{
top: 410px;
right: 100px;
font-size: 48px;
line-height: 1.4;
text-shadow: 0 0 10px #444444,
    0 0 5px #999999,
    0 0 10px #999999,
    0 0 15px #c8c8c8,
    0 0 20px #c8c8c8,
    0 0 25px #c8c8c8,
    0 0 30px #c8c8c8;
}
.main_title_sholder{
font-size: 32px;
}
.bold{
font-weight: bolder;
}
.section_title{
margin-bottom: 80px;
}
.section_title h1{
margin-bottom: 5px;
}

/* greeting */
.greeting{
background-image: url(../img/bg_greeting.png);
}
.sub_title{
font-size: 28px;
margin-bottom: 20px;
}

/* about */
#about{
background-image: url(../img/bg_about.png);
background-size:100% auto;
background-repeat: no-repeat;
background-color: #f8f8f8;
}
.about_figure{
background-image: url(../img/bg_figure.png);
background-size:100% auto;
}
.title{
font-size: 50px;
line-height: 1.3;
}
.title_japanese{
font-size: 28px;
}
.about_desc_box{
padding: 50px 70px;
text-shadow: 0 0 5px #fff,
0 0 5px #fff,
0 0 7px #fff,
0 0 9px #fff,
0 0 11px #fff,
0 0 13px #fff,
0 0 15px #fff;
}
.about_desc{
font-size: 18px;
line-height: 2;
padding: 20px;
}
.figure{
float: left;
display: inline;
width: 50%;
}
.figure_title{
width: 100%;
text-align: center;
font-size: 28px;
}
.figure img{
width: 84%;
margin: 30px 8%;
}
.figure_desc{
padding: 25px 30px;
}
/* job request */
.contact_box{
float: left;
display: inline;
width: 48%;
height: 300px;
margin: 50px 2% 0 0;
padding: 60px 50px;
color: #fff;
}
.contact_title{
font-weight: bold;
font-size: 20px;
}
.contact_btn{
float: left;
display: inline;
width: 48%;
height: 300px;
margin: 50px 0 0 2%;
box-shadow: 0 0 10px gray;
padding: 60px 50px;
}
#btn_contact_original{
border-radius: 100px;
display: block;
width: 200px;
padding: 15px;
box-sizing: border-box;
color: #FFF;
text-decoration: none;
text-align: center;
margin: 20px 0 0;
position:absolute;
right: 150px;
}
#btn_contact_original::after { /* 三角形の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 40px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
}
.bg_green{
background-color: #7fc06d;
}
.bg_gray{
background-color: #383838;
}

/* news */
.news_edge{
float: left;
display: inline;
width: 1%;
height: 80px;
margin-bottom: 20px;
background-color: #7fc06d;
}
.news_box{
float: left;
display: inline;
width: 99%;
height: 80px;
margin-bottom: 20px;
padding: 25px 30px;
background-color: #f2f6f1;
}
.news_space{
margin-top: 80px;
}
.times{
float: left;
display: inline;
width: 20%;
margin: auto 0;
}
.news_title_box{
float: left;
display: inline;
width: 70%;
margin: auto 0;
}
.news_arrow{
float: right;
display: inline;
width: 10%;
border-top: solid 4px #5bc8ac;
border-right: solid 4px #5bc8ac;
width: 20px;
height: 20px;
transform: rotate(45deg);
margin: 5px 15px 0;
}

/* member */

#btn_contact_member{
border-radius: 100px;
display: block;
width: 200px;
padding: 15px;
box-sizing: border-box;
color: #FFF;
text-decoration: none;
text-align: center;
margin: 50px 0 0;
position:absolute;
right: 400px;
}
#btn_contact_omember::after { /* 三角形の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 40px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
}


/* Grid */
li.changeItem.grid {
width: 23%;
margin-bottom: 5px;
}
li.changeItem.grid a {
padding-bottom: 20px;
padding-top: 20px;
height: 100%;
flex-direction: column;
display: flex;
text-decoration: none;
}
li.changeItem.grid a p.itemCat {
display: none;
}
li.changeItem.grid a img, li.changeItem.grid a .changeItemTxt {
width: 100%;
margin: 0;
}
li.changeItem.grid a img {
margin-bottom: 15px;
transition: 0.2s ease-in-out;
box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
li.changeItem.grid a:hover {
background: none;
}
li.changeItem.grid a:hover > img {
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 25%);
transform: translateY(-4px);
}

.small_industry{
font-size: small;
font-weight: normal;
}

/* flow */
.flow_frame{
width: 100%;
box-shadow: 0 0 8px rgb(182, 182, 182);
margin-top: 60px;
}
.flow_edge_line{
float: left;
display: inline;
width: 2%;
height: 350px;
background-color: #b8b8b8;
}
.flow_text_box{
float: left;
display: inline;
width: 60%;
height: 350px;
padding: 60px 50px;
}
.flow_01{
background-image: url(../img/flow_01.png);
background-repeat: no-repeat;
background-size:contain;
height:290px;
}
.flow_02{
background-image: url(../img/flow_02.png);
background-repeat: no-repeat;
background-size:contain;
height:290px;  
}
.flow_03{
background-image: url(../img/flow_03.png);
background-repeat: no-repeat;
background-size:contain;
height:290px;  
}
.flow_04{
background-image: url(../img/flow_04.png);
background-repeat: no-repeat;
background-size:contain;
height:290px;  
}
.flow_05{
background-image: url(../img/flow_05.png);
background-repeat: no-repeat;
background-size:contain;
height:290px;  
}
.flow_pic_box{
float: right;
display: inline;
width: 38%;
height: 350px;
text-align: right;
}
.flow_pic_box img{
width: auto;
height: 350px;
}
.flow_title{
font-weight: bold;
font-size: 20px;
}
.flow_title_ud{
margin-top: 5px;
width: 100px;
height: 10px;
background-color: #7fc06d;
}
.flow_text{
margin-top: 20px;
}

/* news_list */
.news_list_frame{
width: 100%;
box-shadow: 0 0 8px rgb(182, 182, 182);
margin-top: 60px;
}
.news_list_edge_line{
float: left;
display: inline;
width: 2%;
height: 350px;
background-color: #b8b8b8;
}
.news_list_text_box{
float: left;
display: inline;
width: 60%;
height: 350px;
padding: 60px 50px;
}
.news_list{
background-image: url(../img/bg_greeting.png);
}
.second_title{
font-size: 28px;
margin: 30px 0 50px;
text-align: center;
}
.second_title_cap{
font-size: 16px;
}
.bg_white{
background-color: #fff;
}
.time{
font-size: 12px;
font-weight: lighter;
}
.news_list_pic_box{
float: right;
display: inline;
width: 38%;
height: 350px;
text-align: right;
}
.news_list_pic_box img{
width: auto;
width: 320px;
height: auto;
margin: 90px 25px 0;
}
.news_list_title{
font-weight: bold;
font-size: 20px;
}
.news_list_title_ud{
margin-top: 5px;
width: 100px;
height: 10px;
background-color: #7fc06d;
}
.news_list_text{
margin-top: 20px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; /* 任意の行数を指定 */
}
.news_list_text img{
margin: 20px 0;
}

/* news detail */
.news_title{
padding: 60px 50px;
}
.news_detail_pic{
width: 100%;
margin: 50px 0;
}
.news_detail_pic img{
width: 100%;
}
.news_detail_text{
margin-top: 20px;
}


/* member detail */
.member_frame{
padding: 60px 60px;
}
.member_detail_pic{
float: left;
display: inline;
width: 50%;
margin: 50px 0;
}
.member_detail_pic img{
width: 100%;
}
.member_text_box{
float: left;
display: inline;
padding: 40px 40px;
width: 50%;
}
.member_title{
font-size: 12px;
font-weight: lighter;
}
.member_item{
margin: 10px 0;
word-wrap: break-word; /* 単語の途中でも改行 */
}
.item_green{
font-size: 13px;
color: #7fc06d;
}

.pre_next{
padding-top: 70px;
}
.previous{
width: 500px;
border: solid white 1px;
/* 前の記事がない時に横幅を維持するため、borderを入れている　*/
}
.previous img{
margin-right: 30px;
}
.next{
width: 500px;
}
.next img{
margin-left: 30px;
}


    
/* footer */
.footer{
background-color: #6a6a6a;
}
.footer_margin{
padding: 40px 0;
}
.footer_logo{
width: 150px;
height: auto;
}
.footer_box{
float: left;
display: inline;
}
#btn_contact_footer{
border-radius: 100px;
display: block;
width: 200px;
padding: 15px;
box-sizing: border-box;
color: #5b5b60;
text-decoration: none;
text-align: center;
position:absolute;
right: 0px;
}
#btn_contact_footer::after { /* 三角形の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 40px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #5b5b60;
}
.bg_white{
background-color: #fff;
}
.footer_copy{
width: 100%;
text-align: center;
font-size: 12px;
color: #fff;
}

.right{
margin-right: 0px;
}