@charset "UTF-8";

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



@import url("common.css");
@import url("menu.css");
@import url("parallax.css");
@import url("table.css");


@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');


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

h2{
    margin:0px 0px 0px 0px;
    padding:200px 0px 0px 0px;
	line-height:1.0em;
	color:#5B8011;
	text-align:center;
}

h2 span{
    margin:0px 0px 0px 0px;
    padding:0px 0px 8px 0px;
	font-size:24px;
	letter-spacing:0.2em;
    border-bottom:#DDDDDD 3px solid;
}

@media all and (-ms-high-contrast: none){
  h2 span{
    padding:0px 0px 0px 0px; /* IE10以上 */
  }
}


h3{
    margin:24px 0px 0px 0px;
    padding:0px;
	font-size:16px;
	color:#5B8011;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align:center;
}



/* --------------------------------------------------
  PAGE NAVI
-------------------------------------------------- */

#wrapper_pagenavi_area {
	margin:0px;
    padding:0px;
    width:100%;
	height:34px;
	background-color:#ccc;
}

#wrapper_pagenavi {
    margin:0px;
    padding:0px 30px 0px 30px;
    max-width:1200px;
}

#page_navi{
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 0px;
}

#page_navi ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#page_navi ul li {
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 6px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
}


#page_navi ul li a:link {
    text-decoration:none;
    color:#fff;
}

#page_navi ul li a:visited {
    text-decoration:none;
    color:#fff;
}

#page_navi ul li a:hover {
    text-decoration:none;
    color:#7FB119;
}

#page_navi ul li a:active {
    text-decoration:none;
    color:#fff;
}



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

.banner_link{
    padding:0px;
	text-align:center;
}

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



/* --------------------------------------------------
  CT TITLE 
-------------------------------------------------- */

h4 {
    padding:0px;
	text-align:center;
}

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

.greeting_box{
    margin:0px 0px 0px 0px;
    padding:5%;
	width:100%;
	height:auto;
}



/* --------------------------------------------------
  ABOUT US
-------------------------------------------------- */

.greeting_box {
    padding:0px;
	width:100%;
	height:auto;
	overflow:hidden;
}

.greeting_box .right {
	float:right;
	margin:0px;
    padding:0px;
	width:30%;
	height:auto;
	overflow:hidden;
}

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

.greeting_box .left {
	float:left;
	margin:0px;
    padding:0px;
	width:60%;
	height:auto;
	overflow:hidden;
}

.greeting_box .catch {
    margin:0px 0px 0px 0px;
    padding:0px;
	font-size:22px;
	line-height:1.0em;
	color:#00A3D8;
	letter-spacing:0.2em;
}

.greeting_box .ceo_img {
    margin:40px 0px 0px 0px;
    padding:0px;
}

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


.philosophy_box {
	margin-left:auto;
	margin-right:auto;
    padding:0px 0px 0px 0px;
	max-width:560px;
	height:auto;
}

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

.philosophy_box ul li {
	margin:0px;
    padding:22px 0px 22px 0px;
	width:100%;
	line-height:1.0em;
	text-align:center;
	color:#fff;
}

.philosophy_box ul li span {
	font-family: 'Libre Franklin', sans-serif;
	font-size:18px;
}

.philosophy_box ul li.case01 {
	background-color:#7FB119;
}

.philosophy_box ul li.case02 {
	background-color:#73A215;
}


.timeline ul {
    list-style:none;
	margin:0px;
    padding:0px;
}

.timeline > li {
    position:relative;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
}

.timeline-date {
    float:left;
    width:110px;
    margin:10px 0px 0px 0px;
	color:#7FB119;
}

.timeline-content {
    float:left;
    width:75%;
    padding:0px 0px 0px 20px;
    border-left:3px #e5e5d1 solid;
}

.timeline-content p {
    padding:10px 0px 20px 30px;
}

.timeline-content:before {
    content: '';
    position:absolute;
    width:12px;
    height:12px;
    background:#6fc173;
    left:106px;
    top:18px;
    border-radius: 100%;
}



/* --------------------------------------------------
  BUSINESS
-------------------------------------------------- */

ul.select_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.select_box:after{
    content:"";
    display: block;
    width:45%;
}

ul.select_box li {
	margin:0px;
	padding:0px;
	width:45%;
    height:auto;
}

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


/* --------------------------------- details */

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

ul.details_box li {
	margin:0px;
	padding:0px 0px 28px 0px;
    height:auto;
	font-size:16px;
	line-height:1.0em;
	text-align:center;
}

