@charset "utf-8";
body{/* background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;   */background: #000; width: 100%; height: auto; color: #fff;}

body h3 {text-align: center;}
body h3 {font-size: 50px; letter-spacing: 0.05em; }
body h3 span{font-size: 150px;font-family: good-times, sans-serif; font-weight: 200; text-shadow: #a9ff46 0px 0px 20px;display: inline-block;padding: 0 0 30px;}
.s_inner { width: 1100px; margin: 0 auto;}
/*-----------------------------------------#fv-------------------------------------*/
#fv{width: 100%; height: auto; background:url(../img/fv_bg.png) no-repeat center center; background-size: cover; }
#fv .fv_bg{background :url(../img/fv_bg_2.png) no-repeat center center; background-size: 2730px; padding: 377px 0 222px;position: relative;}
#fv .fv_box{max-width: 1500px; margin: 0 auto; padding: 0 102px; }
 #fv .fv_bg .icon_9{
    position: absolute;
    width: 41px;
    left: auto;
    right: 50%;
    bottom: -30px;
}
/*-----------------------------------------#what_wedo-------------------------------------*/
#what_wedo{ background :url(../img/bg_13.jpg) no-repeat center center; background-size: cover; }
#what_wedo .bg_box{background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;  }
#what_wedo .what_wedo_bg{padding: 120px 0 0;}
#what_wedo .what_wedo_bg h3{}
#what_wedo .what_wedo_bg .img_box{width: 475px; margin: 0 auto; padding: 100px 0 0; }
#what_wedo .what_wedo_bg .img_box h4{font-size: 50px; padding: 23px 0 0;}
#what_wedo .what_wedo_bg p{text-align: center; line-height: 180%; font-size: 30px;padding: 50px 0 0;letter-spacing: 0.05em;}
#what_wedo .what_wedo_bg p .tt_box{line-height: 180%; font-size: 20px; display: inline-block;letter-spacing: 0.05em;}
#what_wedo .what_wedo_bg p .tt_box.tt_1{padding: 40px 0 0;}
#what_wedo .what_wedo_bg p .tt_box.tt_2{padding: 30px 0 0;}

#what_wedo .what_wedo_bg .img{margin: 96px auto 0; width: 800px;}
#what_wedo .img_list_box{display: flex; padding: 180px 0 0 ; }
#what_wedo .img_list_box .img {width: 33.3%; height: auto; }
#what_wedo .img_list_box .img img{width: 100%;}

/*-----------------------------------------#reason-------------------------------------*/
#reason{background: rgb(40,40,40,0.5);}
#reason .bg_box{background: url(../img/bg_pattern.png) repeat left top; background-size: 15px; padding: 185px 0 0 ; }
#reason h3 {font-size: 40px;}
#reason .reason_box{display: flex; margin: 0 auto; max-width: 1600px; }
#reason .reason_1{padding: 100px 0 0;}
#reason .reason_box img{width: 50%;}
#reason .reason_box .box{padding: 100px 5%;width: 50%; }
#reason .reason_box .box img{width: 196px; height: auto;}
#reason .reason_box .box h4{font-size: 40px; line-height: 150%;  padding: 32px 0 0; letter-spacing: 0.05em;}
#reason .reason_box .box p{ line-height: 200%; margin: 36px 0 0;letter-spacing: 0.05em; }
#reason .reason_box .right_box{max-width: 505px; margin: 0 auto 0 0;}
#reason .reason_box .left_box{max-width: 505px; margin: 0 0 0 auto;}


/*-----------------------------------------#why_led-------------------------------------*/
.why_led-cost_bg{background: url(../img/bg_14.jpg) no-repeat center center; background-size: cover}
.why_led-cost_bg .bg_box{background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;}
#why_led {padding: 165px 0 0;}
#why_led .why_led_box{position: relative;}
#why_led h3{position: absolute;  writing-mode: vertical-rl;}
#why_led .inner_box{width: 1000px; margin: 0 auto; padding: 0 0 0 50px;}
#why_led .inner_box .box_title h4{font-size: 50px;letter-spacing: 0.05em; }
#why_led .inner_box .box_title img{padding: 20px 0 0;}

#why_led .inner_box ul{padding: 50px 0 0 ;}
#why_led .inner_box ul li .box{    width: 849px;}
#why_led .inner_box ul li{display: flex; height: 321px;}
#why_led .inner_box ul li img{margin: 6px 54px 0 0; width: 32px; height: 32px;}
#why_led .inner_box ul li .merit{font-size: 30px; color: #a9ff46; border-bottom: 1px solid #fff;font-family: good-times, sans-serif; font-weight: 300; font-style: normal; width: 100%; padding: 0 0 11px;}
#why_led .inner_box ul li h5{font-size: 40px; padding: 20px 0 0;letter-spacing: 0.05em;}
#why_led .inner_box ul li .text{font-size: 20px; line-height: 180%; padding: 20px 0 0;letter-spacing: 0.05em;}



/*-----------------------------------------#cost-------------------------------------*/
#cost{padding:  100px 0 214px;}
#cost .bg_box{background: url(../img/bg_10.png)  no-repeat center bottom; background-size: 100%; }
#cost .bg_box .cost_box{width: 1100px;margin: 0 auto; padding: 0 0 100px;}
#cost .bg_box .cost_box p{font-size: 30px; line-height: 160%; padding: 69px 0 0; text-align: center;letter-spacing: 0.05em;}
#cost .bg_box .cost_box p span.br_tt{border-bottom: 2px solid #fff;font-size: 30px;}
#cost .bg_box .cost_box p span.mini{ font-size: 16px; color: #8d8d8d;}
#cost .bg_box .cost_box .img{padding: 77px 0 0; }
#cost .bg_box .cost_box .img .img_1{margin: 0 72px 0 0 ;}


/*-----------------------------------------#comparison-------------------------------------*/
#comparison{background: url(../img/bg_12.jpg) no-repeat center center; background-size: cover; padding: 200px 0 200px;}
#comparison h3{font-size: 40px;}
#comparison .text{text-align: center; line-height: 180%; font-size: 26px; padding: 55px 0 0;letter-spacing: 0.05em;}
#comparison .text span{border-bottom: 1px solid #fff;}
#comparison .comparison_bg{background: rgb(40,40,40,0.5); padding: 60px 100px; margin: 60px 0 0;}
#comparison .comparison_bg .btn{width: 500px; margin: 50px auto 0; line-height: 160%; padding:  25px 0; display: block; text-align: center; font-size: 18px; color: #000;}
#comparison .comparison_bg .btn.green{background: #a9ff46 ; transition: 0.5s; }
#comparison .comparison_bg .btn.green span{background: url(../img/icon_07.png) no-repeat center left ; background-size: 21px;display: inline-block;padding: 0 0 0 42px; transition: 0.2s;}
#comparison .comparison_bg .btn.green:hover span{background: url(../img/icon_07_grn.png) no-repeat center left ; background-size: 21px;transition: 0.8s;color: #a9ff46 ;}
#comparison .comparison_bg .btn.green:hover{background: #000;  transition: 0.5s;}
#comparison .comparison_bg .btn img{margin: 0 21px 0 0;}

/*-----------------------------------------#study_case-------------------------------------*/
#study_case{background: url(../img/bg_05.png) no-repeat center center; background-size: cover; padding: 152px 0 110px;}
#study_case h3{text-align: left;max-width: 1200px; margin: 0 auto;color: #000;}
#study_case h3 .title_min{font-size: 50px; text-shadow: none; padding: 0 0 0 110px;}
#study_case .slick_list .box{display: flex;}
#study_case .slick_list .box .main_img{min-width: 500px; max-height: 743px;}

#study_case .slick-dots .box .main_img:nth-child(1){display: none;}
#study_case .slick-dots .box .main_img:nth-child(2){display: block;}
#study_case .slick_list .box .text_box{background: #000; width: 700px; padding: 62px 50px 60px 45px;}
#study_case .slick_list .box .text_box h4{font-size: 40px; display: flex; align-items: center;letter-spacing: 0.05em;}
#study_case .slick_list .box .text_box h4 span{font-size: 100px; font-family: good-times, sans-serif; font-weight: 400; font-style: italic; color: #a9ff46; display: block; padding: 0 55px 0 0;}
#study_case .slick_list .box .text_box p{font-size: 26px; font-weight: 400; line-height: 180%;letter-spacing: 0.05em;} 
#study_case .slick_list .box .text_box p.tt{border-bottom: 2px solid #fff; padding: 20px 0 26px;}
#study_case .slick_list .box .text_box .box_list{padding: 32px 0 0;}
#study_case .slick_list .box .text_box .box_list .img_box{display: flex;}
#study_case .slick_list .box .text_box .box_list .img_box:nth-child(2){padding: 60px 0 0;}
#study_case .slick_list .box .text_box .box_list .img_box p{font-size: 16px;}
#study_case .slick_list .box .text_box .box_list .img_box .img_1{width: 132px; height: 115px; margin: 0 10px 0 0;}
#study_case .slick_list .box .text_box .box_list .img_box .img_2{width: 132px;height: 132px; margin: 0 10px 0 0;}
#study_case .slick_list .box .text_box .box_list .img_box .img_1 img,
#study_case .slick_list .box .text_box .box_list .img_box .img_2 img,{width: 100%;;}

#study_case .slick_list{ max-width: 1600px; margin: 0 auto; position: relative; padding: 54px 0 0;    display: flex;     align-items: center;}
#study_case .slick_list .prev-arrow,
#study_case .slick_list .next-arrow{position: absolute; z-index:5; top: -18px;}
#study_case .slick_list .prev-arrow{ right: 15%;}
#study_case .slick_list .next-arrow{ right: 22%;}
#study_case .slick-dots{position: initial; display: flex; flex-direction: column;  width: 53px; z-index: 10; padding: 0 110px 0 90px;}
#study_case .slick-dots li{width: 40px; height: 40px;}
#study_case .slick-dots li button{width: 40px; height: 40px;}
#study_case .slick-dots li.slick-active button{border: 1px solid #000; border-radius: 100%;}
#study_case .slick-dots li button:before{font-size: 20px; 
	font-family: "josefin-sans", sans-serif; font-weight: 400; 
	font-style: italic; width: 40px; height: 27px; 
	display: block; margin: 7px 0;color:#000; 
}
#study_case .slick-dots li button:hover{color: #000;}
#study_case .slick-dots li.slick-active button:before{ opacity: .75; color: #000;}
#study_case .slick-dots li:nth-of-type(1) button:before{content: "01";}
#study_case .slick-dots li:nth-of-type(2) button:before{content: "02";}
#study_case .slick-dots li:nth-of-type(3) button:before{content: "03";}
#study_case .slick-dots li:nth-of-type(2){margin: 50px 5px;}
/*-----------------------------------------#contact-------------------------------------*/
#contact{padding: 150px 0 88px;background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;}
#contact .contact_box{background: url(../img/bg_06.png) no-repeat center top; background-size: cover; width: 100%; height: auto;max-width: 1100px; margin: 0px auto; padding: 0 0 55px;}
#contact .contact_box .text{text-align: center; font-weight: 300; line-height: 180%;padding: 60px 0 0;}
#contact .contact_box .red{color: #d82626;}
#contact .contact_box span.red{font-size: 11px;}
#contact .contact_box form{padding: 0 50px;}
#contact .contact_box form table tr th{text-align: left; width: 270px;}
#contact .contact_box form table tr td{width: 730px;}
#contact .contact_box form table tr th,
#contact .contact_box form table tr td{padding: 50px 0 0;line-height: 180%;}
#contact .contact_box form table tr td input:not(.radio_botton){width: 100%; height: 60px;padding: 0 30px 0 30px;}
#contact .contact_box form table tr td select{width: 100%; height: 60px; padding: 0 0 0 30px;}
#contact .contact_box form table tr .radio_box .box{display: flex;}
#contact .contact_box form table tr .radio_box .box label{padding: 0 50px 0 0;}
#contact .contact_box form table tr .radio_box .box label span { font-size: 16px; position: relative; padding: 0 0 0 37px; display: block;}
#contact .contact_box form table tr .radio_box .box input{ display: none; }

