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

/*下層ページ用*/



/*=============================================

　下層ページ共通

==============================================*/


#about_wrapper,#mind_wrapper,#service_wrapper,
#member_wrapper,#member_detail_wrapper,#contact_wrapper,
#work_wrapper,#voice_wrapper,#recruit_wrapper,#security_wrapper{
	width:1120px;
	margin:0 auto;
}

h1{
	margin-bottom:30px;
}

.c-both{
	clear: both;
	display: block;
	visibility: hidden;
}

/*ロールオーバー画像*/
a img {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}



.title_txt{
	border-bottom:4px #9dc43a solid;
	padding-bottom:3px;
}

.conts_txt{
	line-height:1.8em;

}

/*問い合わせボタン*/

.btn_wrapper{
	margin:50px auto;
	border-top:#c9caca 1px dotted;
	padding-top:40px;
	text-align:center;
}



/*一覧へ戻るボタン*/

.btn02_wrapper{
	border-top:#c9caca 1px dotted;
}

.btn02{
	width:570px;
	margin:60px auto;
	text-align:center;
	display: flex;
	justify-content: space-between;
	height: 55px;
}

.btn02 .btn_all a{
	display: inline-block;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 736px){
	.btn02{
		width: 100%;
	}

	.btn_dummy{
		width: 19%;
	}
}