ul.details_box li:before{
    content: '';
    display:inline-block;
	margin:0px 10px 0px 0px;
    width:12px;
    height:12px;
    background:#6fc173;
    border-radius: 100%;
	text-align:center;
}


/* --------------------------------- works */

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

ul.works_box li {
	margin:0px 0px 60px 0px;
	padding:0px;
    height:auto;
}

ul.works_box li img {
	max-width:100%;
    height:auto;
}

/* ---------------------------- g-base */
.gb_container{
	padding:0 50px 60px 50px;
	max-width:100%;
	height:auto;
	background-color:#00683d;
	overflow:hidden;
}

h5.gb_top{
	margin: 0 auto;
	padding: 0;
	width: 60%
}

h5.gb_top img{
	width: 100%;
	height: auto;
}

h6.gb_top_com{
	font-family: 'Nanum Myeongjo', serif;
	font-size:38px;
	letter-spacing:0.1em;
	color: #fff;
	text-align: center;
}

.gb_com{
/*	margin: 0;
	padding: 2.5rem 0;*/
	text-align: center;
	color: #fff;
}

p.gb_com_catch{
	font-size: 22px;
}

p.gb_text{
	padding: 1rem 0 0 0;
	
}

ul.gb_icon{
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 40px auto 0;
}

ul.gb_icon li{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


ul.gb_icon li img{
	width: 30%;
}


p.gb_icon_text{
	padding: 7px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2rem;
}

ul.gb_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}


ul.gb_box li {
	margin:0px 0px 35px 0px;
	padding:0px 0px 0px 0px;
    width:30%;
    height:auto;
	text-align:center;
	background-color: #6fba2c;
}

ul.gb_box li img {
	width:96%;
    height:auto;
	margin: 2%;
}

ul.gb_box li .caption{
	margin:2% 0px 4% 0;
	line-height:1.6em;
	text-align:center;
	color: #fff;
}

ul.gb_box li:nth-child(n+7) {
	margin: 0;
}

h6.gb_ct {
    padding:0px;
	font-size:22px;
	color:#fff;
	text-align:center;
}

h6.gb_ct span {
    padding:8px 0px 8px 0px;
	color:#fff;
	border-top:2px solid #6fba2c;
	border-bottom:2px solid #6fba2c;
}

p.gb_sub_ct{
	color: #fff;
	padding: 0 0 0 1%;
	border-left: 2px solid #6fba2c;
	font-size: 18px;
}

p.gb_right{
	text-align: right;
	color: #fff;
}


.gb_contact{
	width: 70%;
	height: auto;
	padding: 30px 0;
	background-color: #6fba2c;
	margin: 40px auto 0;
	text-align: center;
}

.gb_contact_flex{
	display: flex;
	justify-content: center;
}

p.gb_tel,
p.gb_fax{
	font-size: 22px;
	color: #fff;
	letter-spacing: 0.1em;
}

p.gb_tel{
	padding: 0 1rem 0 0;
}

p.gb_contact_text{
	padding: 10px 0 0 0;
	color: #fff;
	line-height: 1.2rem;
}

/* ---------------------------- golf club */


.wgf_container {
    padding:60px 50px 60px 50px;
	max-width:100%;
	height:auto;
	background-color:#E5ECF0;
	overflow:hidden;
}

.wgf_container h5 {
    padding:0px;
	font-family: 'Nanum Myeongjo', serif;
	font-size:30px;
	letter-spacing:0.1em;
	color:#223748;
	text-align:center;
}

.wgf_container h6 {
    padding:0px;
	font-size:18px;
	color:#223748;
	text-align:center;
}

h6.sub_ct {
    padding:0px;
	font-size:18px;
	color:#223748;
	text-align:center;
}

h6.sub_ct span {
    padding:8px 0px 8px 0px;
	color:#223748;
	border-top:2px solid #0a3d62;
	border-bottom:2px solid #0a3d62;
}

h6.lesson_ct {
    padding:0px;
	color:#223748;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	text-align:left;
}


/* ----- profile  ------ */

.prof_main_img {
    padding:0px auto;
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
}

.prof_main_img img {
	max-width:60%;
	height:auto;
}

.prof_main_name {
    padding:0px;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	text-align:center;
}

.prof_main_name span {
	margin:0px 0px 0px 20px;
    padding:0px;
	font-size:16px;
	line-height:1.0em;
}


.prof_box {
    padding:0px;
	width:100%;
	height:auto;
	overflow:hidden;
}

.prof_box .left {
	float:left;
	margin:0px;
    padding:0px;
	width:65%;
	height:auto;
	overflow:hidden;
}

