﻿@charset "utf-8";
/*reset*/
#container figure{margin: 0}
#container h3,
#container h4{
  border:none;
  margin: inherit;
  font-weight: normal;
  padding: 0;
}
section p{margin: 0;}

/*#container .clearfix{display: inherit;}*/

/*common*/
@media screen and (max-width: 768px){
.pc-only{display: none;}
}
@media screen and (min-width: 767px){
.sp-only{display: none;}
}

/* localize */
.bg_deepgr{background-color:#029d35; }


/*
****************************************************************
	basic	[layout / font]
*****************************************************************
*/
#container{
  background: #3ab54a;
  color: #fff;
}
#container .inverse{/** 白ベースクラス **/
  background-color:#fff;
  color: #3ab54a;
}

/*********************************layout */

.intro_content_box {
  padding: 30px 60px 0px;
}#emp_members.intro_content_box {
  padding-bottom:55px;
  padding-top: 50px;
}
.intro_content_box .gc_intro_box h3{
  margin-bottom: 50px!important;
}
.trn_content_box {
  padding: 60px 120px 80px;
}
.trn_content_box.inverse {
  padding: 60px 0px 50px
}
.trn_content_box .t_head_box figure img{
  margin: 40px 0 60px;
}


/*********************************font-size*/
#container h2{
  font-size: 40px;
  letter-spacing: 0.15em;
  margin-right : -0.15em;
      width: 100%;
  text-align: center;
  line-height: 50px;
}
#container p.h2_en{
  font-size: 14px;
  line-height: 20px;
  line-height: 40px;
  text-align: center;
}

#container p.txt-lead-2{
  color: #000;
  font-size: 18px;
  line-height: 20px;
  line-height: 50px;
  text-align: center;
}

#container h3{
  font-size: 40px;
}
#container .remark_box .t_comment{
  font-size: 14px;
  line-height: 1.8em;
}
#container .txt-lead{
	font-size: 20px;  text-align: center;
	margin-bottom: 20px;
}


#emp_members .emp_info_box h4{
  font-size: 24px;
  letter-spacing: 0.09em;
  line-height: 1.4em;
}
#emp_members .emp_info_box h4.tight{letter-spacing: 0;}

#emp_members .emp_info_box .emp_sumally p{
  font-size: 16px;
  line-height: 1.8em;
}

#emp_members .emp_info_box .emp_sumally th{
  font-weight: bold;
  font-size: 16px;
}
#emp_members .emp_info_box .emp_sumally td{
  font-size: 16px;
}


/*********************************各セクションのスタイル */

/*.anchor-area */
.anchor-area{  margin:30px 0 50px;}
.anchor-area li.a-btn{float: left; margin-left: 11px;
}.anchor-area li.a-btn:hover{opacity: 0.8;
}
.anchor-area li.a-btn:first-child{margin-left: 0px}
.anchor-area li.a-btn span{display: none;}


/*メンバー紹介 メンバーリスト*/
/*メンバーリスト navi*/
#emp_members .emp_list_box{margin-top: 50px;}
#emp_members .emp_list_box ul{}
#emp_members .emp_list_box ul li{
	float: left;
	margin-left: 10.9px;
	width: 60px;
	cursor: pointer;
}#emp_members .emp_list_box ul li:hover{opacity: 0.8;}
#emp_members .emp_list_box ul li:first-child{margin-left: 0px}

#emp_members .emp_list_box ul li .emp_pic{

}
#emp_members .emp_list_box ul li .emp_pic img{
	width: 100%;
}
#emp_members .emp_list_box ul li .emp_name{
	display: none;
}


#emp_members .swiper-container_wrap{
  position: relative;
}

    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*.swiper-button-next, .swiper-button-prev {
    height: 100%;
    width: 45px;
    background: rgba(0,0,0,0);
    top: 0px;
    margin-top: 0;
}
*/
.swiper-button2-next,
.swiper-button2-prev{ position: absolute;top:50%;z-index: 1;
  cursor: pointer;
}
.swiper-button2-next:hover,
.swiper-button2-prev:hover{ opacity: 0.8;}

.swiper-button2-next{ right:-40px; }
.swiper-button2-prev{ left :-40px; }

#emp_members .emp_info_box {
  margin-top: 80px;
}
#emp_members .emp_info_box figure{
  text-align: left;
  float: left;
  margin-right: 35px;
}