#contact .contact_box form table tr .radio_box .box input:checked + span:after{ display: block; content: "";width: 13px;height: 13px;position: absolute;background-color:#a9ff46; border-radius: 50%; top: 3px; left: 5px;	}
#contact .contact_box form table tr .radio_box .box label span:before { display: block; content: ""; width: 23px; height: 23px; background: #ffffff; border-radius: 50%; position: absolute; top: -2px; left: 0px;}
#contact .contact_box form table tr.top th{vertical-align:top; }
#contact .contact_box form table tr td textarea{width: 100%; height: 206px;padding: 30px ;}

#contact .contact_box .btns{width: 500px; margin: 0 auto; padding: 60px 0 0 ;}
#contact .contact_box .btns button{width: 100%; height: 80px; text-align: center; background: #a9ff46 ; font-size: 18px;transition: 0.5s; color: #000;}
#contact .contact_box .btns button span{display: inline-block; padding: 0 0 0 30px; background: url(../img/icon_08.png) no-repeat center left; 20px; background-size: 20px;transition: 0.5s;}
#contact .contact_box .btns button:hover span{transition: 0.5s;background: url(../img/icon_08_grn.png) no-repeat center left; 20px; background-size: 20px;color: #a9ff46;}
#contact .contact_box .btns button:hover{background: #000;  transition: 0.5s;}
#contact .contact_box .btns button img{margin: 0 10px 0 0;}

