@charset "UTF-8";

.contents_news h1,.contents_contact h1,.contents_office h1,.contents_gallery h1,.contents_company h1,
.contents_fee h1,.contents_staff h1,.contents_faq h1{background:none 50% 50% no-repeat;height:50px;margin-bottom:50px;}

.contents_news h1{background-image:url(../images/title_news.png?id=0);}
.contents_contact h1{background-image:url(../images/title_contact.png?id=0);}
.contents_office h1{background-image:url(../images/title_office.png?id=0);}
.contents_company h1{background-image:url(../images/title_company.png?id=0);}
.contents_gallery h1{background-image:url(../images/title_gallery.png?id=0);}
.contents_fee h1{background-image:url(../images/title_fee.png?id=0);}
.contents_staff h1{background-image:url(../images/title_staff.png?id=0);}
.contents_faq h1{background-image:url(../images/title_faq.png?id=0);}


/*** お知らせ ***/
.contents_news{}
.contents_news .box{padding:27px;margin-bottom:40px;border:3px solid #cdcdcd;background-color:#fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.contents_news .date{/** font-size:14px; **/font-size:94%;}
.contents_news h2{/** font-size:24px; **/font-size:160%;font-weight:bold;margin-bottom:30px;}
.contents_news .text{line-height:1.7;}
.contents_news .text img{max-width:100%;}

/*** お問い合わせ ***/
.contact_privacy h3{/** font-size:24px; **/font-size:160%;font-weight:bold;text-align:center;margin-bottom:20px;}
.contact_privacy .box{border:3px solid #cdcdcd;width:660px;margin-right:auto;margin-left:auto;padding:20px;background-color:#fff;}
.contact_privacy .in_box{height:400px;overflow-y:scroll;}

/*** 事務所一覧 ***/
.contents_office .explain{margin-bottom:40px;}
.contents_office .category{margin-bottom:40px;text-align:center;}
.contents_office .category li{display:inline-block;padding:0 10px;}
.contents_office .category li a{display:block;text-align:center;width:220px;padding:20px 0;font-size:18px;font-weight:bold;border-bottom:2px solid #fff;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .category li a:hover{color:#fff;}
.contents_office .category li.type_01 a{background-color:#FF9C00;border-color:#f16c03;}
.contents_office .category li.type_01 a:hover{background-color:#f16c03;}
.contents_office .category li.type_02 a{background-color:#C4D70F;border-color:#afbe25;}
.contents_office .category li.type_02 a:hover{background-color:#afbe25;}
.contents_office .category li.type_03 a{background-color:#67C0EB;border-color:#41afe5;}
.contents_office .category li.type_03 a:hover{background-color:#41afe5;}

.contents_office .section{margin-bottom:20px;}
.contents_office .section h2{/** font-size:24px; **/font-size:160%;padding:10px 30px;background:#cdcdcd;border-bottom:3px solid #cdcdcd;font-weight:bold;margin-bottom:40px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .section .area{margin-right:-40px;}
.contents_office .section .box{width:430px;padding:0 20px;text-align:center;margin-right:40px;padding-bottom:40px;}
.contents_office .section .box .image{width:320px;height:320px;margin:0 auto;background:none no-repeat 50% 50% #fff;border:5px solid #cdcdcd;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .section .box .bg_image{background-image: url(../images/no_image.jpg);}
.contents_office .section .box .title{/** font-size:21px; **/font-size:140%;padding:15px 0;font-weight:bold;}
.contents_office .section .box .address,
.contents_office .section .box .tel{text-align:left;margin-right:-10px;}
.contents_office .section .box .name{/** font-size:14px; **/font-size:94%;display:inline-block;margin-right:5px;}
.contents_office .section .box .btn{padding-top:5px;}
.contents_office .section .box .btn a{background:#cdcdcd;color:#fff;text-align:center;display:block;padding:5px;width:140px;font-weight:bold;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}

.contents_office .section.type_01 h2,.contents_office .section.type_01 .box .btn a{background-color:#FF9C00;}
.contents_office .section.type_01 h2{border-color:#f16c03;}

.contents_office .section.type_02 h2,.contents_office .section.type_02 .box .btn a{background-color:#C4D70F;}
.contents_office .section.type_02 h2{border-color:#afbe25;}

.contents_office .section.type_03 h2,.contents_office .section.type_03 .box .btn a{background-color:#67C0EB;}
.contents_office .section.type_03 h2{border-color:#41afe5;}

.contents_office .another{padding:47px 0;background:url(../images/bg_slash.jpg);}
.contents_office .another .inner{background:#fff;padding:47px 55px 20px;width:870px;margin-right:auto;margin-left:auto;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .another h2{background:#022D93;color:#fff;padding:5px 0;font-weight:bold;/** font-size:24px; **/font-size:160%;text-align:center;margin-bottom:30px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .another .area{margin-right:-30px;}
.contents_office .another .box{width:380px;margin-right:30px;margin-bottom:30px;padding:0 20px;}
.contents_office .another .box .image{width:320px;height:320px;margin:0 auto;background:none no-repeat 50% 50%;border:5px solid #cdcdcd;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_office .another .box .bg_image{background-image: url(../images/no_image.jpg);}
.contents_office .another .box .title{/** font-size:21px; **/font-size:140%;padding:15px 0;font-weight:bold;text-align:center;}
.contents_office .another .box .address{text-align:left;}
.contents_office .another .box .tel{text-align:left;}
.contents_office .another .box .name{/** font-size:14px; **/font-size:94%;display:inline-block;margin-right:5px;}
.contents_office .another .box .btn{padding-top:5px;}
.contents_office .another .box .btn a{background:#022D93;color:#fff;text-align:center;display:block;padding:5px;width:140px;font-weight:bold;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}

/*** イベント・ギャラリー ***/
.contents_gallery ul{margin-right:-40px;}
.contents_gallery li{width:300px;margin-bottom:40px;margin-right:40px;}
.contents_gallery li a > span{display:block;}
.contents_gallery li .image{width:300px;height:300px;background:none 50% 50% no-repeat #C5D70F;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.contents_gallery li .date{padding:10px 0 5px;}
.contents_gallery li .title{/** font-size:18px; **/font-size:120%;font-weight:bold;}

/*** 会社概要 ***/
.company_info{}
.company_info .box{display:table;margin-bottom:40px;}
.company_info .box > p{display:table-cell;vertical-align:middle;padding:0 20px;}
.company_info .box > .image{width:300px;}
.company_info .box > .text{width:940px;text-align:center;line-height:1.7;/** font-size:18px; **/font-size:120%;}
.company_info .box.on_img > p.text{width:600px;vertical-align:middle;padding:20px;}

.company_info table{width:834px;margin:0 auto 50px;border:3px solid #cdcdcd;background:#fff;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.company_info th,.company_info td{padding:20px 40px;border-bottom:1px dashed #cdcdcd;vertical-align:top;}
.company_info th{font-weight:bold;width:100px;}
.company_info th,.company_info th{}

.company_info .map{width:100%;height:420px;}
.company_info .map iframe{position:relative;width:100%;height:100%;}

.company_recruit{padding:67px 0;background:url(../images/bg_slash3.jpg);}
.company_recruit .inner{background:#fff;padding:47px 55px 20px;width:870px;margin-right:auto;margin-left:auto;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.company_recruit h2{background:#C4D70F;color:#fff;padding:5px 0;font-weight:bold;/** font-size:24px; **/font-size:160%;text-align:center;margin-bottom:30px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.company_recruit .explain{margin-bottom:40px;text-align:center;}

.company_recruit h3{/** font-size:24px; **/font-size:160%;text-align:center;color:#afbe25;margin-bottom:30px;font-weight:bold;border-bottom:2px solid #afbe25;padding:5px;}
.company_recruit .text{margin-bottom:30px;text-align:center;}
.company_recruit ul{text-align:center;}
.company_recruit li{display:inline-block;padding:0 10px 10px;}
.company_recruit li a{background:#C4D70F;color:#fff;display:block;padding:10px 20px;min-width:100px;font-weight:bold;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.company_recruit .box{padding:30px 0;}
.company_recruit h4{/** font-size:18px; **/font-size:120%;font-weight:bold;margin-bottom:20px;text-align:center;}
.company_recruit table{width:740px;margin-right:auto;margin-left:auto;border-top:1px dashed #cdcdcd;}
.company_recruit th,.company_recruit td{padding:20px 30px;border-bottom:1px dashed #cdcdcd;vertical-align:top;}
.company_recruit th{font-weight:bold;width:100px;}


/** 料金・ご利用の流れ **/
.contents_fee .cont_text{text-align:center;font-size:120%;}
.fee_fee{margin-bottom:60px;}
.contents_fee h2,.fee_fee h2{margin-bottom:30px;background:url(../images/title_charge.png) no-repeat 50% 50%;height:35px;}
.fee_fee .explain{text-align:center;/** font-size:18px; **/font-size:120%;margin-bottom:40px;}

.fee_fee .calculate{background: url(../images/home_about_bg.png) no-repeat center bottom;width: 728px;margin: 0 auto 60px;padding-bottom: 30px;}
.fee_fee .calculate .inner{padding: 25px 10px 20px;background: #eee;}
.fee_fee .calculate h3{/** font-size:21px; **/font-size:140%;margin-bottom:22px;text-align:center;font-weight:bold;}
.fee_fee .calculate p{/** font-size:18px; **/font-size:113%;font-weight:bold;}

.fee_fee .case{margin-bottom:60px;}
.fee_fee .case .area{margin-right:-30px;margin-bottom:30px;}
.fee_fee .case .box{width:425px;margin-right:30px;border:5px solid #67c0eb;padding:20px;background-color:#fff;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.fee_fee .case .box h3{/** font-size:18px; **/font-size:120%;margin-bottom:20px;text-align:center;font-weight:bold;}
.fee_fee .case .box p{line-height:1.7;}
.fee_fee .case .worn{text-align:center;}

.fee_fee .limit .text{margin-bottom:20px;text-align:center;/** font-size:18px; **/font-size:120%;}
.fee_fee .limit table{width:798px;border-top:5px solid #c5d70f;border-left:5px solid #c5d70f;margin:0 auto 30px;background-color:#fff;}
.fee_fee .limit th,.fee_fee .limit td{padding:20px;border-right:5px solid #c5d70f;border-bottom:5px solid #c5d70f;}
.fee_fee .limit th{/** font-size:18px; **/font-size:120%;text-align:center;font-weight:bold;}
.fee_fee .limit td{}
.fee_fee .limit .worn{text-align:center;}

.fee_flow{padding:67px 0;background:url(../images/bg_slash2.jpg);}
.fee_flow h2{margin:-20px 0 20px;background:url(../images/title_flow.png) no-repeat 50% 50%;height:35px;}
.fee_flow .inner{background:#fff;padding:47px 55px 20px;width:870px;margin-right:auto;margin-left:auto;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.fee_flow dt{border-bottom:2px solid #cdcdcd;padding:5px 5px 5px 41px;/** font-size:18px; **/font-size:120%;font-weight:bold;/*height:1.3;*/}
.fee_flow dt .num{float:left;background:#FF9C00;color:#fff;font-weight:bold;vertical-align:middle;margin-left:-36px;text-align:center;width:26px;height:26px;display:table-cell;margin-right:10px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.fee_flow dd{padding:20px 20px 40px;position:relative;}

/*** スタッフ紹介 ***/
.contents_staff .box{width:800px;margin:0 auto 60px;}
.contents_staff .image{width:300px;height:300px;border:5px solid #fff;background:none no-repeat 50% 50% #fff;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);}
.contents_staff .text{width:100%;padding:30px 0;}
.contents_staff .on_img .text{width:460px;}
.contents_staff .image{float:left;display:inline;
-o-transform: rotate(-1deg);-ms-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);transform: rotate(-1deg);}
.contents_staff .text{float:right;display:inline;}
.contents_staff .even .image{float:right;
-o-transform: rotate(1deg);-ms-transform: rotate(1deg);-moz-transform: rotate(1deg);-webkit-transform: rotate(1deg);transform: rotate(1deg);}
.contents_staff .even .text{float:left;}
.contents_staff h2{/** font-size:24px; **/font-size:160%;margin-bottom:5px;font-weight:bold;line-height:1.1;}
.contents_staff .kana{}
.contents_staff .comment{margin-top:20px;}

/*** よくある質問 ***/
.contents_faq dl{border:3px solid #FF9C00;border-bottom:3px solid #f16c03;margin-bottom:40px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}

.contents_faq dt,.contents_faq dd{padding:30px 45px 30px 60px;}
.contents_faq dt{background:#FF9C00;color:#fff;/** font-size:18px; **/font-size:120%;position:relative;font-weight:bold;}
.contents_faq dt:after{content:"+";color:#fff;font-size:30px;position:absolute;top:15px;right:20px;font-weight:bold;width:20px;height:20px;text-align:center;}
.contents_faq dd{background:#fff;position:relative;overflow:hidden;padding:0px 30px 0 60px;height:0;}
.contents_faq .q,.contents_faq .a{font-size:30px;font-weight:bold;position:absolute;top:20px;left:20px;}
.contents_faq .q{}
.contents_faq .a{color:#f16c03;top:-40px;}
.contents_faq dl.open dt:after{content:"-";}
.contents_faq dl.open dd{padding:30px 30px 30px 60px;height:auto;}
.contents_faq dl.open dd .a{top:20px;}
.contents_faq dl:hover{cursor:pointer;}
.contents_faq dt:after,.contents_faq dd,.contents_faq .a{-moz-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;-ms-transition: all .3s ease-in;transition: all .3s ease-in;}