#emp_members .emp_info_box .emp_sumally{
  text-align: left;
  /*width: 460px;*/
  overflow: hidden;
}
#emp_members .emp_info_box .emp_sumally h4{

}
#emp_members .emp_info_box .emp_sumally p{
  margin: 25px 0 20px;
}
#emp_members .emp_info_box .emp_sumally table{
  border-collapse: separate;
  border-spacing: 0 15px;
}
#emp_members .emp_info_box .emp_sumally th{
  width: 126px;
}




/* gc_intro_box ※PCは横並び*/
.gc_intro_box { padding-bottom:90px; }
.gc_intro_box .golfcourse{ margin-right:30px; }
.gc_intro_box .remark_box{ width: 370px; }
.gc_intro_box .fl-l {
  float: left;
}

/*gc_intro_box & content_box コメント欄共通*/
.remark_box li{
  clear: both;
  display: inline-block;
  margin-bottom: 30px
}
.remark_box .author-avatar{
  float: left;
  width: 100px;
  overflow: hidden;
  margin-right: 20px;
}
.remark_box .author-avatar img{width: 100%;}
.remark_box .t_comment {
  overflow: hidden;
}



/** ゴルフ場潜入捜査で使用 **/
/** バナーエリア **/
.bnr_box{
  margin-top: 20px;

}
.bnr_box ul li{float: left; margin-left: 22.5px; width: 305px;}
.bnr_box ul li:first-child{float: left;margin-left: 0px;}

/*.trn_content_box.inverse figure {margin-top: 30px!important;}*/



/*
****************************************************************
	装飾
*****************************************************************
*/
#container h3::before{ margin: 0px; position: relative; top: 5px;}
#container h3.no1::before{
  content: url(../images/icon_num-01.gif);
}
#container h3.no2::before{
  content: url(../images/icon_num-02.gif);
}

.scroll-header {
    opacity: 0;
    transform: translate(0px, 100px);
    transition: all 500ms;
}
.scroll-header.scrollin {
    opacity: 1;
    transform: translate(0px, 0px);
}
.a-txt {
    opacity: 0;
    transform: translate(0px, 100px);
    transition: all 500ms;
}
.a-txt:nth-of-type(2) { -moz-transition-delay: 100ms;-webkit-transition-delay: 100ms;-o-transition-delay: 100ms;-ms-transition-delay: 100ms; }
.a-txt:nth-of-type(3) { -moz-transition-delay: 150ms;-webkit-transition-delay: 150ms;-o-transition-delay: 150ms;-ms-transition-delay: 150ms; }
.a-txt:nth-of-type(4) { -moz-transition-delay: 200ms;-webkit-transition-delay: 200ms;-o-transition-delay: 200ms;-ms-transition-delay: 200ms; }
.a-txt:nth-of-type(5) { -moz-transition-delay: 250ms;-webkit-transition-delay: 250ms;-o-transition-delay: 250ms;-ms-transition-delay: 250ms; }
.a-txt:nth-of-type(6) { -moz-transition-delay: 300ms;-webkit-transition-delay: 300ms;-o-transition-delay: 300ms;-ms-transition-delay: 300ms; }
.a-txt:nth-of-type(7) { -moz-transition-delay: 350ms;-webkit-transition-delay: 350ms;-o-transition-delay: 350ms;-ms-transition-delay: 350ms; }
.a-txt:nth-of-type(8) { -moz-transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay: 400ms;-ms-transition-delay: 400ms; }
.a-txt:nth-of-type(9) { -moz-transition-delay: 450ms;-webkit-transition-delay: 450ms;-o-transition-delay: 450ms;-ms-transition-delay: 450ms; }
.a-txt:nth-of-type(10) {  -moz-transition-delay: 500ms;-webkit-transition-delay: 500ms;-o-transition-delay: 500ms;-ms-transition-delay: 500ms; }
.a-txt:nth-of-type(11) {  -moz-transition-delay: 550ms;-webkit-transition-delay: 550ms;-o-transition-delay: 550ms;-ms-transition-delay: 550ms; }
.a-txt:nth-of-type(12) {  -moz-transition-delay: 600ms;-webkit-transition-delay: 600ms;-o-transition-delay: 600ms;-ms-transition-delay: 600ms; }
.a-txt:nth-of-type(13) {  -moz-transition-delay: 650ms;-webkit-transition-delay: 650ms;-o-transition-delay: 650ms;-ms-transition-delay: 650ms; }
.a-txt:nth-of-type(14) {  -moz-transition-delay: 700ms;-webkit-transition-delay: 700ms;-o-transition-delay: 700ms;-ms-transition-delay: 700ms; }
.a-txt:nth-of-type(15) {  -moz-transition-delay: 750ms;-webkit-transition-delay: 750ms;-o-transition-delay: 750ms;-ms-transition-delay: 750ms; }
.a-txt:nth-of-type(16) {  -moz-transition-delay: 800ms;-webkit-transition-delay: 800ms;-o-transition-delay: 800ms;-ms-transition-delay: 800ms; }
.a-txt:nth-of-type(17) {  -moz-transition-delay: 850ms;-webkit-transition-delay: 850ms;-o-transition-delay: 850ms;-ms-transition-delay: 850ms; }
.a-txt:nth-of-type(18) {  -moz-transition-delay: 900ms;-webkit-transition-delay: 900ms;-o-transition-delay: 900ms;-ms-transition-delay: 900ms; }
.a-txt:nth-of-type(19) {  -moz-transition-delay: 950ms;-webkit-transition-delay: 950ms;-o-transition-delay: 950ms;-ms-transition-delay: 950ms; }
.a-txt:nth-of-type(20) {  -moz-transition-delay: 1000ms;-webkit-transition-delay: 1000ms;-o-transition-delay: 1000ms;-ms-transition-delay: 1000ms; }
.a-txt:nth-of-type(21) {  -moz-transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay: 1050ms;-ms-transition-delay: 1050ms; }
.a-txt:nth-of-type(22) {  -moz-transition-delay: 1100ms;-webkit-transition-delay: 1100ms;-o-transition-delay: 1100ms;-ms-transition-delay: 1100ms; }
.a-txt:nth-of-type(23) {  -moz-transition-delay: 1150ms;-webkit-transition-delay: 1150ms;-o-transition-delay: 1150ms;-ms-transition-delay: 1150ms; }
.a-txt:nth-of-type(24) {  -moz-transition-delay: 1200ms;-webkit-transition-delay: 1200ms;-o-transition-delay: 1200ms;-ms-transition-delay: 1200ms; }
.a-txt:nth-of-type(25) {  -moz-transition-delay: 1250ms;-webkit-transition-delay: 1250ms;-o-transition-delay: 1250ms;-ms-transition-delay: 1250ms; }
.a-txt:nth-of-type(26) {  -moz-transition-delay: 1300ms;-webkit-transition-delay: 1300ms;-o-transition-delay: 1300ms;-ms-transition-delay: 1300ms; }
.a-txt:nth-of-type(27) {  -moz-transition-delay: 1350ms;-webkit-transition-delay: 1350ms;-o-transition-delay: 1350ms;-ms-transition-delay: 1350ms; }
.a-txt.scrollin {
    opacity: 1;
    transform: translate(0px, 0px);
}