.prof_box .right {
	float:right;
	margin:0px;
    padding:0px;
	width:30%;
	height:auto;
	overflow:hidden;
}

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


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

ul.prof_details_box li {
	margin:10px 0px 0px 0px;
	padding:0px 0px 40px 0px;
    height:auto;
	
}

ul.prof_details_box li .left {
	float:left;
	width:30%;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	text-align:left;
	color:#223748;
	border-bottom:1px solid #aaa;
}

ul.prof_details_box li .right {
	float:left;
	width:65%;
	padding:0px 0px 0px 10px;
	text-align:left;
	border-bottom:1px dashed #aaa;
}


.lesson_main_img {
    padding:0px auto;
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
}

.lesson_main_img img {
	max-width:50%;
	height:auto;
}


.lesson_box {
    padding:0px;
	width:100%;
	height:auto;
	background-color:#FAFDFF;
	border:1px solid #eee;
	overflow:hidden;
}

.lesson_box .comment{
    padding:15px;
	text-align:center;
    color:#223748;
}



/* ----- career ------ */

ul.career_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.career_box:after {
    content:"";
    display: block;
    width:47%;
}

ul.career_box li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
    width:47%;
    height:auto;
	text-align:center;
}




/* ----- goods ------ */

ul.goods_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.goods_box:after {
    content:"";
    display: block;
    width:30%;
}

ul.goods_box li {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
    width:30%;
    height:auto;
	text-align:center;
}

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

ul.goods_box li .caption{
	margin:8px 0px 0px 0px;
	line-height:1.6em;
	text-align:center;
}



/* ----- sponsor ------ */

ul.sponsor_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.sponsor_box:after {
    content:"";
    display: block;
    width:30%;
}

ul.sponsor_box li {
	margin:0px 0px 30px 0px;
	padding:0px 0px 5px 0px;
    width:30%;
    height:auto;
	text-align:center;
}

ul.sponsor_box li .company {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	letter-spacing:0.1em;
}

ul.sponsor_box li .ceo {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1em;
}


ul.sponsor_box li a:link {
    text-decoration:underline;
    color:#333;
}

ul.sponsor_box li a:visited {
    text-decoration:underline;
    color:#333;
}

ul.sponsor_box li a:hover {
    text-decoration:none;
    color:#aaa;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

ul.sponsor_box li a:active {
    text-decoration:underline;
    color:#aaa;
}



/* --------------------------------------------------
  COMPANY
-------------------------------------------------- */

h5.wernt{
    margin:70px auto 0px auto;
    padding:5px 0px 5px 0px;
	width:180px;
	background-color:#7FB119;
	font-size:15px;
	text-align:center;
	color:#fff;
}

h5.makii{
    margin:90px auto 0px auto;
    padding:5px 0px 5px 0px;
	width:270px;
	background-color:#528598;
	font-size:15px;
	text-align:center;
	color:#fff;
}

.company_box{
    padding:0px;
	max-width:800px;
	height:auto;
	overflow:hidden;
}

.company_box ul {
    margin:0px 0px 0px 0px;
    padding:0px;
	width:700px;
	list-style: none;
}

.company_box li{
    margin:15px 0px 0px 0px;
    padding:1px 5px 15px 5px;
	background:url(../common/wn_icon.png) no-repeat;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}

.company_box li span.name{
    float:left;
	color:#7FB119;
}
 
 .company_box li span.name02{
    float:left;
	color:#528598;
}

.company_box li span.detail{
    display:block;
    margin-left:140px;
}



/* --------------------------------------------------
  RECRUIT
-------------------------------------------------- */

h5.recruit_title{
    padding:2px 0px 0px 10px;
	height:17px;
	font-size:17px;
	line-height:17px;
	border-left:3px #000 solid;
}

@media all and (-ms-high-contrast: none){
  h5.recruit_title{
    padding:9px 0px 0px 10px; /* IE10以上 */
  }
}



/* --------------------------------------------------
  CONTACT
-------------------------------------------------- */

.contact_box {
	margin-left:auto;
	margin-right:auto;
    padding:0px 0px 0px 0px;
	max-width:600px;
	height:auto;
}




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

    TABLET               

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


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



/* --------------------------------------------------
  PAGE NAVI
-------------------------------------------------- */

#wrapper_pagenavi {
    padding:0% 0% 0% 3%;
}


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

.banner_link img {
    max-width:50%;
	height:auto;
}

/* --------------------------------------------------
  WRAPPER CT_TITLE AREA - TA
-------------------------------------------------- */

