@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese');

/* CSS Document */
/****************************************************************************	
	body設定
*****************************************************************************/
body {
    color: #000;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    line-height: 25px;
    text-align: center;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

h2,
h3,
h4 {
    text-align: left;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

img[src$=".svg"] {
    width: 100%;
}

#page {
    font-size: 100%;
    overflow: hidden;
}

#container {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: block;
}

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.noto {
    font-family: 'Noto Sans JP', sans-serif;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/****************************************************************************	
	コンテンツ設定
*****************************************************************************/

#container_sp {
    display: none;
}

#footer_sp {
    display: none;
}

.sp_display2 {
    display: block;
}

/* ========== リニューアル =========== */
#head_sp {
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #6EA00A;
    display: none;
}

#head_sp .top {
    width: 70%;
}

#head_sp .top .logo {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

#head_sp .top .logo > a {
    display: block;
    padding: 20px 10% 10px;
}

#head_sp .bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#head_sp .bottom .map {
    width: 50%;
}

#head_sp .bottom .map:first-child {
    border-right: 1px solid #CCCCCC;
}

#head_sp .bottom .map > a {
    display: block;
    padding: 13px 15%;
}

#head_sp .bottom .map > a > img {
    width: 100%;
}

#head_sp .menu {
    background-color: #6EA00A;
    width: 30%;
}

#head_sp .menu > a {
    display: block;
    padding: 7vw 30% 0;
}

#slider_area_sp .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

#slider_area_sp .swiper-container {
    padding-bottom: 34px;
}

.tel_area_sp {
    margin: 30px auto;
    width: 90%;
}

.tel_area_sp > .bnr_area {
    margin-bottom: 30px;
}

.tel_area_sp > .bnr_area:nth-child(2) {
    margin-bottom: 10px;
}

.tel_area_sp > .bnr_area img {
    width: 100%;
}

.blue_area_sp {
    background-color: #DCEBF7;
    margin: 30px auto;
    padding: 10px 2%;
}

.blue_area_sp .black_title {
    color: #303030;
    font-size: 28px;
    font-weight: 700;
    padding-top: 15px;
    text-align: center;
}

.blue_area_sp .survey_item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 20px auto;
    width: 100%;
}

.blue_area_sp .survey_item > li {
    background-color: #fff;
    border-radius: 10px;
    margin: 10px auto;
    padding: 20px 3% 10px;
    width: 47%;
}

.blue_area_sp .survey_item > li > .image {
    margin: auto;
    padding: 0 20%;
}

.blue_area_sp .survey_item > li > .image img {
    width: auto;
    max-height: 100px;
    height: auto;
}

.blue_area_sp .survey_item > li > .btn {
    display: block;
    margin-top: 20px;
}

.blue_area_sp .survey_item > li > .btn > img {
    width: 100%;
}

.white_area_sp {
    margin: 20px auto;
    text-align: center;
}

.white_area_sp .image {
    margin: 20px auto;
}

.white_area_sp .image_area img {
    width: 100%;
}

.white_area_sp .image_area2 {
    margin: auto;
    width: 94%;
}

.white_area_sp .image_area2 img {
    width: 100%;
}

.white_area_sp .image_area3 {
    margin: 30px auto;
    width: 80%;
}

.white_area_sp .image_area3 img {
    width: 100%;
}

.white_area_sp .blue_area {
    background-color: #DCEBF7;
    margin: 20px auto;
    padding: 20px 0;
}

.white_area_sp .blue_area .side_line {
    margin: 20px auto;
}

.white_area_sp .blue_area .side_line li {
    display: inline-block;
    margin: 0 1%;
    width: 29%;
}

.white_area_sp .blue_area .side_line li img {
    width: 100%;
}

.white_area_sp .blue_area .inves_list {
    margin: auto;
    width: 90%;
}

.white_area_sp .blue_area .inves_list > li {
    background-color: #FFF;
    border-radius: 10px;
    margin: 30px auto;
    padding: 20px 3%;
}

.white_area_sp .blue_area .inves_list > li .icon {
    margin: 20px auto;
}

.white_area_sp .blue_area .inves_list > li .name {
    color: #303030;
    font-size: 28px;
    font-weight: 700;
}

.white_area_sp .blue_area .inves_list > li .image {
    margin: 30px auto;
}

.white_area_sp .blue_area .inves_list > li .image > img {
    width: 100%;
}

.white_area_sp .blue_area .inves_list > li .catch {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
}

.white_area_sp .blue_area .inves_list > li .catch::before {
    content: url(../img/renew_top/top_img48.png);
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.white_area_sp .btn_area {
    margin: 24px auto;
    width: 90%;
}

.white_area_sp .btn_area img {
    width: 100%;
}

.white_area_sp .text_area {
    padding: 10px 3%;
    text-align: left;
    width: 94%;
}

.white_area_sp .text_area .txt_center {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.6;
    margin: 10px auto;
    text-align: center;
}

.white_area_sp .text_area .main_text {
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 1.8;
    margin: 10px auto;
}

.white_area_sp .line_box {
    border: 2px solid #6EA00A;
    margin: 20px auto;
    width: 94%;
}

.white_area_sp .line_box .top img {
    width: 100%;
}

.white_area_sp .line_box .bottom {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2;
    padding: 10px 10px 20px;
}

.white_area_sp .link_area {
    margin: 50px auto;
    text-align: left;
    width: 90%;
}

.white_area_sp .link_area > li {
    display: inline-block;
    margin: 15px 1% 0;
    width: 47%;
}

.white_area_sp .link_area > li:first-child {
    margin-top: 0;
}

.white_area_sp .link_area > li img {
    width: 100%;
}

.blue_area_sp .image_area3 {
    margin: 30px auto;
    width: 80%;
}

.blue_area_sp .image_area3 img {
    width: 100%;
}

.blue_area_sp .request_flow > li {
    background-color: #fff;
    border-radius: 10px;
    margin: 20px auto 120px;
    padding: 20px 2%;
    position: relative;
}

.blue_area_sp .request_flow > li::after {
    content: url(../img/renew_top/top_icon11.png);
    margin: auto;
    position: absolute;
    right: 0;
    bottom: -90px;
    left: 0;
    width: 60px;
    height: 60px;
}

.blue_area_sp .request_flow > li:last-child {
    margin-bottom: 20px;
}

.blue_area_sp .request_flow > li:last-child::after {
    content: '';
}

.blue_area_sp .request_flow > li .img_icon {
    margin: 10px auto;
    width: 32px;
}

.blue_area_sp .request_flow > li .img_icon img {
    width: 100%;
}

.blue_area_sp .request_flow > li .f_title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.001em;
    margin: 10px auto;
}

.blue_area_sp .request_flow > li .side_line {
    margin: 20px auto;
}

.blue_area_sp .request_flow > li .side_line li {
    display: inline-block;
    margin: 0 1%;
    width: 29%;
}

.blue_area_sp .request_flow > li .side_line li img {
    width: 100%;
}

.blue_area_sp .request_flow > li .f_note {
    font-size: 16px;
    letter-spacing: 0.001em;
    line-height: 1.5;
    margin: 10px auto;
}

.blue_area_sp .request_flow > li .l_note {
    font-size: 16px;
    letter-spacing: 0.001em;
    line-height: 1.8;
    margin: 10px auto;
    text-align: left;
}

.blue_area_sp .request_flow > li .image_area img {
    width: 100%;
}

.blue_area_sp .request_flow > li .image_area2 {
    margin: 20px auto;
}

.blue_area_sp .request_flow > li .point_list {
    margin: 30px auto;
}

.blue_area_sp .request_flow > li .point_list > li {
    font-size: 15px;
    margin: 12px auto;
    position: relative;
    text-align: left;
    padding-left: 2em;
}

.blue_area_sp .request_flow > li .point_list > li span {
    font-size: 14px;
}

.blue_area_sp .request_flow > li .point_list > li::before {
    content: '';
    background-image: url(../img/renew_top/top_icon09.png);
    background-size: cover;
    margin: auto;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 21px;
    height: 20px;
}

.blue_area_sp .request_flow > li .point_list2 {
    margin: 30px auto;
}

.blue_area_sp .request_flow > li .point_list2 > li {
    font-size: 15px;
    margin: 12px auto;
    position: relative;
    text-align: left;
    padding-left: 2em;
}

.blue_area_sp .request_flow > li .point_list2 > li span {
    font-size: 14px;
}

.blue_area_sp .request_flow > li .point_list2 > li::before {
    content: '';
    background-image: url(../img/renew_top/top_icon10.png);
    background-size: cover;
    margin: auto;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 21px;
    height: 20px;
}

.blue_area_sp .request_flow > li .r_title {
    color: #E60012;
    font-size: 24px;
}

.green_area_sp {
    background-color: #6EA00A;
    padding: 30px 0;
}

.green_area_sp .icon {
    margin: 0 auto 20px;
}

.green_area_sp .caption {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.green_area_sp .rn_list {
    display: flex;
    margin: 30px auto 0;
}

.green_area_sp .rn_list > li {
    margin: 0 2%;
    width: 46%;
}

.green_area_sp .rn_list > li img {
    width: 100%;
}

.green_area_sp .rn_list > li .note {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 10px;
}

.white_area_sp .logo {
    margin: 50px auto 0;
    width: 80%;
    max-width: 300px;
}

.white_area_sp .foot_add {
    font-size: 20px;
    line-height: 1.5;
}

.white_area_sp .foot_add > p {
    margin-top: 10px;
}

.white_area_sp .foot_add > p > .green_font {
    font-size: 24px;
}

#container_sp .red_font {
    color: #E60012;
}

