@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: 16px;
    overflow: hidden;
}

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

#container_sp {
    display: none;
}

.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;
}

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

/*	ヘッダー
----------------------------------------------------------------------------*/
h1 {
    height: 20px;
    font-size: 0.75em;
    line-height: 20px;
    text-align: left;
}

#head {
    height: 70px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}

#head2 {
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}

#head3 {
    height: 100px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background-color: #fff;
    border-bottom: 2px solid #ADADAD;
}

#head_in {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#head_logo {
    margin-top: 5px;
    float: left;
    position: relative;
    width: 310px;
}

#head_logo img {
    width: 100%;
}

#head_tel {
    text-align: right;
    float: left;
    margin-top: 6px;
}

#head_tel2 {
    width: 790px;
    text-align: right;
    float: left;
    padding-top: 10px;
}

#head_tel2 li {
    display: inline-block;
    width: 220px;
}

#head_tel2 li.head_tel01 {
    width: 252px;
}

#foot_tel {
    text-align: center;
    width: 1050px;
    margin: 20px auto !important;
}

#foot_tel li {
    background-color: #fff;
    padding: 0.5%;
    display: inline-block;
    width: 27%;
    margin: 0 1% !important;
    border-radius: 10px;
}

#foot_tel li.head_tel01 {
    width: 31%;
}

.head_tel_in {
    margin: 10px 30px 0;
    float: left;
}

.head_menu {
    width: 63px;
    height: 63px;
    position: absolute;
    top: 5px;
    right: -68px;
    background-image: url(../img/common/open-manu.png);
    background-repeat: no-repeat;
    background-size: 100%;
    visibility: hidden;
}

.header_margin {
    margin-top: 30px !important;
}

#pc {
    display: inline-block;
    margin-left: 15px;
}

#pc img {
    width: inherit;
}

#sm {
    display: none;
}

#head_tel .tap:after {
    content: "▲ タップして電話をかけられます ▲";
    display: inline-block;
    width: 100%;
    margin: 0.5em auto 0;
    color: #565656;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.info_area .tap:after {
    content: "▲ タップして電話をかけられます ▲";
    display: inline-block;
    width: 100%;
    margin: 0.5em auto 0;
    color: #565656;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

/*	グローバルナビ
----------------------------------------------------------------------------*/
#navi_index {
    margin: auto;
    text-align: center;
}

#gnavi {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
}

#gnavi2 {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.gnavi_li {
    width: 233px;
    float: left;
    margin: 0;
    height: 51px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 51px;
    color: #fff;
    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);
}

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

.gnavi_li a:hover {
    width: 233px;
    float: left;
    margin: 0;
    height: 48px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 48px;
    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);
}

.gnavi_top {
    width: 233px;
    float: left;
    margin: 0;
    height: 51px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 51px;
    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);
}

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

.gnavi_top a:hover {
    width: 233px;
    float: left;
    margin: 0;
    height: 51px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 51px;
    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);
}

#gnavi .gnavi_long {
    display: none;
}

#top_head_index {
    position: relative;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#top_head_index a {
    position: absolute;
    display: block;
    width: 270px;
    height: auto;
    left: 4px;
    bottom: 94px;
    -webkit-box-shadow: 6px 2px 2px 2px rgba(60, 60, 6, .5);
    box-shadow: 6px 2px 2px 2px rgba(60, 60, 6, .5);
}

#top_head_index a img {
    width: 100%;
}

#top_head {
    text-align: center;
    margin: -5px auto 0 auto;
    z-index: 0;
}

/*	フッター
----------------------------------------------------------------------------*/
#footer_block {
    width: 100%;
    height: auto;
    background-image: url(../img/common/footer_back.png);
    background-repeat: repeat-x;
    background-position: center top;
    margin: 0 auto;
    float: left;
    position: relative;
    padding-bottom: 2rem;
    padding-bottom: 2em;
    /* IE8 */
    background-color: #5b9b20;
}

#footer_block .company_data {
    width: 100%;
}

#footer_block .company_data ul {
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

#footer_block .company_data ul li {
    margin: 0 1rem;
    margin: 0 1em;
    /* IE8 */
    display: inline-block;
}

#footer_block .company_data .item_logo {
    margin: 0 auto;
    width: 385px;
}

#footer_block .company_data .item_logo2 {
    margin: 25px auto 40px;
    width: 400px;
}

#footer_block .company_data .item_add {
    margin: 0 auto;
    width: 310px;
    padding-top: 1%;
}

#footer_block .company_data .item_acc {
    margin: 0 auto;
    width: 200px;
    padding-bottom: 20px;
    padding-top: 5px;
}

#footer_block .company_data .item_tel {
    margin: 0 auto;
    width: 195px;
}

#footer_block #footer_box {
    max-width: 1024px;
    margin: 0 auto;
}

#footer_block #footer_box .sitemap {
    float: left;
    color: #FFF;
    margin: 1rem 1rem;
    margin: 1em 1em;
    /* IE8 */
    list-style: none;
    text-align: left;
}

#footer_block #footer_box .sitemap h3 {
    color: #FFF;
    margin: 1rem 1rem 0.5rem 1rem;
    font-size: 1rem;
    letter-spacing: 0.08rem;
    margin: 1em 1em 0.5em 1em;
    /* IE8 */
    font-size: 1em;
    /* IE8 */
    letter-spacing: 0.08em;
    /* IE8 */
}

#footer_block #footer_box .sitemap ul {
    margin: 0.3rem 1rem 0.3rem 2.2rem;
    margin: 0.3em 1em 0.3em 2.2em;
    /* IE8 */
    list-style: none;
    float: left;
}

#footer_block #footer_box .sitemap ul li {
    font-size: 0.8rem;
    line-height: 1.2rem;
    letter-spacing: 0.05rem;
    font-size: 0.8em;
    /* IE8 */
    line-height: 1.2em;
    /* IE8 */
    letter-spacing: 0.05em;
    /* IE8 */
}

#footer_block #footer_box .sitemap ul li a {
    color: #FFF;
}

#footer_block #footer_box .sitemap ul li a:hover {
    color: #9F9;
    text-decoration: underline;
}

#footer_block #footer_box .area {
    width: 260px;
    float: left;
    color: #FFF;
    margin: 1rem 1rem;
    margin: 1em 0.8em;
    /* IE8 */
    list-style: none;
    text-align: left;
}

#footer_block #footer_box .area h3 {
    color: #FFF;
    margin: 1rem 1rem 0.5rem 1rem;
    font-size: 1rem;
    letter-spacing: 0.08rem;
    margin: 1em 1em 0.5em 1em;
    /* IE8 */
    font-size: 1em;
    /* IE8 */
    letter-spacing: 0.08em;
    /* IE8 */
}

#footer_block #footer_box .area p {
    color: #FFF;
    font-size: 0.75rem;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    margin-left: 2.1rem;
    font-size: 0.75em;
    /* IE8 */
    line-height: 1.5em;
    /* IE8 */
    letter-spacing: 0.03em;
    /* IE8 */
    margin-left: 2.1em;
    /* IE8 */
    white-space: nowrap;
}

#footer_block #footer_box .area .image {
    margin-left: 2.1rem;
    margin-top: 1rem;
    margin-left: 2.1em;
    /* IE8 */
    margin-top: 1em;
    /* IE8 */
}

#footer_block #footer_box .tourokubangou {
    width: 180px;
    float: left;
    color: #FFF;
    margin: 1rem 1rem;
    margin: 1em 1em;
    /* IE8 */
    list-style: none;
    text-align: left;
}

#footer_block #footer_box .tourokubangou h3 {
    color: #FFF;
    margin: 1rem 1rem 0.5rem 1rem;
    font-size: 1rem;
    letter-spacing: 0.08rem;
    margin: 1em 1em 0.5em 1em;
    /* IE8 */
    font-size: 1em;
    /* IE8 */
    letter-spacing: 0.08em;
    /* IE8 */
    white-space: nowrap;
}

#footer_block #footer_box .tourokubangou p {
    color: #FFF;
    font-size: 0.75rem;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    margin-left: 2.1rem;
    font-size: 0.75em;
    /* IE8 */
    line-height: 1.5em;
    /* IE8 */
    letter-spacing: 0.03em;
    /* IE8 */
    margin-left: 2.1em;
    /* IE8 */
}

#footer_block #footer_box .tourokubangou .image {
    margin-left: 2.1rem;
    margin-top: 1rem;
    margin-left: 2.1em;
    /* IE8 */
    margin-top: 1em;
    /* IE8 */
}

.pagetop {
    text-align: right;
    margin: 40px auto 0 auto;
    width: 980px;
}

.page_top {
    width: 80px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px 20px;
}

.page_top3 {
    width: 80px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px 20px;
}

.page_top3 img {
    width: 100%;
}

.footer_access {
    display: inline-block;
    background-color: #fff;
    margin: 20px 1%;
    padding: 20px 1% 10px;
    vertical-align: top;
    width: 440px;
}

.access_left p {
    color: #5C8024;
    font-size: 120%;
}

.access_left .office_name {
    font-size: 150%;
    font-weight: 700;
}

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

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

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

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

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

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

/*	共通
----------------------------------------------------------------------------*/
.style_bold {
    font-weight: bold;
}

.style_right {
    text-align: right;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
    overflow: hidden;
    margin: auto;
}

.int10 {
    text-indent: -1em;
    padding-left: 1em;
}

.int20 {
    text-indent: -2em;
    padding-left: 2em;
}

.int30 {
    text-indent: -1em;
    padding-left: 3em;
}

.space {
    letter-spacing: normal;
}

button {
    background-color: transparent;
    border: none;
    padding: 0;
}

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

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



.contents_box {
    width: 1050px;
    margin: 0 auto;
}