#contact .contact_box form table tr .select_box{position: relative;}
#contact .contact_box form table tr .select_box::after{content: ""; justify-self: end; width: 11px; height: 7px; background-color: #000; clip-path: polygon(100% 0%, 0 0%, 50% 100%); position: absolute; z-index: 1; right: 20px; display: block;top: 25px;}

#contact .error h3,
#contact .confirm h3,
#contact .thanks h3{font-size: 50px; margin-bottom: 40px;}

#contact .error{text-align: center; padding: 60px 0;}
#contact .error .caution{padding: 30px 0px 0px 0px;font-size: 20px;}
#contact .error .alert{padding: 50px 0 0;}
#contact .error .alert span{display: inline-block; width: 100%;padding: 15px 0 0;}
#contact .error a{background: #dcdcdc; width: 500px;  display: block; margin: 70px auto 0; line-height: 180%; padding: 26px 0; color: #000;}

#contact .confirm{text-align: center;}
#contact .confirm .caution{padding: 30px 0 60px;}
/*
#contact .confirm form{width: 800px; margin: 0 auto; padding: 50px 0 0;}
#contact .confirm form table tr th,
#contact .confirm form table tr td{text-align: left ; color: #000;letter-spacing: 0.05em;}
#contact .confirm form table tr th{width: 200px; padding: 20px 0; background: #dcdcdc;  border-bottom: 1px solid #000; border-left: 1px solid #000; }
#contact .confirm form table tr td{width: 600px; padding: 20px 0; background: #fff; border-bottom: 1px solid #000; border-right: 1px solid #000;}
*/
#contact .confirm table { width: 70%; margin: 0 auto 50px;}
	