.btn_all{
	width: 53%;
	border-radius: 5px;
	background-image: url('/images/common/btn_tile.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.btn_prev,.btn_all{
	margin-right:20px;
}
.btn_prev,.btn_next{
	max-width: 55px;
  width: 20%;
}
/*=============================================

　　about / recruit

==============================================*/


.about_info,.recruit_info{
	margin-bottom:60px;
	width:1120px;
}

.about_info th,
.about_info td,
.recruit_info th,
.recruit_info td{
	border-bottom:#c9caca 1px dotted;
	border-top:#c9caca 1px dotted;
	padding:12px 0;
	font-size:14px;
}

.about_info th,
.recruit_info th{
	width:17%;
	padding-right:30px;
	text-align:left;
	font-family:"UD新ゴ M", serif;
	padding-left:2%;
}



.line{
		border-left: 1px solid #c2d968;
	padding-left:30px;
}

h3.recruit_title {
	color:#000;
	margin-bottom:15px;
	font-family: UD新ゴ M JIS2004 ;
	font-size:18px;
}




/*=============================================

　　mind

==============================================*/

.mind_img{
	float:left;
	margin-right:40px;
}

.mind_img1{
	background-image:url(../images/mind/mind1.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;

}

.mind_img2{
	background-image:url(../images/mind/mind2.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_img3{
	background-image:url(../images/mind/mind3.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_img4{
	background-image:url(../images/mind/mind4.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_img5{
	background-image:url(../images/mind/mind5.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_img6{
	background-image:url(../images/mind/mind6.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_img7{
	background-image:url(../images/mind/mind7.png);
	width:1120px;
	height:420px;
	margin-bottom:20px;
}

.mind_txt{
	overflow:auto;
	margin-bottom:50px;
}

.mind_txtR{
	margin-left:550px;
	margin-bottom:50px;
	width:540px;
	color:#555 !important;

}

.mind_txtL{
	margin-left:65px;
	margin-bottom:50px;
	width:520px;
	color:#555 !important;

}

.mind_txtL2{
	margin-left:65px;
	margin-bottom:50px;
	width:700px;
	color:#555 !important;


}

#mind_wrapper h3{
	color:#333;
	line-height:1.6em;
	font-size:38px;
	margin-bottom:35px;
	padding-top:20px;
	font-family:UD新ゴNT M, Geneva, sans-serif !important;
}

#mind_wrapper h3.mind4{
	color:#333;
	line-height:1.6em;
	font-size:33px !important;
	margin-bottom:25px;
	padding-top:20px;
	font-family:UD新ゴNT M, Geneva, sans-serif !important;

}

p.conts_txt {
	color:#555;}

.paddingT5 { padding-top:5px !important;}
.paddingT10 { padding-top:10px !important;}
.paddingT15 { padding-top:15px !important;}
.paddingT20 { padding-top:20px !important;}
.paddingT25 { padding-top:25px !important;}
.paddingT30 { padding-top:30px !important;}
.paddingT35 { padding-top:35px !important;}
.paddingT40 { padding-top:40px !important;}
.paddingT45 { padding-top:45px !important;}
.paddingT50 { padding-top:50px !important;}
.paddingT55 { padding-top:55px !important;}
.paddingT60 { padding-top:60px !important;}
.paddingT65 { padding-top:65px !important;}
.paddingT70 { padding-top:70px !important;}
.paddingT80 { padding-top:80px !important;}



/*=============================================

　　service

==============================================*/

.service_conts01{
	margin-bottom:40px;
}

h3.service_title {
	color:#000;
	border-bottom:#c9caca 1px dotted;
	padding-bottom:8px;
	width:1120px;
	margin-bottom:27px;
	font-family: UD新ゴ M JIS2004 ;
	font-size:18px;
}

.service_img{
	float:left;
	margin-right:40px;
}

.service_txt h4{
	color:#9dc43a;
	font-family: UD新ゴ M JIS2004 ;
	margin-bottom:25px;
	font-size:18px !important;
}

.service_txt{
	overflow:auto;
}

.service_movie{
	margin-bottom:95px;
}

.service_box{
	width:200px;
	margin-bottom:45px;
	float:left;
}

.service_box .title_small{
	color:#000;
	font-family: UD新ゴ M JIS2004 ;
	font-size:16px;
	margin-top:7px;
	margin-bottom:6px;
}

.service_box .txt_small{
	font-size:13px;
	line-height:190%;
}



/*=============================================

　　member

==============================================*/

#member_wrapper{
	margin-bottom:70px;
}

a .member_box{
	border:10px #edf4d1 solid;
	width:500px;
	padding:15px;
	-webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
	margin:10px 5px 0 5px;
	float:left;
}

a:hover .member_box{
	border:10px #c2d968 solid;
}


.member_img{
	float:left;
}

.member_name_box{
	overflow:auto;
	padding-left:30px;

}

.member_name{
	font-family: UD新ゴ M JIS2004 ;
	font-size:19px;
	color:#000;
}

a .member_post{
	font-size:12px;
	margin:20px 0;
}
a .member_comment{
	background:url(../images/member/memeber_talk.png) no-repeat;
	width:281px;
	height:26px;
	padding:8px 25px;
	color:#000;
}

.member_txt{
	padding:8px 0;
	font-size:16px;
	color:#000;
}


/*=============================================

　 member_detail  ,  work

==============================================*/

.member_detail_top{
	margin:20px 0 10px 0;
}

.member_detail_name{
	font-family: UD新ゴ M JIS2004 ;
	font-size:40px;
	color:#000;
}

.member_name_wrapper{
	float:left;
	margin-top:50px;
}

.member_name_img{
	float:right;
	text-align:right;
}

.member_detail_post{
	font-size:13px;
	margin:30px 0 0 0;
	clear:both;
}

.member_detail_title{
	margin-bottom:30px;
	font-size:22px;
	color:#9dc43a;
	font-family: UD新ゴ M JIS2004 ;
}

.member_detail_comment{
	font-size:14px;
	margin-bottom:30px;
}

.member_detail_comment a{
	color:#9dc43a;
}

.member_work{
	border-top:#c9caca 1px dotted;
	border-bottom:#c9caca 1px dotted;
	padding:50px 0 40px 0;
}

.member_work_title{
	font-family: UD新ゴ M JIS2004 ;
	font-size:24px;
	color:#000;
	margin-bottom:23px;
}

.work_box01,.work_box02{
	width:355px;
	float:left;
}

.work_box01{
	margin-right:27px;
	height:400px;;
}


.work_title_small{
	font-family:UD新ゴ M JIS2004 ;
	font-size:18px;
	color:#000;
	margin:23px 0 13px;
}

.work_comname{
	font-size:12px;
	color:#000;
}

a .work_detail_txt {
	color:#555;
}

.member_like{
	padding-top:40px;
	padding-bottom:30px;

}

.member_like_title,.concept{
	font-size:14px;
	color:#000;
	font-family: UD新ゴ M JIS2004 ;
}

/*work*/

.work_main{
	float: left;
	width: 720px;
	margin-right: 50px;
	margin-bottom: 26px;
}

.metaslider{
	display: inline-block;
}

.work_detail_name{
	width: 100%;
	padding-bottom: 50px;
}

.work_detail{
	width: 340px;
	float:right;
}
@media screen and (min-width: 737px){
	.slides li{
		width: initial !important;
	}
}

@media screen and (max-width: 736px){
	.work_detail{
		width: 100%;
	}

	.work_main{ width: 100%;}
	.ml-slider{ width: 100%;}
	.work_concept_box01,.work_concept_box02{width: 100% !important;float: none !important;}
	.work_main iframe{width: 100% !important;height: 57vw !important;}
}
.work_detail h3{
	font-family: UD新ゴ M JIS2004 ;
	font-size:15px;
	color:#000;
	height: 35px;
	line-height: 33px;
}

.work_detail .work_detail_txt{
	font-size:13px;
	margin: 18px 0;
}

.work_detail_txt a{
	color:#9dc43a;
}

.work_concept{
	margin-bottom:50px;
	line-height: 30px;
}

.work_concept_box01{
	width:560px;
	float:left;
	margin-right:30px;
}

.work_concept_box02{
		overflow:auto;
}

.work_concept_title{
	font-family: UD新ゴ M JIS2004 ;
	font-size:19px;
	color:#9dc43a;
	margin:15px 0;
}

.work_concept_txt{
	font-size:14px;
}



/*=============================================

　　voice

==============================================*/

.voice_box01{
	margin:45px 0;
}

.voice_img{
	float:left;
	margin-right:40px;
	font-family: UD新ゴ M JIS2004 ;
	color:#000;
	padding-top: 100px;
	margin-top: -100px;
}

.voicebox {
	width:300px;
	}

.voice_img p{
}


img.homepage {
	float:right;
	position:relative;
	top:-77px;}

.voice_txt h4{
	color:#9dc43a;
	font-family: UD新ゴ M JIS2004 ;
	margin-bottom:25px;

}

.voice_txt {
	width:720px;
	float:right;

}


.voice_detail_txt{
	width:720px;
	float:right;
	margin-bottom:40px;
	margin-top:10px;

}

.voice_comname{
	font-size:12px;
}

img.voicelink{
	 width:240px;
	 float:right;
	 margin-left:8px;
	 margin-bottom:5px;
	 margin-top:5px;
	 border:#EEE 1px solid;
	 }


.voice_top {
	background-image:url(../images/voice/voice_top.png);
	width:718px;
	height:14px;
	}

.voice_middle {
	background-image:url(../images/voice/voice_middle.png);
	background-repeat:repeat-y;
	width:688px;
	padding-left:30px;
	color:#FFF;
	font-family: UD新ゴ DB JIS2004 ;}

.voice_bottom {
	background-image:url(../images/voice/voice_bottom.png);
	width:718px;
	height:39px;}


/*=============================================

　　freepaper

==============================================*/


.style13 {
	background:#F5F5F5;
	width:100%;
	padding:3px 0 3px 0;
	margin:10px auto 15px auto;}


.lineB {
	border-bottom: #CCC dotted 1px;
	margin-bottom:20px;
	padding-bottom:20px;
	display:block;
	}

.lineT {
	border-top: #CCC dotted 1px;
	margin-top:30px;
	padding-top:30px;
	display:block;
	}

table.price {
	margin:10px auto;
	border:#000 1px solid;
	}

table.price td,
table.price th{
	margin:10px auto;
	border:#c2d968 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	}

table.price td.fee{
	background:#c2d968;
	}

span.mini {
	font-size:12px;
	color:#F00;}

h4 {
	font-size:24px;
	color:#555;
	margin-bottom:14px;
	}

strong.st{
	font-size:18px !important;
	color:#9dc43a;
	padding-bottom:30px !important;}


.titleimg {
	width:1120px;
	height:132px;
	background:#EBFCEC;
	margin-bottom:36px;}

h1.title {
	padding-top:50px;
	font-size:93px;
	padding-left:33px;
	display:block;
	color:#9dc43a;
	text-shadow:18px 18px 0px #D3EFE4;
	font-family: UD新ゴ DB JIS2004 ;
	letter-spacing:0.1em;
	}

/*=============================================

　　security

==============================================*/


h3.security_title {
	color:#000;
	border-bottom:#c9caca 1px dotted;
	padding-bottom:8px;
	width:1120px;
	margin-bottom:27px;
	font-family: UD新ゴ M JIS2004 ;
	font-size:18px;
}
.security_box{
	margin-bottom:50px;
	font-size:14px;
}




.floatL {
	float:left;}

.floatR {
	float:right;}


.marginR5 { margin-right:5px;}
.marginR10 { margin-right:10px;}
.marginR15 { margin-right:15px;}
.marginR20 { margin-right:20px;}
.marginR25 { margin-right:25px;}

.paddingR5 { padding-right:5px;}
.paddingR10 { padding-right:10px;}
.paddingR15 { padding-right:15px; display:block;}
.paddingR20 { padding-right:20px;}
.paddingR25 { padding-right:25px;}


.marginT5 { margin-top:5px !important;}
.marginT10 { margin-top:10px !important;}
.marginT15 { margin-top:15px !important;}
.marginT20 { margin-top:20px !important;}
.marginT25 { margin-top:25px !important;}
.marginT35 { margin-top:35px !important;}
.marginT45 { margin-top:45px !important;}
.marginT55 { margin-top:55px !important;}
.marginT65 { margin-top:65px !important;}
.marginT75 { margin-top:75px !important;}
.marginT85 { margin-top:85px !important;}

.paddingT5 { padding-top:5px !important;
}
.paddingT10 { padding-top:10px !important;}
.paddingT15 { padding-top:15px !important; display:block;}
.paddingT20 { padding-top:20px !important;}
.paddingT25 { padding-top:25px !important;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#box-a{
  width: 600px;
  float: right;
}

#box-b{
  width: 200px;
  float: left;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#555; /* Safari */
	color:#C2D968;
}

::-moz-selection {
	background:#555; /* Firefox */
	color:#C2D968;
}