h2{
    padding:160px 0px 0px 0px;
}

/* --------------------------------------------------
  CT TITLE - TA
-------------------------------------------------- */

h4 img {
    max-width:42%;
	height:auto;
}


/* --------------------------------------------------
  ABOUT US - TA
-------------------------------------------------- */

.greeting_box .ceo_img {
    margin:20px 0px 0px 0px;
}



/* --------------------------------------------------
  BUSINESS - TA
-------------------------------------------------- */
	
/* ---------------------------- g-base */


h5.gb_top{
	width: 70%
}
	

ul.gb_icon{
	width: 90%;
}


	
	
.gb_contact_flex{
	flex-direction: column;
}
	
p.gb_tel{
	padding: 0;
}
	
	@media only screen and (max-width: 800px){
		
			h5.gb_top{
				width: 100%
			}
			h6.gb_top_com{
				font-size:30px;
				padding-bottom: 5%;
	
			}

			ul.gb_icon {
				display: block;
				width: 100%;
				margin: 0 auto;
				text-align: center;

			}

			ul.gb_icon li{
				margin-bottom: 15px;
				margin: 10px auto 0;
			}
			
			.gb_container{
				padding: 0% 5% 10% 5%;
			}

			ul.gb_box li {
				margin:0 0% 7% 0%;
				width:45%;
			}

			ul.gb_box li .caption{
				margin:3% 0% 5% 0%;
				line-height:1.4em;
				font-size:13px;
			}
		
			ul.gb_box li:nth-child(n+7) {
				margin:0% 0% 7% 0%;
			}
		
		ul.gb_box li:nth-child(n+9){
			margin: 0;
		}

			.gb_contact{
				width: 80%;
			}

		
		
	}

/* ---------------------------- golf club */

/* ----- profile  ------ */

.prof_main_img img {
	max-width:80%;
	height:auto;
}

.prof_main_name {
	font-size:22px;
}

.prof_main_name span {
	font-size:15px;
}

.prof_box .left {
	float:none;
	width:100%;
}

.prof_box .right {
	float:none;
	width:100%;
	text-align:center;
}

.prof_box .right img {
	max-width:30%;
	height:auto;
}


/* --------------------------------------------------
  COMPANY
-------------------------------------------------- */

.company_box li span.detail{
    display:block;
    margin-left:120px;
}


}







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

    SMART PHONE                  

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


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


/* --------------------------------------------------
  PAGE NAVI - SP
-------------------------------------------------- */

#wrapper_pagenavi {
    padding:0% 0% 0% 3%;
}

#page_navi ul li {
    padding:2px 8px 0px 0px;
}


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

.banner_link img {
    max-width:74%;
	height:auto;
}


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

h2{
    padding:32% 0% 5% 0%;
}

h2 span{
	font-size:18px;
}

h3{
    margin:1% 0% 0% 0%;
	font-size:14px;
}

/* --------------------------------------------------
  CT TITLE - SP
-------------------------------------------------- */

h4 img {
    max-width:88%;
	height:auto;
}


/* --------------------------------------------------
  ABOUT US
-------------------------------------------------- */

.greeting_box .right {
	float:none;
    margin:0% auto 0% auto;
	width:50%;
}

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

.greeting_box .left {
	float:none;
	width:100%;
	height:auto;
}

.greeting_box .catch {
    margin:0% 0% 0% 0%;
    padding:0%;
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
}

.greeting_box .ceo_img {
    margin:5% 0% 0% 0%;
}

.greeting_box .ceo_img img {
    max-width:50%;
}


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

.philosophy_box ul li {
    padding:4% 0% 4% 0%;
}

.philosophy_box ul li span {
	font-size:15px;
}

.philosophy_box ul li.case01 {
	background-color:#7FB119;
}

.philosophy_box ul li.case02 {
	background-color:#73A215;
}


.timeline > li {
    position:static;
}
.timeline-date {
    float:left;
    width:100%;
    margin:0px 0px 0px 0px;
	color:#7FB119;
}

.timeline-content {
    float:left;
	padding:0px 0px 0px 0px;
    width:100%;
    border-left:none;
}

.timeline-content p {
    padding:0px 0px 20px 0px;
}

.timeline-content:before {
    content: none;
}



/* --------------------------------------------------
  BUSINESS
-------------------------------------------------- */

ul.select_box li {
	margin:0% 0% 8% 0%;
    width:100%;
	height:auto;
	text-align:center;
}

ul.select_box li img {
    max-width:70%;
	height:auto;
}