.contents_box .bnr_title {
    background: #F9C013;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9C013), to(#F89823));
    background: -webkit-linear-gradient(#F9C013, #F89823);
    background: -moz-linear-gradient(#F9C013, #F89823);
    background: -ms-linear-gradient(#F9C013, #F89823);
    background: -o-linear-gradient(#F9C013, #F89823);
    background: linear-gradient(#F9C013, #F89823);
    display: block;
    margin: 20px auto 10px;
    text-align: center;
    width: 100%;
}

.contents_box_bline {
    width: 1050px;
    margin: 30px auto;
    padding: 20px 60px;
    border-top: 1px solid #e6e6e6;
}

.contents_box_item {
    width: 24%;
    margin: 0 0.5%;
    float: left;
    text-align: left;
    background-color: #ffffdf;
    height: 368px;
    font-size: 0.875em
}

.contents_box_item img {
    width: 100%;
}

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

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

.information_box_one {
    width: 100%;
}

.information_box_one img {
    width: 1050px;
    margin-bottom: 10px;
}

.information_box_r {
    width: 520px;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

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

.information_box_l {
    width: 520px;
    float: left;
    margin-bottom: 10px;
}

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

.information_box_r2 {
    width: 520px;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

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

.information_box_l2 {
    width: 520px;
    float: left;
    margin-bottom: 10px;
}

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

.jirei_box {
    width: 1040px;
    margin: 0 60px;
}

.jirei_box_title {
    width: 1040px;
    margin: 0 0 20px 0;
}

.jirei_box_item {
    width: 500px;
    float: left;
    margin: 10px;
}

.title {
    width: 1160px;
    height: 80px;
    font-size: 1.4375em;
    font-weight: bold;
    line-height: 80px;
    text-align: left;
    color: #598e20;
    padding: 0 0 0 10px;
    margin: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.sub_title {
    height: 30px;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #598e20;
    padding-left: 5px;
    margin: 0 0 20px 0;
}

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

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

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

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


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

.text_box {
    background-color: #f8f8f9;
    border: 1px solid #e6e6e6;
    margin: 20px 0;
}

.link {
    color: #F17D0A;

    line-height: 1.5em;
    text-align: left;
    color: #F17D0A;
    margin: 0 10px;
    vertical-align: middle;
    text-indent: -22px;
    padding-left: 22px;

}

.link a {
    color: #F17D0A;
}

.link>a>.new_icon {
    height: 20px;
}

/*　TOP	
----------------------------------------------------------*/

.top_link_box {
    width: 1050px;
    margin: 30px auto;
    padding: 20px 60px;
    border-top: 1px solid #e6e6e6;
}

.top_link_item {
    width: 200px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 30px;
}

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

.new_icon {
    animation: Flash1 1s infinite;
    vertical-align: top;
}

@keyframes Flash1 {
    30% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

}


/*　ご依頼の流れ	
----------------------------------------------------------*/
.flow_text {
    width: 740px;
    margin: 0;
    text-align: left;
    float: left;
    background-color: #f8f8f9;
}

.flow_img {
    width: 280px;
    margin: 0 30px 0 50px;
    float: left;
}

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

.flow_box_end {
    width: 100%;
    text-align: left;
    padding: 20px 32px;
}

/*　video
----------------------------------------------------------*/
.video_item_box {
    width: 48%;
    height: auto;
    margin: 10px;
    float: left;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*　調査項目＆事例	
----------------------------------------------------------*/
.item_box {
    width: 330px;
    height: 550px;
    margin: 10px;
    float: left;
    background-color: #f8f8f9;
}

.item_text {
    margin: 10px;
    text-align: left;
    background-color: #f8f8f9;
}

.item_img {
    width: 100%;
    margin: 0 0 10px 0;
}

.item_img img {
    width: 100%;
}

/*　調査料金	
----------------------------------------------------------*/
.charge_table {
    width: 550px;
    margin: 10px 10px 0 0;
    text-align: left;
    float: left;
}

.charge_table2 {
    width: 750px;
    margin: 10px 10px 0 0;
    text-align: left;
    float: left;
}

.charge_table3 {
    width: 650px;
    margin: 10px 10px 0 0;
    text-align: left;
    float: left;
}

.charge_table4 {
    width: 750px;
    margin: 10px 10px 0 0;
    text-align: left;
    float: left;
}

.charge_table5 {
    width: 930px;
    margin: 10px 10px 0 0;
    text-align: left;
    float: left;
}

.charge_table_tl {
    background-color: #77b631;
    padding: 5px;
    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.75em;
}

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

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

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

.charge_table_bl .str,
.charge_table_br .str {
    font-size: 110%;
    font-weight: 700;
}

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

.charge_text {
    width: 1130px;
    text-align: left;
    padding: 20px;
}

.charge_text_s {
    margin-top: 10px;
    width: 360px;
    font-size: 0.75em;
    float: left;
    background-color: #f8f8f9;
}

.charge_text_s2 {
    margin-top: 10px;
    width: 650px;
    font-size: 0.75em;
    float: left;
}

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

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

#charge_menu {
    width: 100%;
    float: left;
    margin: 3% 0;
}

#charge_menu li {
    box-sizing: border-box;
    width: 22.7%;
    float: left;
    margin: 1%;
    height: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    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: 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;
}

/*　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;
}

/*　報告書サンプルを見る	
----------------------------------------------------------*/
.sample_img {
    width: 350px;
    margin: 0 30px 0 0;
    float: left;
}

.sample_text {
    width: 630px;
    margin: 10px 0;
    float: left;
    text-align: left;
    background-color: #fff;
}

.samples_box {
    width: 99%;
    margin: 10px auto;
}

.sample_title {}

.samples_block {
    width: 31%;
    margin: 1%;
    padding: 1%;
    text-align: left;
    color: #598e20;
    font-size: 0.75em;
    float: left;
    border: #eaf1de solid 3px;
    box-sizing: border-box;
    height: 210px;
}

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

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

.gallery_box {
    width: 1050px;
    margin: 10px auto;
}

.gallery_s {
    width: 190px;
    height: 260px;
    overflow: hidden;
    margin: 10px;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
}

.gallery_s2 {
    width: 242px;
    height: 200px;
    overflow: hidden;
    margin: 10px;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
}

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

.price_box {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}

.price_box_end {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

.price_img {
    width: 350px;
    margin: 0 30px 0 0;
    float: left;
}

.price_text {
    width: 650px;
    margin: 0;
    float: left;
    background-color: #fff;
}

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

.comp_box {
    /*width: 750px;*/
    width: 800px;
    height: 256px;
    font-size: 1.25em;
    line-height: 30px;
    text-align: center;
    color: #77b631;
    /*margin: 0 0 40px 0;*/
    margin: 0 auto;
    padding: 0;
    /*float: left;*/
    border: 1px solid #77b631;
    background-color: #fff;
}

.comp_text {
    width: 70%;
    margin: 30px 15%;
    text-align: left;
}

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

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

.comp_img_box {
    width: 800px;
    margin: 20px auto 0;
}

.comp_img {
    width: 350px;
    float: left;
    margin: 20px 25px 0;
}

.comp_img img {
    width: 100%;
}

.comp_table {
    width: 800px;
    margin: 20px auto;
    background-color: #f8f8f9;
    padding: 30px;
}

.comp_table_tl {
    text-align: center;
    padding: 5px;
    font-size: 0.875em;
    color: #666;
}

.comp_table_tr {
    text-align: left;
    padding: 5px;
    font-size: 0.875em;
    color: #666;
}

.comp_table_bl {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #999;
    font-size: 0.875em;
    color: #666;
}

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

.comp_bnr_access_box {
    width: 200px;
    height: 55px;
}

/*　お問合せ	
----------------------------------------------------------*/
.inqu_box {
    width: 94%;
    margin: 5% auto;
}

.inqu_table_box {
    width: 60%;
    text-align: left;
    margin: 5% 0;
    padding: 0;
    float: left;
}

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

.inqu_comm {
    width: 30%;
    text-align: left;
    margin: 5% 5% 5% 0;
    float: left;
    background-color: #fff;
}

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

.inqu_red {
    font-size: 0.75em;
    color: #f00;
    padding-bottom: 5px;
    text-align: left;
}

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

.inqu_table_tl {
    display: table-cell;
    width: 35%;
    border-top: #fff solid 1px;
    border-right: #fff solid 1px;
    border-bottom: #fff solid 1px;
    border-left: #fff solid 1px;
    text-align: left;
    background-color: #96c142;
    padding: 15px;
    font-size: 0.8125em;
    color: #fff;
    box-sizing: border-box;
}

.inqu_table_tr {
    display: table-cell;
    width: 65%;
    border-top: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    text-align: left;
    background-color: #fff;
    padding: 15px;
    font-size: 0.8125em;
    box-sizing: border-box;
}

.inqu_table_bl {
    display: table-cell;
    width: 35%;
    border-right: #fff solid 1px;
    border-bottom: #fff solid 1px;
    border-left: #fff solid 1px;
    text-align: left;
    background-color: #96c142;
    padding: 15px;
    font-size: 0.8125em;
    color: #fff;
    box-sizing: border-box;
}

.inqu_table_br {
    display: table-cell;
    width: 65%;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    text-align: left;
    background-color: #fff;
    padding: 15px;
    font-size: 0.8125em;
    box-sizing: border-box;
}

.inqu_table_title {
    padding: 30px 0 10px 0;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    color: #77b631;
}

.inqu_table_space {
    padding: 10px 5px;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
    color: #77b631;
}

.inqu_table_bot {
    padding: 10px;
    text-align: center;
    font-size: 0.8125em;
}

.inqu_table_note {
    color: #E40000;
}

.inqu_bt {
    box-sizing: border-box;
    width: 23%;
    margin: 1% 5%;
    height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 0.875em;
    line-height: 40px;
    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: 23%;
    margin: 1% 5%;
    height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 0.875em;
    line-height: 40px;
    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: 1em;
    width: 90%;
    margin: 3% 0;
}

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

/*　離婚と慰謝料	
----------------------------------------------------------*/

.divorce_box {
    width: 1050px;
    text-align: left;
    margin: 30px auto;
    padding: 20px 0 40px 0;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}

.divorce_box_end {
    width: 1050px;
    text-align: left;
    margin: 30px auto;
    padding: 20px 0;
    background-color: #fff;
}

.divorce_img {
    width: 350px;
    margin-right: 40px;
    float: left;
}

.divorce_text {
    width: 650px;
    margin: 0;
    float: left;
    background-color: #fff;
}

.divorce_text2 {
    width: 100%;
    margin: 3% 0;
    background-color: #fff;
}

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

.item2_box2 {
    text-align: left;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #C8C8C8;
}

.item2_box3 {
    width: 1200px;
    text-align: left;
    margin: 0 auto 30px;
    padding: 20px 0 40px 0;
    border-bottom: 2px solid #C8C8C8;
}

.item2_box_end {
    width: 1050px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.item2_img {
    width: 350px;
    margin-right: 40px;
}

.item2_text {
    font-size: 1em;
    margin: 0;
    float: left;
    background-color: #fff;
}

.item2_box .title_box {
    border: 2px solid #000;
    font-size: 20px;
    font-weight: 700;
    padding: 5px;
    margin: 20px auto 10px;
    display: inline-block;
}

.shimon_flow_list {
    margin: 20px auto;
}

.shimon_flow_list>li {
    margin-bottom: 30px;
}

.shimon_item_text {
    font-size: 1em;
    padding-left: 35px;
}

.shimon_sample_box>div {
    display: inline-block;
    margin-left: 4%;
    text-align: center;
    width: 45%;
}

.shimon_sample_box>div img {
    width: 100%;
}

.caution {
    color: #D6398C;
    font-size: 120%;
    font-weight: 700;
}

.shimon_item_title,
.hisseki_item_title {
    font-size: 21px;
    line-height: 24px;
    text-align: left;
    color: #598E20;
    margin-bottom: 15px;
    font-weight: bold;
}


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

.uwaki_list ul {
    width: 31%;
    margin: 1%;
    text-align: left;
    color: #4db014;
    font-size: 13px;
    float: left;
}

.kikendo_about_point {
    margin: 30px 0;
    display: table;
    line-height: 1em;
    width: 1050px;
    border-collapse: separate;
    border-spacing: 10px;
}

.kikendo_about_point p {
    border-radius: 15px;
    width: 20%;
    padding: 2% 3%;
    border: 1px solid #598e20;
    color: #598e20;
    vertical-align: middle;
    display: table-cell;
}

.uwaki_check {
    padding: 0 10% 40px;
    margin: 40px 0;
    background-color: #f6f4f0;
    background-image: url(../img/uwaki/uwaki_check_bg.jpg);
    background-repeat: repeat-y;
    box-shadow: 5px 5px 2px #e0e0e0;
}

.uwaki_check_title {
    padding: 30px 0;
    width: 100%;
    color: #ff0000;
    font-weight: bold;
}

.uwaki_check_title img {
    max-width: 383px;
    width: 100%;
    margin-right: 10px;
    vertical-align: bottom;
}

.uwaki_check table tr {
    border-bottom: 2px #cdc1a0 solid;
}

.uwaki_check table td {
    padding: 5px 0 5px 10px;
}

.uwaki_check_table_l {
    float: left;
    width: 25%;
    text-align: left;
}

.uwaki_check_table_c {
    float: left;
    width: 35%;
    text-align: left;
}

.uwaki_check_table_r {
    float: left;
    width: 40%;
    text-align: left;
}

.uwaki_check_bt {
    max-width: 311px;
    margin-top: 30px;
}

.uwaki_score {
    color: #4c4c4c;
    font-size: 20px;
    font-weight: bold;
    max-width: 652px;
    margin: 0 auto;
    padding: 0 10px 10px;
    box-shadow: 2px 2px 10px #e0e0e0;
    border: 5px solid #6bbdf7;
}

.uwaki_score input {
    margin-bottom: 5px;
    width: 50px;
    height: 45px;
    text-align: right;
    font-size: 24pt;
    border-style: none;
    color: #ff0000;
    font-weight: bold;
    background-color: transparent;
}

.uwakiQandA {
    position: relative;
}

.uwakiQandA p {
    width: 95%;
    margin: 10px 0 0 auto;
}

.uQA_s_title {
    color: #598e20;
    font-size: 110%;
    font-weight: bold;
}

.uQA_s_title span {
    position: absolute;
    left: 0
}

.sokou_about {}

.sokou_about p {
    color: #598e20;
    font-weight: bold;
    margin-top: 30px;
}

.sokou_about ul {
    list-style: outside;
    margin-left: 30px;
}

.sokou_check div {
    margin: 20px 0;
}

.sokou_check_title {
    border-left: 16px solid #598e20;
    background-color: #fff;
    border-radius: 2px;
    width: 95%;
    box-shadow: 2px 2px 5px #c6c6c6;
}

.sokou_check img {
    width: auto;
}

.sokou_check ul {
    list-style: outside url(../img/sokou/sokou_list_mark.png);
    margin-left: 50px;
}

.sokou_check_list2 ul {
    float: left;
    width: 440px;

}

.sokou_check_list3 ul {
    float: left;
    width: 300px;
}

.sokou_txt {
    text-align: center;
}

.sokou_txt p {
    margin: 0 auto 50px;
}

.sokou_txt span {
    display: block;
    color: #598e20;
    font-weight: bold;
}

.sokou_txt a {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 250px;
}

.sokou_txt_p1 span {
    font-size: 120%;
}

.sokou_txt_p2 {
    width: 820px;
}

.sokou_txt_p3 {
    width: 900px;
}

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

.syozai_list ul {
    width: 48%;
    margin: 1%;
    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;
}

.rental_img {
    width: 350px;
    margin-right: 40px;
    float: left;
}

.rental_text {
    width: 650px;
    margin: 0;
    float: left;
    text-align: left;
    background-color: #fff;
}

.rental_box {
    width: 45.7%;
    margin: 2%;
    float: left;
    border: 1px #ccc solid;
    box-sizing: border-box;
}

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

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

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

.rental_box2_text {
    padding: 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;
}

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

.rental_box_title {
    font-size: 1.125em;
    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: 650px;
    margin-left: 2%;
    margin-right: 20px;
    float: left;
}

.rental_img3 {
    width: 664px;
    margin: auto;
    display: block;
}

.rental_text2 {
    width: 350px;
    margin: 0;
    float: left;
    text-align: left;
    background-color: #fff;
}

.rental2_box {
    line-height: 200%;
    margin-left: 8%;
    margin-right: 5%;
    text-align: left;
    background-color: #fff;
}

.rental2_title {
    font-size: 1.125em;
    color: #4db015;
    font-weight: bold;
    text-align: left;
    padding-left: 3em;
}

.rental2_sub_title {
    color: #5b9b20;
}

.rental2_text {
    padding-left: 2em;
}

.rental_bt {
    width: 40%;
    float: left;
    margin: 0 30%;
}

.rental_bt1 {
    box-sizing: border-box;
    width: 42%;
    float: left;
    margin: 15% 4%;
    height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    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: 40px;
    text-align: center;
    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: #ccc;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
}

.rental_bt2 {
    box-sizing: border-box;
    width: 42%;
    float: left;
    margin: 15% 4%;
    height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 0.8125em;
    line-height: 40px;
    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: 40px;
    text-align: center;
    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;
}

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

.rkiyaku_textarea iframe {
    width: 100%;
    height: 100%;
}

/*drowの設定	
-------------------------------------*/
.example_text {
    color: #D35E1D;
    font-size: 23px;
    font-weight: 700;
    margin: 30px 0 10px 15px;
}

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

.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 {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    background-color: #EAEAEB;
    border: 2px solid #CDCDCD;
    padding: 3%;
    margin: 0 auto 20px;
    box-sizing: border-box;
    text-align: left;
}

.acordion_img {
    float: right;
    width: 30%;
}

.acordion_img img {
    width: 100%;
}

.acordion_text {
    width: 65%;
}

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

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

.acordion_price {
    float: right;
}

.acordion_price img {
    width: 100%;
    margin-top: -50px;
}

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

.trigger2 {
    letter-spacing: -0.4em;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

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

.trigger_text li {
    color: #000;
    font-size: 20px;
    padding: 10px;
    text-align: left;
}

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

.trigger_text2 li {
    border-top: 2px solid #CCCCCC;
    color: #000;
    font-size: 20px;
    padding: 12px;
    text-align: left;
}

.trigger_bt {
    width: 26%;
    margin: 5% 37% 1% 37%;
    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: normal;
    vertical-align: middle;
    width: 20%;
    max-width: 110px;
}

.trigger_bt2:hover {
    cursor: pointer;
}

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

.trigger_bt2 img {
    width: 100%;
}

.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: normal;
    vertical-align: middle;
    width: 20%;
    max-width: 110px;
}

.trigger_bt3:hover {
    cursor: pointer;
}

.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.active {}

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

.trigger_table_img {
    width: 33%;
    padding: 1% 5% 1% 0;
    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 {
    font-size: 30px !important;
    font-weight: 700;
    border-bottom: 6px solid #CDCDCD;
}

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

.trigger_table_title3 {
    font-size: 30px !important;
    font-weight: 700;
    border-top: 6px solid #719230;
    letter-spacing: normal;
    padding: 12px;
    text-align: left;
}

.trigger_table_title4 {
    font-size: 30px !important;
    font-weight: 700;
    border-top: 6px solid #719230;
    letter-spacing: normal;
    padding: 12px;
    text-align: left;
}

.trigger_table_title5 {
    font-size: 30px !important;
    font-weight: 700;
    border-top: 6px solid #719230;
    letter-spacing: normal;
    line-height: 50px;
    padding: 12px;
    text-align: left;
}

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

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

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

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

.thanks_title {
    border-bottom: 2px solid;
    font-size: 30px;
    font-weight: 700;
    margin: 30px auto;
    padding: 5px;
    width: 30%;
}

.thanks_text {
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
    text-align: left;
    width: 65%;
}

/*-------------------------------------*/



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

#main_tel {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#main_tel li {
    display: inline-block;
    width: 300px;
    margin: 0 10px;
}

#main_tel li.head_tel01 {
    width: 344px;
}

.item3_box {
    border-bottom: 2px solid #C8C8C8;
    margin: 0 auto 50px;
    padding: 0 0 50px;
    text-align: left;
    width: 96%;
    max-width: 1050px;
}

.item3_box_end {
    margin: 0 auto 50px;
    padding: 0;
    text-align: left;
    width: 96%;
    max-width: 1050px;
}

.item3_box2 {
    border-bottom: 2px solid #C8C8C8;
    margin: 0 auto 50px;
    padding: 0 0 50px;
    text-align: left;
    width: 96%;
    max-width: 1050px;
}

.item3_box3 {
    border-bottom: 2px solid #C8C8C8;
    margin: 0 auto 50px;
    padding: 0 0 50px;
    text-align: left;
    width: 96%;
    max-width: 1150px;
}

.sub_title_gbc01 {
    color: #598e20;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_gbc02 {
    color: #598e20;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 700;
    height: 52px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_gbc02>h1 {
    color: #598e20;
    display: inline-block;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 700;
    height: 52px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_gbc03 {
    color: #598e20;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_gbc04 {
    border-bottom: 2px solid #FFE636;
    color: #598e20;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 20px auto 10px;
    text-align: center;
}

.sub_title_gbl01 {
    color: #598e20;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 20px auto;
    text-align: left;
}

.sub_title_obc01 {
    color: #D35E25;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_obc02 {
    color: #D35E25;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: 28px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_obc03 {
    color: #D35E25;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.001em;
    line-height: 1.2em;
    margin: 20px auto;
    text-align: center;
    text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}

.sub_title_obl01 {
    color: #D35E25;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 auto;
    text-align: left;
}

.sub_title_rbc01 {
    color: #FE1E24;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    margin: 20px auto 10px;
    padding: 0;
    text-align: center;
}

.sub_title_rbc02 {
    color: #FE1E24;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    margin: 20px auto 10px;
    padding: 12px 0;
    text-align: center;
}

.sub_title_rbc03 {
    color: #FE1E24;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 20px auto 10px;
    padding: 0;
    text-align: center;
}

.sub_title_rbc04 {
    color: #FE1E24;
    font-size: 48px;
    font-weight: 700;
}

.sub_title_bbc01 {
    color: #5F99C3;
    font-size: 42px;
    font-weight: 700;
    height: 50px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_bbc02 {
    color: #5F99C3;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    margin: 20px auto;
    text-align: center;
}

.sub_title_bbc03 {
    color: #5F99C3;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 5px;
    text-align: left;
}

.sub_title_bbc04 {
    color: #5F99C3;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_bc01 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 50px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_bc02 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 36px;
    margin: 20px auto;
    text-align: center;
}

.sub_title_bl01 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 50px;
    margin: 20px auto;
    text-align: left;
}

.sub_title_bc03 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 36px;
    margin: 10px auto 0;
    text-align: center;
}

.sub_title_ybl01 {
    color: #E79C27;
    font-size: 18px;
    font-weight: 700;
    margin: 20px auto 5px;
    text-align: left;
}

.card_bnr01 {
    margin: 20px auto 40px;
    text-align: center;
    width: 100%;
    max-width: 1050px;
}

.card_bnr01 img {
    width: auto;
}

.card_bnr02 {
    display: none !important;
}

.card_bnr03 {
    margin: 20px auto 0;
    text-align: right;
    width: 100%;
    max-width: 915px;
}

.card_bnr03 img {
    width: auto;
}

.bnr_list01 {
    margin: 30px auto;
    text-align: center;
    width: 98%;
}

.bnr_list01 li {
    display: inline-block;
    margin: 0 1% 10px;
    width: 47%;
}

.bnr_list01 li img {
    width: 100%;
}

.bnr_list02 {
    margin: 30px auto 0;
    text-align: center;
    width: 98%;
}

.bnr_list02 li {
    display: inline-block;
    margin: 0 1%;
    width: 47%;
}

.bnr_list02 li img {
    width: 100%;
}

.sub_ttl_icon {
    width: 19px !important;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.sub_ttl_txt {
    display: inline-block;
    vertical-align: middle;
}

.movie {
    background-color: #FCFCFC;
    box-shadow: 0px 0px 10px 0px #999999;
    margin: 0 auto;
    padding: 20px 20px 10px;
    width: 100%;
    max-width: 1010px;
}

.movie iframe {
    height: 568px;
    width: 100%;
}

.movie p {
    letter-spacing: 0.01em;
}

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

.movie .contributor {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0;
}

.gnavi_sp {
    display: block;
}

.gnavi_pc {
    display: none;
}

.gnavi_pc2 {
    display: none;
}

.sub_text {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 28px;
    text-align: left;
}

.sub_text1 {
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 26px;
    text-align: left;
}

.sub_text2 {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 28px;
    text-align: left;
}

.sub_text3 {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 28px;
    text-align: left;
}

.sub_text4 {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 90%;
}

.sub_text5 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 30px;
    text-align: left;
}

.sub_text6 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 30px;
    text-align: center;
}

.sub_text7 {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}

.sub_text8 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 24px;
    text-align: left;
}

.list_check {
    margin: 0 0 20px;
}

.list_check li {
    font-size: 18px;
    line-height: 36px;
}

.list_check li img {
    margin-right: 10px;
    vertical-align: text-bottom;
    width: 28px;
}

.list_square {
    margin: 0 auto 10px;
}

.list_square li {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding-left: 20px;
}

.list_square li:after {
    content: '';
    display: block;
    position: absolute;
    background: #FF1E25;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.list_square li.short {
    display: inline-block;
    width: 22%;
}

.list_diamond li {
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding-left: 30px;
}

.list_diamond li:after {
    content: '';
    display: block;
    position: absolute;
    background: #D85E25;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.red_font {
    color: #FE1E24;
}

.red_font2 {
    color: #FF1E25;
    font-size: 16px;
    font-weight: 700;
}

.red_font3 {
    color: #FE1E24;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
}

.red_font4 {
    border-bottom: 2px solid #FE1E24;
    color: #FE1E24;
}

.red_font5 {
    color: #FF1E25;
    font-size: 130%;
    font-weight: 700;
    padding: 0 10px;
}

.sky_font {
    color: #5F99C3;
}

.orange_font {
    color: #E79C16;
}

.orange_font2 {
    color: #D85E25;
    font-weight: 700;
}

.green_font {
    color: #587F23;
    font-size: 16px;
    font-weight: 700;
}

.blue_font {
    color: #5F99C3;
    font-weight: 700;
}

.blue_font2 {
    color: #5F99C3;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
}

.link_btn1 {
    margin: 0 auto;
    width: 40%;
}

.link_btn1 a {
    background-color: #F89C16;
    box-shadow: 0 6px 0 #656557, 0 12px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 150%;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.link_btn1 a:hover {
    background-color: #E79C16;
    box-shadow: 0 3px 0 #656557, 0 6px 0px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.item_box4 {
    margin: 30px auto;
}

.text_list {
    margin: 10px auto;
}

.text_list li {
    font-weight: 700;
    list-style-type: disc;
    margin-left: 32px;
}

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


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

.image_area {
    text-align: center;
}

.image_area>.s_img {
    margin: 20px auto 0;
    width: 90%;
    max-width: 720px;
}

.image_area>.bnr_img {
    margin: 20px auto;
    width: 100%;
}

.red_underline {
    color: #FE1E24;
    text-decoration: underline;
}

.ulist_index {
    border-bottom: 1px solid #D8D8D8;
    counter-reset: item;
}

.ulist_index>li {
    border-top: 1px solid #D8D8D8;
}

.ulist_index>li>label {
    color: #6AA4CC;
    display: flex;
    font-size: 20px;
}

.ulist_index>li>label:hover {
    cursor: pointer
}

.ulist_index>li>label::before {
    counter-increment: item;
    content: counter(item)'.';
    padding-right: 5px;
}

.ulist_index>li>label.no_number::before {
    content: none !important;
}

.ulist_index .ulist_text>span {
    border-bottom: 1px solid #D35E1D;
    color: #D35E1D;
}

.ulist_main {
    margin: 10px auto 0;
    counter-reset: item;
}

.ulist_main>li {
    border-top: 1px solid #D8D8D8;
}

.ulist_main>li h3 {
    color: #6AA4CC;
    font-size: 20px;
}

.ulist_main>li h3:hover {
    cursor: pointer
}

.ulist_main>li h3::before {
    counter-increment: item;
    content: counter(item)'.';
    padding-right: 5px;
}

.ulist_title {
    border-left: 8px solid #598E20;
    color: #598E20;
    font-size: 24px;
    font-weight: 700;
    margin: 30px auto 10px;
    padding-left: 5px;
}

.ulist_main .ulist_text {
    line-height: 1.8em;
}

.ulist_main .ulist_text2 {
    line-height: 1.8em;
    margin: 10px auto;
}

.ulist_main .ulist_stitle {
    color: #D35E1D;
    font-size: 18px;
    font-weight: 700;
    text-indent: -0.5em;
}

.circle_list>li {
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.circle_list>li::before {
    content: "●";
    color: #D35E1D;
    padding-right: 5px;
}

.circle_list2>li {
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.circle_list2>li::before {
    content: "●";
    color: #598E20;
    padding-right: 5px;
}

.accbox {
    width: 100%;
}

.accbox>.ex1 {
    border: 3px solid #1D3994;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 30px;
    vertical-align: top;
    width: 49%;
}

.accbox>.ex1:last-child {
    margin-right: 0;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 0 5px;
    cursor: pointer;
    transition: all 0.5s;
}

.accbox>.ex1>label {
    display: block;
    margin: 1.5px 0;
    padding: 10px 5%;
    cursor: pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label h2:after,
.accbox label h3:after {
    content: '▼';
    padding-left: 10px;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.ulist_index .cssacc:checked+label+.accshow,
.ulist_main .cssacc:checked+label+.accshow {
    height: auto;
    padding: 10px 0;
    opacity: 1;
}

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

/*アイコンを入れ替える*/
.cssacc:checked+label h2:after,
.cssacc:checked+label h3:after {
    content: '▲';
}

.accbox .accshow .index_area {
    clear: both;
    margin: 20px auto 10px;
}

.accbox .accshow .index_area .mokuji {
    font-size: 20px;
    font-weight: 700;
    float: left;
}

.accbox .accshow .close_btn {
    background-color: #1D3994;
    box-shadow: 2px 2px 4px black;
    color: #fff;
    font-size: 15px;
    margin-left: auto;
    padding: 5px 0;
    text-align: center;
    width: 30%;
}

.accbox .accshow .close_btn:hover {
    cursor: pointer;
}

.tap_note {
    text-align: right;
}

.tap_note>img {
    vertical-align: middle;
}

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

.ulist_main .pop_list>li {
    background-color: #FEFEDD;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

.ulist_main .pop_list>li .mark {
    background-image: url(../img/uwaki/pop_mark.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: auto;
    padding-top: 5px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 61px;
    height: 71px;
}

.ulist_main .pop_list>li .mark>span {
    font-size: 26px;
}

.ulist_main .pop_list>li .mark2 {
    background-image: url(../img/uwaki/pop_mark.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: auto;
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 61px;
    height: 61px;
}

.ulist_main .pop_list>li .mark2>span {
    font-size: 26px;
}

.ulist_main .uwaki_link {
    background-color: #F89C16;
    border-radius: 5px;
    box-shadow: 0 5px rgba(41, 41, 39, 0.8);
    margin-top: 20px;
    padding: 5px 0;
    text-align: center;
}

.ulist_main .uwaki_link>a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

.image_area>.bnr_img2 {
    margin: 0 auto 20px;
    width: 100%;
}

.image_area>.bnr_img3 {
    margin: 0 auto;
    width: 100%;
}

.info_area {
    background-color: #FFF6EE;
    border: 2px solid #FE8637;
    border-radius: 10px;
    box-shadow: 0px 6px 2px 0px #A3A39A;
    margin: 20px auto;
    padding: 20px 10px;
    text-align: center;
    width: 90%;
}

.info_area img {
    width: 100%;
}

.text_area {
    text-align: center;
}

.icon_list>li {
    display: inline-block;
    margin: 5px 0;
    vertical-align: bottom;
    width: 49%;
}

.ulist_main .ulist_gtitle {
    color: #598E20;
    font-size: 18px;
    font-weight: 700;
}

.green_frame {
    border: 1px solid #5A8A1C;
}

.green_frame>img {
    width: 100%;
}

.check_list4 li {
    background: transparent url(../img/uwaki/check_icon.png) no-repeat left 2px;
    background-size: 20px;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 10px;
    padding: 0 0 0 22px;
    text-align: left;
}

.check_list5 {
    margin: 10px auto 15px;
}

.check_list5 li {
    background-size: 20px;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 10px;
    text-align: left;
}

.cath_copy01 {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 20px auto 0;
    height: auto;
}

.cath_copy01>img {
    width: 100%;
}

#uwaki .cath_copy01 {
    background-image: url(../img/uwaki/catchcopy_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 20px auto 0;
    position: relative;
    height: 560px;
}

#uwaki .cath_copy01 .image {
    margin: 10px 0 0 4%;
    width: 75%;
}

#uwaki .cath_copy01 .text {
    font-size: 40px;
    font-weight: 700;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: -0.01em;
    line-height: 1.5em;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto 10px;
    text-align: center;
    width: 96%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    text-shadow: #FFF 2px 0px 2px, #FFF -2px 0px 2px, #FFF 0px -2px 2px, #FFF -2px 0px 2px, #FFF 2px 2px 2px, #FFF -2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px -2px 2px, #FFF 1px 2px 2px, #FFF -1px 2px 2px, #FFF 1px -2px 2px, #FFF -1px -2px 2px, #FFF 2px 1px 2px, #FFF -2px 1px 2px, #FFF 2px -1px 2px, #FFF -2px -1px 2px, #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px;
}

.cath_copy02 {
    background-image: url(../img/uwaki/catchcopy_bg02.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 0 auto;
}

.uwaki_about {
    background-color: #fff;
    border: 3px solid #84AE51;
    float: left;
    height: 458px;
    margin: 0 5px;
    padding: 20px 10px 20px 20px;
    width: 304px;
    display: flex;
    flex-direction: column;
}

.uwaki_about p {
    text-align: center;
}

.uwaki_about .about_ttl1 {
    color: #628024;
    font-size: 150%;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.uwaki_about .about_ttl2 {
    color: #D35E1D;
    font-size: 120%;
    font-weight: 700;
}

.uwaki_about ul {
    list-style: outside;
    padding-left: 1em;
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 14px;
    letter-spacing: -0.1em;
}

.uwaki_about ul li {
    font-size: 120%;
    letter-spacing: 0.1em;
}

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

.uwaki_about .about_img01 img {
    width: 100%;
}

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

.uwaki_about .about_img02 img {
    width: 100%;
}

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

.uwaki_about .about_img03 img {
    width: 100%;
}

.uwaki_text {
    color: #5C8024;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin: 30px auto;
    text-align: center;
}

.kikendo_about {
    text-align: center;
    line-height: 2em
}

.kikendo_about span {
    color: #598e20;
    font-size: 120%;
    font-weight: bold;
}

.mokuji li {
    border-bottom: 2px solid #D8D8D8;
}

.mokuji .title {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    height: auto;
    width: auto;
}

.mokuji .link {
    font-size: 24px;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    height: auto;
}

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

.mokuji2 {
    margin: 0 2%;
}

.mokuji2 li {
    border-bottom: 2px solid #D8D8D8;
}

.mokuji2 .title {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    height: auto;
    width: auto;
}

.mokuji2 .link {
    font-size: 24px;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    height: auto;
}

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


.mlist>li {
    border-bottom: 3px solid #D8D8D8;
}

.mlist>li:last-child {
    border-bottom: none;
}

.mlist>li img {
    width: 100%;
}

.mlist .item_title {
    border-left: 15px solid #7FA74F;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin: 30px auto;
    padding-left: 5px;
}

.mlist .note {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 20px auto;
    text-align: left;
}

.ranking li {
    border: 3px solid #80AC50;
    margin-bottom: 30px;
    padding: 10px 1%;
}

.ranking li .top {
    border-bottom: 2px solid #D8D8D8;
    font-size: 0;
    letter-spacing: -0.4em;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.ranking li .top>div {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}

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

.ranking li .top .caption {
    color: #D85E25;
    font-size: 28px;
    font-weight: 700;
}

.sub_text10 {
    font-size: 24px;
    letter-spacing: -0.01em;
    line-height: 36px;
    text-align: left;
}

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

.deme_list .top {
    font-size: 0;
    letter-spacing: -0.4em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.deme_list .top>div {
    display: inline-block;
    letter-spacing: normal;
}

.deme_list .top .ricon {
    margin-right: 1%;
    width: 7%;
    vertical-align: middle;
}

.deme_list .top .caption {
    color: #FF0302;
    font-size: 28px;
    font-weight: 700;
    vertical-align: bottom;
}

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

.check_list {
    border: 2px solid #5F9EC8;
    margin-bottom: 30px;
    padding: 10px 2%;
}

.check_list .top {
    font-size: 0;
    letter-spacing: -0.4em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.check_list .top>div {
    display: inline-block;
    letter-spacing: normal;
}

.check_list .top .ricon {
    margin-right: 1%;
    width: 7%;
    vertical-align: middle;
}

.check_list .top .caption {
    color: #4090DA;
    font-size: 28px;
    font-weight: 700;
    vertical-align: bottom;
}

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

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

.check_item li .note {
    color: #FF0330;
}

.sub_text11 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left;
}

.check_list .t_note {
    color: #FF0302;
    font-size: 20px;
}

.black_font {
    color: #000;
    font-weight: 700;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.jirei_list {
    margin-bottom: 30px;
}

.jirei_list li {
    margin-bottom: 20px;
}

.jirei_list .top {
    background: linear-gradient(to bottom, #78AF45, #587F23);
    padding: 10px 2%;
}

.jirei_list .top .caption {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.jirei_list .gray_box {
    background-color: #E9E9EA;
    border-left: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    padding: 10px 2%;
}

.pink_font {
    color: #FF7B92;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
}

.black_font2 {
    border-bottom: 2px solid #000;
    color: #000;
}

.orange_square {
    margin: 20px auto;
}

.orange_square li {
    font-weight: 700;
    position: relative;
    padding-left: 30px;
    margin: 6px 0 6px 6px;
}

.orange_square li:after {
    display: block;
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #D85E25;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.green_box4 {
    margin-top: 30px;
}

.green_box4>li {
    border: 3px solid #80AC50;
    margin-bottom: 30px;
    padding: 10px 2%;
}

.green_box4>li .top {
    border-bottom: 3px solid #D8D8D8;
    font-size: 0;
    letter-spacing: -0.4em;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.green_box4>li .top>div {
    letter-spacing: normal;
}

.green_box4>li .top .caption {
    color: #D85E25;
    font-size: 25px;
    font-weight: 700;
}

.blue_circle2 {
    margin: 5px auto;
}

.blue_circle2 li {
    position: relative;
    padding-left: 24px;
}

.blue_circle2 li:after {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: #5F9EC8;
    border-radius: 100%;
}

.red_circle2 {
    margin: 5px auto;
}

.red_circle2 li {
    position: relative;
    padding-left: 24px;
}

.red_circle2 li:after {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: #FF0302;
    border-radius: 100%;
}

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

.orange_circle {
    margin: 5px auto;
}

.orange_circle li {
    color: #D85E25;
    position: relative;
    padding-left: 24px;
    margin-left: 24px;
}

.orange_circle li:after {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: #D85E25;
    border-radius: 100%;
}

.black_circle {
    margin: 5px auto;
}

.black_circle li {
    color: #000;
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
}

.black_circle li:after {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 7px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 100%;
}

.font_bold {
    font-weight: 700;
}

.josei_line img {
    width: 100%;
}

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

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

.catch_imtes {
    font-size: 0;
    text-align: center;
}

.catch_imtes li {
    background-color: #D35E25;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    padding: 15px;
    margin: 0 1% 15px;
    width: 36%;
}

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

.clImg {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.clImg:before {
    content: "";
    display: block;
    padding-top: 47%;
}

.clImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.equipment_list th {
    color: #D35E25;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    padding: 15px 0;
    width: 8%;
    vertical-align: top;
}

.equipment_list td {
    font-size: 20px;
    letter-spacing: -0.03em;
    padding: 15px 0;
    width: 65%;
}

.toucho_img {
    margin: 30px auto;
    width: 96%;
}

.toucho_img img {
    width: 100%;
}

.equipment_list2 {
    letter-spacing: -0.4em;
    margin: 30px auto 0;
    text-align: center;
}

.equipment_list2 li {
    display: inline-block;
    letter-spacing: 0.1em;
    margin: 0 2% 20px;
    width: 29%;
}

.equipment_list2 li img {
    width: 100%;
}

.equipment_list2 li p {
    font-size: 20px;
    line-height: 28px;
    padding-top: 5px;
    text-align: center;
}

.apri_box {
    background-color: #FEFEDD;
    border: 3px solid #7FA74F;
    border-radius: 15px;
    margin: 0 auto;
    padding: 20px 2%;
    text-align: left;
    width: 92%;
}

.apri_box img {
    width: 100%;
}

.list_number {
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 28px;
    list-style-type: decimal;
    margin: 10px auto 30px;
    padding-left: 40px;
}

.list_dot {
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 28px;
    list-style-type: disc;
    margin: 10px auto 30px;
    padding-left: 40px;
}

.skill_list {
    text-align: center;
}

.skill_list li {
    display: inline-block;
    margin: 0 1% 30px;
    width: 47%;
}

.skill_list li img {
    width: 100%;
}

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

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

.check_list1 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.check_list1 li {
    display: inline-block;
    font-size: 0;
    margin: 20px 0;
    width: 48%;
}



.check_list1 li div {
    display: inline-block;
}

.clist_icon {
    vertical-align: -4px;
    width: 7%;
}

.clist_text {
    border-bottom: 2px solid #587F23;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.shozai_about {
    background-color: #fff;
    border: 3px solid #84AE51;
    float: left;
    height: auto;
    margin: 0 4px;
    padding: 20px 10px;
    width: 32%;
}

.shozai_about p {
    text-align: center;
}

.shozai_about .about_ttl1 {
    color: #628024;
    font-size: 150%;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.shozai_about .about_ttl2 {
    color: #D35E1D;
    font-size: 120%;
    font-weight: 700;
    margin-bottom: 10px;
    height: 56px;
}

.shozai_about .about_ttl3 {
    height: 180px;
}

.shozai_about ul {
    list-style: none;
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 14px;
    letter-spacing: -0.1em;
}

.shozai_about ul li {
    font-size: 120%;
    letter-spacing: 0.1em;
}

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

.shozai_about .about_img01 img {
    width: 100%;
}

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

.shozai_about .about_img02 img {
    width: 100%;
}

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

.shozai_about .about_img03 img {
    width: 100%;
}

.prepare_box {
    background-color: #FEFEDD;
    border: 3px solid #7FA74F;
    border-radius: 15px;
    display: inline-block;
    margin: 0 2% 30px;
    padding: 10px 2%;
    text-align: left;
    vertical-align: top;
    width: 45%;
}

.pre_btn1 a,
.pre_btn2 a {
    background-color: #F89C16;
    box-shadow: 0 6px 0 #656557, 0 12px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 120%;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.pre_btn1 a:hover,
.pre_btn2 a:hover {
    background-color: #E79C16;
    box-shadow: 0 3px 0 #656557, 0 6px 0px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.short_btn {
    margin: 0 auto;
    width: 40%;
}

.item_wrd {
    color: #5F9AC4;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.4em;
    margin: 0 auto 10px;
    text-align: center;
    text-shadow: 1px 2px 3px #fff;
}

.item_wrd>span {
    color: #FFC000;
}

.green_border {
    background-color: #D3D3D3;
    border: 2px solid #7FA74F;
}

.green_border img {
    width: 100%;
}

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

.item3_img img {
    width: 100%;
}

.list_box {
    margin: 30px 0 20px;
}

.list_box li {
    background-color: #5F99C3;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
    padding: 5px 3%;
}

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

.orange_box {
    text-align: center;
}

.orange_box li {
    border: 2px solid #D85E25;
    display: inline-block;
    font-size: 110%;
    line-height: 28px;
    margin: 10px 1%;
    padding: 12px 2% 24px;
    text-align: center;
    vertical-align: top;
    width: 30%;
}

.orange_box2 {
    background-color: #E9E9E9;
    border: 2px solid #D85E25;
    margin: 10px auto;
    padding: 5px 2%;
}

.bg_lo1 {
    background-image: url(../img/shozai/list_bg01.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.bg_lo2 {
    background-image: url(../img/shozai/list_bg02.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.bg_lo3 {
    background-image: url(../img/shozai/list_bg03.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.price_flow {
    display: inline-block;
    margin: 0px 0.5vw;
    vertical-align: top;
    width: 47%;
}

.green_box {
    border: 10px solid #7FA74F;
    margin: 0 auto;
    width: 100%;
}

.gbox_top {
    background-color: #7FA74F;
    padding-bottom: 10px;
}

.gbox_top div {
    display: inline-block;
}

.gbox_top .number {
    color: #fff;
    font-size: 400%;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    width: 15%;
}

.gbox_top .f_title {
    color: #fff;
    font-size: 120%;
    font-weight: 700;
    line-height: 32px;
    width: 70%;
}

.gbox_top .f_title span {
    font-size: 130%;
}

.gbox_top .icon {
    width: 12%;
}

.gbox_top .icon img {
    height: 55px;
}

.gbox_bottom {
    font-size: 18px;
    padding: 2%;
}

.arrow_icon {
    margin: 20px auto;
    width: 10%;
}

.blue_box {
    background-color: #E9E9E9;
    border: 4px solid #5F99C3;
    margin: 0 auto 10px;
    width: 100%;
}

.bbox_top {
    padding-bottom: 10px;
}

.bbox_top div {
    display: inline-block;
}

.bbox_top .case {
    color: #5F99C3;
    font-size: 350%;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    width: 25%;
}

.bbox_top .level {
    background-color: #5F99C3;
    color: #fff;
    font-size: 130%;
    padding: 10px;
    vertical-align: text-bottom;
}

.bbox_middle {
    margin-left: 5%;
}

.bbox_middle .b_title {
    border-bottom: 4px solid #5F99C3;
    display: inline;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: auto;
}

.bbox_middle .b_text {
    font-size: 18px;
    line-height: 32px;
    margin-top: 20px;
}

.bbox_bottom {
    margin: 5px auto;
    text-align: center;
}

.bbox_bottom .price_div {
    border: 6px solid #5F99C3;
    display: inline-block;
    margin: 0 1%;
    text-align: center;
    width: 40%;
}

.bbox_bottom .price_plus {
    display: inline-block;
}

.bbox_bottom .price_div .p_title {
    background-color: #5F99C3;
    color: #fff;
    font-size: 110%;
    padding-bottom: 5px;
}

.bbox_bottom .price_div .p_box {
    background-color: #fff;
    color: #FF1E25;
    font-size: 130%;
    font-weight: 700;
    line-height: 1.4em;
    padding: 5px 0;
}

.bbox_bottom .price_div .p_box .s_font1 {
    font-size: 70%;
}

.bbox_bottom .price_plus {
    color: #5F99C3;
    font-size: 40px;
    font-weight: 700;
    vertical-align: 30px;
}

.cost {
    line-height: 37px;
}

.remun {
    margin-left: 60px;
}

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

.check_list2 {
    margin: 0 auto;
    padding: 0 5%;
    width: 70%;
}

.check_list2 li {
    margin: 20px 0;
}

.check_list2 li div {
    display: inline-block;
}

.clist_icon2 {
    vertical-align: bottom;
    width: 7%;
}

.clist_text2 {
    border-bottom: 2px solid #5F99C3;
    font-size: 130%;
    font-weight: 700;
    padding: 0 1% 0 2%;
}

.clist_icon4 {
    display: inline-block;
    vertical-align: middle;
    width: 7%;
}

.clist_text4 {
    border-bottom: 2px solid #D35E25;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    padding: 0 1% 0 0;
}

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

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

.list_square3 {
    margin: 20px auto;
    width: 100%;
    max-width: 685px;
}

.list_square3 li {
    color: #D85E25;
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 40px;
    position: relative;
    padding-left: 30px;
}

.list_square3 li:after {
    content: '';
    display: block;
    position: absolute;
    background: #D85E25;
    width: 20px;
    height: 20px;
    top: 10px;
    left: -5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.item_title1 {
    border-left: 5px solid #7FA74F;
    font-size: 24px;
    font-weight: 700;
    margin: 30px auto 10px;
    padding-left: 5px;
}

.green_list {
    margin: 10px auto 20px;
}

.green_list li {
    color: #587F45;
    font-size: 20px;
    font-weight: 700;
    list-style-type: decimal;
    margin-left: 40px;
    padding-left: 5px;
}

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

.list_square4 li {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    margin-left: 20px;
    position: relative;
    padding-left: 25px;
    width: 40%;
}

.list_square4 li:after {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    width: 18px;
    height: 18px;
    top: 6px;
    left: -10px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.list_square dt {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    padding-left: 30px;
}

.list_square dt:after {
    content: '';
    display: block;
    position: absolute;
    background: #FF1E25;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.list_square dd {
    font-size: 18px;
    line-height: 32px;
    margin: 10px 0 30px 40px;
}

.font_brown1 {
    color: #41200B;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.font_brown2 {
    color: #41200B;
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
}

.info_box {
    background-color: #FEFEDD;
    border: 4px solid #949494;
    line-height: 36px;
    margin: 0 auto;
    padding: 30px 5%;
    width: 80%;
}

.ibox_title {
    color: #FF1E25;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
    text-align: center;
}

.effect_1 {
    text-shadow: 0 1px 0 #fff,
        0 2px 0 #fff,
        2px 3px 2px #000;
}

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

.link_btn2 a {
    background-color: #F89C16;
    box-shadow: 0 6px 0 #656557, 0 12px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.link_btn2 a:hover {
    background-color: #E79C16;
    box-shadow: 0 3px 0 #656557, 0 6px 0px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

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


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

.list_square2 {
    margin: 20px 0 20px 6%;
    width: 90%;
    max-width: 620px;
}

.list_square2 li {
    font-size: 20px;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
}

.list_square2 li:after {
    content: '';
    display: block;
    position: absolute;
    background: #FF1E25;
    width: 18px;
    height: 18px;
    top: 10px;
    left: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.orange_list {
    margin: 30px auto 40px;
}

.orange_list dt {
    color: #D85E25;
    font-size: 20px;
    font-weight: 700;
}

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

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

.mounth_pay td {
    padding: 3px 0;
}

.mounth_pay .left {
    width: 200px;
}

.mounth_pay .right {
    text-align: right;
    width: 150px;
}

.payment_flow {
    margin: 10px 0;
}

.payment_flow .blue_box5 {
    border: 2px solid #5F9AC3;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    vertical-align: middle;
    width: 35%;
}

.payment_flow .blue_box5 .left {
    font-weight: 700;
    letter-spacing: -0.05em;
    width: 240px;
}

.payment_flow .blue_box5 .right {
    color: #FF1E27;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: right;
    width: 110px;
}

.payment_flow .blue_box5_2 {
    border: 2px solid #5F9AC3;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    vertical-align: middle;
    width: 17%;
}

.payment_flow .blue_box5_2 .left {
    font-weight: 700;
    letter-spacing: -0.05em;
    width: 160px;
}


.payment_flow .blue_box5_2 .right {
    color: #FF1E27;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: right;
    width: 160px;
}

.payment_flow .blue_box5_3 {
    border: 2px solid #5F9AC3;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    vertical-align: middle;
    width: 23%;
}

.payment_flow .blue_box5_3 .left {
    font-weight: 700;
    letter-spacing: -0.05em;
    width: 150px;
}


.payment_flow .blue_box5_3 .right {
    color: #FF1E27;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: right;
    width: 80px;
}

.payment_flow .arrow_img {
    display: inline-block;
    margin: 0 5px;
    width: 5%;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    vertical-align: middle;
}

.payment_flow .yellow_box {
    background-color: #FEFEDD;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle;
    width: 33%;
}

.payment_flow .yellow_box .icon_area {
    display: inline-block;
    vertical-align: top;
    width: 8%;
}

.payment_flow .yellow_box .text_area {
    display: inline-block;
    width: 88%;
}

.blue_list li {
    color: #5F99C3;
    font-size: 20px;
    margin: 4px 0;
    padding-left: 30px;
}


.blue_list li:after {
    background: #5F99C3;
    width: 18px;
    height: 18px;
    top: 4px;
    left: 0px;
}

.green_box3 li {
    border: 4px solid #7FA74F;
    margin: 0 auto 30px;
    width: auto;
}

.green_box3 .gbox_top {
    padding: 10px 1%;
}

.green_box3 .gbox_bottom {
    background-color: #FEFEDD;
    padding: 10px 1%;
}

.green_box3 .gbox_top div {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 3%;
}

.green_box3 .gbox_top p {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    width: 94%;
    vertical-align: middle;
}

.green_box3 .gbox_bottom div {
    display: inline-block;
    margin-right: 5px;
    width: 3%;
    vertical-align: middle;
}

.green_box3 .gbox_bottom p {
    display: inline-block;
    font-size: 20px;
    width: 94%;
    vertical-align: middle;
}

.voice_title2 {
    margin: 0 auto;
    text-align: center;
}

.voice_list {
    display: flex;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    flex-wrap: wrap;
}

.voice_list dt {
    margin: 0 auto auto;
    width: 10%;
}

.voice_list dt img {
    width: 90%;
}

.voice_list dd {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    width: 85%;
}

.pay_img01 {
    margin: 0 auto 30px;
    width: 91%;
}

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


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

.red_back {
    background-color: #FF1E25;
    color: #fff;
    font-size: 40px;
    line-height: 60px;
    padding: 3px 6px;
    margin: 0 5px;
}

.check_list3 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.check_list3 li {
    display: inline-block;
    font-size: 0;
    margin: 20px 0 20px 2%;
    width: 46%;
    text-align: left;
    vertical-align: top;
}

.check_list3 li div {
    display: inline;
}

.clist_icon3 {
    float: left;
    vertical-align: top;
    width: 5%;
}

.clist_text3 {
    border-bottom: 2px solid #587F23;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.03em;
    width: 90%;
}

.list_square5 {
    margin: 20px auto;
    width: 90%;
    max-width: 560px;
}

.list_square5 li {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    padding-left: 20px;
}

.list_square5 li:after {
    content: '';
    display: block;
    position: absolute;
    background: #FF1E25;
    width: 18px;
    height: 18px;
    top: 8px;
    left: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.img_area1 {
    margin: 60px auto;
    width: 80%;
}

.ritem_box {
    font-size: 0;
}

.ritem_box>li {
    background-color: #FEFEDD;
    border: 4px solid #7FA74F;
    color: #121212;
    display: inline-block;
    font-weight: 700;
    margin: 0 1% 40px;
    vertical-align: top;
    width: 47%;
}

.bitem_name {
    background-color: #7FA74F;
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    padding: 10px;
}

.bitem_name .pun {
    border-left: 1px solid #fff;
    margin: 0 15px;
}

.bitem_name .no1 {
    background-color: #FFC000;
    font-size: 16px;
    padding: 2px 5px;
}

.bitem_name .no2 {
    background-color: #AFABAB;
    font-size: 16px;
    padding: 2px 5px;
}

.bitem_name .no3 {
    background-color: #CB7027;
    font-size: 16px;
    padding: 2px 5px;
}

.bitem_index {
    padding: 20px 0;
}

.bi_box li {
    display: inline-block;
    vertical-align: top;
}

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

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

.bi_box .bib_right {
    margin: 0 auto 15px;
    width: 46%;
}

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

.item_btn a {
    background-color: #E79C16;
    box-shadow: 0 3px 0 #656557, 0 6px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin: 10px auto 0;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.item_btn a:hover {
    background-color: #E79C16;
    box-shadow: 0 0 0 #656557, 0 3px 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.movie_btn {
    margin: 10px auto;
    width: 100%;
}

.movie_btn a {
    background-color: #FF7F21;
    box-shadow: 0 3px 0 #656557, 0 6px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.movie_btn a:hover {
    background-color: #FF7F21;
    box-shadow: 0 0 0 #656557, 0 3px 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

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

.reserve_btn a {
    background-color: #FF1E25;
    box-shadow: 0 3px 0 #656557, 0 6px 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin: 10px auto 0;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.reserve_btn a:hover {
    background-color: #FF1E25;
    box-shadow: 0 0 0 #656557, 0 3px 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.bitem_price {
    font-size: 17px;
    text-align: right;
    width: 95%;
}

.bitem_price li {
    display: inline-block;
    width: 35%;
}

.bitem_price li.long {
    text-align: left;
    width: 24%;
}

.box_hr {
    border-top: 2px solid #D3D3D3;
    margin: 0 auto 30px;
}

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

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

.movie2 {
    width: 100%;
}

.movie2 iframe {
    height: 250px;
    width: 100%;
}

.btn_icon {
    width: 20px !important;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.btn_icon2 {
    width: 20px !important;
    margin: 0 10px;
    display: inline-block;
    vertical-align: -3px;
}

.item_graph {
    margin: 0 auto 40px;
}

.item_close a,
.movie_close a {
    background-color: #E79C16 !important;
    width: 30% !important;
}

.item_close a:hover,
.movie_close a:hover {
    background-color: #E79C16 !important;
}

.hz_list {
    margin: 0 auto;
    width: 98%;
}

.hz_list th {
    background-color: #F1F7D9;
    border: 1px solid #2D9667;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
}

.hz_list td {
    border: 1px dotted #2D9667;
    padding: 5px 10px;
    vertical-align: top;
}

.hz_list .left {
    width: 2%;
}

.hz_list .center {
    width: 3%;
}

.hz_list .right {
    width: 16%;
}

.hz_list span {
    color: #FF2124;
    font-weight: 700;
}

.comment {
    font-size: 80%;
    font-weight: 700;
    margin: 5px 0 15px 2%;
}

.item_title2 {
    border-left: 5px solid #7FA74F;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 5px;
}

.title_icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 10% !important;
}

.ritem_box2 {
    font-size: 0;
}

.ritem_box2>li {
    color: #121212;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 1%;
    text-align: center;
    vertical-align: top;
    width: 23%;
}

.document_list {
    margin: 30px 0 0;
}

.document_list li {
    background-color: #D85E25;
    border: 4px solid #D85E25;
    font-size: 0;
    margin: 20px auto;
    width: 70%;
}

.document_list li>div {
    display: inline-block;
}

.docu_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    vertical-align: 20px;
    width: 14%;
}

.docu_text {
    background-color: #fff;
    font-size: 24px;
    line-height: 30px;
    padding: 10px 2%;
    width: 82%;
}

.docu_text p {
    color: #FF1E25;
    font-weight: 700;
}

.blue_box3 {
    border: 4px solid #5F99C3;
    margin: 30px auto 10px;
    padding: 30px 1%;
    text-align: center;
    width: 80%;
}

.icon_3 {
    font-size: 0;
}

.icon_3 li {
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
}

.icon_cls1 {
    margin: 30px 0;
    width: 15% !important;
}

.icon_cls2 {
    margin: 30px 0;
    width: 35% !important;
}

.icon_cls3 {
    margin: 30px 0;
    width: 41% !important;
}

.icon_cls4 {
    margin: 30px 0;
    width: 26% !important;
}

.voice_list li {
    background-color: #7FA74F;
    border: 4px solid #7FA74F;
    margin-bottom: 20px;
    width: 100%;
}

.voice_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 15px;
}

.voice_text {
    background-color: #E9E9E9;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    text-align: right;
}

.voice_text p {
    text-align: left;
}

.voice_consent {
    background-color: #E79C16;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px;
    text-align: left;
    width: 100%;
    max-width: 175px;
}

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

.green_list2 li {
    font-size: 24px;
    font-weight: 700;
    list-style-type: none;
    margin-top: 40px;
}

.green_list2 .caption {
    border-bottom: 1px solid #578D24;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.green_list2 .text {
    font-size: 18px;
    font-weight: 100;
    line-height: 28px;
}

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

.sub_main img {
    width: 100%;
}

.green_box5 {
    font-size: 0;
    letter-spacing: -0.4em;
}

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

.bg_green {
    background-color: #578D24;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    padding: 5px 10px;
}

.bg_green2 {
    background-color: #578D24;
    color: #fff;
    line-height: 1.8em;
    padding: 5px;
    text-align: left;
}

.bg_cream {
    background-color: #FEFEDD;
    line-height: 1.8em;
    margin-top: 30px;
    padding: 5px;
}

.title_green {
    color: #578D24;
    font-size: 18px;
    font-weight: 700;
}

.jirei_img {
    float: left;
    margin: 0 10px 0 auto;
    width: 18%;
}

.jirei_img img {
    width: 100%;
}

.crime {
    font-size: 20px;
    font-weight: 700;
}

.crime li {
    list-style: disc;
    margin-left: 3%;
}


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


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

.cath_copy04 {
    margin: 20px auto;
}

.cath_copy04 img {
    width: 100%;
}

.blue_box4 {
    border: 4px solid #5F99C3;
    margin: 0 auto 10px;
    padding: 30px 0 0;
    text-align: center;
    width: 90%;
}

.flow_left {
    display: inline-block;
    margin: 0 2% 0 9%;
    width: 10%;
}

.flow_right {
    display: inline-block;
    margin: 0 9% 0 2%;
    text-align: left;
    vertical-align: top;
    width: 67%;
}

.flow_right li {
    height: 140px;
}

.flow_right li p {
    font-size: 22px;
    line-height: 1.4em;
}

@media screen and (max-width: 1080px) {
    .flow_right li {
        height: 12vw;
    }

    .flow_right li p {
        font-size: 2vw;
    }
}

.green_box2 {
    border: 5px solid #7FA74F;
    margin: 0 auto 50px;
    padding: 30px 5%;
    width: 80%;
}

.fimg01 {
    margin: 0 auto 20px;
    text-align: center;
    width: 100%;
}

.fimg02 {
    margin: 0 auto 20px;
    text-align: center;
    width: 70%;
}

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

.arrival_img li {
    display: inline-block;
    margin: 30px 2%;
    width: 45%;
}

.arrival_img li img {
    border: 4px solid #7FA74F;
    width: 100%;
}

.arrival_img li p {
    border-left: 10px solid #7FA74F;
    font-size: 20px;
    margin: 10px 0;
    padding-left: 5px;
}

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


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

.return_main {
    margin: 20px auto;
    text-align: center;
    width: 90%;
}

.img_width1 {
    margin: 50px auto;
    width: 50% !important;
}

.img_width2 {
    margin: 50px auto;
    width: 80% !important;
}

.img_width3 {
    margin: 30px auto 50px;
    width: 50% !important;
}

.return_criterion {
    margin: 0 auto;
}

.return_criterion tr td {
    vertical-align: middle;
    padding: 20px 20px;
}

.blue_circle {
    border: 4px solid #5F99C3;
    border-radius: 150px;
    color: #5F99C3;
    font-size: 30px;
    font-weight: 700;
    padding: 20px;
}

.red_circle {
    border: 4px solid #FF1E25;
    border-radius: 150px;
    color: #FF1E25;
    font-size: 30px;
    font-weight: 700;
    padding: 20px;
}

.return_flow {
    margin: 10px auto 50px;
}

.return_flow>li {
    font-size: 140%;
    display: inline-block;
    line-height: 40px;
    margin: 20px 2%;
    vertical-align: top;
    width: 44%;
}

.return_flow li img.green_box {
    border: 2px solid #7EA650;
    margin-top: 10px;
}

.return_flow li span.red_font {
    color: #FE1E24;
    font-size: 90%;
    line-height: 28px;
}

.yupack_list li {
    color: #5F99C3;
    font-size: 80%;
    line-height: 24px;
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
    position: relative;
    padding-left: 20px;
}

.yupack_list li:before {
    content: '';
    display: block;
    position: absolute;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset;
    top: 6px;
    left: 2px;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #5F99C3;
}

.yupack_list li a {
    color: #5F99C3;
}


.access_title_s img {
    width: 30px;
}

.hisseki_gazou {
    float: left;
    margin: 0 20px 10px 0;
    width: 100%;
    max-width: 239px;
}

.mtb30 {
    margin: 30px auto !important;
}

.small {
    font-size: 90%;
    font-weight: 100;
}

.green_font2 {
    color: #7FA74F;
}

.size_w6 {
    width: 6% !important;
}

.size_w10 {
    width: 10% !important;
}

.red_font6 {
    color: #FF1E25;
    font-size: 130%;
}

.blue_font2_3 {
    color: #5F99C3;
    font-size: 220%;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 10px;
}

.size_w4 {
    margin-right: 10px;
    vertical-align: -3px;
    width: 4% !important;
}

.blue_font4 {
    color: #5F99C3;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
}


/* ====================youtube================================ */
/* ============================================================= */
#contents .video_area {
    max-width: 800px;
    margin: 60px auto;
}

#contents .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#contents .youtube>iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

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


/* ========== レンタルQ&A ========== */
.yellow_box2 {
    background-color: #FFF !important;
}


.yellow_box2 li {
    border: 2px solid #7FA74F;
    margin: 0 auto 30px;
    width: auto;
}

.yellow_box2 .gbox_top {
    background-color: #7FA74F;
    color: #fff;
    padding: 10px 1%;
    position: relative;
}

.yellow_box2 .gbox_bottom {
    background-color: #FEFEDD;
    padding: 10px 1%;
    position: relative;
}

.yellow_box2 .gbox_top div {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 3%;
}

.yellow_box2 .gbox_top p {
    display: inline-block;
    font-size: 20px;
    width: 92%;
    vertical-align: middle;
}

.yellow_box2 .gbox_bottom div {
    display: inline-block;
    margin-right: 5px;
    width: 3%;
    vertical-align: middle;
}

.yellow_box2 .gbox_bottom p {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2em;
    width: 92%;
    vertical-align: middle;
}

.faq_btn {
    cursor: pointer;
}

.open_icon {
    position: absolute;
    right: 0;
    top: 40%;
}

.open_icon img {
    width: 70%;
}

.close_icon {
    position: absolute;
    right: 0;
    bottom: 5px;
    cursor: pointer;
}

.close img {
    width: 70%;
}

/*----------------------------------------------------	
    .レンタルフォーム	
----------------------------------------------------*/
.rental_t th {
    width: 30%;
    text-align: left;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.rental_t td {
    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;
}




/* ====================横幅640px以下================================ */
/* ============================================================= */

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

    .item_wrd {
        font-size: 4vw;
    }

    .sp_display2 {
        display: block;
    }

    #container {
        display: none;
    }

    #container_sp {
        display: block;
    }

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

    #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 {
        font-size: 0;
        letter-spacing: -0.4em;
    }

    #head_sp .bottom .map {
        display: inline-block;
        width: 100%;
    }

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

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

    #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;
    }

    #head_logo>a>img {
        width: 78%;
    }

    #head2 {
        height: 12vw;
    }

    #head_in {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }

    #head_logo {
        width: 90%;
        margin: 2% 5%;
        position: relative;
    }

    .head_menu {
        width: 15%;
        height: auto;
        position: absolute;
        top: 15px;
        left: 85%;
        visibility: visible;
    }

    #head_tel {
        width: 80%;
        margin: 30px 10% 0;
    }

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

    .head_tel_in {
        width: 90%;
        margin: 2% 5%;
    }

    .head_tel_in img {
        width: 100%;
    }

    #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;
    }

    .youtube img {}

    #pc {
        display: none;
    }

    #sm {
        display: block;
        margin-bottom: 20px;
    }

    #sm img {
        width: 100%;
    }

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

    .js_bnr img {
        width: 100%;
    }

    /*	グローバルナビ
    ----------------------------------------------------------------------------*/
    #navi_index {
        margin: auto;
        text-align: center;
    }

    #gnavi {
        width: 100%;
        height: 51px;
        margin: 0 auto;
    }

    #gnavi .gnavi_li {
        position: relative;
        width: 49.7%;
        float: left;
        margin: 0;
        height: 80px;
        text-align: center;
        font-weight: 400;
        font-size: 1.375em;
        line-height: 80px;
        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);
    }

    #gnavi .gnavi_li a {
        display: block;
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #gnavi .gnavi_li a:hover {
        width: 100%;
        float: left;
        margin: 0;
        height: 80px;
        text-align: center;
        font-weight: bold;
        font-size: 1em;
        line-height: 80px;
        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);
    }

    #gnavi .gnavi_top {
        width: 49.7%;
        float: left;
        margin: 0;
        height: 80px;
        text-align: center;
        font-weight: bold;
        font-size: 1.375em;
        line-height: 80px;
        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);
    }

    #gnavi .gnavi_long {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin: 0;
        height: 80px;
        text-align: center;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 80px;
        border-top: 2px solid #FAB03C;
        border-bottom: 1px solid #cacacb;
        *border-right: 1px solid #FAB03C;
        background: #F9C013;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9C013), to(#F89823));
        background: -webkit-linear-gradient(#F9C013, #F89823);
        background: -moz-linear-gradient(#F9C013, #F89823);
        background: -ms-linear-gradient(#F9C013, #F89823);
        background: -o-linear-gradient(#F9C013, #F89823);
        background: linear-gradient(#F9C013, #F89823);
    }

    #gnavi .gnavi_long a {
        display: block;
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #gnavi .gnavi_long a:hover {
        width: 100%;
        float: left;
        margin: 0;
        height: 80px;
        text-align: center;
        font-weight: 700;
        font-size: 1em;
        line-height: 80px;
        border-top: 2px solid #FFD79C;
        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);
        color: #F8A61D;
    }

    #gnavi .gnavi_long img {
        margin-right: 3px;
    }

    #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);
    }

    /*	フッター
    ----------------------------------------------------------------------------*/
    #footer_block {
        width: 100%;
        height: auto;
        background-image: url(../img/common/footer_back.png);
        background-repeat: repeat-x;
        background-position: center top;
        margin: 0 auto;
        float: left;
        position: relative;
        padding-bottom: 2rem;
        background-color: #5b9b20;
    }

    #footer_block .company_data {
        width: 100%;
    }

    #footer_block .company_data ul {
        margin: 0 auto;
        list-style: none;
        text-align: center;
    }

    #footer_block .company_data ul li {
        margin: 0 1rem;
        display: inline-block;
    }

    #footer_block .company_data .item_logo {
        margin: 0 auto;
        width: 94%;
    }

    #footer_block .company_data .item_logo img {
        width: 100%;
    }

    #footer_block .company_data .item_logo2 {
        margin: 5px auto 20px;
        width: 100%;
    }

    #footer_block .company_data .item_add {
        margin: 0 auto 3%;
        width: 94%;
    }

    #footer_block .company_data .item_add img {
        width: 100%;
    }

    #footer_block .company_data .item_acc {
        margin: 0 auto;
        width: 42%;
    }

    #footer_block .company_data .item_tel {
        margin: 0 auto;
        width: 94%;
    }

    #footer_block #footer_box {
        max-width: 100%;
        margin: 40px 0 0;
    }

    #footer_block #footer_box .sitemap {
        float: left;
        color: #FFF;
        margin: 1rem 1rem;
        list-style: none;
        text-align: left;
        display: none;
    }

    #footer_block #footer_box .sitemap h3 {
        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_block #footer_box .sitemap ul {
        margin: 0.3rem 1rem 0.3rem 2.2rem;
        list-style: none;
        float: left;
    }

    #footer_block #footer_box .sitemap ul li {
        font-size: 0.95rem;
        line-height: 2rem;
        letter-spacing: 0.05rem;
    }

    #footer_block #footer_box .sitemap ul li a {
        color: #FFF;
    }

    #footer_block #footer_box .sitemap ul li a:hover {
        color: #9F9;
        text-decoration: underline;
    }

    #footer_block #footer_box .area {
        width: 100%;
        float: none;
        color: #FFF;
        margin: 0;
        list-style: none;
        text-align: left;
    }

    #footer_block #footer_box .area h3 {
        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_block #footer_box .area p {
        color: #FFF;
        font-size: 0.95rem;
        line-height: 1.5rem;
        letter-spacing: 0.03rem;
        margin: 0 5%;
        white-space: nowrap;
    }

    #footer_block #footer_box .area .image {
        width: 90%;
        margin: 5%;
    }

    #footer_block #footer_box .tourokubangou {
        width: 40%;
        float: left;
        color: #FFF;
        margin: 5%;
        list-style: none;
        text-align: left;
    }

    #footer_block #footer_box .tourokubangou h3 {
        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_block #footer_box .tourokubangou p {
        color: #FFF;
        font-size: 0.95rem;
        line-height: 1.5rem;
        letter-spacing: 0.03rem;
        margin-left: 0;
        text-align: center;
    }

    #footer_block #footer_box .tourokubangou .image {
        width: 90%;
        margin: 5%;
    }

    .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 20px 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: 18px;
        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: 94%;
        background-color: #f8f8f9;
        border: 1px solid #e6e6e6;
        margin: 3%;
        padding: 0;
    }

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

    #contents {
        width: 100%;
        margin: 0 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%;
    }

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

    /*　ご依頼の流れ	
    ----------------------------------------------------------*/
    .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: 90%;
        text-align: left;
        padding: 5%;
        font-size: 1.2em;
        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: 16px;
    }

    .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;
        height: auto;
    }

    .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: 1em;
        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_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: 3% auto;
        background-color: #f8f8f9;
        padding: 3%;
    }

    .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: 100%;
        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: 24%;
        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;
    }

    .page_top3 {
        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;
    }

    .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_title_s img {
        width: 3%;
        vertical-align: middle;
    }

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

    .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;
        margin: 20px 0;
    }

    .car_box {
        width: 100%
    }

    .car_box_s {
        width: 44%;
        margin: 2%;
        float: none;
        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%;
        vertical-align: middle;
    }

    .car_text span {
        font-size: 0.9em;
        font-weight: bold;
        line-height: 18px;
        text-align: left;
        color: #598e20;
        padding: 0;
        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: 6%;
        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_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);
    }

    #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_block {
        background-color: #5b9b20;
        background-image: url(../img/common/footer_back.png);
        background-repeat: repeat-x;
        background-position: center top;
        background-size: cover;
        float: left;
        margin: 0 auto;
        padding: 20px 5% 4em;
        position: relative;
        width: 90%;
        height: auto;
    }

    #footer_block #footer_box .tourokubangou {
        width: 50%;
        float: left;
        color: #FFF;
        margin: 0;
        list-style: none;
        text-align: left;
    }

    .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 {
        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;
    }

    .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%;
    }

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

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

    .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: 6vw;
        line-height: 20px;
    }

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

    .sub_title_rbc04 {
        font-size: 7vw;
        line-height: 1.2em;
    }

    .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: 0 5px;
    }

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

    .cath_copy01 {
        margin: 20px auto 0;
        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: 18%;
    }

    .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 .ricon {
        width: 12%;
    }

    .deme_list .top .caption {
        font-size: 5vw;
    }

    .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 .ricon {
        width: 12%;
    }

    .check_list .top .caption {
        font-size: 5vw;
    }

    .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 1%;
    }

    .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: 12%;
        position: fixed;
        bottom: 8vh;
        right: 3px;
        padding: 0;
        z-index: 9999;
    }

    .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;
        height: auto;
    }

    .shozai_about .about_ttl3 {
        height: auto;
    }

    .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: 100%;
    }

    .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: 0 auto 20px;
        padding: 5px auto 12px;
        width: 96%;
    }

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

    .price_flow {
        display: block;
        margin: 0 auto 30px;
        width: 100%;
    }

    .green_box {
        width: 100%;
    }

    .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: 100%;
    }

    .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: 100%;
    }

    .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: 100%;
    }

    .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 dd {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .pay_img01 {
        width: 100%;
    }

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


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

    .catch_img img {
        width: 100%;
    }

    .red_back {
        font-size: 7vw;
        line-height: 2.5em;
        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: 5%;
    }

    .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 auto 15px;
        width: 44%;
    }

    .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 dt {
        width: 12%;
    }

    .voice_list dt img {
        width: 100%;
    }

    .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: 10px auto;
        padding: 10px 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: 20px auto 0;
        width: 95%;
    }

    .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: 3vw;
    }

    .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;
        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 20%;
    }

    #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%;
}

.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) {
    .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%;
    }
}

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

@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;
    }
}


.flex_image {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
    width: 100%;
    max-width: 800px;
}

.waku0 {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
}

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

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

.car_box_s {
    width: 100%;
    margin: 2% auto;
    box-sizing: border-box;
}

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

.waku_car img {
    width: 100%
}

.access_main .yellow_marker {
    margin-top: 20px;
    text-align: center;
    max-width: 100%;
}

.access_main .orange_marker {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .waku_car {
        max-width: none;
    }
}