#contact .confirm table tr { border-bottom: solid 1px #e5e5e5; text-align: left;}
	
#contact .confirm table tr:first-of-type { border-top: solid 1px #e5e5e5;}
	
#contact .confirm table tr th {	width: 180px; line-height: 1.5; font-weight: bold; text-align: left; padding: 20px 0 20px 1em;}
	
#contact .confirm table tr td { line-height: 1.5; padding: 20px 0;}


#contact .confirm form .btns{display: flex;justify-content: center;padding:  50px 0 0;}
#contact .confirm a{display: block; background: #dcdcdc; width: 40%; line-height: 180%; padding: 26px 0; color: #000; margin: 0 50px 0 0 ;}
#contact .confirm .forward_btn{width: 40%; }
#contact .confirm .forward_btn input{width: 100%; line-height: 180%; padding: 26px 0; color: #000; background: #a9ff46;}

#contact .thanks{text-align: center;}
#contact .thanks p{line-height: 180%; padding: 30px 0 0 ; font-size: 24px;}
#contact .thanks small{line-height: 180%; padding: 30px 0 0 ; display: inline-block; }
#contact .thanks a{display: block;width: 500px; background: #dcdcdc;line-height: 180%; padding: 26px 0; color: #000; margin: 50px auto 0;}

/*-----------------------------------------.bg_company-------------------------------------*/
.bg_company {background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;}
.bg_company img{width: 100%; height: auto;}