/*
****************************************************************
	SP~768
*****************************************************************
*/
@media screen and (max-width: 768px){
/*
****************************************************************
	basic	[layout / font]
*****************************************************************
*/
.pc-only{display: none;}
/*********************************layout */
.sp-head img {
  width: 100%;
}
.intro_content_box {
  padding: 12px 20px 10px;;
}#emp_members.intro_content_box {
  padding-bottom:45px;
  padding-top: 12px;
}
.intro_content_box .gc_intro_box h3{
  margin-bottom: 25px!important;
}
.trn_content_box{
  padding: 20px 20px 20px;
}
.trn_content_box.inverse {
  padding: 0 0 35px;
}
.trn_content_box.inverse .trn_content_box-pad_wrap{
  padding: 20px 20px 0px;
}

.trn_content_box .t_head_box figure img{
  margin: 0px 0 30px;
}

/* gc_intro_box ※PC横並び*/
.gc_intro_box { padding-bottom:30px; }
.gc_intro_box .golfcourse{
	margin-right:0px;
	margin-bottom: 30px;
}
.gc_intro_box .remark_box{
	width: 100%;
}

.gc_intro_box h3 .sp-layout{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 7px;
}
.gc_intro_box h3 .sp-layout-r1{
	display: block;;
}


/*gc_intro_box & content_box コメント欄共通*/
.remark_box li{

}
.remark_box .author-avatar{
	width: 80px;
	margin-right: 15px;
}

/* メンバー紹介 */
/*メンバーリスト*/
#emp_members .emp_list_box{margin-top: 0px;}
#emp_members .emp_list_box ul{}
#emp_members .emp_list_box ul li{
	float: left;
	margin-left: 2%;
	width: 32%;
	cursor: default;
}
#emp_members .emp_list_box ul li:nth-child(3n+1){margin-left: 0px}

#emp_members .emp_list_box ul li .emp_name {
	display: inherit;
	width: 60%;
	margin-top: 0.4em;
	line-height: 3em;
}
#emp_members .emp_list_box ul li .emp_name img{
	width: 100%;
}