/* --------------------------------- details */

ul.details_box li {
	padding:0% 0% 5% 0%;
	font-size:14px;
}

ul.details_box li:before{
	margin:0% 1% 0% 0%;
}


/* --------------------------------- works */

ul.works_box li {
	margin:0% 0% 8% 0%;
}


	
/* ---------------------------- g-base */

	h6.gb_top_com{
		font-size: 22px;
}

	p.gb_icon_text{
		font-size: 15px;
}
	
	p.gb_com_catch{
	font-size: 18px;
}
	

ul.gb_icon li{
	width: 150px;
	height: 150px;
}

	p.gb_icon_text{
		font-size: 13px;
	}
	

	h6.gb_ct {
		font-size: 16px;
}
	
	h6.gb_ct span {
    padding:4px 0px 4px 0px;
}
	
	p.gb_sub_ct{
		font-size: 15px;
}
	
	.gb_contact{
	padding: 20px 0;
}
	
	p.gb_tel,
	p.gb_fax{
		font-size: 16px;
}

/* ---------------------------- golf club */

.wgf_container {
    padding:10% 5% 10% 5%;
}

.wgf_container h5 {
	font-size:20px;
}

.wgf_container h6 {
	font-size:16px;
}

h6.sub_ct {
	font-size:16px;
}

h6.sub_ct span {
    padding:4px 0px 4px 0px;
}


/* ----- profile  ------ */

.prof_main_img img {
	max-width:80%;
	height:auto;
}

.prof_main_name {
	font-size:17px;
}

.prof_main_name span {
	margin:0px 0px 0px 10px;
	font-size:15px;
}

.prof_box .left {
	float:none;
	width:100%;
}

.prof_box .right {
	float:none;
	width:100%;
	text-align:center;
}

.prof_box .right img {
	max-width:50%;
	height:auto;
}

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

ul.prof_details_box li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 3% 0px;
    height:auto;
}

ul.prof_details_box li .left {
	float:none;
	width:100%;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	text-align:left;
	color:#223748;
	border-bottom:1px dashed #aaa;
}

ul.prof_details_box li .right {
	float:none;
	width:100%;
	padding:0px 0px 0px 10px;
	text-align:left;
	border-bottom:none;
}


.lesson_main_img img {
	max-width:70%;
}


h6.lesson_ct {
	font-size:14px;
}

.lesson_box {
    padding:0px;
	width:100%;
	height:auto;
	background-color:#eee;
	overflow:hidden;
}

.lesson_box .comment{
    padding:4%; 
	font-size:13px;
	line-height:1.5em;
}


/* ----- career ------ */

ul.career_box li {
	margin:0%;
	padding:0% 0% 1% 0%;
    width:100%;
}


/* ----- goods ------ */

ul.goods_box li {
	margin:3% 0% 3% 0%;
    width:45%;
}

ul.goods_box li .caption{
	margin:5% 0% 0% 0%;
	line-height:1.4em;
	font-size:13px;
}


/* ----- sponsor ------ */

ul.sponsor_box {
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.sponsor_box:after {
    width:48%;
}

ul.sponsor_box li {
	margin:0px 0px 30px 0px;
	padding:0px 0px 4px 0px;
    width:48%;
    height:auto;
	text-align:center;
}

ul.sponsor_box li .company {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	line-height:1em;
	font-weight:bold;
	letter-spacing:0.1em;
}

ul.sponsor_box li .ceo {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1em;
}


/* --------------------------------------------------
  COMPANY
-------------------------------------------------- */

h5.wernt{
    padding:8px 0px 8px 0px;
	width:180px;
	font-size:14px;
	line-height:1.0em;
}

h5.makii{
    padding:8px 0px 8px 0px;
	width:180px;
	font-size:14px;
	line-height:1.0em;
}

.company_box{
	width:100%;
}

.company_box ul {
	width:100%;
}

.company_box li{
    margin:3% 0% 0% 0%;
    padding:1% 3% 2% 3%;
	line-height:1.5em;
}


.company_box li span.name{
    float:none;
	width:100%;
}
 
 .company_box li span.name02{
    float:none;
	width:100%;
}

.company_box li span.detail{
    display:inline;
	width:100%;
	margin-left:0%;
}



/* --------------------------------------------------
  RECRUIT
-------------------------------------------------- */

h5.recruit_title{
    padding:2px 0px 0px 8px;
	height:14px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	border-left:3px #000 solid;
}



/* --------------------------------------------------
  CONTACT
-------------------------------------------------- */

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

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

}



/*** END ***/