/*-----------------------------------------#profile-------------------------------------*/
#profile {padding: 182px 0 105px ;background: url(../img/bg_pattern.png) repeat left top; background-size: 15px;}
#profile .profile_box{background: url(../img/bg_08.png) no-repeat center top; background-size: cover;padding: 0 0 40px;}
#profile .profile_box h3{text-align: left; font-size: 40px;}
#profile .profile_box table{padding: 15px 0 0; display: block;}
#profile .profile_box table th,
#profile .profile_box table td{padding: 28px 0; border-bottom: 1px solid #fff; line-height: 210%;letter-spacing: 0.05em;}
#profile .profile_box table th{width: 193px; text-align: left;vertical-align:top; font-size: 18px;}
#profile .profile_box table .location td span{display: block;line-height: 210%;}
#profile .profile_box table .location td span:not(:first-child){padding: 20px 0 0;}

@media only screen and (max-width: 768px) {
	
	.s_inner { width: 90%; }
	body{width: 100%; }

	body h3 {text-align: center;}
	body h3 img{width: 90%;}
	body h3 {font-size: 23px; line-height: 180%; }
	body h3 span{font-size: 40px;padding: 0 0 15px;}
	/*-----------------------------------------#fv-------------------------------------*/
	#fv{width: 100%; height: auto; background:url(../img/fv_bg_sp.png) no-repeat center center; background-size: cover; }
	#fv .fv_bg{background :none;  padding: 227px 0 173px;}
	#fv .fv_bg img{width: 100%; height: auto;}
	#fv .fv_box{margin: 0 auto 0 0;padding: 0 15px;width: 90%;}
	 #fv .fv_bg .icon_9{
    width: 20px;
    left: auto;
    right: 48%;
    bottom: -15px;
}
	/*-----------------------------------------#what_wedo-------------------------------------*/
	#what_wedo{ }
	#what_wedo .what_wedo_bg{background :url(../img/bg_03.png) no-repeat center center; background-size: cover;padding: 60px 0 0;}
	#what_wedo .what_wedo_bg h3{}
	#what_wedo .what_wedo_bg .img_box{width: auto; margin: 0 auto; padding: 25px 0 0; width: 266px;}
	#what_wedo .what_wedo_bg .img_box h4{font-size: 25px; padding: 5px 0 0px 15px;}
	#what_wedo .what_wedo_bg p{text-align: center; font-size: 18px;padding: 25px 0 0; letter-spacing: 0.01em;}
	#what_wedo .what_wedo_bg p .tt_box{ font-size: 12px; display: inline-block;}
	#what_wedo .what_wedo_bg p .tt_box.tt_1{padding: 20px 0 0;}
	#what_wedo .what_wedo_bg p .tt_box.tt_2{padding: 15px 0 0;}
	
	#what_wedo .what_wedo_bg .img{margin: 40px auto 0; width: auto;}
	#what_wedo .what_wedo_bg .img img{width: 49%; }
	#what_wedo .img_list_box{display: flex; padding: 90px 0 0 ; }
	#what_wedo .img_list_box .img {width: 100%; height: auto; }
	#what_wedo .img_list_box .img img{width: 100%;}
	
	/*-----------------------------------------#reason-------------------------------------*/
	#reason{}
	#reason .bg_box {padding: 92px 0 0 ;}
	#reason h3{font-size: 20px;}
	#reason .reason_box{display: flex; margin: 0 auto; max-width: 1400px; flex-direction: column; padding: 50px 0 0;}
	#reason .reason_box:nth-child(3){flex-direction: column-reverse;padding: 0 0 0;}
	#reason .reason_box img{width: 100%;}
	#reason .reason_box .box{padding: 50px 5% ; width: 100%; }
	#reason .reason_box .box img{  width: 35%;   height: auto; }
	#reason .reason_box .box h4{font-size: 22px; padding: 22px 0 0; }
	#reason .reason_box .box p{  margin: 20px 0 14px; font-size: 14px;}
	#reason .reason_box .right_box{max-width: 505px; margin: 0 auto 0 0;}
	#reason .reason_box .left_box{max-width: 505px; margin: 0 0 0 auto;}
	
	
	/*-----------------------------------------#why_led-------------------------------------*/
	.why_led-cost_bg{background: url(../img/bg_04.png) no-repeat center center; background-size: cover}
	
	#why_led {padding: 82px 0 0;}
	#why_led .why_led_box{position: relative;display: flex;}
	#why_led h3{position: initial;width: auto; text-align: left;}
	#why_led h3 span{font-size: 51px;}
	#why_led .inner_box{width: auto; margin: 0 auto; padding: 0 0 0 25px;}
	#why_led .inner_box .box_title h4{font-size: 23px; line-height: 180%;}
	#why_led .inner_box .box_title img{padding: 20px 0 0;}
	
	#why_led .inner_box ul{padding: 10px 0 0 ;}
	#why_led .inner_box ul li .box{ padding: 20px 0 0; width: 100%;}
	#why_led .inner_box ul li{ height: auto;padding: 30px 0 0;}
	#why_led .inner_box ul li img{margin: 21px 20px 0 0; width: 18px; height: 18px;}
	#why_led .inner_box ul li .merit{font-size: 14px;  padding: 0 0 11px;}
	#why_led .inner_box ul li h5{font-size: 20px; padding: 10px 0;}
	#why_led .inner_box ul li .text{font-size: 11px; padding: 10px 0 0; letter-spacing: 0.05em;}
	
	/*-----------------------------------------#cost-------------------------------------*/
	#cost{padding: 50px 0 ;}
	#cost h3{font-size: 18px;}
	#cost h3 span{font-size: 60px;}
	#cost .bg_box{background: url(../img/bg_10.png)  no-repeat center top; background-size: cover; padding: 0 15px; }
	#cost .bg_box .cost_box{width: auto;margin: 0 auto; padding: 0 0 50px;}
	#cost .bg_box .cost_box p{ font-size: 13px; padding: 15px 0 0; text-align: left; display: block; }
	#cost .bg_box .cost_box p span.br_tt{font-size: 13px; border-bottom: 1px solid #fff;line-height: 180%; display: block; }
	#cost .bg_box .cost_box p span.mini{ font-size: 11px; letter-spacing: 0.05em; padding: 15px 0 0 20px; line-height: 180%;margin-left:-1em ;text-indent:-1em;display:inline-block;}
	#cost .bg_box .cost_box .img{padding: 37px 0 0; }
	#cost .bg_box .cost_box .img .img_1{margin: 0;}
	#cost .bg_box .cost_box .img .img_2{margin: 32px 0 0 0;}
	
	
	/*-----------------------------------------#comparison-------------------------------------*/
	#comparison{ padding: 50px 0;}

	#comparison h3 { font-size: 20px;}
	#comparison .text{ font-size: 14px; padding: 17px 12px 0; letter-spacing: 0.05em;}
	#comparison .comparison_bg{ padding: 30px 10px; margin: 30px 0 0;}
	#comparison .comparison_bg img{width: 100%;height: auto;}
	#comparison .comparison_bg .btn{width: auto; margin: 30px auto 0;  padding:  18px 0;  font-size: 12px;}
	#comparison .comparison_bg .btn.green span{background: url(../img/icon_07.png) no-repeat center left ; background-size: 15px;padding: 0 0 0 26px;}
	#comparison .comparison_bg .btn.green:hover span{background: url(../img/icon_07_grn.png) no-repeat center left ; background-size: 15px;transition: 0.5s;}
	#comparison .comparison_bg .btn img{margin: 0 14px 0 0; width: 13px; height: auto;}
	
	
	/*-----------------------------------------#study_case-------------------------------------*/
	#study_case{background: url(../img/bg_05.png) no-repeat center center; background-size: cover; padding: 76px 0;}
	#study_case h3{text-align: center;}
	#study_case h3 .title_min {  font-size: 23px;  padding: 0 0 0 0px;}
	#study_case .slick_list .box { display: flex; flex-direction: column; position: relative;}
	#study_case .slick_list .box .main_img{min-width: auto; width: 85%;position: absolute;}

	#study_case .slick-dots .box .main_img.sp{display: block;}
	#study_case .slick-dots .box .main_img.pc{display: none;}
	#study_case .slick_list .box .text_box{width: 95%; padding: 52px 20px 50px 20px;margin: 50% 0 0 auto;;}
	#study_case .slick_list .box .text_box h4{font-size: 25px;padding: 0 0 20px; }
	#study_case .slick_list .box .text_box h4 span{font-size: 62px; padding: 0 27px 0 0;}
	#study_case .slick_list .box .text_box p{font-size: 26px; font-weight: 400; line-height: 190%;} 
	#study_case .slick_list .box .text_box p.tt{ padding: 0 0 26px; font-size: 16px;}
	#study_case .slick_list .box .text_box .box_list{padding: 32px 0 0;}
	#study_case .slick_list .box .text_box .box_list .img_box {    display: flex;    flex-direction: column;    align-items: center;}
	#study_case .slick_list .box .text_box .box_list .img_box:nth-child(2){padding: 20px 0 0;}
	
	#study_case .slick_list .box .text_box .box_list .img_box p{font-size: 12px;letter-spacing: 0.025em;}
	#study_case .slick_list .box .text_box .box_list .img_box .img_1{width: 30%; height: auto; margin: 0 0 20px 0;}
	#study_case .slick_list .box .text_box .box_list .img_box .img_2{width: 30%;height: auto; margin: 0 0px 20px 0;}
	#study_case .slick_list .box .text_box .box_list .img_box .img_1 img,
	#study_case .slick_list .box .text_box .box_list .img_box .img_2 img,{width: 100%;;}
	
	#study_case .slick_list{   padding: 24px 0 0;}
	#study_case .slick_list .prev-arrow,
	#study_case .slick_list .next-arrow{ top: auto; bottom: -30px; width: 12%; }
	#study_case .slick_list .prev-arrow{ right: 3%;}
	#study_case .slick_list .next-arrow{ right: 22%;}
	#study_case .slick-dots{ top: 6%; left: auto; right: 15px; width: 25px; position: absolute; padding: 0px;}
	#study_case .slick-dots li{width: 25px; height: 25px;margin: 0 0px}
	#study_case .slick-dots li button{width: 25px; height: 25px;}
	#study_case .slick-dots li button:before{font-size: 12px; width: 25px; height: 12px; margin: 3px 0;	}
	#study_case .slick-dots li:nth-of-type(2){margin: 25px 0px;}
	
	/*-----------------------------------------#contact-------------------------------------*/
	#contact{padding: 75px 0 44px;}
	#contact .contact_box{background: url(../img/bg_06.png) no-repeat center top; padding: 0 0 55px;background-size: cover;}
	#contact .contact_box .text{padding: 30px 0 0;font-size: 13px;}
	#contact .contact_box span.red{font-size: 11px;}
	#contact .contact_box form{padding: 0 25px;}
	#contact .contact_box form table{width: 100%;}
	#contact .contact_box form table tr th{ width: auto; }
	#contact .contact_box form table tr td{width: auto; }
	#contact .contact_box form table tr th,
	#contact .contact_box form table tr td{padding: 25px 0 0;display: block;font-size: 13px;}
	#contact .contact_box form table tr td input:not(.radio_botton){ height: auto;padding: 15px;}
	#contact .contact_box form table tr td select{height: auto; padding: 15px;}
	#contact .contact_box form table tr.top th{vertical-align:top; }
	#contact .contact_box form table tr td textarea{width: 100%; height: auto;padding: 15px ;}
	
	#contact .contact_box form table tr .radio_box .box label span {font-size: 13px;   padding: 0 0 0 24px;}
	#contact .contact_box form table tr .radio_box .box label {  padding: 0 15px 0 0;}
	#contact .contact_box form table tr .radio_box .box label span::before {  width: 15px; height: 15px;}