#emp_members .swiper-container_wrap{
	display: none;
}


/*.anchor-area */
.anchor-area{
	color: #029d35;
	font-size: 18px;
	letter-spacing: 0.15em;
	margin: 20px 0;
}
.anchor-area .toggle_ttl{
  position: relative;
  display: block;
  border-bottom: 1px solid #029d35;
  padding: 11px 0px 10px;
  background-color: #fff;

}
.anchor-area .toggle_ttl a{
  margin-left: 20px;
  color: inherit;
}
.anchor-area li.a-btn{
	/*float: left;*/
	margin-left: 0;
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #029d35;
}
.anchor-area li.a-btn span{display: inherit;}
.anchor-area li.a-btn span::before{
	content:" ";
	background: url(../images/icon_anchor_sp-01.gif);
	background-size:contain;
	position: relative;
	top: 0px;
	margin:0 10px 0 0;
	display:inline-block;
	width: 27.5px;
	height: 26px;
	vertical-align:middle;
}
.anchor-area li.a-btn:nth-child(1) span::before{background-image :url(../images/icon_anchor_sp-01.gif);}
.anchor-area li.a-btn:nth-child(2) span::before{background-image: url(../images/icon_anchor_sp-02.gif);}
.anchor-area li.a-btn:nth-child(3) span::before{background-image: url(../images/icon_anchor_sp-03.gif);}
.anchor-area li.a-btn:nth-child(4) span::before{background-image: url(../images/icon_anchor_sp-04.gif);}
.anchor-area li.a-btn:nth-child(5) span::before{background-image: url(../images/icon_anchor_sp-05.gif);}
.anchor-area li.a-btn:nth-child(6) span::before{background-image: url(../images/icon_anchor_sp-06.gif);}
.anchor-area li.a-btn:nth-child(7) span::before{background-image: url(../images/icon_anchor_sp-07.gif);}
.anchor-area li.a-btn:nth-child(8) span::before{background-image: url(../images/icon_anchor_sp-08.gif);}

.anchor-area > ul > li a{
  display: block;
  color: inherit;
  /*margin-left: 60px;*/
}
.anchor-area > ul > li p {
  padding: 10px 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*stanby*/
.anchor-area .tgl{ margin: 0; overflow: hidden; display: none;}

/* .anchor-area 内のトグルボタン用アイコン */
.css-plus_minus{
	position: absolute;
	display: block;
	right: 1.0em; right: 30px;
	/*margin-top: 0.25em;*/
		padding: 0;
	width: 5px;
	height: 25px;
	background: #029d35;
	top: 50%;
	transform: translate(0,-50%);-webkit-transform: translate(0,-50%);
	margin-top: 0;
}
.css-plus_minus-after::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	width: 25px;
	height: 5px;
	margin-top: -2.5px;
	background: #029d35;
}
.js-more-btn.js-active .css-plus_minus {
	background: rgba(255, 255, 255, 0);
}



/*********************************font-size*/
#container h2{
  font-size: 20px;
  letter-spacing: 0.15em;
  text-align: center;
  line-height: 1.8em;
}
#container p.h2_en{
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 20px;
}
#container p.txt-lead-2{
  text-align: left;
  line-height: 28px;
  padding: 0 10px;
}

#container h3{
  font-size: 20px;
  letter-spacing: 0.1em;
}
#container .remark_box .t_comment{
  /*font-size: 14px;*/
  font-size: 13.5px;
  line-height: 1.8em;
}
#container .txt-lead{
	/*font-size: 10px;*/
  text-align: center;
	margin-bottom: 0.5em;
	/*line-height: 2.5em;*/

  /*2行バージョン*/
  font-size: 13.5px;
  margin-bottom: 1.2em;
  line-height: 1.6em;
}




/** ゴルフ場潜入捜査で使用 **/
/** バナーエリア **/
.bnr_box{

}
.bnr_box ul li{
    width: 100%;
    margin-left: 0;
    margin-top: 7px;
}

/*
********************************
	装飾
*********************************
*/

#container h3::before {
    margin: 0px;
    position: relative;
    top: 5px;
    margin:0 10px 0 0;
    /*content:" "!important;*/
    display:inline-block;
	width: 50px;
	height: 48px;

    vertical-align:middle;
}
#container h3.no1::before{
	content:" ";
  background: url(../images/icon_num-01.gif);
  background-size:contain;
}
#container h3.no2::before{
	content:" ";
  background: url(../images/icon_num-02.gif);
  background-size:contain;
}


}/**************** / 0~767px */


