@charset "utf-8";
/* ----------------------------- #fv ------------------------------- */
.title_box h3{text-align: center;}
.title_box h3 span{display: inline-block; }
.title_box h3 span.mini{font-family: montserrat, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 0.07em; font-size: 18px; color: #002467; position: relative; padding: 0 0 23px;}
.title_box h3 span.mini:before{content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); display: block; width: 73px; height: 1px; background: #002467;}
.title_box h3 span.big{font-size: 39px;text-align: center; line-height: 140%; font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; padding: 31px 0 0;}
.title_box p{font-feature-settings: "palt"; line-height: 213%; text-align: center;}

/* ----------------------------- #fv ------------------------------- */
#fv{background: url(../images/index/fv_bg_3.png) no-repeat center bottom,url(../images/index/fv_bg_1.jpg) no-repeat center top; background-size: 100%,cover; position: relative; min-height: 862px; height: calc(100vh - 80px); margin: 80px 0 0; padding: 28px 0 0;}
#fv h2{background: url(../images/index/fv_bg_2.svg) no-repeat center top; background-size: 370px; line-height: 158%; font-size: 33px; text-align: center; padding: 12px 0 70px;font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; letter-spacing: 0.039em; }
#fv h2 ruby rt{font-size: 15px; font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;letter-spacing: 0; padding: 0 0 8px;}
#fv h2 span{font-size: 67px; letter-spacing: 0.046em; line-height: 136%; color: #1A2D77;font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; display: inline-block; margin: 25px 0 0;}

/* ----------------------------- #about ------------------------------- */
#about{padding: 109px 0 82px;}
#about .title_box{width: 487px; padding: 32px 0 0;}
#about .title_box h3{text-align: left;}
#about .title_box h3 span.mini{ padding: 0 0 18px;}
#about .title_box h3 span.big{font-size: 41px;text-align: left; letter-spacing: 0.07em; }
#about .title_box p{padding: 36px 0 0; text-align: left;}

#about .img_box{position: relative; margin: 0 82px 0 0;}
#about .img_box img{position: relative; z-index: 1;}
#about .img_box:before{content: ""; display: block; width: 100%; height: 100%; background: #002467; position: absolute;bottom: -14px; right: -14px;}
#about .list_box{padding: 88px 0 0;}
#about .list_box .box{text-align: center;}
#about .list_box .box:not(:last-child){margin: 0 18px 0 0;}
#about .list_box .box h4{font-size: 25px; font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; line-height: 120%; padding: 19px 0 0;}
#about .list_box .box p{text-align: center; line-height: 182%; font-size: 16px; padding: 13px 0 0;}

/* ----------------------------- #professionals ------------------------------- */
#professionals{background: url(../images/index/professionals_bg_2.png) no-repeat center top , url(../images/index/professionals_bg_3.png) no-repeat center bottom ,url(../images/index/professionals_bg_1.jpg) no-repeat center top; background-size: 100% ,100% ,cover; padding: 10.07% 0 10.88%; position: relative;}
#professionals .title_box p{font-size: 20px; padding: 42px 0 0;line-height: 180%;}

#professionals .professionals_slider_box .professionals_slider{margin: 50px 0 0;}
#professionals .professionals_slider_box .professionals_slider .draggable .slick-track{display: flex;}
#professionals .professionals_slider_box .professionals_slider .box{width: 659px; height: auto; margin-right: 60px; float: none;}
#professionals .professionals_slider_box .professionals_slider .box .img_box{position: relative;}
#professionals .professionals_slider_box .professionals_slider .box .img_box img{position: relative; z-index: 1;}
#professionals .professionals_slider_box .professionals_slider .box .img_box:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: -17px; right: -17px; background: #002467;}
#professionals .professionals_slider_box .professionals_slider .box .flex{align-items: center; justify-content: center; padding: 36px 0 0;}
#professionals .professionals_slider_box .professionals_slider .box .flex img{margin: 0 60px 0 0;}
#professionals .professionals_slider_box .professionals_slider .box .flex .text_box{width: 306px;}
#professionals .professionals_slider_box .professionals_slider .box .flex .text_box h4{font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;font-size: 26px; text-align: left; line-height: 143%;}
#professionals .professionals_slider_box .professionals_slider .box .flex .text_box a{font-size: 18px; line-height: 145%; display: inline-block; padding: 10px 0 0;}
#professionals .professionals_slider_box .professionals_slider .box .flex .text_box p{font-size: 18px; line-height: 145%; padding: 10px 0 0;}
#professionals .professionals_slider_box .professionals_slider .draggable{margin: 0 0 20px;}


#professionals .professionals_slider_box{position: relative;}
#professionals .professionals_slider_box .slick_btn{max-width: 1600px; height: 70px; width: 100%; position: absolute; top: 136px; left: 50%; transform: translateX(-50%);}
#professionals .professionals_slider_box .slick_btn .slick-prev,
#professionals .professionals_slider_box .slick_btn .slick-next{width: 70px; height: 70px; background: #000; z-index: 2;}
#professionals .professionals_slider_box .slick_btn .slick-prev{left: 0px;}
#professionals .professionals_slider_box .slick_btn .slick-next{right: 0px;}
#professionals .professionals_slider_box .slick_btn .slick-prev:before{content: ""; border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 24px; height: 24px; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%) rotateZ(135deg);}
#professionals .professionals_slider_box .slick_btn .slick-next:before{content: ""; border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 24px; height: 24px; position: absolute; top: 50%; left: 45%; transform: translate(-50%,-50%) rotateZ(-45deg);}

#professionals .professionals_slider .slick-dots{position: relative; bottom: auto;}
#professionals .professionals_slider .slick-dots li{width: 14px; height: 14px; border-radius: 1000px; overflow: hidden; margin: 0px;}
#professionals .professionals_slider .slick-dots li:not(:last-child){margin: 0 19px 0 0;}
#professionals .professionals_slider .slick-dots li button{width: 100%; height: 100%; background: #fff;}
#professionals .professionals_slider .slick-dots li.slick-active button{background: #002467;}
#professionals .professionals_slider .slick-dots li button:before{display: none;}

/* ----------------------------- #what ------------------------------- */
#what{padding: 75px 0 77px; overflow: hidden;}
#what .title_box h3 span.big{letter-spacing: 0.05em; font-size: 50px;}
#what .title_box p{font-size: 18px; padding: 43px 0 0;line-height: 200%;font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;}
#what .what_box{padding: 77px 0 0;}
#what .what_box .box{justify-content: space-between;}
#what .what_box .box:not(:last-child){margin: 0 0 78px;}
#what .what_box .box .img_box{position: relative;}
#what .what_box .box .img_box img{position: relative; z-index: 1;}
#what .what_box .box .img_box:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: -14px; right: -14px; background: #1A2D77;}
#what .what_box .box .text_box{padding: 28px 0 0;}
#what .what_box .box .text_box .title{display: flex; align-items: center;}
#what .what_box .box .text_box .title p{font-size: 14px;font-family: 'Noto-Sans-JP-Bold' , sans-serif; font-display: swap; text-align: center; line-height: 150%;color: #1A2D77;}
#what .what_box .box .text_box .title p span{font-family: neue-haas-grotesk-display, "Hiragino Kaku Gothic ProN", sans-serif; font-weight: 600; font-style: normal; font-display: swap; letter-spacing: 0.03em; font-size: 69px; line-height: 100%; }
#what .what_box .box .text_box .title h4{font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; font-size: 34px; line-height: 160%; padding: 20px 0 0 35px;}
#what .what_box .box .text_box .text{width: 504px; font-size: 18px; line-height: 200%; padding: 19px 0 0;}
#what .what_box .box.flex_right {flex-direction: row-reverse;}
#what .what_box .box.flex_right .text_box .text{width: 550px; }
#what .tt_big{text-align: center; padding: 104px 0 0;}
#what .tt_big span{font-size: 28px; font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; line-height: 168%;}

#what .handbook{background: linear-gradient(to right, #A8CEEF, #FFFFFF); position: relative; margin: 94px auto 0; padding: 46px 124px 46px; width: 1100px;}
#what .handbook img{position: absolute; left: 107px;top: -39px;}
#what .handbook .text_box{width: 420px; height: auto; text-align: center; margin: 0 0 0 auto;}
#what .handbook .text_box h4{font-size: 35px; font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 600; font-style: normal; line-height: 152%;}
#what .handbook .text_box p{text-align: center; line-height: 175%; padding: 28px 0 0;font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;}
#what .handbook .text_box a{width: 396px; display: block; margin: 28px auto 0;background: #000; border-radius: 100px; color: #fff; text-align: center; padding: 25px 0 26px; line-height: 160%; font-size: 18px;}

/* ----------------------------- #case ------------------------------- */
#case{padding: 113px 0 0;}
#case .title_box h3 span.big{font-size: 49px; font-weight: 400;}
#case .case_bg{background: url(../images/index/professionals_bg_2.png) no-repeat center top , url(../images/index/professionals_bg_3.png) no-repeat center bottom ,url(../images/index/case_bg_1.jpg) no-repeat center top; background-size: 100% ,100% ,cover; padding: 9.2% 0 9.1%;}
#case .case_bg .title_box p{font-size: 19px; padding: 35px 0 0; font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;}
#case .case_bg .list_box{flex-wrap: wrap; padding: 36px 0 0; width: 1028px; margin: 0 auto;}
#case .case_bg .list_box .box{width: 503px; border-radius: 20px ;background: #fff; margin-bottom: 20px;}
#case .case_bg .list_box .box .box_2{padding: 30px 31px 39px; }
#case .case_bg .list_box .box:not(:nth-child(2n)){margin-right: 21px;}
#case .case_bg .list_box .box .title{ align-items: center}
#case .case_bg .list_box .box .title h4{font-size: 16px; font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;line-height: 160%; padding: 0 0 0 23px;}
#case .case_bg .list_box .box .title h4 span{font-size: 22px; line-height: 160%;}
#case .case_bg .list_box .box p{width: 420px; margin: 0 auto; line-height: 200%; padding: 10px 0 0;}

/* ----------------------------- #company ------------------------------- */
#company{padding: 57px 0 0;}
#company .top_box{width: 950px; margin: 0 auto;}
#company .top_box .title_box h3 span.big{font-size: 49px; font-weight: 400;}
#company .top_box .tbe_box{padding: 54px 0 0; }
#company .top_box .tbe_box table{width: 100%;height: auto;}
#company .top_box table tr th,
#company .top_box table tr td{border-bottom: 1px solid #B4B4B4; text-align: left; padding: 40px 0; letter-spacing: 0.04em; line-height: 175%;}
#company .top_box table tr:first-child th,
#company .top_box table tr:first-child td{border-top: 1px solid #B4B4B4;}
#company .top_box table tr th{width: 198px;}

#company .bottom_box{padding: 94px 0 0;}
#company .bottom_box .bottom_box_bg{background:url(../images/index/professionals_bg_2.png) no-repeat center top , url(../images/index/professionals_bg_3.png) no-repeat center bottom , url(../images/index/company_bg_1.jpg) no-repeat center center; background-size: 100% ,100% ,cover; padding: 11.75% 0 49.4%;}
#company .bottom_box h4{text-align: center; line-height: 145%; font-size: 45px; font-family: shippori-mincho, Georgia, serif; font-display: swap; font-weight: 400; font-style: normal;}
#company .bottom_box .text{padding: 50px 0 0;}
#company .bottom_box .text p{line-height: 250%; font-size: 22px; text-align: center;}

/* ----------------------------- #contact ------------------------------- */
#contact{padding: 72px 0 119px;}

#contact .title_box h3 span.big{font-size: 49px; font-weight: 400;}
#contact .title_box p{padding: 50px 0 0;font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;} 
#contact .title_box p span{font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;line-height: 213%;color: #FF0000;}
#contact form{width: 866px; margin: 0 auto; padding: 38px 0 0;}
#contact form tr:not(:last-child) th,
#contact form tr:not(:last-child) td{padding: 0 0 28px;}
#contact form tr th{width: 200px; height: auto; font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;line-height: 180%; text-align: left;}
#contact form tr th span{color: #FF0000; font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;line-height: 180%;}
#contact form tr td input{background: #F4F4F4; line-height: 160%; font-family: 'Noto-Sans-JP-Medium' , sans-serif; font-display: swap;padding: 14px 17px 14px; border: none; width: 100%;}
#contact form tr td.td_box_1{padding: 0 13px 28px 0;}
#contact form tr td textarea{width: 100%; height: 314px; border: 1px solid #fff; background: #F4F4F4;padding: 14px 17px 14px; resize: none;}
#contact form tr.top th{vertical-align: top;}
#contact form tr td div{display: inline-block; position: relative;}
#contact form tr td div:not(:last-child){margin: 0 14px 0 0;}
#contact form tr td div input[type="radio"] {display: none;}
#contact form tr td div .sample_label {	position: relative;	padding-left: 23px;	cursor: pointer; font-size: 16px; line-height: 20px;}
#contact form tr td div .sample_label span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #707070; border-radius: 50%; background: #fff; transition: background 0.3s, border-color 0.3s;}
#contact form tr td div .sample_label span:after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #919191; opacity: 0;  width: 10px; height: 10px; border: 1px solid #707070; border-radius: 50%;  }
::placeholder{color: #C6C6C6;}
#contact form tr td div input[type="radio"]:checked + .sample_label span::after {opacity: 1; }

/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	/* ----------------------------- #fv ------------------------------- */
	.title_box h3 span.mini{font-size: 12px; padding: 0 0 14px;}
	.title_box h3 span.mini:before{width: 73px; }
	.title_box h3 span.big{font-size: 26px; padding: 15px 0 0;}
	.title_box p{font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap; font-size: 15px;line-height: 180%;}

	/* ----------------------------- #fv ------------------------------- */
	#fv{background: url(../images/index/fv_bg_3_sp.png) no-repeat center bottom,url(../images/index/fv_bg_1_sp.jpg) no-repeat center center; background-size: 100%,cover; position: relative; max-height: 586px; margin: 70px 0 0; padding: 34px 0 0;min-height: 100%; height: calc(100vh - 70px);}
	#fv h2{background: none; font-size: 18px; padding: 0;line-height: 178%;}
	#fv h2 span{font-size: 31px; background: url(../images/index/fv_bg_2.svg) no-repeat center center; background-size: 194px; margin: 0px;line-height: 168%; font-weight: 700; padding: 20px 0 36px;}
	#fv h2 ruby rt{font-size: 11px; padding: 0 0 2px;}
	/* ----------------------------- #about ------------------------------- */
	#about{padding: 50px 0 26px;}
	#about .title_box{width: 100%; padding: 0;}
	#about .title_box h3{text-align: center;}
	#about .title_box h3 span.mini{ padding: 0 0 14px;}
	#about .title_box h3 span.big{font-size: 26px;text-align: center; }
	#about .title_box p{padding: 29px 0 0; text-align: left;font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;line-height: 180%;}
	
	#about .img_box{margin: 30px 5% 0 0;}
	#about .img_box:before{width: 100%; height: 100%; bottom: -5%; right: -5%;}
	#about .list_box{padding: 32px 0 0;}
	#about .list_box .box:not(:last-child){margin: 0 0 36px;}
	#about .list_box .box h4{font-size: 22px; padding: 19px 0 0;}
	#about .list_box .box p{ font-size: 16px; padding: 8px 0 0;line-height: 180%;}
	
	/* ----------------------------- #professionals ------------------------------- */
	#professionals{background: url(../images/index/professionals_bg_2_sp.png) no-repeat center top , url(../images/index/professionals_bg_3_sp.png) no-repeat center bottom ,url(../images/index/professionals_bg_1_sp.jpg) no-repeat center top; background-size: 100% ,100% ,cover; padding: 24.95% 0 22.2%;}
	#professionals .title_box p{font-size: 15px; padding: 22px 0 0;line-height: 180%; text-align: left;}
	
	#professionals .professionals_slider_box .professionals_slider{margin: 43px 0 0;}
	#professionals .professionals_slider_box .professionals_slider .box{width: 297px; height: auto; margin-right: 32px; float: none;}
	#professionals .professionals_slider_box .professionals_slider .box .img_box:before{bottom: -5%; right: -5%; }
	#professionals .professionals_slider_box .professionals_slider .box .flex{ padding: 24px 0 0;}
	#professionals .professionals_slider_box .professionals_slider .box .flex img{margin: 0 auto; width: 139px; height: auto;}
	#professionals .professionals_slider_box .professionals_slider .box .flex .text_box{width: auto;; text-align: center;}
	#professionals .professionals_slider_box .professionals_slider .box .flex .text_box h4{ font-size: 20px; text-align: center; padding: 16px 0 0;}
	#professionals .professionals_slider_box .professionals_slider .box .flex .text_box a{font-size: 12px; padding: 6px 0 0; }
	#professionals .professionals_slider_box .professionals_slider .box .flex .text_box p{font-size: 13px; padding: 10px 0 0; font-family: 'Noto-Sans-JP-Regular' , sans-serif; font-display: swap;line-height: 180%;}
	#professionals .professionals_slider_box .professionals_slider .draggable{margin: 0 0 20px;}
	
	#professionals .professionals_slider_box{position: relative;}
	#professionals .professionals_slider_box .slick_btn{height: 45px; top: 70px; display: none;}
	#professionals .professionals_slider_box .slick_btn .slick-prev,
	#professionals .professionals_slider_box .slick_btn .slick-next{width: 45px; height: 45px;}
	#professionals .professionals_slider_box .slick_btn .slick-prev:before{ width: 12px; height: 12px; }
	#professionals .professionals_slider_box .slick_btn .slick-next:before{width: 12px; height: 12px;}
	
	#professionals .professionals_slider .slick-dots li{width: 10px; height: 10px; }
	#professionals .professionals_slider .slick-dots li:not(:last-child){margin: 0 27px 0 0;}
	
	/* ----------------------------- #what ------------------------------- */
	#what{padding: 34px 0 50px;}
	#what .title_box h3 span.big{letter-spacing: 0.05em; font-size: 26px;}
	#what .title_box p{font-size: 15px; padding: 35px 0 0; text-align: left; line-height: 180%;}
	#what .what_box{padding: 30px 0 0;}
	#what .what_box .box:not(:last-child){margin: 0 0 45px;}
	#what .what_box .box .img_box{width: 95%;}
	#what .what_box .box .img_box:before{bottom: -10px; right: -10px;}
	#what .what_box .box .text_box{padding: 25px 0 0;}
	#what .what_box .box .text_box .title p{font-size: 11px;}
	#what .what_box .box .text_box .title p span{font-size: 40px; }
	#what .what_box .box .text_box .title h4{font-size: 22px; padding: 10px 0 0 11px;}
	#what .what_box .box .text_box .text{width: 100%; font-size: 16px; line-height: 180%; padding: 7px 0 0;}
	#what .what_box .box.flex_right .text_box .text{width: 100%; }
	#what .tt_big{padding: 52px 0 0; }
	#what .tt_big span{font-size: 18px; display: inline-block;}
	#what .tt_big span:last-child{padding: 27px 0 0;}
	
	#what .handbook{margin: 50px auto 0; padding: 0 5% 78px; width: 100%; background: linear-gradient(to top, #c8e0f5 50%, #eff6fd 100%) left bottom; background-repeat: no-repeat; background-position: left bottom; background-size: 100% 93%; text-align: center;}
	#what .handbook img{position: relative; left: auto; top: auto; width: 90%; margin: 0 auto;}
	#what .handbook .text_box{width: 100%; height: auto; text-align: center; margin: 27px 0 0px;}
	#what .handbook .text_box h4{font-size: 24px;}
	#what .handbook .text_box p{padding: 24px 0 0;text-align: left; line-height: 180%;}
	#what .handbook .text_box a{width: 312px; margin: 28px auto 0;padding: 16px 0 17px; line-height: 160%;}
	
	/* ----------------------------- #case ------------------------------- */
	#case{padding: 60px 0 0;}
	#case .title_box h3 span.big{font-size: 26px;}
	#case .case_bg{background: url(../images/index/professionals_bg_2_sp.png) no-repeat center top , url(../images/index/professionals_bg_3_sp.png) no-repeat center bottom ,url(../images/index/case_bg_1_sp.jpg) no-repeat center top; background-size: 100% ,100% ,cover; padding: 24.5% 0 26.1%;}
	#case .case_bg .title_box{width: 90%; margin: 0 auto;}
	#case .case_bg .title_box p{font-size: 15px; padding: 25px 0 0; text-align: left;}
	#case .case_bg .list_box .slick-track{display: flex;}
	#case .case_bg .list_box{padding: 26px 0 0; width: 95%; margin: 0 0 0 auto;}
	#case .case_bg .list_box .box{width: 317px; margin-bottom: 0; margin-right: 20px; float: none; height: auto;}
	#case .case_bg .list_box .box .box_2{height: 100%; padding: 26px 20px 30px; }
	#case .case_bg .list_box .box:not(:nth-child(2n)){margin-right: 20px;}
	#case .case_bg .list_box .box .title{ align-items: center; display: flex;}
	#case .case_bg .list_box .box .title img{width: 100px; height: auto;}
	#case .case_bg .list_box .box .title h4{font-size: 14px; padding: 0 0 0 18px;}
	#case .case_bg .list_box .box .title h4 span{font-size: 19px; line-height: 123%;}
	#case .case_bg .list_box .box p{width: 100%; padding: 10px 0 0;line-height: 180%;}
	#case .case_bg .list_box .slick-dots { position: relative; bottom: auto; height: auto; margin: 10px 5% 0 0; width: auto;}
	#case .case_bg .list_box .slick-dots li{width: 10px; height: 10px; margin: 0px; background: #fff; border-radius: 1000px;}
	#case .case_bg .list_box .slick-dots li:not(:last-child){margin: 0 27px 0 0;}
	#case .case_bg .list_box .slick-dots li.slick-active{background: #002467;}
	#case .case_bg .list_box .slick-dots li button{width: 100%; height: 100%;}
	#case .case_bg .list_box .slick-dots li button:before{display: none;}
	
	/* ----------------------------- #company ------------------------------- */
	#company{padding: 57px 0 0;}
	#company .top_box{width: 100%;}
	#company .top_box .title_box h3 span.big{font-size: 26px;}
	#company .top_box .tbe_box{padding: 54px 0 0; }
	#company .top_box .tbe_box table{width: 100%;height: auto;}
	#company .top_box table tr th{display: block;border-bottom: none; padding: 17px 0 0;font-family: 'Noto-Sans-JP-Bold' , sans-serif; font-display: swap;line-height: 180%;}
	#company .top_box table tr td{ padding: 6px 0 17px; display: block; line-height: 180%;font-size: 15px;}
	#company .top_box table tr:first-child td{border-top: none;}
	#company .top_box table tr th{width: 100%;}
	
	#company .bottom_box{padding: 60px 0 0;}
	#company .bottom_box .bottom_box_bg{background:url(../images/index/professionals_bg_2_sp.png) no-repeat center top , url(../images/index/professionals_bg_3_sp.png) no-repeat center bottom , url(../images/index/company_bg_1_sp.jpg) no-repeat center center; background-size: 100% ,100% ,cover; padding: 25.2% 0 113.6%;}
	#company .bottom_box h4{font-size: 25px;}
	#company .bottom_box .text{padding: 26px 0 0;}
	#company .bottom_box .text p{line-height: 180%; font-size: 15px; text-align: center;}
	#company .bottom_box .text p:not(:last-child){padding: 0 0 31px;}
	
	/* ----------------------------- #contact ------------------------------- */
	#contact{padding: 40px 0 50px;}
	#contact .title_box h3 span.big{font-size: 26px;}
	#contact .title_box p{padding: 30px 0 0;line-height: 180%;} 
	#contact .title_box p span { line-height: 180%; font-size: 15px;}
	#contact form{width: 100%; padding: 19px 0 0;}
	#contact form tr.double_tr td{width: 49.4%;}
	#contact form tr th{width: 100%; display: block;padding: 0px 0px 8px 0px; line-height: 150%;}
	#contact form tr th span {line-height: 180%;}
	#contact form tr td{display: inline-block;width: 100%;}
	#contact form tr:not(:last-child) th{padding: 0px 0px 8px 0px;}
	#contact form tr:not(:last-child) td{padding: 0 0 14px;}
	#contact form tr td input{ padding: 13px 17px 14px; width: 100%;}
	#contact form tr td.td_box_1{padding: 0 2% 14px 0;}
	#contact form tr td textarea{width: 100%; height: 192px; padding: 14px 17px 14px; }
	#contact form tr.top th{vertical-align: top;}
	#contact form tr td div{margin: 0 14px 7px 0;}
	#contact form tr td div:not(:last-child){margin: 0 14px 7px 0;}
	#contact form tr td div .sample_label {	padding-left: 23px;	font-size: 14px;}
	#contact form tr td div .sample_label span { width: 16px; height: 16px; }
	#contact form tr td div .sample_label span:after{width: 10px; height: 10px; }
}