#contact .contact_box form table tr .radio_box .box input:checked + span::after {  width: 10px;  height: 10px;top: 1px; left: 3px;}
	#contact .contact_box .btns{width: auto; padding: 60px 0 0 ;}
	#contact .contact_box .btns button{height: auto;background-size: 13px; padding: 20px 0; font-size: 13px;}
	
	#contact .contact_box .btns button span{display: inline-block; padding: 0 0 0 20px; background: url(../img/icon_08.png) no-repeat center left; 20px; background-size: 15px;}
	#contact .contact_box .btns button:hover span{transition: 0.5s;background: url(../img/icon_08_grn.png) no-repeat center left;  background-size: 15px;}

	#contact .contact_box .btns button img{margin: 0 10px 0 0;width: 14px;}
	
	#contact .error h3,
	#contact .confirm h3,
	#contact .thanks h3{font-size: 35px; margin-bottom: 0;}
	
	#contact .error .caution{padding: 15px 0px 0px 0px;font-size: 18px; line-height: 180%;}
	#contact .error .alert{padding: 25px 0 0;}
	#contact .error .alert span{padding: 15px 0 0;}
	#contact .error a{width: auto;   margin: 50px auto 0;  padding: 26px 0; }
	
	#contact .confirm{text-align: center;}
	#contact .confirm .caution{padding: 30px 0 0; line-height: 180%; font-size: 18px;}
	#contact .confirm form{width: auto; margin: 0 auto; padding: 50px 0 0;}
