@charset 'UTF-8';

/*-----------------------------------------------
		About (PC)
------------------------------------------------*/
.ab_area{width: 1200px; padding: 20px 0 0 0;}
.upper{width: 1200px; padding: 10px 0 40px 0;}
.ab_lead{width: 930px; margin: 0 auto; padding: 40px 0 60px 0;}

/*Navigation*/
.list_nav{width: 100%; background: #ffffc8 url(../images/qa_bg_nav.gif) repeat-x 0 50%; padding: 2px 0; margin-bottom: 30px;}
.list_nav ul{display: block; width: 1215px; margin: 0 auto 0 auto; font-size: 111.111%; line-height: 100%;}
.list_nav ul li{display: inline-block; text-align: center; border-left: 1px solid #85bf3f; margin: 8px 0 8px 0;}
.list_nav ul li:first-child{border-left: none;}
.list_nav ul li:nth-child(5n){border-left: none;}
.list_nav ul span:hover{display: block; width: 286px; padding: 10px 0; color: #fff; font-weight: bold; text-decoration: none; background: #85bf3f; margin: 0 1px 0 9px; cursor: pointer;}
.areanav_on{display: block; text-align: center; width: 286px; height: 20px; padding: 10px 0; color: #fff; font-weight: bold; text-decoration: none; background: #85bf3f; margin: 0 1px 0 9px;}
.areanav_off{display: block; text-align: center; width: 286px; height: 20px; padding: 10px 0; color: #85bf3f; font-weight: bold; text-decoration: none; background: #ffffc8; margin: 0 1px 0 9px;}
/* // Navigation*/

/* =================== index.html =================== */
.ab_guide{position: relative; width: 1200px; margin: 0 0 10px 0; border: 2px solid #d2d921;}
.ab_guide .ab_guide_l{float: left; width: 1200px;}
.ab_guide .ab_guide_r{position: absolute; top: 42px; right: 20px; width: 197px;}
.area1{width: 1175px; padding: 15px 0 5px 25px; background: #85bf3f; border-bottom: 2px solid #d2d921;}
.area1_inner{width: 257px;}
.area1_inner img{width: 100%;}
.area2{width: 1020px; color: #008b45; font-size: 166.666%; font-weight: bold; padding: 20px 25px 15px 15px;}
.area3{width: 1000px;}
.area3 ul{width: 950px; padding: 0 20px 0 30px;}
.area3 li{float: left; width: 223px; margin: 0 16px 0 0; padding: 8px 0 6px 0; color: #fff; font-size: 122.222%; line-height: 130%; font-weight: bold; text-align: center; background: #f08c1e; border: 2px solid #ffd921; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; box-sizing: border-box;}
.area3 li:last-child{margin: 0 0 0 0;}
.area4{width: 1000px; color: #373737; font-size: 133.333%; font-weight: bold; padding: 18px 25px 30px 35px; line-height: 130%;}

.ab_area .upper .ab_box1{float: left; width: 382px; padding: 12px 0 0 0; margin: 0 27px 0 0;}
.ab_area .upper .ab_box2{float: right; width: 382px; padding: 12px 0 0 0;}
.ab_area .upper .ct{position: relative; height: 70px; background: url(../images/bg_ct.png) repeat-x 20px 0; font-size: 111.111%;}
.ab_area .upper .ct .ico{position: absolute; top: 0; left: 0;}
.ab_area .upper .ct .ct_inner{display: block; padding: 32px 0 0 110px;}
.ab_area .upper .tt{padding: 25px 10px 15px 20px;}

.ab_area .upper .ab_box{width: 1200px; padding: 15px 0 0 0;}
.ab_area .upper .ab_box li{float: left; width: 580px; margin-right: 40px; padding: 0 0 15px 0;}
.ab_area .upper .ab_box li:nth-child(2n){margin-right: 0;}
.ab_area .upper .ab_box3{padding: 25px 0 0 0;}
.ab_area .upper .ab_box3 .tt{float: left; width: 290px; padding: 0 0 0 35px;}
.ab_area .upper .ab_box3 .pt{float: left; width: 240px; padding: 0 0 0 15px;}

.pic1{width: 350px; margin: 0 auto 0 auto;}
.pic1 img{width: 100%;}
.pic2{width: 291px; margin: 0 auto;}
.pic2 img{width: 100%;}
.pic3{width: 361px; margin: 7px 0 0 20px;}
.pic3 img{width: 100%;}
.pic4{width: 126px;}
.pic4 img{width: 52.5%; margin: 0 0 0 55px;}
.pic5{width: 223px;}
.pic5 img{width: 92.916%; margin: 0 0 0 10px;}
.pic6{width: 147px;}
.pic6 img{width: 61.25%; margin: 0 0 0 45px;}
.pic7{width: 176px;}
.pic7 img{width: 73.333%; margin: 0 0 0 35px;}
.pic8{width: 135px;}
.pic8 img{width: 56.25%; margin: 0 0 0 45px;}
.pic9{width: 165px;}
.pic9 img{width: 100%;}
.pic10{width: 185px;}
.pic10 img{width: 100%;}

.cra_box_base{background: url(../images/pc_bg_nbox_mdl.gif) repeat-y;}
.cra_box_top{width: 1200px; height: 93px; background: url(../images/pc_bg_nbox_top.gif) no-repeat;}
.cra_box{width: 100%;}
.cra_box .cra_box_l{float: left; width: 550px; padding: 2px 17px 18px 15px; border-right: 1px solid #85bf3f;}
.cra_box .cra_box_r{float: left; width: 570px; padding: 0 15px 5px 30px;}
.cra_lead{display: block; font-size: 133.333%; color: #fff; padding: 37px 40px 0 60px;}
.cra_box .cra_in{padding: 20px 0 0 0;}
.cra_box .cra1_in_l{float: left; width: 165px; margin: 0 0 0 10px;}
.cra_box .cra2_in_l{float: left; width: 185px; margin: 0 0 0 0;}
.cra_box .cra1_in_r{float: left; width: 350px; padding: 9px 0 0 25px; line-height: 170%;}
.cra_box .cra2_in_r{float: left; width: 346px; padding: 9px 0 0 25px; line-height: 170%;}

.cra_box_btm{width: 1200px; height: 25px;}
.cra_nm1{text-align: center; padding: 0 15px 5px 10px; font-size: 122.222%; font-weight: bold; color: #000; line-height: 120%;}
.cra_nm2{text-align: center; padding: 0 15px 5px 0; font-size: 122.222%; font-weight: bold; color: #000; line-height: 120%;}
.pc_cra_nm3{text-align: center; font-size: 133.333%; font-weight: bold; color: #f08c1e;}
.sp_cra_nm3{text-align: center; font-size: 133.333%; font-weight: bold; color: #f08c1e;}

.cra_box_r .cra_nm{display: block; margin-top: -13px;}

.sp_idt1{font-weight: bold;}

/* =================== // index.html =================== */

/* =================== casestudy.html =================== */
.cs_box_list{width: 1062px; margin: 0 auto 0 auto;}
.cs_box_list ul{}
.cs_box_list ul li{float: left; width: 332px; margin: 0 22px 30px 0;}
.cs_box_list ul li:nth-child(3n){margin: 0 0 30px 0;}
.cs_box_list ul li a{display: block; width: 332px; min-height: 372px; background: #85bf3f; border: 1px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-sizing: border-box; text-decoration: none;}
.cs_box_list ul li a:hover{background: #f4a93b url(../images/bt_om.png) no-repeat right bottom; border: 1px solid #ff0;}
.cs_box_list .cs_area1{display: block; width: 282px; margin: 0 auto; padding: 25px 0 12px 0; border-bottom: 1px solid #fff; text-align: center;}
.cs_box_list .cs_area1 .ct{display: inline-block; width: 22.7%; vertical-align: middle; margin: 0 10px 0 0;}
.cs_box_list .cs_area1 .ct img{width: 100%;}
.cs_box_list .cs_area1 .num{display: inline-block; width: 22.34%; vertical-align: middle;}
.cs_box_list .cs_area1 .num img{width: 100%;}
.cs_box_list .cs_area2{display: block; width: 275px; margin: 0 auto; padding: 20px 0; font-size: 122.222%; color: #fff; font-weight: bold; letter-spacing: 0.1em;}
/* =================== // casestudy.html =================== */

/* =================== casestudy0x.html =================== */
.ab_main{width: 1200px; margin: 0 0 10px 0;}
.ab_main_l{float: left; width: 372px;}
.ab_main_r{float: left; width: 828px;}
.cs_box{width: 332px; min-height: 372px; margin: 6px 0 30px 0; background: #f4a93b; border: 1px solid #ff0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-sizing: border-box;}
.cs_box .cs_area1{display: block; width: 282px; margin: 0 auto 0 auto; padding: 25px 0 12px 0; border-bottom: 1px solid #fff; text-align: center;}
.cs_box .cs_area1 .ct{display: inline-block; width: 22.7%; vertical-align: middle; margin: 5px 10px 0 0;}
.cs_box .cs_area1 .ct img{width: 100%;}
.cs_box .cs_area1 .num{display: inline-block; width: 22.34%; vertical-align: middle;}
.cs_box .cs_area1 .num img{width: 100%;}
.cs_box .cs_area2{display: block; width: 275px; margin: 0 auto; padding: 20px 0 20px 0; font-size: 122.222%; color: #fff; letter-spacing: 0.1em;}
.cs_box .cs_area2_inner{font-weight: bold;}
.cs_backlist_btn{width: 330px;}
.cs_backlist_btn a{display: block; width: 100%; min-height: 67px; background: url(../images/bt_tolist.png) no-repeat; background-size: 100%; text-indent: -9999px;}
.cs_backlist_btn a:hover{filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7;}

.ab_main_text{font-size: 111.111%; line-height: 170%; padding: 0 0 20px 0;}
.ab_ad{width: 828px;}
.ab_ad .ab_ad_l{position: relative; float: left; width: 703px; margin: 0 0 30px 0;}
.ab_ad .ab_ad_l .ab_ad_arw{position: absolute; top: 30px; right: -20px; width: 21px;}
.ab_ad .ab_ad_r{float: right; width: 99px; margin-right: 15px;}
.ab_ad .ab_ad_r img{width: 100%;}
.ab_ad_base{padding: 10px 15px; background: #85bf3f; border: 1px solid #d2d921; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-sizing: border-box;}
.ab_ad_area1{width: 227px;}
.ab_ad_area1 img{width: 100%;}
.ab_ad_area2{width: 100%; padding: 1% 3%; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-sizing: border-box;}
.ab_ad_area2 .ab_ad_text{font-size: 111.111%; color: #ea5a24; font-weight: bold; line-height: 135%;}

.ab_main .details_box{position: relative; width: 828px; padding: 25px 0 30px 0;}
.ab_main .ct_base{position: absolute; top: 0; left: 0; display: table; min-width: 60%; padding: 0 5% 0 1.5%; box-sizing: border-box; height: 41px; background: url(../images/bg_ct01.png) no-repeat right; background-size: 150%;}
.ab_main .ct_base .ct1{width: 27px; display: table-cell; vertical-align: middle; padding: 6px 0 0 0;}
.ab_main .ct_base .ct1 img{width: 100%;}
.ab_main .ct_base .ct2{display: table-cell; vertical-align: middle; font-size: 111.111%; line-height: 140%; color: #fff; font-weight: bold; padding: 1% 0 1% 2%;}
.ab_main .ab_ct_text1{padding: 5% 15px 3% 15px; margin: -5px 0 0 0; color: #000; background: #ebf4e2; line-height: 170%;}
.ab_main .ab_ct_text2{padding: 6% 15px 3% 15px; margin: 8px 0 0 0; color: #000; background: #ebf4e2; line-height: 170%;}/*「.ct2」が２行になった場合「.ab_ct_text2」にする*/
/* =================== casestudy0x.html =================== */

/* =================== qa.html =================== */
.qa_lead{width: 930px; margin: 0 auto; padding: 40px 0 30px 0;}
#qa_contents{width: 1200px; margin: 0 auto;}
#qa_list{width: 1200px; padding: 20px 0 20px 0; margin: 0 auto;}
#qa_list ul{margin: 0 auto;}
.list_tit{width: 1150px; background: #85bf3f; padding: 9px 25px 9px 25px; color: #fff; font-size: 133.333%; font-weight: bold;}
#qa_list_inner{width: 1200px;}
#qa_list_inner li{border-bottom: 1px solid #85bf3f;}
#qa_list_inner li:last-child{border-bottom: none;}
.qbox{display: table; padding: 25px 0; cursor: pointer;}
.abox{padding: 25px 0; border-top: 1px solid #85bf3f; background: #f8fdf2;}
.q_ico{display: table-cell; width: 41px; padding: 0 20px 0 20px; line-height: 100%; vertical-align: top;}
.a_ico{display: table-cell; width: 41px; padding: 0 20px 0 20px; line-height: 100%; vertical-align: top;}
.q_text{display: table-cell; width: 1024px; padding: 0 30px 0 10px; font-size: 133.333%; line-height: 135%; vertical-align: middle;}
.a_text{display: table-cell; width: 1024px; padding: 0 84px 0 10px; line-height: 160%; vertical-align: middle;}
#pm{position: relative; display: block; width: 54px;}
#pm .qa_bt_open{position: absolute; top: 0; left: 0; display: block; width: 34px; height: 33px; padding: 0 20px 0 0; background: url(../images/ico_plus.gif) no-repeat 0 50%; text-indent: -9999px; z-index: 2;}
#pm .qa_bt_close{position: absolute; top: 0; left: 0; display: block; width: 34px; height: 33px; padding: 0 20px 0 0; background: url(../images/ico_minus.gif) no-repeat 0 50%; text-indent: -9999px; z-index: 1;}
/* =================== // qa.html =================== */