#container_sp .green_font {
    color: #6EA00A;
}

#container_sp .big_font {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

#container_sp .supplement {
    font-size: 16px;
}

#contact_area_sp .image_area img {
    width: 100%;
}

#contact_area_sp .text_area {
    font-size: 16px;
    text-align: left;
}

#contact_area_sp .cont_tbl {
    width: 100%;
}

#contact_area_sp .cont_tbl th {
    display: block;
    font-size: 16px;
    width: 100%;
}

#contact_area_sp .cont_tbl td {
    display: block;
    font-size: 16px;
    width: 100%;
}

.copyright_sp {
    background-color: #303030;
    padding: 20px 0;
}

.copyright_sp > p {
    color: #fff;
    font-size: 14px;
    text-align: center;
}


/* ================================= */



.sub_title_gbc02 > h1 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    height: 0;
    margin: auto;
}

#head2 {
    height: 12vw;
}

#head_tel2 {
    width: 80%;
    margin: 2% 10%;
}


#top_head_index {
    width: 100%;
    height: auto;
    margin: 3% auto;
    z-index: 300;
    text-align: center;
    padding: 0;
}

#top_head_index img {
    width: 100%;
}

#top_head_index a {
    position: static;
    display: block;
    width: 96%;
    height: auto;
    margin: 20px auto;
}

.js_bnr {
    width: 80%;
    margin: 0 auto;
}

.js_bnr img {
    width: 100%;
}

/*	グローバルナビ
    ----------------------------------------------------------------------------*/

#gnavi2 {
    width: 102%;
    height: 51px;
    margin: 0 auto;
    letter-spacing: -0.4em;
}