/*
	#contact .confirm table{width: 100%;}
	#contact .confirm form table tr th,
	#contact .confirm form table tr td{font-size: 13px;}
	#contact .confirm form table tr th{width: 100%; padding: 20px 15px;   border-bottom: 1px solid #000; border-left: 1px solid #000;border-right: 1px solid #000; display: block;}
	#contact .confirm form table tr td{width: 100%; padding: 20px 15px;  border-bottom: 1px solid #000; border-right: 1px solid #000;border-left: 1px solid #000; display: block;}
*/
	#contact .confirm table { display: block; width: 100%; margin: 0 0 50px;}
	
	#contact .confirm table tbody { display: block;}
	
	#contact .confirm table tr { display: block;}
	
	#contact .confirm table tr th { display: block; width: 100%; font-size: 14px; padding: 15px 0 5px;}
	
	#contact .confirm table tr td { display: block; font-size: 14px; line-height: 1.5; padding: 0 0 15px;}
	#contact .confirm form .btns{display: flex;justify-content: center;padding:  50px 0 0;}
	#contact .confirm a{width: 45%; padding: 13px 0; margin: 0 25px 0 0;font-size: 13px;}
	#contact .confirm .forward_btn{width: 45%; }
	#contact .confirm .forward_btn input{width: 100%; padding: 13px 0; font-size: 13px;}
	
	#contact .thanks p{ padding: 15px 0 0 ; font-size: 18px;}
	#contact .thanks small{padding: 15px 0 0 ;  }
	#contact .thanks a{display: block;width: auto;  padding: 20px 0;  margin: 25px auto 0;}

	/*-----------------------------------------#profile-------------------------------------*/
	#profile {padding: 91px 0 52px  }
	#profile .profile_box{background: url(../img/bg_08.png) no-repeat center top; background-size: cover;padding: 0 0 20px;}
	#profile .profile_box h3{text-align: left; font-size: 20px;}
	#profile .profile_box table{padding: 15px 0 0;}
	#profile .profile_box table th,
	#profile .profile_box table td{display: block; }
	#profile .profile_box table th{border-bottom: none;padding: 14px 0 10px;font-size: 15px; }
	#profile .profile_box table td{padding: 0 0 14px;font-size: 13px; }
	#profile .profile_box table th{width: auto; }
	#profile .profile_box table .location td span:not(:first-child){padding: 20px 0 0;}

	
}