﻿@charset 'UTF-8';

/*-----------------------------------------------
		genki-kai (PC)
------------------------------------------------*/

/* =================== index.html =================== */
.upper{width: 1200px; padding: 10px 0 40px 0;}
.mg_main{width: 1200px;}
.mg_main .mg_ct{width: 1200px; height: 52px; margin: 0 0 20px 0; background: url(../images/bg_ct.png) no-repeat left bottom; border-bottom: 1px solid #f08c1e;}
.mg_ct_inner{display: block; width: 253px; font-size: 138.888%; color: #fff; font-weight: 400; padding: 15px 0 0 20px;}
.mg_new{padding: 0 0 25px 0;}
.mg_new .mg_new_l{float: left; width: 755px;}
.mg_new .mg_new_r{float: right; width: 420px;}
.mg_new .mg_new_l .mg_new_bnr{width: 755px;}
.mg_new .mg_new_l .mg_new_bnr img{width: 100%;}
.mg_new .tit{font-size: 177.777%; color: #39ae4a; font-weight: bold; line-height: 120%;}
.mg_new .lead{padding: 10px 0 5px 0;}
.read_btn_area_new{float: right; padding: 10px 30px 0 0;}

.read_btn_area_new.single_bt p.read_btn_special{ display:none;}/*20161207追加*/
.read_btn_area_new.single_bt{ float:none;}/*20161207追加*/

.read_btn_area_new p{float: left; width: 188px;}
.read_btn_area_new .read_btn_special{margin: 0 10px 0 0;}
.read_btn_area_new .read_btn_special a{display: block; width: 188px; height: 53px; background: url(../images/bt_read_special.gif) no-repeat; background-size: contain; text-indent: -9999px;}
.read_btn_area_new .read_btn_pdf a{display: block; width: 188px; height: 53px; background: url(../images/bt_read_pdf.gif) no-repeat; background-size: contain; text-indent: -9999px;}
.read_btn_area_new a:hover{filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7;}
.mg_list{width: 1200px;}
.mg_list .mg_ct{width: 1200px; height: 52px; margin: 0 0 0 0; background: url(../images/bg_ct.png) no-repeat left bottom; border-bottom: 1px solid #f08c1e;}
.mg_list ul{width: 1200px;}
.mg_list ul li{display: table; width: 1200px; padding: 0 0 0 0; border-bottom: 1px solid #cfcdcc;}
.mg_list .tit{display: table-cell; width: 700px; min-height: 50px; padding: 15px 30px 15px 50px; font-size: 144.444%; line-height: 140%; font-weight: bold; vertical-align: middle;}
.mg_list .tit .mg_num{display: inline-block; width: 80px; vertical-align: top; font-weight: bold;}
.mg_list .tit .mg_tit{display: inline-block; width: 610px; padding: 0 5px 0 5px; font-weight: bold;}
.mg_list .tit .mg_main_tit{padding: 0 5px 0 5px; font-weight: bold;}
.mg_list .tit .mg_sub_tit{display: inline-block; font-size: 76.92%; font-weight: bold; padding: 0 5px 0 5px;}
.read_btn_area{padding: 15px 30px 0 3px; width: 387px; height: 53px;}
.read_btn_area p{float: left; width: 188px;}
.read_btn_area .read_btn_special{margin: 0 10px 0 0;}
.read_btn_area .read_btn_special a{display: block; width: 188px; height: 53px; background: url(../images/bt_read_special.gif) no-repeat; background-size: contain; text-indent: -9999px;}
.read_btn_area .read_btn_pdf a{display: block; width: 188px; height: 53px; background: url(../images/bt_read_pdf.gif) no-repeat; background-size: contain; text-indent: -9999px;}
.read_btn_area a:hover{filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7;}
.single_bt .read_btn_special{ display:none;}/*20161207追加*/
.single_bt .read_btn_special a{width: 188px; margin: 0 0 0 199px;}/*20161129追加*/
.single_bt .read_btn_pdf a{width: 188px; margin: 0 0 0 199px;}
.mg_tt_btm{width: 100%; margin: 0 auto; padding: 20px 0 0 0; text-align: center; font-size: 120%; line-height: 140%; color: #000;}
.mg_tt_btm a img{ display:block; margin:10px auto 0 auto;}
.mg_tt_btm a:hover{ filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}
/* =================== // index.html =================== */

/* =================== noxxx.html =================== */
body#genkikai_spc #contents{line-height: 170%;}
#contents{padding: 0 0 35px 0;}
#contents span.space{display: block;}
.mg_main .main_pic{padding: 0 0 20px 0;}
.mg_main .mg_caption1{width: 100%; font-size: 200%; line-height: 120%; color: #39ae4a; padding: 5px 0 5px 25px; background: url(../../common/images/point.png) repeat-y; box-sizing: border-box;}
.mg_main .mg_caption2{width: 100%; font-size: 155.555%; line-height: 140%; color: #000; box-sizing: border-box;}
.mg_main .mg_caption3{width: 100%; font-size: 122.222%; color: #0071b5;}
.mg_main .mg_caption4{width: 100%; font-size: 144.444%; color: #fff; padding: 13px 15px 7px 15px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; box-sizing: border-box;}
.lead_cap{display: block; font-weight: bold;}
.small_cap{display: block; font-weight: bold; font-size: 66.666%;}
.mg_main .mg_text{width: 100%;}
/*インタビューレイアウト（PHOTO 左）*/
#left_image_interview .mg_box_interview{width: 1200px; padding: 12px 0 0 0;}
#left_image_interview .mg_box_interview .photo{float: left; width: 254px; margin: 0 0 0 0;}
#left_image_interview .mg_box_interview .photo img{width: 100%;}
#left_image_interview .mg_box_interview .infomation{float: left; width: 916px; padding: 0 0 0 30px;}
#left_image_interview .mg_box_interview .e1{display: block; width: 134px; padding: 4px 3px; margin: 5px 0 0 285px; font-size: 88.888%; text-align: center; border-radius: 100px / 26px; -webkit-border-radius: 100px / 26px; -moz-border-radius: 100px / 26px;}
#left_image_interview .mg_box_interview .e1-square{display: block; width: 896px; padding: 9px 10px 5px 10px; margin: 0 0 0 285px; font-size: 116.666%;}
#left_image_interview .mg_box_interview .e2{padding: 10px 3px; line-height: 200%; margin: 0 0 0 282px;}
#left_image_interview .mg_box_interview .e2 .e2-1{font-size: 116.666%;}
#left_image_interview .mg_box_interview .e2 .e2-2{font-size: 138.888%;}
#left_image_interview .mg_box_interview .infomation .e3{padding: 12px 10px; line-height: 145%; font-size: 88.888%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
/* // インタビューレイアウト（PHOTO 左）*/
/*インタビューレイアウト（PHOTO 右）*/
#right_image_interview .mg_box_interview{width: 1200px; padding: 12px 0 0 0;}
#right_image_interview .mg_box_interview .photo{float: right; width: 254px; margin: 0 0 0 0;}
#right_image_interview .mg_box_interview .photo img{width: 100%;}
#right_image_interview .mg_box_interview .infomation{float: left; width: 916px; padding: 0 0 0 0;}
#right_image_interview .mg_box_interview .e1{display: block; width: 134px; padding: 4px 3px; margin: 5px 0 0 0; font-size: 88.888%; text-align: center; border-radius: 100px / 26px; -webkit-border-radius: 100px / 26px; -moz-border-radius: 100px / 26px;}
#right_image_interview .mg_box_interview .e1-square{display: block; width: 896px; padding: 9px 10px 5px 10px; margin: 0 0 0 0; font-size: 116.666%;}
#right_image_interview .mg_box_interview .e2{padding: 10px 3px; line-height: 200%; margin: 0 0 0 0;}
#right_image_interview .mg_box_interview .e2 .e2-1{font-size: 116.666%;}
#right_image_interview .mg_box_interview .e2 .e2-2{font-size: 138.888%;}
#right_image_interview .mg_box_interview .infomation .e3{padding: 12px 10px; line-height: 145%; font-size: 88.888%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
/* // インタビューレイアウト（PHOTO 右）*/
.company_name{padding: 0 30px 0 0;}
.person_name{padding: 0 10px 0 15px; font-weight: bold; font-size: 116%;}
.person_name02{padding: 0 0.5em 0 0;}/*20190130*/
.person_post{}

.left_pic{float: left; width: 27%; margin: 0 32px 0 0;}
.left_pic img{width: 100%;}
.right_pic{float: right; width: 27%; margin: 0 0 0 32px;}
.right_pic2{float: right; width: 35%; margin: 0 0 0 32px;}
.right_pic img{width: 100%;}
.left_text{float: left; width: 70%;}
.right_text{float: right; width: 70%;}
.list_box{padding: 15px 20px;}
.list_box li{font-size: 122.222%; /*color: #0071b5;*/ list-style: decimal; padding: 0 0 0 10px; margin: 0 0 0 40px; line-height: 175%;}

.left_pic_half{float: left; width: 47.5%; margin: 0 4% 0 0;}
.left_pic_half img{width: 100%;}
.right_pic_half{float: right; width: 47.5%; margin: 0 0 0 4%;}
.right_pic_half img{width: 100%;}
.left_text_half{float: left; width: 48.5%;}
.right_text_half{float: right; width: 48.5%;}
.elements_box{margin: 0 0 0 0;}
.elements_box .pic img{width: 100%;}

.wide_s_text{padding: 0 2% 0 1.4%;}

/* =================== // noxxx.html =================== */
/*line*/
.mg_line{height: 1px; border-bottom: 1px solid #3d3d3d;}
.mg_dott_line{height: 1px; border-bottom: 1px dashed #3d3d3d;}

/*背景色*/
.bg_lightblue{background: #eaf5fc;}
.bg_lightgray{background: #e3e3e3;}
.bg_lightgreen{background: #d1f5d7;}
.bg_lightyellow{background: #fefbd5;}
.bg_deepblue{background: #036eb8;}
.bg_beige{background: #eeeae1;}
.bg_gray{background: #9c9c9c;}
.bg_brown{background: #c6945a;}
.bg_green{background: #6db07d;}
.bg_orange{background: #e95513;}
.bg_blue{background: #4083c8;}
/* // 背景色*/

/*枠線*/
.border_black{border: 1px solid #000;}
.border_gray{border: 1px solid #3d3d3d;}
.border_red{border: 1px solid #DD403A;}
.border_yellow{border: 1px solid #ffff50;}
.border_green{border: 1px solid #39AE4A;}
.border_fgreen{border: 1px solid #22AE73;}
.border_deepgreen{border: 1px solid #006837;}
.border_viridian{border: 1px solid #008B45;}
.border_deeporange{border: 1px solid #EA5A24;}
.border_orange{border: 1px solid #F08C1E;}
.border_deepyellow{border: 1px solid #F0BF00;}
.border_blue{border: 1px solid #4083c8;}

/*文字色*/
.tc_white{color: #fff;}
.tc_black{color: #000;}
.tc_gray{color: #3d3d3d;}
.tc_red{color: #DD403A;}
.tc_yellow{color: #ffff50;}
.tc_green{color: #39AE4A;}
.tc_fgreen{color: #22AE73;}
.tc_deepgreen{color: #006837;}
.tc_viridian{color: #008B45;}
.tc_deeporange{color: #EA5A24;}
.tc_orange{color: #F08C1E;}
.tc_deepyellow{color: #F0BF00;}
.tc_blue{color: #0071b5;}

/*Space*/
.per1{padding-bottom: 1%;}
.per1-half{padding-bottom: 1.5%;}
.per2{padding-bottom: 2%;}
.per2-half{padding-bottom: 2.5%;}
.per3{padding-bottom: 3%;}
.per3-half{padding-bottom: 3.5%;}
.per4{padding-bottom: 4%;}
.per4-half{padding-bottom: 4.5%;}
.per5{padding-bottom: 5%;}
.per5-half{padding-bottom: 5.5%;}
.per6{padding-bottom: 6%;}
.per6-half{padding-bottom: 6.5%;}
.per7{padding-bottom: 7%;}
.per7-half{padding-bottom: 7.5%;}
.per8{padding-bottom: 8%;}
.per8-half{padding-bottom: 8.5%;}
.per9{padding-bottom: 9%;}
.per9-half{padding-bottom: 9.5%;}
.per10{padding-bottom: 10%;}
.per10-half{padding-bottom: 10.5%;}
.per11{padding-bottom: 11%;}
.per11-half{padding-bottom: 11.5%;}
.per12{padding-bottom: 12%;}
.per12-half{padding-bottom: 12.5%;}
.per13{padding-bottom: 13%;}
.per13-half{padding-bottom: 13.5%;}
.per14{padding-bottom: 14%;}
.per14-half{padding-bottom: 14.5%;}
.per15{padding-bottom: 15%;}
.per15-half{padding-bottom: 15.5%;}
.per16{padding-bottom: 16%;}
.per16-half{padding-bottom: 16.5%;}
.per17{padding-bottom: 17%;}
.per17-half{padding-bottom: 17.5%;}
.per18{padding-bottom: 18%;}
.per18-half{padding-bottom: 18.5%;}
.per19{padding-bottom: 19%;}
.per19-half{padding-bottom: 19.5%;}
.per20{padding-bottom: 20%;}
.per20-half{padding-bottom: 20.5%;}


/*Space
.top_space10{padding-top: 10px;}
.top_space15{padding-top: 15px;}
.top_space20{padding-top: 20px;}
.top_space25{padding-top: 25px;}
.top_space30{padding-top: 30px;}
.top_space35{padding-top: 35px;}
.top_space40{padding-top: 40px;}
.top_space45{padding-top: 45px;}
.top_space50{padding-top: 50px;}
.top_space55{padding-top: 55px;}
.top_space60{padding-top: 60px;}

.bottom_space10{padding-bottom: 10px;}
.bottom_space15{padding-bottom: 15px;}
.bottom_space20{padding-bottom: 20px;}
.bottom_space25{padding-bottom: 25px;}
.bottom_space30{padding-bottom: 30px;}
.bottom_space35{padding-bottom: 35px;}
.bottom_space40{padding-bottom: 40px;}
.bottom_space45{padding-bottom: 45px;}
.bottom_space50{padding-bottom: 50px;}
.bottom_space55{padding-bottom: 55px;}
.bottom_space60{padding-bottom: 60px;}


.pc_space_v1{padding: 3px;}
.pc_space_v2{padding: 5px;}
.pc_space_v3{padding: 8px;}
.pc_space_v4{padding: 10px;}
.pc_space_v5{padding: 15px;}
.pc_space_v6{padding: 18px;}
.pc_space_v7{padding: 20px;}
.pc_space_v8{padding: 23px;}
.pc_space_v9{padding: 25px;}
.pc_space_v10{padding: 28px;}
.pc_space_v11{padding: 30px;}*/

/* No-28 */
ul.box5-2 li{ float:left; width:19.6%; margin-right: 0.5%; margin-bottom: 1em; background: #ee781f; text-align: center; color:#fff;}
ul.box5-2 li:nth-child(5n){ margin-right: 0%; }
ul.box5-2 li img{ width:100%; vertical-align: bottom}
ul.box5-2 li p{font-size:15px;}
.result_caselist,.stuff_comment{ font-size: 90%; line-height: 1.4;}
.result_caselist{ width:100%;}
.result_caselist tr td{padding: 0.5em 1em; box-sizing: border-box;}
.result_caselist tr td.ttl{ background: #ebe3bd; vertical-align: middle; text-align: center;border-bottom:1px solid #fff;}
.result_caselist tr:nth-last-child(2) td.ttl{border-bottom:1px solid #ebe3bd;}
.result_caselist tr td.conte{background: #4574ac; vertical-align: middle; text-align: left; color:#fff;}
.result_caselist tr td.result{background: #fff; vertical-align: middle; text-align: left; border-bottom:1px solid #fff; border-right:1px solid #ebe3bd;}
.result_caselist tr:nth-last-child(2) td.ttl,
.result_caselist tr:nth-last-child(1) td.result{border-bottom:1px solid #ebe3bd;}
.stuff_comment{ width:100%;}
.stuff_comment tr td,
.stuff_comment tr th{padding: 0.5em 1em; box-sizing: border-box; border-bottom:1px solid #fff;vertical-align: middle;}
.stuff_comment tr th{background: #bbdced;}
.stuff_comment tr th:nth-child(1){ border-right:1px solid #fff;}
.stuff_comment tr td.ttl{ background: #ebe3bd; vertical-align: middle; text-align: center; }
.stuff_comment tr td.conte{background: #f2f2f3; vertical-align: middle; text-align: left;}
h3.stuff_comment_ttl{background: #2660ad; color:#fff; padding: 0.5em 1.5em; font-weight: bold; line-height: 1;}
/* No-28 */