#gnavi2 .gnavi_li {
    letter-spacing: normal;
    display: inline-block;
    width: 49%;
    margin: 0;
    height: 35px;
    text-align: center;
    font-weight: bold;
    line-height: 32px;
    border-top: 2px solid #77b631;
    border-bottom: 1px solid #cacacb;
    *border-right: 1px solid #47712b;
    background: #77b631;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#77b631), to(#55951C));
    background: -webkit-linear-gradient(#77b631, #55951C);
    background: -moz-linear-gradient(#77b631, #55951C);
    background: -ms-linear-gradient(#77b631, #55951C);
    background: -o-linear-gradient(#77b631, #55951C);
    background: linear-gradient(#77b631, #55951C);
}

#gnavi2 .gnavi_li a {
    font-size: 14px;
    display: block;
    text-decoration: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#gnavi2 .gnavi_li a:hover {
    width: 100%;
    float: left;
    margin: 0;
    height: 35px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    border-top: 2px solid #a2c680;
    border-bottom: 1px solid #cacacb;
    border-right: 1px solid #cacacb;
    background: #fcfcfc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#E8E9EA));
    background: -webkit-linear-gradient(#fcfcfc, #E8E9EA);
    background: -moz-linear-gradient(#fcfcfc, #E8E9EA);
    background: -ms-linear-gradient(#fcfcfc, #E8E9EA);
    background: -o-linear-gradient(#fcfcfc, #E8E9EA);
    background: linear-gradient(#fcfcfc, #E8E9EA);
}

#gnavi2 .gnavi_top {
    width: 49.7%;
    float: left;
    margin: 0;
    height: 35px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    color: #77b631;
    border-top: 2px solid #a2c680;
    border-bottom: 1px solid #cacacb;
    border-right: 1px solid #cacacb;
    background: #fcfcfc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#E8E9EA));
    background: -webkit-linear-gradient(#fcfcfc, #E8E9EA);
    background: -moz-linear-gradient(#fcfcfc, #E8E9EA);
    background: -ms-linear-gradient(#fcfcfc, #E8E9EA);
    background: -o-linear-gradient(#fcfcfc, #E8E9EA);
    background: linear-gradient(#fcfcfc, #E8E9EA);
}

/*	フッター
    ----------------------------------------------------------------------------*/


.title {
    width: 97%;
    height: auto;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1em;
    text-align: left;
    color: #598e20;
    padding: 0 0 10px 3%;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}

.sub_title {
    height: auto;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    color: #598e20;
    padding-left: 5px;
    margin: 0 0 10px 0;
}

.sub_title4 {
    height: auto;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #598e20;
    margin: 0 0 20px;
    padding: 0;
}

.sub_title_c {
    height: 30px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #598e20;
    padding: 0;
    margin: 0 0 20px 0;
}

.sub_title_c_s {
    height: auto;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #4db014;
    padding: 0;
    margin: 0 0 20px 0;
}

.sub_title_c_s2 {
    height: auto;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #4db014;
    padding: 0;
    margin-bottom: 20px;
}

.comm {
    text-align: left;
    padding: 10px 0;
    margin: 10px 0;
}

.text_box {
    width: 100%;
    background-color: #f8f8f9;
    border: 1px solid #e6e6e6;
    padding: 0;
    margin: 10px auto;
}

/*	共通
    ----------------------------------------------------------------------------*/
#contents_index {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px 0;
}

#contents {
    width: 100%;
    margin: 20px auto;
    background-color: #fff;
    padding: 3px 0 10px 0;
}

.marker-yellow {
    background: linear-gradient(transparent 60%, #ffff00 0%);
}

.contents_box {
    width: 90%;
    margin: 0 5%;
}

.contents_box .bnr_title {
    margin: 20px auto 10px;
}

.uwaki_siyo {
    width: 100%;
    margin: auto;
}

.contents_box_item {
    width: 100%;
    height: auto;
    margin: 0 0 5% 0;
    float: left;
    text-align: left;
    background-color: #ffffdf;
}

.contents_box_item img {
    width: 100%;
}

.contents_box_text {
    font-size: 1em;
    line-height: 150%;
    margin: 3%;
    background-image: url(../img/top/blank.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.contents_box_text2 {
    font-size: 1.3em;
    line-height: 180%;
    margin: 3%;
    background-image: url(../img/top/map.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.information_box_r {
    font-size: 1.5em;
    width: 100%;
    margin: 0;
}

.information_box_r h2 {
    font-size: 1em;
}

.information_box_l {
    width: 100%;
    margin: 0;
}

.information_box_l img {
    margin-bottom: 10px;
}

.information_box_r2 {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
}

.information_box_r2 img {
    margin-bottom: 0;
}

.information_box_l2 {
    width: 100%;
    margin-bottom: 10px;
}

.information_box_l2 img {
    margin-bottom: 0;
}

.jirei_box {
    width: 90%;
    margin: 5%;
}

.jirei_box img {
    margin-bottom: 3%;
}

.jirei_box_title {
    width: 100%;
}

.jirei_box_title img {
    width: 100%;
}

.jirei_box_item {
    width: 90%;
    margin: 0 5%;
}

.top_link_box {
    width: 90%;
    margin: 5% auto;
    padding: 5%;
    border-top: 1px solid #e6e6e6;
}

.top_link_item {
    width: 46%;
    float: left;
    margin: 2%;
}

.top_link_item img {
    width: 100%;
}

.top_link_item_r {
    width: 100%;
}

.top_link_item_r img {
    width: 46%;
    float: left;
    margin: 2%;
}

.mokuji .link a {
    padding: 10px;
}

.link {
    font-size: 1.625em;
    line-height: 1.5em;
    text-align: left;
    color: #F17D0A;
    margin: 0 10px;
    vertical-align: middle;
    text-indent: 0;
    padding-left: 30px;
}

.green_border img {
    width: 100%;
}

/*　ご依頼の流れ	
    ----------------------------------------------------------*/
.flow_text {
    width: 100%;
    margin: 0;
    background-color: #f8f8f9;
    font-size: 1.2em;
}

.flow_img {
    width: 100%;
    margin: 5% 0;
}

.flow_box_arrow {
    width: 90%;
    background-image: url(../img/flow/arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: left;
    padding: 20px 5% 72px 5%;
}

.flow_box_end {
    width: 90%;
    text-align: left;
    padding: 20px 5%;
    font-size: 1.2em;
}

/*　video	
    ----------------------------------------------------------*/
.video_item_box {
    width: 94%;
    height: auto;
    margin: 3% 3% 5% 3%;
    float: left;
    padding: 0 0 3% 0;
}

/*　調査項目＆事例	
    ----------------------------------------------------------*/
.item_box {
    width: 94%;
    height: auto;
    margin: 3% 3% 5% 3%;
    float: left;
    background-color: #f8f8f9;
    padding: 0 0 3% 0;
}

.item_text {
    margin: 3%;
    text-align: left;
    background-color: #f8f8f9;
    font-size: 0.875em;
}

.item_img {
    width: 100%;
    margin: 0 0 3% 0;
}


/*　調査料金	
    ----------------------------------------------------------*/
.charge_table {
    width: 100%;
    margin: 0 2% 0 0;
    text-align: left;
    float: left;
}

.charge_table2 {
    width: 100%;
    margin: 0 2% 0 0;
    text-align: left;
    float: left;
}

.charge_table3 {
    width: 100%;
    margin: 0 2% 0 0;
    text-align: left;
    float: left;
}

.charge_table4 {
    width: 100%;
    margin: 0 2% 0 0;
    text-align: left;
    float: left;
}

.charge_table5 {
    width: 100%;
    margin: 0 2% 0 0;
    text-align: left;
    float: left;
}

.charge_table_tl {
    background-color: #77b631;
    padding: 2%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #77b631;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #77b631;
    border-left: 1px solid #77b631;
    font-size: 0.85em;
}

.charge_table_tr {
    background-color: #77b631;
    padding: 2%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #77b631;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #77b631;
    font-size: 0.85em;
}

.charge_table_tr_end {
    background-color: #77b631;
    padding: 2%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #77b631;
    border-right: 1px solid #77b631;
    border-bottom: 1px solid #77b631;
    font-size: 0.85em;
}

.charge_table_bl {
    background-color: #fff;
    padding: 2%;
    text-align: left;
    color: #000;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 0.85em;
}

.charge_table_br {
    background-color: #fff;
    padding: 2%;
    text-align: left;
    color: #000;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0.85em;
}

.charge_text {
    width: 100%;
    text-align: left;
    padding: 3%;
    font-size: 16px;
    line-height: 150%;
}

.charge_text_s {
    margin-top: 2%;
    width: 100%;
    font-size: 0.85em;
    float: left;
}

.charge_text_s2 {
    margin-top: 2%;
    width: 100%;
    font-size: 0.85em;
    float: left;
    background-color: #f8f8f9;
}

.charge_table em {
    background-color: #FBB32B;
    padding: 1px;
    font-size: 0.85em;
    color: #fff;
    float: left;
}

.charge_table small {
    font-size: 0.75em;
}

#charge_menu {
    width: 100%;
    max-width: 1170px;
    float: left;
    margin: 0;
    font-size: 1em;
}

#charge_menu li {
    box-sizing: border-box;
    width: 48%;
    float: left;
    margin: 1%;
    height: 60px;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    line-height: 60px;
    color: #fff;
    background-image: url(../img/common/icon_open.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #77b631;
    background-color: #77b631;
}

#charge_menu li a {
    display: block;
    text-decoration: none;
}

#charge_menu li a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 60px;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    line-height: 60px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #77b631;
    border: 1px solid #cacacb;
    background-color: #fcfcfc;
}

/*　報告書サンプルを見る	
    ----------------------------------------------------------*/
.sample_img {
    width: 100%;
    margin: 3% auto;
    float: left;
}

.sample_text {
    width: 90%;
    margin: 2% 5%;
    float: left;
    text-align: left;
    background-color: #fff;
    font-size: 1.2em;
}

.samples_box {
    width: 100%;
    margin: 3% auto;
}

.sample_title {
    font-size: 1.4375em;
    font-weight: bold;
    line-height: 80px;
    text-align: left;
    color: #598e20;
    padding: 0 0 0 3%;
    margin: 20px 0;
}

.samples_block {
    width: 100%;
    margin: 1%;
    padding: 2%;
    font-size: 1.2em;
    text-align: left;
    color: #598e20;
    float: left;
    border: #eaf1de solid 3px;
    box-sizing: border-box;
    position: relative;
}

.samples_block ul {
    font-size: 0.9em;
}

.samples_block a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.sample_title {
    width: 97%;
    height: 40px;
    font-size: 1.4375em;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    color: #598e20;
    padding: 0 0 0 3%;
    margin: 5% 0;
}

.sample_subtitle {
    width: 97%;
    height: 40px;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    color: #598e20;
    margin: 3% 0;
}

.gallery_box {
    width: 100%;
    margin: 5% auto;
}

.gallery_s {
    width: 46%;
    height: 200px;
    overflow: hidden;
    margin: 2%;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
}

.gallery_s2 {
    width: 46%;
    height: 120px;
    overflow: hidden;
    margin: 2%;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
}

/*　調査料金の相場	
    ----------------------------------------------------------*/

.price_box {
    width: 94%;
    margin: 3%;
    text-align: left;
    padding-bottom: 5%;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    font-size: 1.2em;
}

.price_box_end {
    width: 94%;
    margin: 3%;
    text-align: left;
    padding-bottom: 5%;
    background-color: #fff;
    font-size: 1.2em;
}

.price_img {
    width: 94%;
    margin: 3%;
    float: left;
}

.price_text {
    width: 94%;
    margin: 3%;
    float: left;
    background-color: #fff;
    font-size: 1em;
}

/*　会社概要	
    ----------------------------------------------------------*/
.comp_title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #77b631;
    text-align: center;
}

.comp_box {
    width: 94%;
    height: auto;
    font-size: 1.2em;
    line-height: 25px;
    text-align: center;
    color: #77b631;
    margin: 3%;
    padding: 0 0 3% 0;
    /*float: left;*/
    border: 1px solid #77b631;
    background-color: #fff;
}

.comp_text {
    width: 90%;
    margin: 0 5%;
    text-align: left;
    font-size: 1.25em;
}

.comp_text_gr {
    color: #77b631;
    font-weight: bold;
    width: 18%;
}

.comp_text_bk {
    color: #000;
    padding-left: 1em;
    font-size: 0.75em;
}

.comp_img_box {
    width: auto;
    height: auto;
    margin: 0;
}

.comp_img {
    width: 94%;
    margin: 3%;
    /*float: left;*/
}

.comp_table {
    width: 94%;
    margin: 10px auto;
    background-color: #f8f8f9;
    padding: 5px;
}

.comp_table_tl {
    width: 25%;
    text-align: center;
    padding: 1%;
    font-size: 0.8125em;
    color: #666;
}

.comp_table_tr {
    text-align: left;
    padding: 1%;
    font-size: 0.8125em;
    color: #666;
}

.comp_table_bl {
    width: 25%;
    text-align: center;
    padding: 1%;
    border-top: 1px solid #999;
    font-size: 0.8125em;
    color: #666;
}

.comp_table_br {
    text-align: left;
    padding: 1%;
    border-top: 1px solid #999;
    font-size: 0.8125em;
    color: #666;
}


/*　お問合せ	
    ----------------------------------------------------------*/
.inqu_box {
    width: 94%;
    margin: 5% 3%;
    font-size: 1.2em;
}

.inqu_table_box {
    width: 94%;
    text-align: left;
    margin: 5% 3%;
    padding: 0;
    float: left;
    font-size: 1em;
}

.inqu_table {
    width: 100%;
    text-align: left;
    margin: 0 0 2% 0;
    padding: 0;
    float: left;
}

.inqu_comm {
    font-size: 1.25em;
    line-height: 150%;
    width: 94%;
    text-align: left;
    margin: 5% 3%;
    float: left;
    background-color: #fff;
}

.inqu_tel {
    font-size: 2em;
    color: #2668aa;
    font-weight: bold;
}

.inqu_red {
    font-size: 0.5em;
    color: #f00;
    padding-bottom: 5px;
    text-align: left;
    line-height: 150%;
}

.style_red {
    font-size: 0.75em;
    color: #f00;
}

.inqu_table_tl {
    width: 100%;
    margin: auto;
    border: none;
    text-align: left;
    background-color: #96c142;
    padding: 2% 5%;
    font-size: 0.8125em;
    color: #fff;
    box-sizing: border-box;
    float: left;
}

.inqu_table_tr {
    width: 100%;
    margin: auto;
    border-left: none;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    text-align: left;
    background-color: #fff;
    padding: 2% 5%;
    font-size: 0.8125em;
    line-height: 1.5rem;
    box-sizing: border-box;
    float: left;
}

.inqu_table_bl {
    width: 100%;
    margin: auto;
    border: none;
    text-align: left;
    background-color: #96c142;
    padding: 2% 5%;
    font-size: 0.8125em;
    color: #fff;
    box-sizing: border-box;
    float: left;
}

.inqu_table_br {
    width: 100%;
    margin: auto;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    text-align: left;
    background-color: #fff;
    padding: 2% 5%;
    font-size: 0.8125em;
    line-height: 1.5rem;
    box-sizing: border-box;
    float: left;
}

.inqu_table_bot {
    padding: 5%;
    text-align: center;
    font-size: 0.8125em;
}

.inqu_bt {
    box-sizing: border-box;
    width: 60%;
    margin: 3% 20%;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 60px;
    color: #fff;
    border: 1px solid #666;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fcc75c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcc75c), to(#F69621));
    background: -webkit-linear-gradient(#fcc75c, #F69621);
    background: -moz-linear-gradient(#fcc75c, #F69621);
    background: -ms-linear-gradient(#fcc75c, #F69621);
    background: -o-linear-gradient(#fcc75c, #F69621);
    background: linear-gradient(#fcc75c, #F69621);
}

.inqu_cl {
    box-sizing: border-box;
    width: 60%;
    margin: 3% 20%;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 60px;
    color: #999;
    border: 1px solid #666;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #FDFDFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FDFDFC), to(#C6C5C3));
    background: -webkit-linear-gradient(#FDFDFC, #C6C5C3);
    background: -moz-linear-gradient(#FDFDFC, #C6C5C3);
    background: -ms-linear-gradient(#FDFDFC, #C6C5C3);
    background: -o-linear-gradient(#FDFDFC, #C6C5C3);
    background: linear-gradient(#FDFDFC, #C6C5C3);
}

.mfp {
    font-size: 1.125em;
    width: 90%;
    margin: 3% 0;
}

.mfps {
    font-size: 1em;
    width: 50%;
    margin: 3% 0;
}

/*　離婚と慰謝料	
    ----------------------------------------------------------*/
.divorce_box {
    width: 94%;
    text-align: left;
    margin: 3%;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    font-size: 1.2em;
}

.divorce_box_end {
    width: 94%;
    text-align: left;
    margin: 3%;
    padding: 0;
    background-color: #fff;
}

.divorce_img {
    width: 94%;
    margin: 3%;
    float: left;
}

.divorce_text {
    width: 94%;
    margin: 3%;
    float: left;
    background-color: #fff;
    font-size: 1em;
}

.divorce_text2 {
    width: 94%;
    margin: 3%;
    background-color: #fff;
    font-size: 1em;
}

/*　調査項目 事例詳細	
    ----------------------------------------------------------*/
.item2_box {
    width: 90%;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    border-bottom: 2px solid #C8C8C8;
}

.item2_box_end {
    width: 96%;
    text-align: left;
    margin: 0;
    padding: 2%;
}

.item2_img {
    width: 90%;
    margin: 30px auto 40px;
}

.item2_img img {
    width: 100%;
}

.item2_text {
    font-size: 1.125em;
    width: 94%;
    margin: 3%;
    float: left;
    background-color: #fff;
}

.shimon_sample_box > div {
    display: block;
    margin: 20px auto 0;
    width: 90%;
}

.uwaki_list {
    width: 80%;
    margin: 0 10%;
}

.uwaki_list ul {
    width: 94%;
    margin: 3%;
    text-align: left;
    color: #4db014;
    font-size: 0.8125em;
    float: left;
}

.sokou_check ul {
    margin-left: 30px;
}

.sokou_check img {
    width: 100%;
}

.sokou_check_list1 ul,
.sokou_check_list2 ul,
.sokou_check_list3 ul {
    width: auto;
    float: none;
}

.sokou_txt a {
    width: 80%;
}

.sokou_txt_p1 span {
    font-size: 100%;
    padding-top: 30px;
}

.sokou_txt_p2 {
    width: 100%;
}

.sokou_txt_p3 {
    width: 100%;
}

.syozai_list {
    width: 80%;
    margin: 0 10%;
}

.syozai_list ul {
    width: 94%;
    margin: 3%;
    text-align: left;
    color: #4db014;
    font-size: 0.8125em;
    float: left;
}

.rental_title_s {
    background: #f8f8fa;
    padding: 10px;
    margin-bottom: 3%;
    color: #609e27;
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
}

.rental_img {
    width: 94%;
    margin: 3%;
    float: left;
}

.rental_text {
    width: 94%;
    margin: 3%;
    float: left;
    text-align: left;
    background-color: #fff;
    font-size: 1.2em;
}

.rental_box {
    width: 94%;
    margin: 3%;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
    font-size: 1em;
}

.rental_box img {
    width: 46%;
    margin: 2%;
    float: left;
}

.rental_box2 {
    width: 96%;
    margin: 2%;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
    font-size: 1em;
}

.rental_box2 img {
    width: 96%;
    margin: 2%;
}

.rental_box_bt_video {
    background-color: #12b047;
    padding: 1.5%;
    text-align: center;
}

.rental_box_title2 {
    background-color: #5b9b20;
    padding: 1.5%;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
}

.rental_box_bt_order {
    background-color: #ff801e;
    padding: 1.5%;
    text-align: center;
}

.rental_box_title {
    font-size: 1.2em;
    text-align: center;
    line-height: 46px;
    height: 46px;
    background-image: url(../img/rental/rental_title.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.rental_img2 {
    width: 94%;
    margin: 3%;
    float: left;
}

.rental_img3 {
    width: 94%;
    margin: 3%;
    float: left;
}

.rental_text2 {
    width: 94%;
    margin: 3%;
    float: left;
    text-align: left;
    background-color: #fff;
    font-size: 1.2em;
}

.rental2_box {
    width: 94%;
    margin: 3%;
    line-height: 200%;
    text-align: left;
    background-color: #fff;
    font-size: 1em;
}

.rental2_title {
    width: 94%;
    font-size: 1.5em;
    color: #4db015;
    font-weight: bold;
    text-align: left;
    padding: 0;
}

.rental2_sub_title {
    color: #5b9b20;
    font-size: 1.2em;
    padding-left: 1em;
}

.rental2_text {
    padding-left: 2em;
    font-size: 1.2em;
}

.rental_bt {
    width: 90%;
    float: left;
    margin: 0 5%;
}

.rental_bt1 {
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 5% 0 2% 0;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 60px;
    color: #fff;
    background-image: url(../img/common/icon_open.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #ccc;
    background-color: #ccc;
}

.rental_bt1 a {
    display: block;
    text-decoration: none;
}

.rental_bt1 a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 60px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #ccc;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
}

.rental_bt2 {
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 2% 0 8% 0;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 60px;
    color: #fff;
    background-image: url(../img/common/icon_open.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #77b631;
    background-color: #77b631;
}

.rental_bt2 a {
    display: block;
    text-decoration: none;
}

.rental_bt2 a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 60px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #77b631;
    border: 1px solid #cacacb;
    background-color: #fcfcfc;
}

.rkiyaku_textarea {
    width: 90%;
    margin: 0 5%;
    text-align: left;
    font-size: 1em;
    height: 600px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.rkiyaku_textarea iframe {
    width: 95%;
    height: 100%;
    border: none;
    display: block;
}

.sub_title_bbc01 {
    font-size: 40px;
    height: auto;
    line-height: 46px;
    margin: 10px auto;
    text-align: center;
}

/*drowの設定	
    -------------------------------------*/
.example_text {
    color: #D35E1D;
    font-size: 18px;
    font-weight: 700;
    margin: 30px auto 10px;
    text-align: center;
}

.acordion {
    background: #fff;
    border-radius: 0;
}

.acordion_bottom {
    padding-bottom: 30px;
}

.acordion_tree {
    width: 90%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 5%;
    margin: 20px 5%;
    box-sizing: border-box;
    text-align: left;
}

.acordion_tree2 {
    width: 100%;
    background-color: #EAEAEB;
    border: 2px solid #CDCDCD;
    padding: 3%;
    margin: 0 auto 20px;
    box-sizing: border-box;
    text-align: left;
}

.acordion_title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3%;
}

.acordion_img {
    float: none;
    width: 100%;
}

.acordion_text {
    width: 100%;
}

.acordion_text p {
    font-size: 15px;
    line-height: 24px;
}

.acordion_tree_title {
    height: 28px;
    font-size: 18px !important;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    color: #598e20;
    margin: 3% 0 0;
}

.acordion_price {
    float: none;
    text-align: right;
}

.acordion_price img {
    width: 60%;
    margin: 0;
}

.trigger {
    width: 90%;
    background-color: #f8f8f9;
    border: 1px solid #e6e6e6;
    padding: 5%;
    margin: 5%;
    box-sizing: border-box;
}

.trigger2 {
    font-size: 0;
    letter-spacing: -0.4em;
    margin: 0 auto;
    width: 100%;
}

.trigger_text {
    display: inline-block;
    border-top: 6px solid #759832;
    border-bottom: 2px solid #759832;
    letter-spacing: 0.01em;
    vertical-align: middle;
    width: 75%;
}

.trigger_text li {
    color: #000;
    font-size: 14px;
    padding: 3px 10px;
    text-align: left;
    line-height: 18px;
}

.trigger_text2 {
    display: inline-block;
    border-bottom: 2px solid #759832;
    letter-spacing: normal;
    vertical-align: middle;
    width: 78%;
}

.trigger_text2 li {
    color: #000;
    font-size: 14px;
    padding: 0.6vw 0;
    text-align: left;
}

.trigger_bt {
    width: 50%;
    margin: 5% 25% 1% 25%;
    float: left;
}

.trigger_bt a {
    display: block;
    text-decoration: none;
}

.trigger_bt a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #77b631;
    border: 1px solid #cacacb;
    background-color: #fcfcfc;
}

.trigger_bt2 {
    display: inline-block;
    letter-spacing: 0.01em;
    vertical-align: middle;
    width: 20%;
    max-width: 126px;
}

.trigger_bt2 a {
    display: block;
    text-decoration: none;
}

.trigger_bt2 a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #77b631;
    border: 1px solid #cacacb;
    background-color: #fcfcfc;
}

.trigger_bt3 {
    display: inline-block;
    letter-spacing: 0.01em;
    vertical-align: middle;
    width: 21%;
    max-width: 110px;
}

.trigger_bt3 img {
    width: 100%;
}

.trigger_bt3 a {
    display: block;
    text-decoration: none;
}

.trigger_bt3 a:hover {
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    background-image: url(../img/common/icon_open2.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #77b631;
    border: 1px solid #cacacb;
    background-color: #fcfcfc;
}

.trigger_sub {
    width: 100%;
    margin-bottom: 10px;
}

.trigger_table {
    width: 100%;
    text-align: left;
    float: left;
}

.trigger_table_img {
    width: 70%;
    padding: 5% 15%;
    float: left;
}

.trigger_table_img2 {
    width: 70%;
    padding: 5% 15%;
    float: left;
}

.trigger_table_title {
    text-align: left;
    color: #598e20;
    padding: 1%;
}

.trigger_table_title1 {
    border-bottom: 6px solid #CDCDCD;
    font-size: 16px !important;
    font-weight: 700;
    height: 10vw;
}

.trigger_table_title2 {
    border-bottom: 6px solid #CDCDCD;
    font-size: 16px !important;
    font-weight: 700;
    height: 10vw;
}

.trigger_table_title3 {
    border-top: 6px solid #719230;
    font-size: 16px !important;
    font-weight: 700;
    height: 9vw;
    padding: 10px 0;
    line-height: 18px;
}

.trigger_table_title4 {
    border-top: 6px solid #719230;
    font-size: 16px !important;
    font-weight: 700;
    height: 9vw;
    padding: 10px 0;
    line-height: 18px;
}

.trigger_table_l {
    text-align: left;
    width: 20%;
    padding: 1%;
    float: left;
}

.trigger_table_r {
    text-align: left;
    width: 76%;
    padding: 1%;
    float: left;
}

/*　Q&A	
    ----------------------------------------------------------*/
.faq {
    width: 96%;
    margin: 15px 3%;
    font-size: 1em;
    text-align: left;
    font-size: 1em;
}

.q_box {
    width: 20px;
    padding: 10px;
    margin: 0;
    color: #f00;
    font-size: 1.125em;
    font-weight: bold;
    border-bottom: #ccc 1px solid;
    background-color: #fff;
}

.a_box {
    width: 20px;
    padding: 10px;
    margin: 0;
    color: #f08b64;
    font-size: 1.125em;
    font-weight: bold;
    background-color: #fff;
}

.q_box_r {
    padding: 10px;
    border-bottom: #ccc 1px solid;
    font-size: 1em;
}

.a_box_r {
    padding: 10px;
    font-size: 0.85em;
}

/* /横幅1030px以下 */

.rental_t {
    margin: 0 5%;
}

.rental_t th {
    width: 100%;
    display: block;
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.rental_t td {
    width: 100%;
    display: block;
    background-color: #000;
    color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.rental_t tr:first-child th {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.page_top {
    display: block;
}

/* アクセスマップ*/
.access_title_s {
    background: #f8f8fa;
    padding: 5px;
    margin-top: 3%;
    font-weight: bold;
    text-align: left;
}

.access_box2 {
    width: 45.7%;
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
}

.access_box2 img {
    width: auto;
}

.waku {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
    padding: 0.5%;
    border: 1px solid #bfc0c0;
}

.waku_car {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
    padding: 1%;
    border: 1px solid #bfc0c0;
}

.access_station {
    height: auto;
    background: #f8f8fa;
    border: 2px solid #609e27;
    border-radius: 20px;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    margin-left: 1%;
    margin-right: 1%;
}

.access_item_title {
    font-size: 21px;
    line-height: 24px;
    text-align: left;
    color: #609e27;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.access_serve_in {
    text-align: left;
    padding: 1%;
}

.access_item_title01 {
    font-size: 21px;
    line-height: 24px;
    text-align: left;
    color: #609e27;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.access_serve_01 {
    font-size: 1.125em;
    text-align: left;
}

.access_station01 {
    height: auto;
    border-radius: 20px;
    margin-top: 30px;
    margin-right: 5px;
    margin-bottom: 30px;
    margin-left: 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.access_title_s img {
    width: 3%;
    vertical-align: middle;
}

.access_box_end {
    width: 96%;
    text-align: left;
    padding: 2%;
    margin-top: 0;
    margin-right: 0;
}

.access_box_end img {
    width: auto;
}

.access_title_s span {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    color: #598e20;
    padding: 0 0 0 10px;
    margin: 20px 0;
}

.car_box {
    width: 100%
}

.car_box_s {
    width: 44%;
    margin: 2%;
    float: left;
    box-sizing: border-box;
}

.car_text {
    padding: 5px;
    margin-top: 3%;
    font-weight: bold;
    text-align: left;
    line-height: 18px;
    color: #598e20;
}

.car_text img {
    width: 6.5%;
    vertical-align: middle;
}

.car_text span {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    color: #598e20;
    padding: 0 0 0 10px;
    margin: 20px 0;
}

.car_pic {
    width: 100%
}

.car_pic img {
    width: 100%;
}

.l {
    float: left;
}

.r {
    float: left;
}

.access_box2 {
    width: 96%;
    margin: 2%;
    float: left;
    /*border: 1px #ccc solid;*/
    box-sizing: border-box;
    font-size: 1em;
}

.access_box2 img {
    width: 96%;
    margin: 2%;
}

.access_title_s img {
    width: 8%;
    vertical-align: middle;
}

.waku {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
    padding: 0px;
    border: 1px solid #bfc0c0;

}

.waku_car {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
    padding: 2%;
    border: 1px solid #bfc0c0;

}

.car_box_s {
    width: 100%;
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
}

.car_pic {
    width: 93%
}

.page_top {
    display: none !important;
}

#page_top2 {
    margin: 0 auto;
    width: 100%;
    max-width: 768px;
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

#page_top2 ul {
    letter-spacing: -0.4em;
    padding: 1% 0 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

#page_top2 ul li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 1%;
    width: 30%;
}

#page_top2 ul li a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    padding: 3% 0;
}

h3.sp_footer_title {
    background-color: #fff;
    color: #5b9b20;
    padding: 0.5rem;
    margin: 1rem 1rem 0.5rem 1rem;
    font-size: 1.2rem;
    letter-spacing: 0.08rem;
    border-radius: 5px;
}

.footer_access {
    background-color: #fff;
    display: block;
    margin: 20px 0;
    padding: 20px 5%;
    width: 90%;
}

.footer_access .access_left {
    margin-bottom: 1vw;
}

.access_left p {
    color: #5C8024;
    font-size: 4vw;
    line-height: 5.5vw;
}

.access_left .office_name {
    font-size: 4.5vw;
    font-weight: 700;
}

.footer_access .access_right {
    letter-spacing: -0.4em;
}

.access_right .office_img {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 3%;
    vertical-align: middle;
    width: 47%;
}

.access_right .office_img img {
    width: 100%;
    max-width: 256px;
}

.access_right .office_map {
    display: inline-block;
    letter-spacing: normal;
    margin-left: 2%;
    vertical-align: middle;
    width: 47%;
}

.access_right .office_map li {
    background-color: #84AE51;
    margin: 3vw 0;
    padding: 10px 10px 0;
}

.access_right .office_map li img {
    width: 90%;
}

.sp_logo {
    margin-top: 10px;
    width: 80%;
}

.kikendo_about_point {
    margin: 30px 0;
    display: block;
    line-height: 1em;
    width: 100%;
}

.kikendo_about_point p {
    border-radius: 5px;
    width: 90%;
    padding: 2% 5%;
    display: block;
    margin: 10px 0;
}

.uwaki_check_table_l {
    width: 100%;
}

.uwaki_check_table_c {
    width: 100%;
}

.uwaki_check_table_r {
    width: 100%;
}

.uwakiQandA {
    position: relative;
}

.uwakiQandA p {
    width: 100%;
}

.uQA_s_title span {
    display: block;
    position: relative;
    left: auto;
}

#sp_tel {
    display: none;
}

.thanks_title {
    font-size: 30px;
    margin: 30px auto;
    padding: 10px;
    width: 50%;
}

.thanks_text {
    font-size: 20px;
    line-height: 34px;
    margin: 0 auto;
    width: 90%;
}

.josei_bnr {
    margin: 0 auto 10px;
}

.josei_bnr img {
    width: 100%;
}

/* ======================================== */

/* ========== 共通 ========== */

#footer_block {
    font-size: 16px;
}


.item3_box {
    margin: 0 auto 20px;
    padding: 0 0 20px;
}

.item3_box_end {
    margin: 0 auto 20px;
}

.item3_box3 {
    margin: 0 auto 20px;
    padding: 0 0 20px;
}

.sub_title_gbc01 {
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto 10px;
}

.sub_title_gbc02 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    height: auto;
}

.sub_title_gbc03 {
    font-size: 16px;
    margin: 10px auto 10px;
}

.sub_title_gbc04 {
    font-size: 17px;
    margin: 0 auto 5px;
}

.red_font5 {
    font-size: 110%;
    padding: 0;
}

.sub_title_obc01 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
}

.sub_title_obc02 {
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto 10px;
}

.sub_title_obc03 {
    font-size: 19px;
    line-height: 1.4em;
}

.sub_title_obl01 {
    font-size: 18px;
}

.sub_title_bbc02 {
    font-size: 28px;
    height: 50px;
    margin: 20px auto;
}

.sub_title_bbc04 {
    font-size: 18px;
    line-height: 20px;
}

.sub_title_bc01 {
    font-size: 22px;
    line-height: 20px;
}

.sub_title_bc02 {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    width: 98%;
}

.sub_title_bl01 {
    font-size: 22px;
    line-height: 20px;
}

.sub_title_bc03 {
    font-size: 16px;
    line-height: 20px;
}

.sub_title_rbc04 {
    font-size: 28px;
    line-height: 20px;
}

.card_bnr01 {
    display: none;
}

.card_bnr02 {
    display: block !important;
    margin: 20px 2%;
    width: 96%;
}

.card_bnr02 img {
    width: 100%;
}

.card_bnr03 {
    display: none;
}

.bnr_list01 {
    margin: 20px auto;
    width: 95%;
}

.bnr_list01 li {
    display: block;
    margin: 10px auto;
    width: 100%;
}

.bnr_list02 {
    margin: 30px auto 0;
    width: 90%;
}

.bnr_list02 li {
    display: block;
    margin: 20px auto;
    width: 100%;
}

.sub_ttl_icon {
    width: 3vw;
}

.movie {
    margin: 0 auto 20px;
    padding: 10px 2% 5px;
    width: 96%;
}

.movie iframe {
    height: 52vw;
}

.movie .subject {
    font-size: 18px;
    margin: 5px 0;
    line-height: 20px;
}

.movie .contributor {
    font-size: 15px;
    margin: 0;
}

.gnavi_sp {
    display: none !important;
}

.gnavi_pc {
    display: block;
}

.gnavi_pc2 {
    display: none;
}

.sub_text {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 90%;
}

.sub_text {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 98%;
}

.sub_text2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 90%;
}

.sub_text3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 100%;
}

.sub_text4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 98%;
}

.sub_text5 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
}

.sub_text6 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    text-align: left;
}

.sub_text7 {
    width: 100%;
}

.blue_font2 {
    font-size: 18px;
    line-height: 28px;
}

.red_font3 {
    font-size: 18px;
    line-height: 28px;
}

.list_check li {
    font-size: 100%;
    line-height: 30px;
}

.list_check li img {
    margin-right: 5px;
    width: 22px;
}

.list_square li {
    font-size: 100%;
}

.list_square li.short {
    width: 26%;
}

.list_diamond li {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
}

.link_btn1 {
    width: 70%;
}

.link_btn1 a {
    font-size: 18px;
    margin: 20px auto;
    padding: 10px;
}

.ta_left_sp {
    text-align: left;
}

/* ========================== */

/* ========== 浮気調査 ========== */

.accbox > .ex1 {
    display: block;
    width: 98%;
    margin-right: 0;
}

.ulist_title {
    font-size: 18px;
}

.ulist_index > li > label {
    font-size: 16px;
}

.ulist_main > li h3 {
    font-size: 16px;
}

.cssacc:checked + label + .accshow {
    height: auto;
    padding: 10px;
    opacity: 1;
}

.accbox label {
    margin: 1.5px 0;
    padding: 10px 5px;
}

.tap_note::after {
    content: "タップすると詳細が開きます";
    color: #84AE51;
    font-size: 12px;
}

.cath_copy01 {
    margin: 10px auto;
    width: 100%;
    height: 54vw;
}

.cath_copy01 .image {
    margin: 10px 0 0 8%;
}

.cath_copy01 img {
    width: 100%;
}

.cath_copy01 .text {
    font-size: 4vw;
}

.cath_copy02 {
    margin: 20px auto 0;
    width: 100%;
}

.uwaki_about {
    margin: 0 2% 20px;
    padding: 15px;
    width: auto;
}

.uwaki_about p {
    text-align: center;
}

.uwaki_about .about_ttl1 {
    font-size: 18px;
    margin-bottom: 4px;
}

.uwaki_about .about_ttl2 {
    font-size: 18px;
    line-height: 26px;
}

.uwaki_about ul li {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1em;
}

.uwaki_about .about_img02 {
    margin-top: 10px;
}

.uwaki_about .about_img03 {
    margin-top: 10px;
}

.kikendo_about {
    text-align: left;
    line-height: 1.8em
}

.uwaki_text {
    font-size: 16px;
    line-height: 22px;
    margin: 20px auto;
    width: 90%;
}

.mokuji .title {
    font-size: 15px;
    padding: 5px 0px;
}

.mokuji .link {
    font-size: 15px;
    padding: 5px 0px;
}

.mokuji2 {
    margin: 30px auto;
}

.mokuji2 .title {
    font-size: 18px;
    padding: 5px 0px;
}

.mokuji2 .link {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0px;
}

.mokuji2 .link a {
    color: #5F9EC8;
}

.mlist .item_title {
    border-left: 15px solid #7FA74F;
    font-size: 20px;
    line-height: 26px;
    margin: 30px auto 20px;
}

.mlist .note {
    font-size: 20px;
    line-height: 30px;
    margin: 10px auto;
}

.ranking li .top {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.ranking li .top .ricon {
    margin-right: 2%;
    width: 12%;
}

.ranking li .top .caption {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .ranking li .top .caption {
        font-size: 4vw;
    }
}

.sub_text10 {
    font-size: 16px;
    line-height: 24px;
}

.deme_list {
    border: 2px solid #FF0302;
    margin-bottom: 30px;
    padding: 10px 1%;
}

.deme_list .top {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.deme_list .top .caption {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .deme_list .top .caption {
        font-size: 4vw;
    }
}

.deme_item li {
    background: url(../img/uwaki/list_icon03s.png) left 3px no-repeat;
    margin-bottom: 10px;
    padding-left: 24px;
}

.check_list .top {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.check_list .top .caption {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .check_list .top .caption {
        font-size: 4vw;
    }
}

.check_item {
    border-bottom: 2px solid #CDCDCD;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.check_item li {
    background: url(../img/uwaki/list_icon04s.png) left 3px no-repeat;
    margin-bottom: 10px;
    padding-left: 24px;
}

.check_item li .note {
    font-size: 16px;
}

.sub_text11 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}

.check_list .t_note {
    font-size: 16px;
}

.jirei_list .top {
    padding: 10px 2%;
}

.jirei_list .top .caption {
    font-size: 18px;
}

.jirei_list .gray_box {
    padding: 10px;
}

.pink_font {
    font-size: 18px;
    line-height: 30px;
}

.orange_square li {
    padding-left: 26px;
    margin: 6px 0;
}

.orange_square li:after {
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
}

.green_box4 > li .top {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.green_box4 > li .top .caption {
    font-size: 16px;
}

.blue_circle2 li {
    padding-left: 18px;
}

.blue_circle2 li:after {
    top: 8px;
    left: 2px;
}

.red_circle2 {
    margin: 5px auto;
}

.red_circle2 li {
    padding-left: 18px;
}

.red_circle2 li:after {
    top: 8px;
    left: 2px;
}

.self_list li {
    background: url(../img/common/icon_check2.png) left 2px no-repeat;
    margin: 15px auto;
    padding-left: 30px;
}

.orange_circle {
    margin: 10px auto;
}

.orange_circle li {
    padding-left: 24px;
    margin-left: 0;
}

.orange_circle li:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
}

.black_circle {
    margin: 5px auto;
}

.black_circle li {
    padding-left: 24px;
    margin-bottom: 10px;
}

.black_circle li:after {
    top: 8px;
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 100%;
}

.item_box4 {
    margin: 10px auto;
}


.page_top3 {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 10px;
    right: 3px;
    padding: 0;
    z-index: 99;
}

.gps_bnr {
    margin: auto;
    width: 96%;
}

.gps_bnr img {
    width: 100%;
}

/* ============================== */


/* ========== 盗聴器発見 ========== */

.catch_imtes li {
    font-size: 13px;
    margin: 0 3px 5px;
    padding: 9px 5px;
    vertical-align: top;
    width: 44%;
}

.toucho_title {
    margin: 10px auto;
    width: 95%;
}

.clImg {
    margin: 0 auto 20px;
}

.equipment_list {
    margin: 0 auto;
    width: 100%;
}

.equipment_list th {
    font-size: 16px;
    padding: 2%;
    width: 25%;
}

.equipment_list td {
    font-size: 16px;
    padding: 2%;
    width: 74%;
}

.toucho_img {
    margin: 20px auto;
    width: 100%;
}

.equipment_list2 {
    font-size: 0;
    margin: 0;
}

.equipment_list2 li {
    margin: 20px 1% 0;
    width: 48%;
    vertical-align: top;
}

.equipment_list2 li p {
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 22px;
    text-align: center;
}

.apri_box {
    margin: 0 auto;
    padding: 10px 3%;
    width: auto;
}

.list_number {
    font-size: 15px;
    line-height: 24px;
    margin: 5px auto 15px;
    padding-left: 20px;
}

.list_dot {
    font-size: 15px;
    line-height: 24px;
    margin: 5px auto 15px;
    padding-left: 20px;
}

.skill_list li {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
}

/* ================================= */

/* ========== 所在調査 ========== */

.check_list1 {
    text-align: left;
    max-width: 400px;
}

.check_list1 li {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.clist_icon {
    width: 8%;
}

.clist_text {
    font-size: 24px;
    letter-spacing: -0.05em;
    padding-left: 2%;
}

.shozai_about {
    margin: 0 2% 20px;
    padding: 15px;
    width: auto;
}

.shozai_about p {
    text-align: center;
}

.shozai_about .about_ttl1 {
    font-size: 18px;
    margin-bottom: 4px;
}

.shozai_about .about_ttl2 {
    font-size: 18px;
    line-height: 26px;
}

.shozai_about ul li {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1em;
}

.shozai_about .about_img01 {
    margin-top: 10px;
}

.shozai_about .about_img02 {
    margin-top: 10px;
}

.prepare_box {
    margin: 0 auto 20px;
    padding: 10px 3%;
    width: 93%;
}

.item_wrd {
    margin: 0 auto 5px;
}

.list_box li {
    font-size: 95%;
}

.pre_btn1 a,
.pre_btn2 a {
    font-size: 95%;
    margin: 10px auto;
    padding: 10px;
}

.orange_box li {
    display: block;
    font-size: 90%;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 5px 2% 12px;
    width: 92%;
}

.bg_lo1 {
    padding-bottom: 12px !important;
}

.price_flow {
    display: block;
    margin: 0 2% 30px;
    width: 94%;
}

.green_box {
    width: 98%;
}

.gbox_top .icon {
    display: none;
}

.gbox_top .number {
    font-size: 300%;
    line-height: 56px;
    width: 15%;
}

.gbox_top .f_title {
    font-size: 90%;
    line-height: 28px;
    width: 82%;
}

.gbox_bottom {
    font-size: 16px;
}

.bbox_top {
    padding-bottom: 0;
}

.bbox_top .case {
    font-size: 200%;
    line-height: 70px;
    width: 30%;
}

.bbox_top .level {
    font-size: 100%;
    padding: 5px;
    vertical-align: 7px;
}

.bbox_middle {
    margin-left: 1%;
}

.bbox_middle .b_title {
    font-size: 100%;
    line-height: 36px;
    margin-bottom: 2px;
    padding-bottom: 2px;
}

.bbox_middle .b_text {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}

.bbox_bottom .price_div {
    border: 3px solid #5F99C3;
    margin: 0;
    width: 41%;
}

.bbox_bottom .price_plus {
    font-size: 24px;
    vertical-align: 20px;
}

.bbox_bottom .price_div .p_title {
    font-size: 90%;
}

.bbox_bottom .price_div .p_box {
    font-size: 90%;
    line-height: 24px;
    padding: 2px 0;
}

.trigger_table_title5 {
    font-size: 18px !important;
    line-height: 25px;
    padding: 12px;
}

.cost {
    font-size: 16px !important;
    padding: 1.8vw 0 !important;
}

.remun {
    margin-left: 47px;
}

.blue_box2 {
    background-color: #E9E9E9;
    border: 4px solid #5F99C3;
    margin: 30px auto 10px;
    padding: 20px 3%;
    width: 90%;
}

.check_list2 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 350px;
}

.clist_text2 {
    font-size: 110%;
    padding: 0;
}

/* ============================== */


/* ========== 弁護士紹介 ========== */

.list_square3 {
    margin: 10px auto;
    width: 90%;
}

.list_square3 li {
    font-size: 18px;
    line-height: 28px;
    padding-left: 20px;
}

.list_square3 li:after {
    width: 14px;
    height: 14px;
    top: 8px;
    left: 0px;
}

.item_title1 {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.green_list li {
    font-size: 16px;
    margin-left: 34px;
    margin-bottom: 10px;
    padding-left: 0px;
}

.list_square4 li {
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin-left: 10px;
    padding-left: 25px;
    width: 100%;
}

.list_square4 li:after {
    width: 12px;
    height: 12px;
    top: 8px;
    left: 0;
}

dl.list_square {
    margin: 20px auto;
    width: 100%;
}

dl.list_square dt {
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
}

dl.list_square dt:after {
    width: 13px;
    height: 13px;
    top: 6px;
    left: 0px;
}

dl.list_square dd {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0px;
}

.font_brown1 {
    font-size: 17px;
    letter-spacing: -0.03em;
    line-height: 24px;
}

.font_brown2 {
    font-size: 23px;
    letter-spacing: -0.03em;
    line-height: 28px;
}

.link_btn2 {
    margin: 0 auto;
    width: 90%;
}

.link_btn2 a {
    font-size: 14px;
    padding: 5px;
}

.info_box {
    line-height: 36px;
    margin: 0 auto;
    padding: 10px 2%;
    width: auto;
}

.ibox_title {
    font-size: 18px;
    margin-bottom: 10px;
}

/* ================================ */


/* ========== 分割払い ========== */

.list_square2 {
    max-width: 400px;
    margin: 20px auto;
}

.list_square2 li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 16px;
}

.list_square2 li:after {
    width: 16px;
    height: 16px;
    top: 6px;
    left: 0px;
}

.orange_list {
    margin: 0 auto 40px;
}

.orange_list dt {
    font-size: 120%;
    margin-top: 30px;
}

.orange_list dd {
    margin: 5px 0 20px 0px;
}

.mounth_pay {
    font-size: 100%;
    margin: 10px 0 0;
}

.mounth_pay .left {
    width: 150px;
    padding: 0;
}

.mounth_pay .right {
    width: 100px;
    padding: 0;
}

.payment_flow .blue_box5_2 {
    display: block;
    font-size: 110%;
    padding: 10px;
    width: 92%;
}

.payment_flow .blue_box5_2 .left {
    width: 100%;
}

.payment_flow .blue_box5_2 .right {
    width: 100%;
}

.payment_flow .blue_box5_3 {
    display: block;
    font-size: 110%;
    padding: 10px;
    width: 92%;
}

.payment_flow .blue_box5_3 .left {
    width: 50%;
}

.payment_flow .blue_box5_3 .right {
    width: 19%;
}

.payment_flow .arrow_img {
    display: block;
    margin: 10px auto;
    width: 20%;
    text-align: center;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    vertical-align: middle;
}

.payment_flow .yellow_box {
    display: block;
    margin-bottom: 50px;
    padding: 10px;
    width: 94%;
}

.payment_flow .blue_box5 {
    display: block;
    font-size: 110%;
    padding: 10px;
    width: 92%;
}

.payment_flow .blue_box5 .left {
    width: 62%;
}

.payment_flow .blue_box5 .right {
    width: 35%;
}

.green_box3 .gbox_top div {
    vertical-align: top;
    width: 8%;
}

.green_box3 li {
    width: 98%;
}

.green_box3 .gbox_top {
    padding: 10px 5px;
}

.green_box3 .gbox_bottom {
    padding: 10px 5px;
}

.green_box3 .gbox_top p {
    font-size: 15px;
    vertical-align: top;
    width: 87%;
}

.green_box3 .gbox_bottom div {
    vertical-align: top;
    width: 8%;
}

.green_box3 .gbox_bottom p {
    font-size: 15px;
    vertical-align: top;
    width: 87%;
}

.voice_list dt img {
    width: 20%;
}

.voice_list dd {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
}

.pay_img01 {
    width: 100%;
}

/* ============================== */


/* ========== レンタルページ ========== */

.catch_img img {
    width: 100%;
}

.red_back {
    font-size: 28px;
    line-height: 60px;
    margin: 0 5px;
}

.check_list3 {
    width: 100%;
    padding: 0;
}

.check_list3 li {
    display: block;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.check_list3 li div {
    display: inline-table;
}

.clist_icon3 {
    vertical-align: top;
    width: 8%;
}

.clist_text3 {
    font-size: 15px;
    width: 90%;
}

.list_square5 li {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
    padding-left: 15px;
}

.list_square5 li:after {
    width: 16px;
    height: 16px;
    top: 5px;
    left: 0px;
}

.img_area1 {
    margin: 40px auto;
    width: 100%;
}

.ritem_box > li {
    display: block;
    margin: 0 0 20px;
    width: 98%;
}

.bi_box .bib_left {
    margin: 0 2% 15px;
    width: 50%;
}

.bi_box .bib_left img {
    width: 100%;
}

.bi_box .bib_right {
    margin: 0 2% 15px;
    width: 42%;
}

.item_btn a {
    font-size: 14px;
    font-weight: 100;
    margin: 0 auto 8px;
    padding: 3px 0;
}

.movie_btn a {
    font-size: 14px;
    font-weight: 100;
    margin: 0 auto 8px;
    padding: 3px 0;
}

.reserve_btn a {
    font-size: 14px;
    font-weight: 100;
    margin: 0 auto;
    padding: 3px 0;
}

.bitem_price {
    font-size: 14px;
    font-weight: 100;
    width: 98%;
}

.bitem_price li.long {
    width: 27%;
}

.bitem_price li {
    width: 34%;
    letter-spacing: -0.03em;
}

.movie2 iframe {
    height: 180px;
}

.hz_list {
    width: 100%;
    font-size: 3vw;
}

.item_title2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.title_icon {
    width: 20%;
}

.ritem_box2 > li {
    margin: 20px 5% 0;
    width: 40%;
}

.document_list {
    margin: 20px 0;
}

.document_list li {
    margin: 0 auto 20px;
    width: 98%;
}

.docu_title {
    font-size: 14px;
    vertical-align: top;
    padding-top: 6px;
}

.docu_text {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 22px;
    padding: 8px 1%;
    width: 84%;
}

.blue_box3 {
    width: auto;
}

.icon_cls1 {
    margin: 15px 0;
    width: 25%;
}

.icon_cls2 {
    margin: 20px 0;
    width: 60%;
}

.icon_cls3 {
    margin: 20px 0;
    width: 70%;
}

.icon_cls4 {
    margin: 20px 0;
    width: 46%;
}

.voice_list {
    width: auto;
}

.voice_list li {
    width: auto;
}

.voice_title {
    font-size: 18px;
    line-height: 24px;
    padding: 10px;
}

.voice_text {
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
}

.voice_consent {
    font-size: 14px;
    margin-top: 10px;
    width: 105px;
}

.green_list2 {
    margin: 0 auto;
    width: 96%;
}

.green_list2 li {
    margin-top: 10px;
}

.green_list2 .caption {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.green_list2 .text {
    font-size: 15px;
    line-height: 22px;
}

.sub_main {
    margin: 0 auto;
    width: 96%;
}

.sub_text2 {
    width: 100%;
}

.green_box5 li {
    border: 2px solid #578D24;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.1em;
    margin: 5px auto;
    padding: 5px 2%;
    vertical-align: top;
    width: 94%;
}

.crime li {
    font-size: 16px;
    margin: 5px 0 5px 20px;
}

.jirei_img {
    float: none;
    margin: 10px auto;
    width: 100%;
}


/* ==================================== */


/* ========== レンタルの流れ ========== */

.cath_copy04 {
    margin: 10px auto;
    width: 95%;
}

.cath_copy04 img {
    width: 100%;
}

.blue_box4 {
    width: 97%;
    margin: 0 0 30px;
}

.flow_left {
    margin: 0 0 0 1%;
    width: 20%;
}

.flow_right {
    margin: 0 1% 0 0;
    text-align: left;
    vertical-align: top;
    width: 75%;
}

.flow_right li {
    height: 28vw;
}

.flow_right li p {
    font-size: 90%;
    line-height: 16px;
}

.green_box2 {
    margin: 20px auto 50px;
    padding: 30px 5%;
    width: 85%;
}

.fimg02 {
    width: 90%;
}

.arrival_img {
    margin: 0 auto;
    width: 90%;
}

.arrival_img li {
    display: block;
    margin: 30px 0;
    width: 97%;
}

.arrival_img li img {
    width: 100%;
}

.arrival_img li p {
    font-size: 18px;
}

/* ==================================== */



/* ========== レンタルの返却 ========== */

.return_main {
    margin: 0 auto;
    width: 96%;
}

.img_width1 {
    margin: 0 auto 20px;
    width: 80%;
}

.img_width2 {
    margin: 30px auto;
    width: 100%;
}

.img_width3 {
    margin: 20px auto;
    width: 75%;
}

.size_w4 {
    margin-right: 5px;
    vertical-align: -3px;
    width: 7%;
}

.return_criterion tr td {
    padding: 10px 3px;
}

.blue_circle {
    font-size: 16px;
    padding: 15px 3px;
    width: 48px;
}

.red_circle {
    font-size: 16px;
    padding: 15px 3px;
    width: 48px;
}

.return_flow > li {
    font-size: 16px;
    display: block;
    line-height: 24px;
    margin: 20px 2%;
    width: 96%;
}

.return_flow li span.red_font {
    line-height: 20px;
}

.yupack_list li {
    font-size: 16px;
}

/* ==================================== */



/* ========== レンタルQ&A ========== */

.yellow_box2 {
    margin: 0 auto;
    width: 96%;
}

.yellow_box2 .gbox_top div {
    vertical-align: top;
    width: 7%;
}

.yellow_box2 .gbox_top p {
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 20px;
    width: 82%;
}

.yellow_box2 .gbox_bottom p {
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 20px;
    width: 82%;
}

.yellow_box2 .gbox_bottom div {
    vertical-align: top;
    width: 7%;
}

.hisseki_gazou {
    float: none;
    margin: 0 auto 10px;
    max-width: inherit;
    display: block;
    width: 50%;
}


@media screen and (max-width: 500px) {

    #container_sp .supplement {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {

    .sp_display2 {
        display: none;
    }

    #head_sp .top {
        width: 80%;
    }

    #head_sp .top .logo > a {
        padding: 10px 10% 0;
    }

    #head_sp .bottom .map > a {
        padding: 13px 10%;
    }

    #head_sp .menu {
        width: 20%;
    }

    #head_sp .menu > a {
        padding: 35px 25% 0;
    }

    .trigger_bt2 {
        width: 22vw;
        max-width: 98px;
    }

    .trigger_table_title {
        padding: 0 10px !important;
    }

    .check_list1 {
        margin: 0 auto;
        width: 100%;
        max-width: 330px;
    }

    .clist_text {
        font-size: 20px;
        letter-spacing: -0.05em;
        padding-left: 0;
    }

    .gnavi_pc2 {
        display: block;
    }

    .cost {
        padding: 0.8vw 0 !important;
        line-height: 30px;
    }

    .check_list2 {
        width: 100%;
        max-width: 286px;
    }

    .check_list2 li {
        margin: 10px 0;
    }

    .check_list2 li div {
        letter-spacing: -0.05em;
        line-height: 18px;
    }

    .clist_text2 {
        font-size: 90%;
    }

    .clist_icon2 {
        vertical-align: text-bottom;
    }

    .clist_icon4 {
        width: 6%;
    }

    .clist_text4 {
        font-size: 13px;
    }

    .blue_area_sp .black_title {
        font-size: 20px;
    }

    .white_area_sp .blue_area .f_note {
        padding: 0 5%;
    }

    .white_area_sp .blue_area .inves_list > li .name {
        font-size: 20px;
    }

    .white_area_sp .blue_area .inves_list > li .catch {
        font-size: 16px;
    }

    .green_area_sp .icon > img {
        width: 50px;
    }

    .green_area_sp .caption {
        font-size: 20px;
    }

    .green_area_sp .rn_list > li .note {
        font-size: 16px;
    }

    .white_area_sp .foot_add {
        font-size: 14px;
        line-height: 1.5;
    }

    .white_area_sp .foot_add > p > .green_font {
        font-size: 18px;
    }

    .copyright_sp {
        padding: 10px 0;
    }

    .copyright_sp > p {
        font-size: 10px;
    }

}

@media screen and (max-width: 410px) {

    #container_sp .supplement {
        font-size: 11px;
    }
}

@media screen and (max-width: 350px) {

    .trigger_text li {
        padding: 0 10px;
    }

    .check_list1 {
        width: 100%;
        max-width: 240px;
    }

    .clist_text {
        font-size: 14px;
    }

    .green_area_sp .rn_list {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .green_area_sp .rn_list > li {
        margin-top: 20px;
        width: 100%;
    }

    .white_area_sp .link_area > li {
        margin: 15px 0 0;
        width: 100%;
    }

    #container_sp .supplement {
        font-size: 10px;
    }
}


.contact_form {
    padding: 10px 3%;
}

.dating_form {
    margin: 30px auto;
    width: 100%;
}

.dating_form th {
    font-size: 20px;
    position: relative;
    width: 50%;
}

.dating_form th .item {
    text-align: left;
}

.dating_form th .m_term {
    background-color: #E50012;
    color: #FFF;
    letter-spacing: 0.3em;
    margin: auto;
    padding: 7px;
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    text-align: right;
    width: 70px;
    height: 40px;
}

.dating_form th .a_term {
    background-color: #545F6D;
    color: #FFF;
    letter-spacing: 0.3em;
    margin: auto;
    padding: 7px;
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    text-align: right;
    width: 70px;
    height: 40px;
}

.dating_form td {
    width: 50%;
}

.dating_form td .item {
    font-size: 20px;
    text-align-last: left;
}

.dating_form td input {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    margin: 10px auto;
    padding: 10px 20px;
    width: 100%;
}

.dating_form td select {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    margin: 10px auto;
    padding: 10px 20px;
    width: 100%;
}

@media screen and (max-width: 360px) {
    .dating_form td select {
        font-size: 16px;
    }
}

@media screen and (max-width: 300px) {
    .dating_form td select {
        font-size: 15px;
    }
}

.dating_form td textarea {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    margin: 10px auto;
    padding: 10px 20px;
    width: 100%;
}

.btn_area > li {
    margin-right: 5%;
    display: inline-block;
    width: 47%;
}

.btn_area > li:last-child {
    margin-right: 0;
}

.btn_area input {
    border: 2px solid #FFF;
    border-radius: 10px;
    font-size: 28px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    letter-spacing: 0.1em;
    padding: 20px 30px;
    width: 100%;
}

.btn_area .btn_wrap {
    position: relative;
}

.btn_area .btn_wrap:hover {
    cursor: pointer;
}

.btn_area .btn_wrap .submit_btn {
    background-color: #6EA00A;
    color: #FFF
}

.btn_area .btn_wrap .reset_btn {
    background-color: #DCEBF7;
    color: #666;
}




@media screen and (max-width: 768px) {

    #container_sp {
        display: block;
    }

    #container {
        display: none;
    }

    #head_sp {
        display: flex;
    }

    #footer_block {
        display: none;
    }

    #footer_sp {
        display: block;
    }

    .page_top3 {
        width: 12%;
        position: fixed;
        bottom: 13vw;
        right: 3px;
        padding: 0;
        z-index: 9999;
    }

    #sp_tel {
        display: block;
        width: 100%;
        text-align: center;
    }

    #sp_tel li.head_tel01 {
        display: inline-block;
        width: 38% !important;
        margin: 0 2px 0 0 !important;
    }

    #sp_tel li.head_tel02 {
        display: inline-block;
        width: 10% !important;
        margin: 0 2px 0 0 !important;
    }

    #sp_tel li.head_tel03 {
        display: inline-block;
        margin: 0 !important;
        width: 10% !important;
    }


    .dating_form th .m_term {
        text-align: center;
    }

    .dating_form th .a_term {
        text-align: center;
    }

    .btn_area > li {
        margin: 20px auto;
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .dating_form th {
        display: block;
        text-align: left;
        width: 100%;
    }

    .dating_form th .item {
        display: inline-block;
    }

    .dating_form th .m_term {
        display: inline-block;
        letter-spacing: 0.1em;
        margin-right: 6px;
        padding: 2px;
        position: static;
        width: 50px;
        height: 30px;
    }

    .dating_form th .a_term {
        display: inline-block;
        letter-spacing: 0.1em;
        margin-right: 6px;
        padding: 2px;
        position: static;
        width: 50px;
        height: 30px;
    }

    .dating_form td {
        display: block;
        width: 100%;
    }

    .page_top3 {
        bottom: 11vw;
    }

    .thanks_title {
        font-size: 24px;
        margin: 30px auto;
        padding: 10px 0;
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    .btn_area input {
        font-size: 22px;
    }

    .page_top3 {
        bottom: 7vw;
    }
}

@media screen and (max-width: 350px) {
    .dating_form th {
        font-size: 16px;
    }

    .dating_form td > input {
        font-size: 16px;
    }

    .dating_form td > textarea {
        font-size: 16px;
    }

    .btn_area input {
        font-size: 5vw;
    }

    .page_top3 {
        bottom: 1vw;
    }
}

.faq_list .right {
    text-align: left;
}