/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@charset "utf-8";
/*=========================================
【PC】slider
==========================================*/

/*slider_for
------------------------------*/
.slider_for{
	overflow: hidden;
  background-color:#000;
}

.slider_for .slid{
	height: 100vh;
	background-position: center bottom!important;
	background-size: cover!important;
}
.slider_for .slid-lp{
	height:30vh;
	background-position: center center!important;
	background-size: cover!important;
}

.slider_for .hokushinPhoto_01{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/02.jpg) no-repeat;
}

.slider_for .hokushinPhoto_02{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/03.jpg) no-repeat;
}

.slider_for .hokushinPhoto_03{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/slide-cococube-210611.jpg) no-repeat;
}

.slider_for .hokushinPhoto_04{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/cs-akasaka-premium-top.jpg) no-repeat;
}
/*--
.slider_for .hokushinPhoto_05{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/01.jpg?20190420) no-repeat;
}
---*/

.slider_for .resphoto_05{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/res_moveImg.jpg?20190408) no-repeat;
}
.slider_for .resphoto_06{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/res_moveImg_02.jpg?20190408) no-repeat;
}
.slider_for .resphoto_07{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/res_moveImg_03.jpg?20190408) no-repeat;
}
.slider_for .resphoto_08{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/res_moveImg_04.jpg?20190219) no-repeat;
}


/*slider_navWap
------------------------------*/
.slider_navWap{
	padding: 40px 40px 0 40px;
	background: #fff;
	position: relative;
	z-index: 1;
}

/*slider_nav
------------------------------*/
.slider_nav li a{
	border: solid 1px #c8c8c8;
	height: 320px;
	display: block;
}

.slider_nav li + li{
	margin-left: 8px;
}

.slider_nav li p{
	padding: 24px;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_gray.png) no-repeat;
	background-position: right 16px center;
	background-size: 6px auto;
}

/*=========================================
【PC】slider_c6
==========================================*/

.slider_c6.add_coco{
	border-bottom: solid 6px #000;
}

.slider_c6.add_coco::after{
	content: "";
	background: #f7f7f7;
	left: 0;
	bottom: -140px;
	position: absolute;
	width: 4000px;
	border-top: solid 4px #002557;
	height: 400px;
	z-index: -1;
}

.slider_c6{
	position: relative;
}

.slider_c6 .prev,
.slider_c6 .next{
	position: absolute;
	top: 50%;
	margin-top: -24px;
	background: rgba(0,0,0,0.8);
	width: 48px;
	height: 48px;
	z-index: 9998;
	background-size: 12px auto!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
}

.slider_c6 .prev{
	left: 0;
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_gray_l.png) rgba(0,0,0,0.8);
}
	
.slider_c6 .next{
	right: 0;
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_gray.png) rgba(0,0,0,0.8);
}

/*=========================================
【PC】flex
==========================================*/
.flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	max-width: 1464px;
	margin: 0 auto;
}

.flex.justify_c{
	justify-content: center;
	-webkide-justify-content: center;
	-moz-justify-content: center;
}

.flex.pd_lr{
	padding: 0 24px
}

.flex .box{
	/*IE9*/
	display: inline-block!important;
}



/*row2
------------------------------*/
.flex.row2 .box{
	width: 49.2%;
	margin-right: 50px;
}

.flex.row2 .box:nth-child(2n){
	margin-right: 0;
}

.flex.row1 .box{
	width: 49.2%;
	margin: auto;
}

.flex.row_voice {
	width: 60%;
	margin: 20px auto;
}


/*row2 hokushin top
------------------------------*/
.flex.row2hf .box{
	width: 50%;
	margin-right: -120px;
  margin-left: 0px;
}

.flex.row2hf .box:nth-child(2n){
	margin-right: 0;
}

.flex.row2hf .box{
	margin-right: 3%;
	text-align: left;
}

.flex.row2hf .box:nth-last-child(1){
	margin-right: -120px;
}


/*row3
------------------------------*/
.flex.row3 .box{
 	width: 32.267%;
  
    
}

.flex.row3 .box:nth-child(3n){
	margin-right: 0;
}

.flex.row3 .box:nth-child(n+4){
	margin-top: 16px;
}



/*row4
------------------------------*/
.flex.row4 .box{
 	width: 23.8%;
}
.flex.row4-non .box{
 	width: 25%;
}

.flex.row4 .box:nth-child(4n){
	margin-right: 0;
}

.flex.row4 .box:nth-child(n+5){
	margin-top: 1.6%;
}

/*row5
------------------------------*/
.flex.row5{
	justify-content: center;
	-webkide-justify-content: center;
	-moz-justify-content: center;
}

.flex.row5 .box{
 	width: 18.72%;
	margin-right: 1.6%;
}

.flex.row5 .box:nth-child(5n){
	margin-right: 0;
}

.flex.row5 .box:nth-child(n+6){
	margin-top: 1.6%;
}


/*row6
------------------------------*/
.flex.row6{
	justify-content: center;
	-webkide-justify-content: center;
	-moz-justify-content: center;
}

.flex.row6 .box{
 	width: 14.72%;
	margin-right: 1.6%;
}

.flex.row6 .box:nth-child(6n){
	margin-right: 0;
}

.flex.row6 .box:nth-child(n+7){
	margin-top: 1.6%;
}


.flex.row2 .box,
.flex.row3 .box,
.flex.row4 .box,
.flex.row4.ad .box,
.flex.row5 .box,
.flex.row6 .box{
	margin-right: 1.6%;
	text-align: justify;
}
.flex.row4-non .box{
	/*margin-right: 1.1%;*/
	text-align: left;
}

.flex.row6-non .box{
	/*margin-right: 1.1%;*/
	text-align: left;
}




.flex.row2 .box:nth-last-child(1),
.flex.row3 .box:nth-last-child(1),
.flex.row4 .box:nth-last-child(1),
.flex.row4.ad .box:nth-last-child(1),
.flex.row5 .box:nth-last-child(1)
.flex.row6 .box:nth-last-child(1){
	margin-right: 0;
}

br.sm_only{  
  display:none
}  


/*------------------------------
.flex.imgMenu
------------------------------*/
.flex.imgMenu{
	padding: 0 24px;
}
.flex.imgMenu2{
	padding: 0 0;
}

.flex.imgMenu .photo{
	margin-bottom: 8px;
}

.flex.imgMenu p{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}


/*--6440行目へ
.flex.imgMenu .line{
	border-bottom: solid 1px #c8c8c8;
	padding-bottom: 8px;
}
---*/

/*------------------------------
.flex.biz
------------------------------*/
.flex.biz{
	padding: 0 24px;
	margin: 0 auto;
	margin-bottom: 64px;
}

.flex.biz .photo{
	margin-bottom: 16px;
	text-align: center;
}

.flex.biz .photo img{
	width: auto;
	height: 80px;
}

.flex.biz .box{
	background: #fff;
	padding: 32px;
	font-size: 14px
}	

.flex.biz .bizTitle{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 24px;
	line-height: 1.6;
	position: relative;
}

.flex.biz .arrowIcon{
	padding-right: 18px;
}

.flex.biz .bizTitle::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 12px;
	margin-left: -12px;
	width: 24px;
	height: 1px;
	background: #000;
}

.flex.biz .txt{
	font-weight: normal;
	line-height: 1.8;
	font-size: 14px;
}

/*------------------------------
.flex.c_one
------------------------------*/
.flex.c_one{
	padding: 0 15px;
  margin-bottom: 64px;
  font-size:13px;
}


.flex.c_one .box{
	width: 23.8%;
	padding: 32px 32px 120px 32px;
	border: solid 1px #c8c8c8;
	display: block;
	text-align: right;
	background: #fff;
	position: relative;
}

.flex.c_one .box2{
	width: 23.8%;
	padding: 32px 32px 40px 32px;
	border: solid 1px #ffffff;
	display: block;
	text-align: justify;
	background: #fff;
	position: relative;
}



@media only screen and (min-width:970px) {
/*=========================================
【970】flex
==========================================*/
  

/*--------枠の周りの動く線を追加----------------------*/
/*.flex.c_one .box::before,
.flex.c_one .box::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -9999;
  content: '';
  width: 0;
  height: 0;
  transition: all .5s;
  -moz-border: 1px double transparent;
  -webkit-border: 1px double transparent;
  -ms-border: 1px double transparent;
  border: 1px double transparent;
}

.flex.c_one .box:hover{
	width: 23.8%;
	padding: 32px 32px 120px 32px;
	-moz-border: double 1px #932731;
  -webkit-border: double 0px #932731;
  -ms-border: double 0px #932731;
	display: block;
	text-align: right;
	background: #fff;
	position: relative;
 
}

.flex.c_one .box:hover::before,
.flex.c_one .box:hover::after {
  width: 100.6%;
  height: 100.4%;
}

  
.flex.c_one .box:hover::before {
  
  border-top-color: #932731;
  border-right-color: #932731;
  -moz-transition: width .5s, height .5s .5s;
  -webkit-transition: width .5s, height .5s .5s;
  -ms-transition: width .5s, height .5s .5s;
  transition: width .5s, height .5s .5s;
   z-index: 2;
}
.flex.c_one .box:hover::after {
  border-bottom-color:#932731;
  border-left-color:#932731;
  -moz-transition: height .5s, width .5s .5s;
  -webkit-transition: height .5s, width .5s .5s;
  -ms-transition: height .5s, width .5s .5s;
  transition: height .5s, width .5s .5s;
  
   z-index: 2;
 }
  
*/
}
/*--------メディアクエリ980終わり----------------------*/

/*=========================================
【以下はパソコン】flex
==========================================*/

.flex.c_one .box + .box{
	margin-left: 1.6%;
}

.flex.c_one .photo{
	margin-bottom: 16px;
   z-index: 2;
}

.flex.c_one h3{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #0382d3;
  padding:0 20px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #0382d3;
}

.flex.c_one h5{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #132c66;
  padding:0 20px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #132c66;
}





.flex.c_one h4{
  padding:0 20px;

  transform: rotate(0.05deg);
  font-weight:400;
	font-size: 15px;
	text-align: left;
	color: #034a98;
	padding-bottom: 8px;
	margin-bottom: 8px;
 
}
.flex.c_one .bottom{
  position:relative;
  font-size: 15px;
	bottom: -7px;
 
}

.flex.c_one p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif, "微软雅黑", "宋体";
  font-size: 13px;
  padding:0 20px;
	line-height: 1.8;
	text-align: left;
	font-weight: normal;
	margin-bottom: 0;
}

.flex.c_one p1{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif, "微软雅黑", "宋体";
  font-size: 13px;
  padding:0 20px;
	line-height: 1.8;
	text-align: justify;
	font-weight: normal;
	margin-bottom: 0;
}

/*=====枠が動くボタン=KF追加===================*/
.flex.c_one .s_btn {
  position: absolute;
  left: 47%;
	bottom: 32px;
	width: 75%;
	margin-left: -32%;
  padding: .5em 3.6em;
  border: 1px solid #2e8b57;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;

  transform: rotate(0.05deg);
  font-weight:400;
  font-size:13px;
  letter-spacing: 0.2em;
  background-color:#008080;
   z-index: 3;
}
.flex.c_one .s_btn::before,
.flex.c_one .s_btn::after {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.flex.c_one .s_btn:hover {
  color: #2f4f4f;
  border: 2px solid #fff;
  background-color:#cae0d9;
  opacity: 0.8 ;
}
.flex.c_one .s_btn:hover::before,
.flex.c_one .s_btn:hover::after {
  width: 101.5%;
  height: 104.5%;
}
.flex.c_one .s_btn:hover::before {
  border-top-color: #008080;
  border-right-color: #008080;
  transition: width .3s, height .3s .3s;
}
.flex.c_one .s_btn:hover::after {
  border-bottom-color: #008080;
  border-left-color:#008080;
  transition: height .3s, width .3s .3s;
}

/*=====枠内のエフェクトボタン=KF追加======20210318=============*/
/* btn4 */
.flex.row3 a.box .common-btn4{
  position: absolute;
  left: 57%;
	bottom: 30px;
	width: 70%;
  text-align:center;
	margin-left: -42%;
  padding: .2em 2.0em;

}


.common-btn4{padding:7px;display:inline-block;border:1px solid#000;font-size:1.0rem;width:300px;
  max-width:90%;text-align:center;position:relative;transition:.3s;background:#000;}/* btn本体 */
.common-btn4::before{content:"";display:block;width:40px;height:1px;background:#527acc;
  position:absolute;right:-10px;top:50%;z-index:1;transition:right .3s .3s,width .3s .3s,height .3s,top .3s;}/* btn動く横矢印 */
.common-btn4 span{position:relative;z-index:2;color:#fff;}/* btn文字 */
.common-btn4:hover{border-color:#527acc;transition:.3s .3s;}
.common-btn4:hover span{position:relative;z-index:2;color:#fff;}
.common-btn4:hover{padding:7px;display:inline-block;border:1px solid#000;
  font-size:1.05rem;width:300px;max-width:90%;text-align:center;position:relative;transition:.3s;opacity:1;}
.common-btn4:hover::before{right:0;height:100%;width:100%;top:0;transition:right .3s,width .3s,height .3s .3s,top .3s .3s;}
.common-btn4{

  font-weight: 300;
   transform: rotate(0.05deg);
} 
.flex.row3 h3.ttl_type03{

  transform: rotate(0.05deg);
  font-weight:400;
  font-size:15px;
}

.flex.row3 p.align_l{

  transform: rotate(0.05deg);
  font-weight:400;
  font-size:13px;
}

/*=====枠が動くボタン=KF追加 仲介事業ページ==賃貸事業ページのボックス内=================*/
.flex.row3 .s_btn_br {
  position: absolute;
  left: 57%;
	bottom: 32px;
	width: 50%;
  text-align:center;
	margin-left: -32%;
  padding: .2em 1em;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:13px;
  letter-spacing: 0.2em;
  background-color:#000;
}
.flex.row3 .s_btn_br2 {
  position: absolute;
  left: 57%;
	bottom: 10px;
	width: 80%;
  text-align:center;
	margin-left: -50%;
  padding: .2em 2.0em;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:13px;
  letter-spacing: 0.2em;
  background-color:#000;
}
.flex.row3 .s_btn_br::before,
.flex.row3 .s_btn_br::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.flex.row3 .s_btn_br2::before,
.flex.row3 .s_btn_br2::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.flex.row3 .s_btn_br:hover {
  color: #fff;
  font-size:13px;
  border: 2px solid #fff;
  background-color:#4d4d4d;
  opacity: 0.8 ;
}
.flex.row3 .s_btn_br2:hover {
  color: #fff;
  font-size:13px;
  border: 2px solid #fff;
  background-color:#4d4d4d;
  opacity: 0.8 ;
}
.flex.row3 .s_btn_br:hover::before,
.flex.row3 .s_btn_br:hover::after {
  width: 101%;
  height: 105%;
}
.flex.row3 .s_btn_br:hover::before {
 border-top-color: #000;
  border-right-color: #000;
  transition: width .3s, height .3s .3s;
}
.flex.row3 .s_btn_br:hover::after {
  border-bottom-color: #000;
  border-left-color:#000;
  transition: height .3s, width .3s .3s;
}
.flex.row3 .s_btn_br2:hover::before,
.flex.row3 .s_btn_br2:hover::after {
  width: 101%;
  height: 105%;
}
.flex.row3 .s_btn_br2:hover::before {
 border-top-color: #000;
  border-right-color: #000;
  transition: width .3s, height .3s .3s;
}
.flex.row3 .s_btn_br2:hover::after {
  border-bottom-color: #000;
  border-left-color:#000;
  transition: height .3s, width .3s .3s;
}

/***マウスオンで透明にしない****/
.flex.row3 a{
	opacity: 1 !important; 
}
/*=====枠が動くボタン=KF追加=end==================*/

/*=====枠が動くボタン=KF追加 4連　賃貸事業ページのボックス内=================*/
.flex.row4 .s_btn_br {
  position: absolute;
  left: 57%;
	bottom: 32px;
	width: 60%;
  text-align:center;
	margin-left: -32%;
  padding: .2em 2.0em;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:13px;
  letter-spacing: 0.2em;
  background-color:#fff;
}
.flex.row4 .s_btn_br2 {
  position: absolute;
  left: 57%;
	bottom: 10px;
	width: 80%;
  text-align:center;
	margin-left: -50%;
  padding: .2em 2.0em;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:300;
  font-size:13px;
  letter-spacing: 0.2em;
  background-color:#fff;
}
.flex.row4 .s_btn_br::before,
.flex.row4 .s_btn_br::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.flex.row4 .s_btn_br2::before,
.flex.row4 .s_btn_br2::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.flex.row4 .s_btn_br:hover {
  color: #fff;
  font-size:13px;
  border: 2px solid #fff;
  background-color:#4d4d4d;
  opacity: 0.8 ;
}
.flex.row4 .s_btn_br2:hover {
  color: #fff;
  font-size:13px;
  border: 2px solid #fff;
  background-color:#4d4d4d;
  opacity: 0.8 ;
}
.flex.row4 .s_btn_br:hover::before,
.flex.row4 .s_btn_br:hover::after {
  width: 101%;
  height: 105%;
}
.flex.row4 .s_btn_br:hover::before {
 border-top-color: #000;
  border-right-color: #000;
  transition: width .3s, height .3s .3s;
}
.flex.row4 .s_btn_br:hover::after {
  border-bottom-color: #000;
  border-left-color:#000;
  transition: height .3s, width .3s .3s;
}
.flex.row4 .s_btn_br2:hover::before,
.flex.row4 .s_btn_br2:hover::after {
  width: 101%;
  height: 105%;
}
.flex.row4 .s_btn_br2:hover::before {
 border-top-color: #000;
  border-right-color: #000;
  transition: width .3s, height .3s .3s;
}
.flex.row4 .s_btn_br2:hover::after {
  border-bottom-color: #000;
  border-left-color:#000;
  transition: height .3s, width .3s .3s;
}

/***マウスオンで透明にしない****/
.flex.row4 a{
	opacity: 1 !important; 
}


/*=====枠が動くボタン=KF追加=end==================*/

/*------------------------------
.biz
------------------------------*/

/*=====type03 タイトルフォント調整==================*/
h3.ttl_type03{
	font-size:18px;
  font-weight:500;
  
}
  
h3.ttl_type03w{
	font-size:18px;
  font-weight:500;
  color:#fff;
  
}

/*=========================================================================================
  s_btn2 ラインアニメボタン　https://www.nxworld.net/tips/css-button-hover-border-effects.html
==========================================================================================*/
.s_btn2 {
  position: relative;
  display: inline-block;
  padding: .9em 3.6em;
  border: 2px solid #2e8b57;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:18px;
  background-color:#008080;
}
.s_btn2::before,
.s_btn2::after {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.s_btn2:hover {
  color: #2f4f4f;
  border: 2px solid #fff;
  
  opacity: 0.8 ;
}
.s_btn2:hover::before,
.s_btn2:hover::after {
  width: 106.5%;
  height: 106.5%;
}
.s_btn2:hover::before {
  border-top-color: #4682b4;
  border-right-color: #4682b4;
  transition: width .3s, height .3s .3s;
}
.s_btn2:hover::after {
  border-bottom-color: #4682b4;
  border-left-color: #4682b4;
  transition: height .3s, width .3s .3s;
}

.s_btn3 {
  position: relative;
  display: inline-block;
  padding: .5em 3.6em;
  border: 2px solid #2e8b57;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:16px;
  background-color:#008080;
}
.s_btn3::before,
.s_btn3::after {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.s_btn3:hover {
  color: #2f4f4f;
  border: 2px solid #fff;
  background-color:#cae0d9;
  opacity: 0.8 ;
}
.s_btn3:hover::before,
.s_btn3:hover::after {
  width: 101%;
  height: 106.5%;
}
.s_btn3:hover::before {
  border-top-color: #008080;
  border-right-color: #008080;
  transition: width .3s, height .3s .3s;
}
.s_btn3:hover::after {
  border-bottom-color: #008080;
  border-left-color:#008080;
  transition: height .3s, width .3s .3s;
}

/*------------------------------
s_btn4 ビジョンページの動くボタン
------------------------------*/
.s_btn4{
  position: relative;
  padding: .4em 3.5em;
  border: 1px solid #960000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:14px;
  background-color:#960000;
}
.s_btn4::before,
.s_btn4::after {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.s_btn4:hover {
  color: #000;
  font-weight: bold;
  border: 2px solid #fff;
  background-color:#faf0f0;
  opacity: 0.8 ;
}
.s_btn4:hover::before,
.s_btn4:hover::after {
  width: 101%;
  height: 106.5%;
}
.s_btn4:hover::before {
  border-top-color: #960000;
  border-right-color: #960000;
  transition: width .3s, height .3s .3s;
}
.s_btn4:hover::after {
  border-bottom-color: #960000;
  border-left-color:#960000;
  transition: height .3s, width .3s .3s;
}

.flex.groupImgList .s_btn4{
	position: absolute;
	left: 46%;
	bottom: 32px;
	margin-left: -90px;
	width: 180px;
	text-align: center;
}

.flex.groupImgList .s_btn4.w_220{
	width: 220px!important;
}

/*-------------------------------------------------------------------------
s_btn5　シャッターが右に動くボタン http://markup.webcrew.co.jp/art_20150318.html
ベンダープレフィクス方法不明
-----------------------------------------------------------------------
.s_btn6 {
  position: relative;
  padding: .4em 3.5em;
  border: 1px solid #960000;  
  color: #960000;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
   -webkit-transition: all .3s;
   -ms-transition: all .3s;
  
   font-family: "Alegreya Sans SC", "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium",sans-serif;
  font-size:14px;
  background-color:#fff;
}
.s_btn6:hover,
.s_btn6:active {
   position:relative;
    color:#fff;
  -webkit-transition:all 0.8s;
  -ms-transition:all 0.8s;
      transition:all 0.8s;
   z-index:1111;
}
.s_btn6:after {
    width:0%;
    height:100%;
    background-color:#000000;
    color:#fff !important;
    content:"";
    position:absolute;
    top:0;
    left:0;
  -webkit-transition:all 0.8s;
  -ms-transition:all 0.8s;
      transition:all 0.8s;
    z-index:-1;
 
}
.s_btn6:hover{
   opacity:1 !important;
   background-color:#000000 ;
   color:#fff;
  -webkit-transition:all 0.8s;
  -ms-transition:all 0.8s;
      transition:all 0.8s;
 } 
  
.s_btn6:hover:after,
.s_btn6:active:after {
   
   background-color:#000000 ;
  color:#fff;
  -webkit-transition:all 0.8s;
  -ms-transition:all 0.8s;
      transition:all 0.8s;
    width:100%;  
   z-index:-1;
}

*/

/*------------------------------
.flex.photo
------------------------------*/
.flex.photo{
	margin-bottom: 40px;
}

.flex.photo .box{
	width:25%;
}

/*-----------------------------
.flex.banner 
------------------------------*/
.flex.banner{
	padding: 0;
	margin-bottom: 40px;
}

/*-----------------------------
.flex.line 
------------------------------*/
.flex.line .box{
	padding: 16px;
	border: solid 1px #c8c8c8;
	background: #fff;
}

/*==========================================
【PC】newsList
==========================================*/
.newsList{
	width:100%;
	overflow: hidden;
	color: #000;
	text-align: left;
	border-bottom: solid 1px #c8c8c8;
}

.newsList dt{
	float:left;
	clear:left;
	font-weight: bold;
	color: #006dc8;
	width: 25%;
	border-top: solid 1px #c8c8c8;
	padding: 16px 0;
}

/*北辰
-----------------------------*/
#hokushin .newsList dt{
	color:#990000;
}

/*res
-----------------------------*/
#res .newsList dt{
	color:#045e74;
}

.newsList dd{
	float:left;
	width: 75%;
	border-top: solid 1px #c8c8c8;
	padding: 16px;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_gray.png) no-repeat;
	background-size: 4px auto;
	background-position: right 16px center;
}

.newsList a{
	text-decoration: underline;
  -webkit-text-decoration-skip: none;
}


/*==========================================
【PC】w_img(回り込み)
==========================================*/
.w_img{
	display: block;
	padding: 16px;
	border: solid 1px #c8c8c8;
	background: #fff;
}

.w_img span{
	display: block;
	margin-top: 8px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

/*------------------------------
.type01
------------------------------*/
.w_img.type01 {
	width: 36%;
	float: right;
	margin: 0 0 24px 24px;
}

/*------------------------------
.type02
------------------------------*/
.w_img.type02{
	width: 36%;
	float: left;
	margin: 0 24px 24px 0;
}

/*------------------------------
.type03
------------------------------*/
.w_img.type03{
	width: 20%;
	float: right;
	margin: 0 0 24px 24px;
}

/*------------------------------
.type04
------------------------------*/
.w_img.type04{
	margin-bottom: 24px;
}

/*------------------------------
.type05
------------------------------*/
.w_img.type05 {
	width: 16%;
	float: right;
	margin: 0 0 24px 24px;
}

/*==========================================
【PC】circleIcon
==========================================*/

/*北辰
------------------------------*/
#hokushin .circleIcon::after{
	color: #960000;
}

/*ACP
------------------------------*/
#acp .circleIcon::after{
	color: #006dc8;
}

/*ACP
------------------------------*/
#group .circleIcon::after{
	color: #002557;
}

.circleIcon{
	padding-left: 16px;
	display: block;
	margin-bottom: 8px;
	position: relative;
}

.circleIcon::after{
	content: "●";
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 6px;
}

/*==========================================
【PC】.cont
==========================================*/
.cont{
	overflow: hidden;
	text-align: right;
}

.cont .photo{
	width: 47.6%;
}
.cont .photo2{
	width: 30%;
}


.cont .txt{
	width: 47.6%;
}
.cont .txt2{
	width: 60%;
}
.cont .txt3{
	width: 100%;
}
.cont .txt4{
	width: 50%;
}
.cont .box{
	width: 47.6%;
}

.cont p{
	text-align: left;
}

.cont p1{
	text-align: justify;
}

.cont + h3{
	margin-top: 40px;
}

/*------------------------------
.cont .mapArea
------------------------------*/
.cont .mapArea{
	padding: 0;
	margin-top: 24px;
}

/*------------------------------
.cont.type01
------------------------------*/
.cont.type01 .photo{
	float: left;
}

.cont.type01 .txt,
.cont.type01 .txt2,
.cont.type01 .txt4{
	float: right;
}

/*------------------------------
.cont.type02
------------------------------*/
.cont.type02 .photo{
	float: right;
}

.cont.type02 .txt{
	float: left;
}

/*------------------------------
.cont.type03
------------------------------*/
.cont.type03{
	overflow: hidden;
}

.cont.type03 .box{
	float: left;
}

/*------------------------------
.cont.type04
------------------------------*/
.cont.type04{
	text-align: center;
}

.cont.type04 .photo{
	float: left;
}

.cont.type04 p{
	height: 180px;
}

.cont.type04 .imgArea{
	width: 32%;
	display: block;
	float: left;
	height: 220px;
	margin-right: 16px;
}

.cont.type04 .imgWap{
	border: solid 1px #c8c8c8;
	padding: 8px;
	display: block;
}

.cont.type04 .txt{
	float: right;
}

/*------------------------------
.business
------------------------------*/

/*北辰
----------------------*/
#hokushin .bizIcon01{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_01.png);}
#hokushin .bizIcon02{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_02.png);}
#hokushin .bizIcon03{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_03.png);}
#hokushin .bizIcon04{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_04.png);}
#hokushin .bizIcon05{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_05.png);}
#hokushin .bizIcon06{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_06.png);}
#hokushin .bizIcon07{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_businessIcon_07.png);}

/*ACP
----------------------*/
#acp .bizIcon01{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_01.png);}
#acp .bizIcon02{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_02.png);}
#acp .bizIcon03{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_03.png);}
#acp .bizIcon04{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_04.png);}
#acp .bizIcon05{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_05.png);}
#acp .bizIcon06{background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_businessIcon_06.png);}

.business{
	padding-left:72px;
	text-align: left;
	background-size:54px auto!important;
	background-repeat: no-repeat!important;
}

.business .txtList{
	font-weight: bold;
	margin-bottom: 16px;
	overflow: hidden;
}

.business .txtList li{
	display: inline-block;
	margin: 0 16px 0 0;
}

.business span{
	display: inline-block;
	padding: 12px 24px;
	background: #fff;
	border: solid 1px #c8c8c8;
	line-height: 0;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}

/*==========================================
【PC】.photoList
==========================================*/
.photoList{
	overflow: hidden;
}

/*------------------------------
.photoList.type01
------------------------------*/
.photoList.type01{
	text-align: center;
}

.photoList.type01 li:nth-child(1){
	width: 100%;
	margin-bottom: 8px;
}

.photoList.type01 li:nth-child(n+2){
	width: 32%;
	float: left;
	margin-right: 2%;
}

.photoList.type01 li:nth-last-child(1){
	margin-right: 0;
}

/*------------------------------
.photoList.type02
------------------------------*/
.photoList.type02{
	text-align: center;
}

.photoList.type02 li{
	width: 32%;
	float: left;
	margin-right: 2%;
}

.photoList.type02 li:nth-child(3n){
	margin-right: 0;
}

.photoList.type02 li:nth-child(n+4){
	margin-top: 2%;
}

.photoList.type02 img{
	margin-bottom: 8px;
}

.photoList.type02 p{
	font-size: 12px;
	text-align: center;
}

/*------------------------------
.photoList.type03
------------------------------*/
.photoList.type03{
	overflow: hidden;
}

.photoList.type03 li{
	padding: 16px;
	background: #fff;
	border: solid 1px #c8c8c8;
}

.photoList.type03 li + li{
	margin-top: 16px;
}

/*------------------------------
.photoList_type04
------------------------------*/
.photoList_type04{
	overflow: hidden;
}

.photoList_type04 .box:nth-child(6){
	width: 48.8%;
}

.photoList_type04 img{
	margin-bottom: 8px;
}

.photoList_type04 p{
	font-size: 12px;
	line-height: 1.6;
}

.photoList_type04 .txtList li{
	line-height: 1.8;
	font-size: 12px;
}

.photoList_type04 .box{
 	width: 23.2%;
	margin-right: 2.4%;
	float: left;
}

.photoList_type04 .box:nth-child(4n){
	margin-right: 0;
}

.photoList_type04 .box:nth-last-child(1){
	margin-right: 0;
}



/*==========================================
【PC】.historyBox
==========================================*/
.historyBox{
	text-align: left;
	position: relative;
	padding-bottom: 40px;
}

.historyBox::after{
	content: "";
	position: absolute;
	left: 37px;
	bottom: 0;
	width: 3px;
	height: 100%;
	background: #960000;
}

.historyBox::before{
	content: "";
	position: absolute;
	left: 30px;
	bottom:0;
	width: 17px;
	height: 9px;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/history_arrow.png) no-repeat;
	background-size: 17px 9px;
}


/*------------------------------
h3
------------------------------*/
.historyBox h3{
	background: #222828;
	color: #fff;
	font-size: 16px;
	padding: 8px 32px;
	letter-spacing: 0.1em;
	position: relative;
	z-index: 1;
	margin-bottom: 16px;
}

.historyBox h3::after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 20px;
	height: 6px;
	background: #960000;
}

/*------------------------------
.historyBox .photo
------------------------------*/
.historyBox .photo{
	padding-left: 74px;
}

/*------------------------------
.h_List_photo
------------------------------*/
.historyBox .h_List_photo{
	overflow: hidden;
}

.historyBox .h_List_photo li{
	width: 19%;
	float: left;
}

.historyBox .h_List_photo li + li{
	margin-left: 1.25%;
}

.historyBox .h_List_photo li p{
	font-size: 10px;
	margin-bottom: 0;
	text-align: center;
}

/*------------------------------
h4
------------------------------*/
.historyBox h4{
	padding: 8px 32px;
	margin: 16px 0;
	background: 
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_l.png) no-repeat,
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_r.png) no-repeat #e6e6dc;
	background-position: left center , right center;
	background-size: 17px 36px;
}

/*------------------------------
.txtArea.txtArea
------------------------------*/
.historyBox .txtArea{
	overflow: hidden;
	padding-left: 74px;
}

.txtArea.txtArea img{
	width: 100%;
}

/*------------------------------
.txtArea.type01
------------------------------*/

/*.box_01
------------------------------*/
.historyBox .txtArea.type01 .box_01{
	float: left;
	width: 32%;
}

/*.box_02
------------------------------*/
.historyBox .txtArea.type01 .box_02{
	float: right;
	width: 64%;
}

/*------------------------------
.txtArea.type02
------------------------------*/
/*.box_01
------------------------------*/
.historyBox .txtArea.type02 .box_01{
	float: right;
	width: 24%;
}

/*.box_02
------------------------------*/
.historyBox .txtArea.type02 .box_02{
	float: left;
	width: 72%;
}

/*.imgList
------------------------------*/
.historyBox .imgList{
	width: 100%;
}

.historyBox .imgList li{
	width: 100%;
	border: solid 1px #c8c8c8;
}

.historyBox .imgList li + li{
	margin-top: 16px;
}

/*.h_List_Type01
------------------------------*/
.historyBox .h_List_Type01{
	margin-bottom: 32px;
}

.historyBox .h_List_Type01 li{
	padding: 0 0 0 16px;
	margin: 4px 0;
	position: relative;
}

.historyBox .h_List_Type01 li::after{
	content: "●";
	color: #960000;
	position: absolute;
	font-size: 10px;
	left: 0;
	top: 6px;
}

/*.h_List_Type02
------------------------------*/
.historyBox .h_List_Type02{
	width: 100%;
	overflow: hidden;
	border-bottom: solid 1px #c8c8c8;
}

.historyBox .h_List_Type02 dt{
	float:left;
  	clear:left;
	width:20%;
	font-weight: bold;
}

.historyBox .h_List_Type02 dd{
	float:left;
	width:80%;
}

.historyBox .h_List_Type02 dt,
.historyBox .h_List_Type02 dd{
	padding: 8px 0;
	line-height: 1.5;
	border-top: solid 1px #c8c8c8;
}

/*.historyBox.last
------------------------------*/
.historyBox.last{
	margin-bottom: 40px;
	border-bottom: solid 2px #c8c8c8;
}

.historyBox.last::before{
	content: none;
}

/*==========================================
【PC】.mapArea
==========================================*/
.mapArea{
	background: #f6f6f6;
	padding: 24px;
}

.mapArea .map{
	border: solid 4px #fff;
}

/*------------------------------
.campaingArea
------------------------------*/
#campaingArea h4,ul{
  text-align:left;
}
#campaingArea ul{
  margin-bottom:20px;
}


/*==========================================
【PC】icon
==========================================*/
.newIcon{
	padding: 2px 8px;
	margin-right: 8px;
	background: #db0037;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.timeIcon{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/timeIcon.png) no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 22px;
  font-size:1.1em;
}
.timeIcon2{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/timeIcon.png) no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 22px;
  font-size:1.6em;
}
.timeIcon-asseti{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/timeIcon.png) no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 22px;
  font-size:0.9em;
}

/*北辰
-------------------------------------*/
#hokushin .timeIcon{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/timeIcon_red.png) no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 22px;
}

/*res
-------------------------------------*/
#res .timeIcon{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/timeIcon_green.png) no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 22px;
}

/*==========================================
【PC】.subImgArea
==========================================*/
.subPhoto01{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h_subImg01.jpg?20190219) no-repeat;
}

/*北　辰
-----------------------------------*/
.subMain_h2{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h2_subMainImg_sora.jpg?20190308) no-repeat;
}

.subMain_h2_1{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h2_1_subImg.jpg?20190219) no-repeat;
}

.subMain_h3{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h3_subImg.jpg?20190219) no-repeat;
}

.subMain_h4{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h4_subImg.jpg?20190219) no-repeat;
}

.subMain_h6{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h6_subImg.jpg?20190219) no-repeat;
}

.subMain_h7{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h7_subImg.jpg?20190219) no-repeat;
}

.subMain_h8{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h8_subImg.jpg?20190219) no-repeat;
}

.subMain_h9{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h9_subImg.jpg?20190219) no-repeat;
}
.subMain_h10{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/d1_subMainImg02_DxO.jpg) no-repeat;
}

/*RESヘッダーイメージ
-----------------------------------*/
.subMain_r2{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/r2_subImg.jpg?20190219) no-repeat;
}

.subMain_r3{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/r3_subMainImg.jpg?20190219) no-repeat;
}

.subMain_r4{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/r4_subMainImg.jpg?20190219) no-repeat;
}

.subMain_r5{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/r5_subMainImg.jpg) no-repeat;
}
  
/*aヘッダーイメージ
-----------------------------------*/
.subMain_a2{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a2_subMainImg.jpg?20190219) no-repeat;
}

.subMain_a3{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a3_subMainImg.jpg?20190219) no-repeat;
}

.subMain_a4{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a4_subMainImg.jpg?20190219) no-repeat;
}

.subMain_a5{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a5_subMainImg.jpg?20190219) no-repeat;
}

.subMain_a6{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a6_subMainImg2.jpg?20190219) no-repeat;
}

.subMain_a7{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a7_subMainImg2.jpg?20190219) no-repeat;
}

.subMain_a8{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a8_subImg.jpg?20190219) no-repeat;
}

.subMain_a9{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/a9_subImg.jpg?201900302) no-repeat;
}

.subMain_recruiting{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/acp-recruiting-header.jpg) no-repeat;
}

/*cヘッダーイメージ
-----------------------------------*/
.subMain_c3{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c3_subMainImg.jpg?20190219) no-repeat;
  margin-bottom: 32px;
}

.subMain_c4{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c4_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c5{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c5_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c6{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h_subImg02.jpg?20190219) no-repeat;
}

.subMain_c7{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c7_subMainImg07.jpg?20190219) no-repeat;
}

.subMain_c8{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/h_subImg02.jpg?20190219)  no-repeat;
}

.subMain_c9{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c9_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c10{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c10_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c10a{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/c10s_subMainImg-cf07a.png?20210922) no-repeat;
}

.subMain_c10b{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/foreign-investor/foreign-business-page_topbanner-image01.png) no-repeat;
}

.subMain_c10c{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/foreign-investor/foreign-business-page_topbanner-image03.png) no-repeat;
}


.subMain_c11{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c11_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c12{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c12_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c13{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c13_subMainImg.jpg?20190219) no-repeat;
}

.subMain_c16{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c16_subMainImg.jpg?20190219) no-repeat;
}


.subMain_c17{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c17_subMainImg.jpg?20190219) no-repeat;
}


.subMain_c18{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c18_subMainImg.jpg?20190219) no-repeat;
}


.subMain_c19{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c19_subMainImg.jpg?20190219) no-repeat;
}


.subMain_c20{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c20_subMainImg.jpg?20190219) no-repeat;
}

.subMain_hotel{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/cs-akasakaPremium-hotel.jpg) no-repeat;
}


/*cヘッダーイメージ
-----------------------------------*/
.subMain_d1{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/d1_subMainImg.jpg?20190219) no-repeat;
}

.subMain_d2{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/d2_subMainImg.jpg?20190219) no-repeat;
}

.subMain_d3{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/d3_subMainImg.jpg?20190219) no-repeat;
}
.subMain_d4{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/d4_subMainImg.jpg) no-repeat;
}

/*ad_c8
------------------------*/
.ad_c8{
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/ad_c8.jpg?20190219) no-repeat;
}

/*subImgBase
------------------------*/
.subImgBase{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
}

.mainImgBase{
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center center;
}


/*==========================================
【PC】.table 
==========================================*/
.table{
	width: 100%;
	border: 1px solid #ccc;
	line-height: 2;
	margin-bottom: 40px;
}

.table th,
.table td{
	padding: 8px 16px;
}

.table tr + tr{
	border-top: 1px solid #ccc;
}

.table th {
	width: 30%;
	font-weight: bold;
	background: #e9edef;
}

.table td {
	width: 70%;
	background: #fff;
}

.table td ul.a {
  list-style-type: square;
}

/*==========================================
【PC】.FI_faq-table 
==========================================*/
.faqtable{
	width: 100%;
	border: 1px solid #ccc;
	line-height: 2;
	margin-bottom: 40px;
}

.faqtable th,
.faqtable td{
	padding: 8px 16px;
}

.faqtable tr + tr{
	border-top: 1px solid #ccc;
}

.faqtable tr:nth-child(odd){background-color: #e6eeff;
}
.faqtable th {
	width: 30%;
	font-weight: bold;
	background: #e6edff;
}

.faqtable td {
	width: 70%;
	}



/*------------------------------
.table.contact
------------------------------*/
.table.contact{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 24px;
}

.table.contact th,
.table.contact td{
	padding: 16px;
}

.table.contact th span{
	background: #990000;
	font-size: 12px;
	display: inline-block;
	line-height: 1;
	padding: 4px 8px;
	margin:-6px 8px 0 0;
	color: #fff;
	font-weight: normal;
}

.table.contact input[type="text"],
.table.contact input[type="tel"]{
	width:420px;
	padding: 8px;
	border: solid 1px #c8c8c8;
}

/*.dlListBase
---------------------------------*/
.dlListBase{
	width: 100%;
	overflow: hidden;
}

.dlListBase dt{
	display: block;
	clear: left;
	float: left;
	margin-top: 7px;
}

.dlListBase dd{
	display: block;
	float: left;
	margin-bottom: 8px;
}

.dlListBase dd:nth-last-child(1){
	margin-bottom: 0;
}

/*.dlListBase.name
---------------------------------*/
.dlListBase.name dt{
	width: 40px;
}

/*.dlListBase.address
---------------------------------*/
.dlListBase.address dt{
	width: 80px;
}

/*.dlListBase.address
---------------------------------*/
.dlListBase.import dt{
	width: 160px;
}

/*.dlListBase.txt
---------------------------------*/
.table.contact .txt{
	font-size: 12px!important;
	display: inline-block;
}

.table.contact .txt.name{
	width: 40px;
}

.table.contact .txt.address{
	width: 80px;
}

.table.contact .txt.al_l{
	margin-left: 14px;
}

.table.contact .txt.al_t{
	margin-top: 8px;
	display: block;
}

/*.textarea
---------------------------------*/
.table.contact textarea{
	padding: 16px;
	border: solid 1px #c8c8c8;
	width: 100%;
	height: 200px;
	text-align: left;
	resize: none;
}

/*.p
---------------------------------*/
.table.contact p{
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1.4;
}

.attention-R{
  margin-top:20px;
 text-align:right; 
}
/*.table.contact .formList
---------------------------------*/
.table.contact .checkList{
	overflow: hidden;
}

.table.contact .checkList li{
	padding: 4px 0;
	float: left;
	width: 50%;
	border-bottom: solid 1px #c8c8c8;
}

/*.table.contact select
---------------------------------*/
.table.contact select{
	padding: 8px 24px;
}

/*.table.contact .txtFormList li
---------------------------------*/
.table.contact .txtFormList{
	overflow: hidden;
}

.table.contact .txtFormList li{
	float: left;
}

/*.table.contact .txtFormList li
---------------------------------*/
.table.contact .txtFormList li:nth-child(1){
	width: 190px;
}

.table.contact .txtFormList li:nth-child(2){
	width: 40px;
	text-align: center;
	margin-top: 4px;
}

.table.contact .txtFormList li:nth-child(3){
	width: 190px;
}

.table.contact .txtFormList li input[type="text"]{
	width: 190px;
}


/*==========================================
【PC】.txtList
==========================================*/

/*北辰
---------------------------------*/
#hokushin .txtList li::after{
	color: #960000;
}

/*ACP
---------------------------------*/
#acp .txtList li::after{
	color: #186ac8;
}

/*group
---------------------------------*/
#group .txtList li::after{
	color: #002557;
}

/*res
---------------------------------*/
#res .txtList li::after{
	color: #002557;
}

.txtList{
	text-align: left;
	margin-bottom: 40px;
}
.txtList2{
	text-align: left;
	margin-bottom: 5px;
}
.tx_small{
  font-size:11px;
  color:#333333;
}

.txtList li{
	padding: 0 0 0 16px;
	line-height: 2;
	position: relative;
}

.txtList li::after{
	content: "●";
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 6px;
}
.accent{
  color:#FF0000;
  font-size: 120%;
}
/*++++++++++++++++++++++++++++
	text-align
++++++++++++++++++++++++++++*/
.align_c{
	text-align: center!important;
}

.align_l{
	text-align: left!important;
}
.align_l2{
	text-align: left!important;
  padding-bottom:40px;
}
/*------------------------------
.txtList.type01
------------------------------*/
.txtList.type01{
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
}

.txtList.type01 li{
	padding: 8px;
}

.txtList.type01 li::after{
	content: none;
}

.txtList.type01 li:nth-child(odd){
	background: #f5f5f5;
}
/*------------------------------
.txtList2.type01
------------------------------*/
.txtList2.type01{
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
}

.txtList2.type01 li{
	padding: 8px;
}

.txtList2.type01 li::after{
	content: none;
}

.txtList2.type01 li:nth-child(odd){
	background: #f5f5f5;
}


/*==========================================
【PC】.ceo
==========================================*/
.ceo{text-align: right;}

.ceo strong{font-size: 18px;}

/*==========================================
【PC】.historyTable
==========================================*/
.historyTable{
	overflow: hidden;
	position: relative;
}

.historyTable::after{
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -2px;
	top: 0;
	width: 4px;
	height: 100%;
	background: #c8c8c8;
	z-index: -2;
}

.historyTable h2{
	text-align: center;
	padding: 8px 0;
}

.historyTable .corp{
	padding-right: 20px;
}

.historyTable .bld{
	padding-left: 20px;
}

.historyTable .corp{
	width: 50%;
	float: left;
}

.historyTable .bld{
	width: 50%;
	float: right;
}

.historyTable img{
	width: 100%!important;
}

/*------------------------------
.historyTable .box
------------------------------*/
.historyTable .box{
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}

.historyTable .flameBox{
	border: solid 1px #c8c8c8;
	padding: 24px;
	background: #fff;
}

.historyTable .h_cont{
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.historyTable .txt{
	float: left;
	width: 54%;
}

.historyTable .photo{
	float: right;
	width: 140px;
}

.historyTable .year{
	padding: 6px 16px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	background: #960000;
	margin-bottom: 8px;
}

.historyTable img{
	float: right;
	width: 140px;
	margin-left: 24px
}

.historyTable .box::after,
.historyTable .box::before{
	content: "";
	position: absolute;
	background: #000;
	z-index: -1;
}

.historyTable .box::after{
	top: 16px;
	width: 100px;
	height: 1px;
}

.historyTable .box::before{
	top: 11px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
}

/*
.box.leftLine
------------------------------*/
.historyTable .box.leftLine{
	padding-right: 14%;
}

.historyTable .box.leftLine::after{
	right: -18px;
}

.historyTable .box.leftLine::before{
	right: -26px;
}

/*
.box.rightLine
------------------------------*/
.historyTable .box.rightLine{
	padding-left: 14%;
}

.historyTable .box.rightLine::after{
	left: -18px;
}

.historyTable .box.rightLine::before{
	left: -26px;
}

.top114{margin-top: 114px;}
.top220{margin-top: 220px;}
.top100{margin-top: 100px;}
.top320{margin-top: 320px;}
.top360{margin-top: 360px;}
.top180{margin-top: 180px;}
.top140{margin-top: 140px;}
.top80{margin-top: 80px;}
.top555{margin-top: 555px;}
.top200{margin-top: 200px;}
.top400{margin-top: 400px;}
.top650{margin-top: 650px;}
.top800{margin-top: 800px;}
.top1200{margin-top: 1200px;}
.top1250{margin-top: 1250px;}

/*==========================================
【PC】.contactLabel
==========================================*/
.contactLabel{
	width: 68%;
	margin: 0 auto;
	padding: 24px;
	background: #fff;
	border: solid 1px #186ac8;
	margin-bottom: 40px;
}
.contactLabel2{
	width: 60%;
	margin: 0 auto;
	padding: 24px;
	background: #fff;
	border: solid 1px #186ac8;
	margin-bottom: 40px;
}
.contactLabel-lp{
	width: 60%;
	margin: 0 auto;
	padding: 24px;
	background: #fff;
	border: solid 1px #186ac8;
	margin-bottom: 40px;
  color:#000;
}

.contactLabel p,.contactLabel2 p,.contactLabel-lp p{
	text-align: center;
	font-weight: bold;
}

.contactLabel .tel,.contactLabel2 .tel,.contactLabel-lp .tel{
	font-size: 40px;
	color: #186ac8;
	margin: -16px 0;
	letter-spacing: 0;
}

.contactLabel .txt01,.contactLabel2 .txt01,.contactLabel-lp .txt01{
	margin-bottom: 8px;
}

.contactLabel .txt02,.contactLabel2 .txt02,.contactLabel-lp .txt02{
	padding: 4px 8px;
	background: #186ac8;
	color: #fff;
}
.txt03{
  font-size:24px;
}

/*==========================================
【PC】 .pagination 
==========================================*/
.pagenation{
	padding: 32px 0;
	text-align: center;
	border-top:solid 1px #c8c8c8;
}

.pagenation:after,
.pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pagenation ul {
    margin: 0;
}

.pagenation li {
	display: inline-block;
    list-style: none outside none;
    margin-left: 3px;
}

.pagenation li:first-child {
    margin-left: 0;
}

.pagenation li.active {
    background-color: #006eff;
    color: #fff;
    cursor: not-allowed;
    padding: 10px 20px;
}

.pagenation li a {
    background: none repeat scroll 0 0 #ccc;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}

.pagenation li.prev{
	margin-right: 60px;
}

.pagenation li.prev a{
	background: #000;
}

.pagenation li.next{
	margin-left: 60px;
}

.pagenation li.next a{
	background: #000;
}

/*=========================================
【PC】acp_historyList（ACPのみで使用）
==========================================*/
.acp_historyList{
	width: 84%;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.acp_historyList dt,
.acp_historyList dd{
	text-align: left;
	padding: 14px 0;
}

.acp_historyList dt{
	clear: left;
	float: left;
	width: 20%;
}

.acp_historyList dd{
	padding-left: 160px;
	border-top: 1px solid #ccc;
	position: relative;
}

.acp_historyList dd::after{
	position: absolute;
	top: 0;
	left: 16%;
	content: "";
	width: 2px;
	height: 140px;
	background: #b9d7ff;
}

.acp_historyList dd::before{
	position: absolute;
	bottom: -1px;
	left: 15.3%;
	content: "";
	width: 12px;
	height: 9px;
	background: #b9d7ff;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/acp_historyList_arrow.png) no-repeat;
	background-size:12px auto;
}

.acp_historyList dt span{
	padding: 4px 16px;
	color: #fff;
	font-size: 12px;
	position: relative;
}

.acp_historyList dt span::after{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: -1;
	height: 100%;
	width: 100px;
	background: #333;
}

/*================================================================================
【PC】Cグループ
=================================================================================*/

/*=========================================
【PC】specialArea 
==========================================*/
.specialArea{
	padding: 16px;
	margin-top: 40px;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/back_ami.png);
}
#asseti.specialArea{
	padding: 16px;
  margin-top: 0;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/back_ami.png);
}
#red.specialArea{
	padding: 16px;
	margin-top: 40px;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/back_ami_red.png);
}

.specialArea .spInner{
	padding: 40px;
	background: #fff;
}

.specialArea p{
	font-weight: bold;
}

.specialArea .flex.row2 .box{
	text-align: center;
}

.specialArea .flex.row2 .btn{
	width: 100%!important;
}

/*=========================================
【PC】blogspecialArea 
==========================================*/
.blogspecialArea{
	padding: 3px;
	margin:24px 0;
}
#gray.blogspecialArea{
  background-color:#f2f2f2;
  border: 1px solid #cfcfcf;
}
#u_line.blogspecialArea{
  border-bottom: 1px solid #333;
}

.blogspecialArea .spInner{
	padding: 40px;
	background: #fff;
}



.blogspecialArea .flex.row2 .box{
	text-align: center;
}

.blogspecialArea .flex.row2 .btn{
	width: 100%!important;
}

/*=========================================
【PC】.flex.groupImgList 
==========================================*/
.flex.groupImgList{
	margin-bottom: 40px;
}

.flex.groupImgList.value .box{
	padding:32px;
	display: block;
}

.flex.groupImgList.pd .box{
	padding: 32px;
}

.flex.groupImgList .box{
	padding: 32px 32px 88px 32px;
	border: solid 1px #c8c8c8;
	background: #fff;
	position: relative;
}

.flex.groupImgList img{
	margin-bottom: 16px;
}

.flex.groupImgList p{
	text-align: center;
	line-height: 1.6;
	margin-bottom: 0;
}

/*.ttl
------------------------------*/
.flex.groupImgList .ttl{
	font-size: 18px;
	color: #034a98;
	position: relative;
	padding-bottom: 24px;
	font-weight: bold;
	text-align: center;
}
/*
.flex.groupImgList .ttl::after{
	position: absolute;
	content: "";
	left: 50%;
	bottom: 12px;
	margin-left: -20px;
	width: 24px;
	height: 2px;
	background: #999;
}
*/
/*.ttl.type02
------------------------------*/
.flex.groupImgList .ttl.type02{
	padding-bottom: 8px;
}


.flex.groupImgList .ttl.type02 span{
	display: block;
	margin-top: 1px;
	color: #000;
}


.flex.groupImgList .ttl.type02::after{
	bottom: 44px;
}

/*.ttl.type03
------------------------------*/
.flex.groupImgList .ttl.type03{
	padding: 8px 0;
	font-size: 16px;
	border: solid 1px #bbb;
	color: #000;
	background: 
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_l.png) no-repeat,
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_r.png) no-repeat #f9f9f9;
	background-size: 22px auto , 22px auto;
	background-position: left center , right center;
}

.ttl.type03::after{
	content: none!important;
}
/*.ttl.type04
------------------------------*/
.flex.groupImgList .ttl.type04{
	padding: 8px 0;
	font-size: 16px;
	border: solid 1px #bbb;
	color: #ffffff;
	background: 
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_l.png) no-repeat,
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/historyttl_r.png) no-repeat #990000;
	background-size: 22px auto , 22px auto;
	background-position: left center , right center;
}

.ttl.type04::after{
	content: none!important;
}

/*.s_btn
------------------------------*/
.flex.groupImgList .s_btn{
	position: absolute;
	left: 50%;
	bottom: 32px;
	margin-left: -90px;
	width: 180px;
	text-align: center;
}

.flex.groupImgList .s_btn.w_200{
	width: 200px!important;
}

/*.txtList
------------------------------*/
.flex.groupImgList .txtList{
	margin-top: 16px;
	padding-top: 16px;
	margin-bottom: 0;
	border-top:dotted 1px #8c8c8c8c;
}

.flex.groupImgList .txtList a{
	color: #0382d3;
	font-weight: bold;
	text-decoration: underline;
}

/*=========================================
【PC】.flex.spList_type01
==========================================*/
.flex.spList_type01{
	margin-bottom: 24px;
}

.flex.spList_type01 .photo{
	margin-bottom: 8px;
}

.flex.spList_type01 p{
	text-align: center;
	margin-bottom: 0;
}

/*=========================================
【PC】.flex.brand
==========================================*/
.flex.brand{
	margin-bottom: 24px;
	max-width: 1464px;
	padding: 0 24px;
	justify-content: center;
	-webkide-justify-content: center;
	-moz-justify-content: center;
}

.flex.brand .box{
	display: block;
	position: relative;
	padding-bottom: 56px;
}

.flex.brand .box:nth-child(n+4){
	/*margin-top: 3.2%;*/
  margin-top:32px;
}

.flex.brand .photo{
	margin-bottom: 16px;
  margin-top:16px;
}

.flex.brand .ttl{
	font-size: 20px;
	font-weight: bold;
	color: #034a98;
	padding-bottom: 8px;
	position: relative;
	text-align: center;
}

.flex.brand .ttl::after{
	content: "";
	position: absolute;
	width: 24px;
	bottom: 5px;
	left: 50%;
	margin-left: -12px;
	height: 2px;
	background: #8c8c8c;
}

.flex.brand .b_name{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #000;
	text-align: center;
}

.flex.brand .txt{
	text-align: left;
	line-height: 1.8;
	padding: 0 24px;
	margin-bottom: 16px;
}

.flex.brand .btn{
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	bottom: 0;
	display: inline-block;
	width: 240px;
	font-size: 14px;
	padding: 8px 0;
	background-size: 6px auto!important;
}

/*=========================================
【PC】.flex.valueUpPhoto
==========================================*/
.flex.valueUpPhoto{
	position:relative;
}

.flex.valueUpPhoto::after{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	content: "";	
	width: 48px;
	height: 48px;
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_white.png) #000 no-repeat;
	background-size: 14px auto;
	background-position: 18px  center;
	border-radius: 24px;
}

/*=========================================
【PC】singleImg
==========================================*/
.singleImg{
	width: 80%;
	margin: 0 auto;
}

/*=========================================
【PC】areaList
==========================================*/
.areaList{
	width: 100%;
	overflow: hidden;
	text-align: left;
}

.areaList dt:nth-child(1),
.areaList dd:nth-of-type(1){
	border-top:none;
}

.areaList dt,
.areaList dd{
	border-top:solid 1px #c8c8c8;
	padding: 16px 0;
}

.areaList dt{
	float:left;
	clear:left;
	width:50%;
	font-weight: bold;
}

.areaList dd{
	float:left;
	width:50%;
}

.areaList ul{
	overflow: hidden;
}

.areaList dd li{
	float: left;
	width: 100%;
}

/*.areaList dd li + li{
	margin-left: 0%;
}
*/
.areaList li a{
	text-align: center;
	width: 100%;
	padding:8px 0;
	line-height: 1;
	border: solid 1px #999!important;
	color: #999!important;
}

.areaList li .s_btn.on{
	  border: solid 1px #000!important;
	  color: #000!important;
}

.areaList li .s_btn{
  width: 100%;
  padding-left:-5%;
	  
}


/*=========================================
【PC】infoArea
==========================================*/
.infoArea{
	padding: 32px;
	background: #fff;
	border: solid 1px #c8c8c8;
}

/*=========================================
【PC】infoArea
==========================================*/
.infoArea-cplusone{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #333;
}
.infoArea-cplusone .box-title {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -1px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    background: #333;
    color: #ffffff;

    border-radius: 5px 5px 0 0;
 font-family: 'M PLUS 1p', sans-serif,"Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  font-weight:400;
}
.infoArea-cplusone .infoList dd{
font-family: 'M PLUS 1p', sans-serif,"Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  font-weight:400;
  font-size:14px;
}
.infoArea-cplusone .infoList dd:nth-child(n),
.infoArea-cplusone .infoList dd:nth-of-type(n){

  margin-top:-10px;
  margin-bottom:-5px;
}
.infoArea-cplusone .infoList dt:nth-child(n),
.infoArea-cplusone .infoList dt:nth-of-type(n){
  margin-top:-10px;
  line-height:2.5;
}
/*infoList
-----------------------------*/
.infoList{
	width: 100%;
	overflow: hidden;
	text-align: left;
}

.infoList dt,
.infoList dd{
	padding: 14px 0;
	font-weight: 300;
	border-top: dotted 1px #c8c8c8;
}

.infoList dt:nth-child(1),
.infoList dd:nth-of-type(1){
	border-top:none;
}

.infoList dt{
	float:left;
	clear:left;
	width:25%;
  	font-weight: 600;
  font-size:12px;
	color: #006dc8;
}

.infoList dd{
	float:left;
	width:75%;
}

.infoList dd a{
	text-decoration: underline;
}

/*=========================================
【PC】tabArea
==========================================*/
.tabArea{}

/*tabBtn
-----------------------------*/
.tabBtn{
	overflow: hidden;
}

.tabBtn li{
	width: 47.7%;
	display: inline-block;
	text-align: center;
	padding: 16px 0;
	cursor: pointer;
	color: #fff;
	background: #5c7999;
}

.tabBtn li.current{
	background: #034a98;
	color: #fff;
	font-weight: bold;
}

.tabBtn li + li{
  margin-left: 4%;
}


/*.tabBox
-----------------------------*/
.tabBox{
	border: solid 1px #8c8c8c8c;
	padding: 40px;
}
.tabBox .cont{
	margin-bottom: 40px;
}

.tabBox:nth-child(2){
	display: none;
}


/*.flex.tabIconList
-----------------------------*/
*.flex.tabIconList .box{
	background: #034a98;
	padding: 16px;
	text-align: center;
}

.flex.tabIconList img{
	margin-bottom: 8px;
	height: 36px;
	width: auto;
}

.flex.tabIconList p{
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
}



/*.flex.tabIconList2
-----------------------------*/
*.flex.tabIconList2 .box{
	border: 2px solid #162d5a;
	padding: 16px;
	text-align: center;
}

.flex.tabIconList2 img{
  margin-bottom: 8px;
	height: 70px;
	width: auto;
}

.flex.tabIconList2 p{
	text-align: center;
  font-weight: bold;
	color: #162d5a;
	font-size: 14px;
	line-height: 1.6;
}




/*=========================================
【PC】drawingArea
==========================================*/
.c7_drawingArea{
	overflow: hidden;
	margin-bottom: 40px;
}

/*.drawing
-----------------------------*/
.c7_drawingArea .drawing{
	float: left;
	width: 74.2%;
}

/*.support
-----------------------------*/
.c7_drawingArea .support{
	float: right;
	width: 22.6%;
}

.c7_drawingArea .support p{
	background: #000;
	text-align: center;
	padding: 8px;
	line-height: 1.5;
	color: #fff;
}

.c7_drawingArea li{
	margin-top: 8px;
}

.c7_drawingArea .btn{
	width: 100%;
}

.c7_drawingArea .btn_c_green{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_white.png) no-repeat #006b41!important;
	background-position: right 16px center!important;
	background-size: 6px auto!important;
}

.c7_drawingArea .btn_c_blue{
	background: #034a98;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_white.png) no-repeat #034a98!important;
	background-position: right 16px center!important;
	background-size: 6px auto!important;
}



/*==========================================
【PC】comment
==========================================*/
.comment{
	text-align: center;
	padding-bottom: 40px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	color: #034a98;
}

.comment::after{
	position: absolute;
	content: "";
	left: 50%;
	bottom: 24px;
	margin-left: -20px;
	width: 40px;
	height: 1px;
	background: #000;
}

/*==========================================
【PC】comment2
==========================================*/
.comment2{
	text-align: center;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
  margin-top:30px;
}



/*==========================================
【PC】flame
==========================================*/
.flame{
	padding: 32px;
	background: #fff;
	border: solid 1px #8c8c8c8c;
}

.flame.mgTb{
	margin: 24px 0;
}

.flame .cont{
	margin-bottom: 8px!important
}

.flame p{
	margin-bottom: 0!important;
}

/*==========================================
【PC】noteList
==========================================*/
.noteList{
	margin-top: 24px;
	width: 74%;
	margin: 24px auto 0 auto;
}

.noteList li{
	font-size: 12px;
	text-align: left;
	padding: 2px 0;
}

.noteList a{
	color: #186ac8;
	font-weight: bold;
	text-decoration: underline;
}

/*==========================================
【PC】spanList
==========================================*/
.stepList{}

.stepList .box{
	border: solid 1px #8c8c8c8c;
	background: #fff;
	position: relative;
}

.stepList .box::after{
	position: absolute;
	top: 50%;
	right: -26px;
	content: "";
	width: 32px;
	height: 32px;
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_white.png) #8c8c8c no-repeat;
	z-index: 1;
	border-radius: 16px;
	background-size: 8px auto;
	background-position: 13px center;
}

.stepList .box{
	width: 23.8%;
	margin-right: 1.6%;
}

.stepList .box:nth-child(4n){
	margin-right: 0;
}

.stepList .box:nth-last-child(1)::after{
	content: none;
}

.stepList p{
	text-align: center;
	font-weight: bold;
}

.stepList .step{
	background: #000;
	color: #fff;
	font-size: 16px;
	padding: 8px;
}

.stepList .step.step_c{
	background: #ef6d4b;
}

.stepList .txt{
	line-height: 1.6;
	padding: 16px;
}

/*==========================================
【PC】.c5_drawing
==========================================*/
.c5_drawing{
	padding: 40px;
	margin-bottom: 40px;
	border: solid 1px #8c8c8c8c;
}
.camp_drawing{
	margin-bottom: 40px;
}

/*==========================================
【PC】.meritList
==========================================*/
.meritList{
	text-align: left;
}

.meritList li{
	border-bottom: solid 1px #8c8c8c8c;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.meritList li:nth-last-child(1){
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.meritList h2{
	color: #034a98;
	font-size: 20px;
	margin-bottom: 16px;
}

.meritList h2 span{
	display: inline-block;
	background: #034a98;
	color: #fff;
	font-size: 12px;
	padding: 8px 32px;
	position: relative;
	margin-right: 16px;
	top: -4px;
	line-height: 1;
	background-image:
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/ttl_type02_l.png),
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/ttl_type02_r.png);
	background-repeat: no-repeat;
	background-size:14px auto;
	background-position: left center , right center;
}

.meritList li .p_label{
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 16px;
	padding:12px 16px;
	text-align: center;
	background: #990000;
	line-height: 1.2;
	color:#fff;
	display: inline-block;
}



/*=========================================
【スペシャルコンテンツ】.sp_menu_btnArea
==========================================*/
.sp_menu_btnArea{
	margin-top: 40px;
}

.btn_sp02{
	width: 100%;
	padding: 24px;
	display: block;
	text-align: center;
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_gray.png) no-repeat #000;
	background-position: right 16px center;
	background-size: 12px auto;
}

.btn_sp02 span{
	display: block;
	color: #fff;
}

.btn_sp02 .jp_txt{
	font-size: 14px;
}

.btn_sp02 .en_txt{
	font-size: 24px;
	font-weight: bold;
  font-family: 'Heebo', sans-serif;
  letter-spacing: 0.1em;
}


/*============================================
【スペシャルコンテンツ】.fa_social_media button
=============================================*/

.follow-me {
  list-style: none;
   margin: 0 auto;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
   overflow: hidden;
  padding: 0;
  text-align: center;
   }

.follow-me li {
  display: inline-block;
  float: left;
  margin: 8px 8px 8px 8px;
  padding: 50px 15px ;
}
.follow-me li a::before {
  position: relative;
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 25px;
  height: 55x; /* Button height */
  line-height: 55px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 55px; /* Button width */
}
.follow-me li a[href*="amazon.co.jp"]::before,
.follow-me li a[href*="amazon.com"]::before         { border-color: #ff9900; color: #ff9900; content: "\f270"; }
.follow-me li a[href*="dropbox.com"]::before        { border-color: #007ee5; color: #007ee5; content: "\f16b"; }
.follow-me li a[href*="facebook.com"]::before       { border-color: #3b5998; color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="feedly.com"]::before         { border-color: #6cc655; color: #6cc655; content: "\f09e"; }
.follow-me li a[href*="flickr.com"]::before         { border-color: #0063cc; color: #0063dc; content: "\f16e"; }
.follow-me li a[href*="instagram.com"]::before      { border-color: #125688; color: #125688; content: "\f16d"; }
.follow-me li a[href*="last.fm"]::before            { border-color: #d51007; color: #d51007; content: "\f202"; }
.follow-me li a[href*="linkedin.com"]::before       { border-color: #0077b5; color: #0077b5; content: "\f0e1"; }
.follow-me li a[href*="nicovideo.jp"]::before       { border-color: #eaeaea; color: #eaeaea; content: "\f047"; font-family: blogicon; }
.follow-me li a[href*="pinterest.com"]::before      { border-color: #bd081c; color: #bd081c; content: "\f0d2"; }
.follow-me li a[href*="reddit.com"]::before         { border-color: #ff4500; color: #ff4500; content: "\f1a1"; }
.follow-me li a[href*="skype.com"]::before,
.follow-me li a[href*="skype:"]::before             { border-color: #00aff0; color: #00aff0; content: "\f17e"; }
.follow-me li a[href*="slideshare.net"]::before     { border-color: #2d2d2d; color: #2d2d2d; content: "\f1e7"; }
.follow-me li a[href*="spotify.com"]::before        { border-color: #84bd00; color: #84bd00; content: "\f1bc"; }
.follow-me li a[href*="steamcommunity.com"]::before { border-color: #171a21; color: #171a21; content: "\f1b6"; }
.follow-me li a[href*="tumblr.com"]::before         { border-color: #36465d; color: #36465d; content: "\f173"; }
.follow-me li a[href*="twitch.tv"]::before          { border-color: #6441a5; color: #6441a5; content: "\f1e8"; }
.follow-me li a[href*="twitter.com"]::before        { border-color: #55acee; color: #55acee; content: "\f099"; }
.follow-me li a[href*="vimeo.com"]::before          { border-color: #1ab7ea; color: #1ab7ea; content: "\f27d"; }
.follow-me li a[href*="vine.co"]::before            { border-color: #11b58a; color: #11b58a; content: "\f1ca"; }
.follow-me li a[href*="weibo.com"]::before          { border-color: #e6162d; color: #e6162d; content: "\f18a"; }
.follow-me li a[href*="whatsapp.com"]::before       { border-color: #64d548; color: #64d548; content: "\f232"; }
.follow-me li a[href*="youtube.com"]::before        { border-color: #cd201f; color: #cd201f; content: "\f16a"; }
.follow-me li a[href$="/feed"]::before              { border-color: #ffa500; color: #ffa500; content: "\f09e"; }
.follow-me li a[href$="/subscribe"]::before         { border-color: #363636; color: #363636; content: "\f000"; font-family: blogicon; }
.follow-me li a:hover::before {
  color: #fff;
}
.follow-me li a[href*="amazon.co.jp"]:hover::before,
.follow-me li a[href*="amazon.com"]:hover::before         { background-color: #ff9900; }
.follow-me li a[href*="dropbox.com"]:hover::before        { background-color: #007ee5; }
.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me li a[href*="feedly.com"]:hover::before         { background-color: #6cc655; }
.follow-me li a[href*="flickr.com"]:hover::before         { background-color: #0063dc; }
.follow-me li a[href*="instagram.com"]:hover::before      { background-color: #125688; }
.follow-me li a[href*="last.fm"]:hover::before            { background-color: #d51007; }
.follow-me li a[href*="linkedin.com"]:hover::before       { background-color: #0077b5; }
.follow-me li a[href*="nicovideo.jp"]:hover::before       { background-color: #eaeaea; }
.follow-me li a[href*="pinterest.com"]:hover::before      { background-color: #bd081c; }
.follow-me li a[href*="reddit.com"]:hover::before         { background-color: #ff4500; }
.follow-me li a[href*="skype.com"]:hover::before,
.follow-me li a[href*="skype:"]:hover::before             { background-color: #00aff0; }
.follow-me li a[href*="slideshare.net"]:hover::before     { background-color: #2d2d2d; }
.follow-me li a[href*="spotify.com"]:hover::before        { background-color: #84bd00; }
.follow-me li a[href*="steamcommunity.com"]:hover::before { background-color: #171a21; }
.follow-me li a[href*="stumbleupon.com"]:hover::before    { background-color: #eb4929; }
.follow-me li a[href*="tumblr.com"]:hover::before         { background-color: #36465d; }
.follow-me li a[href*="twitch.tv"]:hover::before          { background-color: #6441a5; }
.follow-me li a[href*="twitter.com"]:hover::before        { background-color: #55acee; }
.follow-me li a[href*="vimeo.com"]:hover::before          { background-color: #1ab7ea; }
.follow-me li a[href*="vine.co"]:hover::before            { background-color: #11b58a; }
.follow-me li a[href*="weibo.com"]:hover::before          { background-color: #e6162d; }
.follow-me li a[href*="whatsapp.com"]:hover::before       { background-color: #64d548; }
.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }
.follow-me li a[href$="/feed"]:hover::before              { background-color: #ffa500; }
.follow-me li a[href$="/subscribe"]:hover::before         { background-color: #363636; }





@media only screen and (max-width:1200px) {
/*=========================================
【1200】flex
==========================================*/
/*------------------------------
.flex.c_one
------------------------------*/
.flex.c_one .box{
	padding: 16px 16px 80px 16px;
}

.flex.c_one .s_btn{
	bottom: 16px;
	font-size: 13px;
	width: 85%;
	margin-left: -40%;
}

}

@media only screen and (max-width:980px) {
/*=========================================
【PC】slider
==========================================*/
.slider_for .slid{
	width: 100%;
	height: 400px;
	background-size: cover!important;
	background-position: center!important;
}

/*=========================================
【980】flex
==========================================*/
.flex.row2 .box,
.flex.row2hf .box,
.flex.row3 .box,
.flex.row4 .box,
.flex.row4-non .box,
.flex.row5 .box,
.flex.row6 .box{
	text-align: justify;
	margin-right: 2%;
	width: 45%;
}


.flex.row2 .box:nth-child(2n),
  .flex.row2hf .box:nth-child(2n),
.flex.row3 .box:nth-child(2n),
.flex.row4 .box:nth-child(2n),
.flex.row5 .box:nth-child(2n),
.flex.row6 .box:nth-child(2n){
	margin-right: 0;
}

.flex.row2 .box:nth-child(n+3),
.flex.row3 .box:nth-child(n+3),
.flex.row4 .box:nth-child(n+3),
.flex.row5 .box:nth-child(n+3),
.flex.row6 .box:nth-child(n+3){
	margin-top: 2%;
}

.flex.row3 .box:nth-child(3){
	margin-right: 2%;
}

.flex.row5 .box:nth-child(5){
	margin-right: 2%;
}

.flex.row6 .box:nth-child(6){
	margin-right: 2%;
}

/*------------------------------
.flex.c_one
------------------------------*/
.flex.c_one .box{
	width: 49%;
	padding: 16px 16px 56px 16px;
}

.flex.c_one .box + .box{
	margin-left: 0;
}

.flex.c_one .box:nth-child(2n){
	margin-left: 2%;
}

.flex.c_one .box:nth-child(n+3){
	margin-top: 2%;
}

.flex.c_one p{
	margin-bottom: 24px;
}

.flex.c_one .s_btn{
	bottom: 16px!important;
}

  
/*------------------------------
.flex.row2
------------------------------*/
.flex.row2 .box{
	width: 100%;
	padding: 16px 16px 16px 16px;
  /*margin-left: 1%;*/
  margin-right: 0%;
  
  
}

.flex.row2 .box + .box{
	margin-left: 1%;
}

.flex.row2 .box:nth-child(2n){
	margin-left: 1%;
  margin-right: 0%;
  margin-top: 1%;
}

.flex.row2 .box:nth-child(n+3){
	margin-top: 1%;
  margin-right: 0%;
  
}

.flex.row2 p{
	margin-bottom: 24px;
}

.flex.row2 .s_btn_br{
	bottom: 16px!important;
}

   
  
  
  
/*------------------------------
.flex.row3
------------------------------*/
.flex.row3 .box{
	width: 100%;
	padding: 16px 16px 16px 16px;
  /*margin-left: 1%;*/
  margin-right: 0%;
  
  
}

.flex.row3 .box + .box{
	margin-left: 1%;
}

.flex.row3 .box:nth-child(2n){
	margin-left: 1%;
  margin-right: 0%;
  margin-top: 1%;
}

.flex.row3 .box:nth-child(n+3){
	margin-top: 1%;
  margin-right: 0%;
  
}

.flex.row3 p{
	margin-bottom: 24px;
}

.flex.row3 .s_btn_br{
	bottom: 16px!important;
}

 

/*------------------------------
.flex.row4
------------------------------*/
/*--.flex.row4 .box{
	width: 100%;
	padding: 16px 16px 16px 16px;
  /*margin-left: 1%;
  margin-right: 0%;
  
  
}

.flex.row4 .box + .box{
	margin-left: 1%;
}

.flex.row4 .box:nth-child(2n){
	margin-left: 1%;
  margin-right: 0%;
  margin-top: 1%;
}

.flex.row4 .box:nth-child(n+3){
	margin-top: 1%;
  margin-right: 0%;
  
}

.flex.row4 p{
	margin-bottom: 24px;
}

.flex.row4 .s_btn_br{
	bottom: 16px!important;
}
---*/    
.flex.row4 .box{
	width: 48%;
	padding: 16px 16px 56px 16px;
}

.flex.row4 .box + .box{
	margin-left: 0;
}

.flex.row4 .box:nth-child(2n){
	margin-left: 2%;
}

.flex.row4 .box:nth-child(n+3){
	margin-top: 2%;
}

.flex.row4 p{
	margin-bottom: 24px;
}

.flex.row4 .s_btn{
	bottom: 16px!important;
}

/*------------------------------
.biz
------------------------------*/
.flex.biz{
	margin-bottom: 32px;
}

/*==========================================
【980】newsList
==========================================*/
.newsList{
	width:100%;
	overflow: hidden;
	color: #000;
	text-align: left;
	border-top: solid 1px #c8c8c8;
	border-bottom: none;
}

.newsList dt{
	float:none;
	clear:left;
	font-weight: bold;
	color: #006dc8;
	width: 100%;
	border-bottom: none;
	padding: 0;
	margin-top: 16px;
	border-top: none;
}

.newsList dd{
	float:none;
	width: 100%;
	padding: 16px;
	border-top: none;
	border-bottom: solid 1px #c8c8c8;
}

/*==========================================
【980】w_img(回り込み);
==========================================*/
/*------------------------------
.type01
------------------------------*/
.w_img.type01{
	width: 40%;
}
	
/*==========================================
【980】.historyBox
==========================================*/
/*------------------------------
.txtArea.type01
------------------------------*/

/*.box_01 .box_02
------------------------------*/
.historyBox .txtArea.type01 .box_01,
.historyBox .txtArea.type01 .box_02{
	float: none;
	width: 100%;
}

/*------------------------------
.txtArea.type02
------------------------------*/

/*.box_01 .box_02
------------------------------*/
.historyBox .txtArea.type02 .box_01,
.historyBox .txtArea.type02 .box_02{
	float: none;
	width: 100%;
}

.historyBox .txtArea.type02 .box_01{
	text-align: center;
	margin-bottom: 16px;
}

.historyBox .txtArea.type02 .box_01 img{
	width: 80%;
}

/*.imgList
------------------------------*/
.historyBox .imgList{
	overflow: hidden;
}

.historyBox .imgList li{
	width: 50%;
	float: left;
	text-align: center;
}

.historyBox .imgList li:nth-child(n+3){
	margin-top:8px;
}

.historyBox .imgList li + li{
	margin-top: 0;
}

/*==========================================
【980】.historyTable
==========================================*/
.historyTable::after{
	left: 8px;
	margin-left: 0;
}

.historyTable .corp{
	padding-right: 0;
}

.historyTable .bld{
	padding-left: 0;
}

.historyTable .corp,
.historyTable .bld{
	width: 100%;
	float: none;
}

/*------------------------------
.h_List_photo
------------------------------*/
.historyBox .h_List_photo{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.historyBox .h_List_photo li{
	width: 49%;
	margin-right:2%;
	float: left;
}

.historyBox .h_List_photo li:nth-child(2n){
	margin-right: 0;
}

.historyBox .h_List_photo li + li{
	margin-left: 0;
}

/*------------------------------
.historyTable .box
------------------------------*/
.historyTable .box{
	margin-bottom: 16px;
}

.historyTable .flameBox{
	padding: 16px;
}

.historyTable img{
	margin: 0 0 16px 16px;
}

.historyTable .year{
	padding: 6px 8px;
}

/*
.box.leftLine
------------------------------*/
.historyTable .box.leftLine{
	padding-right: 0;
	padding-left: 10%;
}

.historyTable .box.leftLine::after,
.historyTable .box.leftLine::before{
	right: 0;
	left: 3px;
}

/*
.box.rightLine
------------------------------*/
.historyTable .box.rightLine{
	padding-left: 10%;
}

.historyTable .box.rightLine::after,
.historyTable .box.rightLine::before{
	left: 3px;
}

.top114,.top220,.top100,
.top320,.top360,.top180,
.top80,.top555,.top200,
.top480{margin-top: 0;}


/*==========================================
【980】.contactLabel
==========================================*/
.contactLabel,.contactLabel2,.contactLabel-lp{
	width: 100%;
	margin: 0 auto;
	padding: 24px;
	background: #fff;
	border: solid 1px #186ac8;
	margin-bottom: 40px;
}

.contactLabel p,.contactLabel2 p,.contactLabel-lp p{
	text-align: center;
	font-weight: bold;
}

.contactLabel .tel,.contactLabel2 .tel,.contactLabel-lp .tel{
	font-size: 36px;
	color: #186ac8;
	margin: -16px 0;
	letter-spacing: 0;
}

.contactLabel .txt01,.contactLabel2 .txt01,.contactLabel-lp .txt01{
	margin-bottom: 8px;
}

.contactLabel .txt02,.contactLabel2 .txt02,.contactLabel-lp .txt02{
font-size: 12px;
	padding: 4px 8px;
	background: #186ac8;
	color: #fff;
}

/*==========================================
【980】.cont
==========================================*/
/*------------------------------
.cont.type04
------------------------------*/
.cont.type04 p{
	height: auto;
}

.cont.type04 .photo{
	float: none;
	width: 100%;
}

.cont.type04 .imgArea{
	height: auto;
}

.cont.type04 .txt{
	margin-top: 40px;
	float: none;
	width: 100%;
}

.cont.type04 .btn{
	margin-top: 24px;
}

/*==========================================
【980】.mapArea
==========================================*/
.mapArea{
	padding: 8px;
}

.mapArea .map{
	border: solid 2px #fff;
}

/*=========================================
【980】acp_historyList（ACPのみで使用）
==========================================*/
.acp_historyList{
	width: 100%;
	margin: 0 auto;
}

/*================================================================================
【980】Cグループ
=================================================================================*/

/*=========================================
【980】specialArea (c)
==========================================*/
.specialArea{
	padding: 8px;
	margin-top: 24px;
}

.specialArea .spInner{
	padding: 32px;
}



/*=========================================
【980】.flex.groupImgList 
==========================================*/
.flex.groupImgList{
	margin-bottom: 24px;
}

.flex.groupImgList .box{
	padding: 16px 16px 88px 16px;
}

/*=========================================
【980】.flex.brand
==========================================*/
.flex.brand .box{
	padding-bottom: 48px;
}

.flex.brand .photo{
	margin-bottom: 8px;
}

.flex.brand .ttl{
	font-size: 16px;
}

.flex.brand .btn{
	margin-left: -40%!important;
	width: 80%!important;
	background-size: 6px auto!important;
}

/*==========================================
【980】.photoList
==========================================*/

/*------------------------------
.photoList.type03
------------------------------*/
.photoList.type03{
	overflow: hidden;
}

.photoList.type03 li{
	padding: 4px;
	background: #fff;
	border: solid 1px #c8c8c8;
	float: left;
	width: 32%;
}

.photoList.type03 li + li{
	margin-top: 0;
	margin-left: 2%;
}

/*------------------------------
.photoList_type04
------------------------------*/
.photoList_type04{
	overflow: hidden;
}

/*入れ替え*/
.photoList_type04 .box:nth-child(6){
	width: 48.8%;
	order:7;
}

.photoList_type04 .box:nth-child(7){
    order:6;
}

.photoList_type04 .box{
 	width: 31.8%;
	margin-right: 2.3%;
}

.photoList_type04 .box:nth-child(4n){
	margin-right: inherit;
}

.photoList_type04 .box:nth-child(3n),
.photoList_type04 .box:nth-last-child(1){
	margin-right: 0;
}


/*=========================================
【980】c7_drawingArea
==========================================*/
.c7_drawingArea{
	overflow: hidden;
	margin-bottom: 24px;
}

/*.drawing
-----------------------------*/
.c7_drawingArea .drawing{
	float: none;
	width: 100%;
	margin-bottom: 16px;
}

/*.support
-----------------------------*/
.c7_drawingArea .support{
	float: none;
	width: 100%;
}

.c7_drawingArea .support p{
	padding: 8px;
}

.c7_drawingArea ul{
	overflow: hidden;
}

.c7_drawingArea li{
	width: 49%;
	margin-top: 8px;
	float: left;
	margin-right: 2%;
}

.c7_drawingArea li:nth-child(2n){
	margin-right: 0;
}

.c7_drawingArea li .btn{
	width: 100%!important;
}

/*==========================================
【980】c5_drawing
==========================================*/
.c5_drawing{
	padding: 24px;
	margin-bottom: 32px;
}

/*=========================================
【980】.flex.valueUpPhoto
==========================================*/
.flex.valueUpPhoto::after{
	margin-left: -24px;
}

}
/*-- 1000px_end ------------------*/


@media only screen and (max-width:860px) {
/*=========================================
【860】slider
==========================================*/
/*slider_for
------------------------------*/
.slider_for{
	margin-bottom: 16px;
}

.slider_for .slid{
	height: 500px;
}

/*slider_navWap
------------------------------*/
.slider_navWap{
	padding: 0 32px;
	z-index: 1;
}

/*slider_nav
------------------------------*/
.slider_nav li{
	width: 100%;
}

.slider_nav li + li{
	margin-left: 0;
}

.slider_nav li p{
	padding: 16px;
	text-align: center;
}

/*.slider_nav img{
	display: none!important;
}*/
.slider_nav img{

}

.slider_nav li a{
	height: auto;
	border:none;
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
}

  
#hokushin .slick-prev {
  left: 0;
  top:14px;
}

#hokushin .slick-next {
  right: 0;
  top:14px;
}

#res .slick-prev {
  left: 0;
  top:14px;
}

#res .slick-next {
  right: 0;
  top:14px;
}  
/*==========================================
【860】.subImgArea
==========================================*/
.subImgArea{
	height: 100px;
	background-size: 1500px 100px;
}

/*==========================================
【860】.subImgBase
==========================================*/
.subImgBase{
	height: 100px;
}

/*==========================================
【860】.table 
==========================================*/
.table th,
.table td{
	display: block;
	width: 100%;
}
/*==========================================
【860】.s_btn
==========================================*/
  .s_btn {
  position: relative;
  display: inline-block;
  padding: .9em 3.0em;
  border: 2px solid #2e8b57;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
 font-family: 'M PLUS 1p', sans-serif,"Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  font-weight:400;
  font-size:13px;
  background-color:#008080;
}

/*------------------------------
.table.contact
------------------------------*/
.table.contact{
	width: 100%;
}

/*.dlListBase
---------------------------------*/
.dlListBase{
	width: 100%;
	overflow: hidden;
}

.dlListBase dt{
	width: 100%;
	clear: none;
	float: none;
}

.dlListBase dd {
	width: 100%;
    float: none;
}

.dlListBase dd:nth-last-child(1){
	margin-bottom: 0;
}

/*.dlListBase.name
---------------------------------*/
.dlListBase.name dt,
.dlListBase.name dd,
.dlListBase.address dt,
.dlListBase.import dt{
	width: 100%;
}

/*.dlListBase.txt
---------------------------------*/
.table.contact .txt{
	font-size: 14px!important;
	display: inline-block;
}

.table.contact .txt.name,
.table.contact .txt.address{
	width: 0;
}

.table.contact .txt.al_l{
	margin-left: 14px;
}

.table.contact .txt.al_t{
	margin-top: 8px;
	display: block;
}

.table.contact input[type="text"], 
.table.contact input[type="tel"] {
    width: 100%;
}

.table.contact .f_sp_size{
	width: 70%!important;
}

/*.table.contact .txtFormList
---------------------------------*/
.table.contact .txtFormList li:nth-child(1){
	width: 45%;
}

.table.contact .txtFormList li:nth-child(2){
	width: 10%;
}

.table.contact .txtFormList li:nth-child(3){
	width: 45%;
}

.table.contact .txtFormList li input[type="text"]{
	width: 100%;
}

/*.table.contact select
---------------------------------*/
.table.contact select {
    padding: 8px 16px;
	width: 100%;
}


/*==========================================
【860】.historyBox
==========================================*/
.historyBox{
	padding-bottom: 16px;
}

.historyBox::after{
	left: 12px;
}

.historyBox::before{
	left: 5px;
}

/*------------------------------
.photo
------------------------------*/
.historyBox .photo{
	padding-left: 24px;
}

/*------------------------------
.txtArea
------------------------------*/
.historyBox .txtArea{
	padding-left: 24px;
}

/*.h_List_Type02
------------------------------*/
.historyBox .h_List_Type02 dt{
	float:none;
  	clear:none;
	width:100%;
}

.historyBox .h_List_Type02 dd{
	float:none;
	width:100%;
}

.historyBox .h_List_Type02 dd{
	border-bottom: solid 1px #c8c8c8;
}

.historyBox .h_List_Type02 dt,
.historyBox .h_List_Type02 dd{
	padding: 4px 0;
	line-height: 1.8;
	border-top: none;
	padding-left: 8px;
}

/*=========================================
【860】flex
==========================================*/
/*------------------------------
.imgMenu
------------------------------*/
.flex.imgMenu p{
	font-size: 12px;
}

/*==========================================
【860】002｜w_img(回り込み);
==========================================*/
.w_img{
	padding: 4px;
}

/*==========================================
【860】.cont
==========================================*/
.cont .photo,.cont .photo2{
	width: 100%;
}

.cont .txt,.cont .txt2,.cont .txt4{
	width: 100%;
}

/*------------------------------
.cont.type01
------------------------------*/
.cont.type01 .photo,
.cont.type01 .photo2,
.cont.type02 .photo
/*.cont.type03 .photo*/{
	float: none;
	margin-bottom: 0;
  text-align:center;
}

/*------------------------------
.cont.type01
------------------------------*/
.cont.type01 .txt,
.cont.type01 .txt2,
.cont.type01 .txt4,
.cont.type02 .txt
/*.cont.type03 .txt*/{
	float: none;
	margin-bottom: 16px;
}

/*------------------------------
.cont.type04
------------------------------*/
.cont.type04 .imgWap{
	padding: 4px;
}

.cont.type04 .btn{
	width: 90%;
	margin-top: 16px;
}

/*==========================================
【860】.historyTable
==========================================*/
.historyTable .year{
	font-size: 10px;
}

/*==========================================
【860】.pagination
==========================================*/
.pagenation{
	margin-top: 40px;
	padding-top: 40px;
	text-align: center;
}

.pagenation li:first-child {
    margin-left: 0;
}

.pagenation li.active {
    padding: 10px 12px;
}

.pagenation li a {
    padding: 10px 12px;
}

.pagenation li.prev{
	margin-right: 0;
}

.pagenation li.next{
	margin-left: 0;
}

/*=========================================
【860】acp_historyList（ACPのみで使用）
==========================================*/
.acp_historyList dt,
.acp_historyList dd{
	padding: 0;
}

.acp_historyList dt{
	clear: none;
	float: none;
	width: 100%;
}

.acp_historyList dd{
	width: 100%;
	border-top:none;
	padding: 16px 0 16px 40px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 16px;
}

.acp_historyList dd:nth-last-of-type(1){
	margin-bottom: 0;
	border: none;
}

.acp_historyList dd::after{
	top: 0;
	left: 16px;
	z-index: -2;
}

.acp_historyList dd::before{
	bottom: 0;
	left: 10px;
}

/*-----------------------------
.flex.line 
------------------------------*/
.flex.line .box{
	padding: 4px;
	margin-bottom: 0;
}
.flex.row4-non .box{
	text-align: left;
	width: 50%;
}
.flex.row4-non .box{
	margin-right: 0;
	text-align: left;
}
  

/*================================================================================
【860】Cグループ
=================================================================================*/

/*=========================================
【860】specialArea
==========================================*/
.specialArea{
	padding: 8px;
	margin-top: 16px;
}

.specialArea .spInner{
	padding: 24px;
}
.specialArea #cocoassetArea.spInner{
	padding: 5px;
}
  
/*=========================================
【860】infoArea
==========================================*/
.infoArea{
	padding: 32px;
	background: #fff;
}

/*infoList
-----------------------------*/
.infoList dt{
	float:none;
	clear:none;
	width:100%;
	padding:0;
}

.infoList dd{
	float:none;
	width:100%;
	padding: 8px 0;
}

/*=========================================
【860】tabArea
==========================================*/
.tabArea{}

/*tabBtn
-----------------------------*/
.tabBtn{
	overflow: hidden;
}

.tabBtn li{
	width: 45%;
  font-size: 11px;
}

.tabBtn li + li{
  margin-left: 0%;
}
  
/*.tabBox
-----------------------------*/
.tabBox{
	padding: 24px;
}
.tabBox .cont{
	margin-bottom: 24px;
}

/*.flex.tabIconList
-----------------------------*/
.flex.tabIconList .box{
	text-align: center;
}

.flex.tabIconList p{
	font-size: 12px;
}

/*=========================================
【860】.flex.brand
==========================================*/
.flex.brand{
	justify-content: left;
	-webkide-justify-content: left;
	-moz-justify-content: left;
}

.flex.brand .box{
	padding-bottom: 32px;
}

.flex.brand .box:nth-child(n+3){
	margin-top: 6.4%;
}

.flex.brand .photo{
	margin-bottom: 8px;
}

.flex.brand .ttl{
	font-size: 14px;
}

.flex.brand .b_name{
	font-size: 12px;
}

.flex.brand .txt{
	font-size: 12px;
	padding: 0;
}

.flex.brand .btn{
	left: 0;
	margin-left:0!important;
	width: 100%!important;
	font-size: 12px!important;
}

/*==========================================
【860】c5_drawing
==========================================*/
.c5_drawing{
	padding: 8px;
	margin-bottom: 32px;
}

/*==========================================
【860】comment
==========================================*/
.comment{
	font-size: 14px;
}

.comment2{
	font-size: 14px;
}
    
/*=========================================
【860】slider_c6
==========================================*/
.slider_c6{
	border-bottom: solid 4px #002557;
}

.slider_c6::after{
	content: none;
}

.slider_c6 .prev,
.slider_c6 .next{
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background-size: 8px auto!important;
}

/*==========================================
【860】flame
==========================================*/
.flame{
	padding: 16px;
}

/*==========================================
【860】spanList
==========================================*/
.stepList .box::after{
	top: inherit;
	right: inherit;
	margin-top: inherit;
	margin-left: -16px;
	left: 50%;
	bottom: -24px;
	background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/arrowIcon_white_b.png) #8c8c8c no-repeat;
	background-size: auto 8px;
	background-position: center;
}

}

/*-- 860px_end ------------------*/
@media only screen and (max-width:768px) {
/*=========================================
タブレット2 ipad mini
==========================================*/
/*------------------------------
.flex.c_one
------------------------------*/

}


@media only screen and (max-width:599px) {  
/*==========================================
【599】.flex
==========================================*/
.flex.hoku .box p{
	font-size: 12px;
}

.flex.row1_sp .box{
	width: 100%!important;
	margin-right:0!important;
}

.flex.row1_sp .box+.box{
	margin-top:16px;
}
.flex.row4-non .box{
	text-align: left;
	width: 50%;
}
.flex.row4-non .box{
	margin-right: 0;
	text-align: left;
}

.flex.row5-non .box{
	text-align: left;
	width: 50%;
}
.flex.row5-non .box{
	margin-right: 0;
	text-align: left;
}
  
.flex.row6-non .box{
	text-align: left;
	width: 50%;
}
.flex.row6-non .box{
	margin-right: 0;
	text-align: left;
}  
.flex.row_voice {
	width: 100%;
	margin: 40px auto 10px;
}
/*------------------------------
.flex.c_one
------------------------------*/
.flex.c_one{
	margin-bottom: 100px;
  font-size:13px;
}

.flex.c_one .box{
	width: 100%;
	padding: 16px;
	text-align: center;
}

.flex.c_one .box + .box{
	margin-left: 0;
	margin-top: 8px;
}

.flex.c_one .box:nth-child(2n){
	margin-left: 0;
}

.flex.c_one p{
	margin-bottom: 16px;
}

.flex.c_one .s_btn{
	position: static;
	display: inline-block;
	margin: 0;
}

/*------------------------------
.flex.row3
------------------------------*/
.flex.row3{
	margin-bottom: 24px;
  font-size:13px;
}

.flex.row3 .box{
	width: 100%;
	padding: 10px;
	text-align: center;
}

.flex.row3 .box + .box{
	margin-left: 0;
	margin-top: 8px;
}

.flex.row3 .box:nth-child(2n){
	margin-left: 0;
}

.flex.row3 p{
	margin-bottom: 16px;
}

.flex.row3 .s_btn_br{
	position: static;
  width:80%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  .flex.row3 .s_btn_br2{
	position: static;
  width:100%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  
.flex.row3 a.box .common-btn4{
 	position: static;
  width:100%;
  display: inline-block;
	margin: 5px;
  font-size:13px;
  padding:10px;
}  
/*------------------------------
.flex.row4 acpのトップページで4連ずれ修正箇所（20200712）
------------------------------*/
.flex.row4{
	margin-bottom: 24px;
  font-size:13px;
}

.flex.row4 .box{
	width: 100%;
	padding: 10px;
	text-align: justify;
}

.flex.row4 .box + .box{
	margin-left: 0;
	margin-top: 8px;
  }

.flex.row4 .box:nth-child(2n){
	margin-left: 0;
  margin-top: 0px;
  text-align: justify
}
  
.flex.row4 .box:nth-child(n+3){
  margin-top: -20px;
  text-align: justify
}
.flex.row4 p{
	margin-bottom: 16px;
}

.flex.row4 .s_btn_br{
	position: static;
  width:80%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  .flex.row4 .s_btn_br2{
	position: static;
  width:100%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  
/*------------------------------
.flex.row4 acpのトップページで4連ずれ修正箇所（20200712）　COCOPLUS4連もここ 20200728
------------------------------*/
.flex.row4{
	margin-bottom: 24px;
  font-size:9px;
}

.flex.row4 .box{
	width: 49%;
	padding: 5px;
	text-align: justify;
   font-size:9px;
}

.flex.row4 .box + .box{
	margin-left: 0;
	margin-top: 8px;
}

.flex.row4 .box:nth-child(2n){
	margin-left: 0;
  margin-top: 0px;
}
  
.flex.row4 .box:nth-child(n+3){
  margin-top: 5px;
}
.flex.row4 p{
	margin-bottom: 16px;
}

.flex.row4 .s_btn_br{
	position: static;
  width:80%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  .flex.row4 .s_btn_br2{
	position: static;
  width:100%;
  border: 1px solid #000;
	display: inline-block;
	margin: 0;
}
  

  
  
/*------------------------------
.biz
------------------------------*/
.flex.biz{
	margin-bottom: 24px;
}

.flex.biz .box{
	padding: 16px;
}

.flex.biz .photo img{
	width: auto;
	height: 40px;
}

.flex.biz .bizTitle{
	font-size: 12px;
}

.flex.biz .txt{
	display: none;
}

/*==========================================
【570】.contactLabel
==========================================*/
.contactLabel,.contactLabel2,.contactLabel-lp{
	width: 100%;
	padding:24px 16px;
	margin-bottom: 24px;
}

.contactLabel .tel,.contactLabel2 .tel,.contactLabel-lp .tel{
	font-size: 20px;
	margin: -4px 0;
	letter-spacing: 0;
}

.contactLabel .txt01,.contactLabel2 .txt01,.contactLabel-lp .txt01{
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 1.6;
}

.contactLabel .txt02,.contactLabel2 .txt02,.contactLabel-lp .txt02{
	font-weight: normal;
	padding: 8px;
	line-height: 1.6;
}

/*=========================================
【570】.flex.groupImgList 
==========================================*/
.flex.groupImgList .box{
	padding: 16px;
	position: static;
	text-align: center;
}

/*.s_btn
------------------------------*/
.flex.groupImgList .s_btn{
	position: static;
	margin: 16px 0 0 0;
  width: 100%;
}
  
/*.ttl
------------------------------*/
.flex.groupImgList .ttl{
	font-size: 14px;
}

  /*.s_btn
------------------------------*/
.flex.groupImgList .s_btn4{
	position: relative;
  top:3px;
  left:0px;
	margin: 0px 0px 0px 0px;
  width: 100%;
}

.s_btn4{
	 color: #fff;
    background-color:#960000;
} 
.s_btn4::before,
.s_btn4::after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
}
.s_btn4:hover {
  color: #000;
  font-weight: bold;
  border: 1px solid #960000;
  background-color:#faf0f0;
  opacity: 0.8 ;
}
.s_btn4:hover::before,
.s_btn4:hover::after {
  width: 100%;
  height: 100%;
}
.s_btn4:hover::before {
  border-top-color: #960000;
  border-right-color: #960000;
  transition: width .3s, height .3s .3s;
}
.s_btn4:hover::after {
  border-bottom-color: #960000;
  border-left-color:#960000;
  transition: height .3s, width .3s .3s;
}

/*=========================================
【570】areaList
==========================================*/
.areaList{
	width: 100%;
	overflow: hidden;
	text-align: left;
	margin-bottom: 24px;
}

.areaList dt:nth-child(1),
.areaList dd:nth-of-type(1){
	border-top:none;
}

.areaList dt,
.areaList dd{
	border-top:none;
	padding: 4px 0;
}
.areaList dt{
	float:none;
	clear:none;
	width:100%;
	font-size: 14px;
}

.areaList dd{
	float:none;
	width:100%;
}

.areaList a{
	padding: 16px 0;
}

/*=========================================
【570】c7_drawingArea
==========================================*/
.c7_drawingArea .btn{
	width: 100%!important;
	font-size: 12px!important;
	padding: 14px 0;
}

/*=========================================
【570】.flex.valueUpPhoto
/*==========================================*/
.flex.valueUpPhoto::after{
	margin-left: -14px;
	margin-top: 8px;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-position: 11px  center;
	background-size: 6px auto;
}

/*==========================================
【570】.meritList
==========================================*/
.meritList h2{
	font-size: 16px;
	margin-bottom: 8px;
}

.meritList h2 span{
	width: 100%;
	padding: 10px 32px;
	margin-bottom: 8px;
	background-image:
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/ttl_type02_l.png),
	url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/ttl_type02_r.png);
	background-repeat: no-repeat;
	background-size:20px auto;
	background-position: left center , right center;
}

.meritList li{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 24px;
}

.stepList .box{
	width: 100%;
	margin-right:0;
}

.stepList .box + .box{
	margin-top:32px;
}

.stepList .txt{
	font-size: 18px;
}

/*==========================================
【570】.photoList
==========================================*/
/*------------------------------
.photoList_type04
------------------------------*/
.photoList_type04{
	overflow: hidden;
}

/*入れ替え*/
.photoList_type04 .box:nth-child(6){
	width: 100%;
	order:7;
}

.photoList_type04 .box:nth-child(7){
    order:6;
}

.photoList_type04 .box{
 	width: 	48.8%;
	margin-right: 2.4%;
}

.photoList_type04 .box:nth-child(2n){
	margin-right: 0;
}

.photoList_type04 .box:nth-child(3n){
	margin-right: 2.4%;
}

.photoList_type04 .box:nth-child(4n){
	margin-right: inherit;
}

  
/*==========================================
【570】.photoList
==========================================*/
 .historyTable .year{
	font-size: 10px;
}
  
.historyTable .txt {
    float: left;
    width: 55%;
}
  
.historyTable .photo {
    float: right;
    width: 40%;
}
  
/*=========================================
【570】specialArea
==========================================*/
.specialArea .btn{
	font-size: 14px;
}
#asseti.specialArea{
	background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/back_ami.png);
}
  
/*=========================================
【570】blogspecialArea
==========================================*/
.blogspecialArea .btn{
	font-size: 14px;
}
  
  
}
/*-- 599px_end ------------------*/

/*==========================================
 * movie-wrap / k_fujii style_001 
==========================================*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*-- movie-wrap end ------------------*/

/*****************************************/
/* top title / k_fujii style_002  */
/*****************************************/

.area {
 width: 100%;
 padding: 60px 0;
 background:url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/01%20WEB/img2/c5_subMainImg.jpg?20190219) no-repeat;
 background-size:100% auto;
 background-position : 0% 0%;
}
.title {
 text-align: center;text-shadow:1px 1px 1px #fff;font-style: italic;font-size: 1.5rem;
}

/*****************************************/

/*****************************************/
/* download txt style / k_fujii */
/*****************************************/
.adttl_dl{
  text-align: left;position:relative; top:15px; left:20px;font-size: large;
}
/*****************************************/

/* onoda add*/

.dl-pdf a[href$=".pdf"] {   
   background: url(https://4593444.fs1.hubspotusercontent-na1.net/hubfs/4593444/05%20PDF/Adobe_PDF_file_icon.png) no-repeat left center; 
   padding: 14px 70px;
   line-height: 65px;
   text-decoration: underline;
   color: #006eff;
}  

/*****************************************/
/* print.css */
/*****************************************/

@media print {

header,.subImgBase,footer,.pagination,.topicPath,.ttl_blog_news_main{
  display:none;
  }
#hokushin header,#group header{
  display:none;
  }
.blog_news_area p{
  font-size:12px;
  }
$('article *').removeAttr('style');
  
}

/*****************************************/
/* youtube.css */
/*****************************************/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*****************************************/
/* yt.css 読み込み軽くする*/
/*****************************************/
.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.yt {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  top: 0;
  left: 0;
}

.yt iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%; !important;
	height: 100%; !important;
}

.yt_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}

.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
}

.yt_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "";
	font-weight:900;
	color: #fc0d1c;
	font-size: 70px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
}

.yt_video img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.yt_video:hover::before { /* ホバー時アイコンの色変える */
	color:#32cd32;
	transition:.5s;
}

/*****************************************/
/* yt2.css 読み込み軽くする　横長サイズ*/
/*****************************************/
.yt2 { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}


.yt2 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  top: 0;
  left: 0;
}

.yt2 {
  width: 100%;
  padding-top: 45.5%;
  position: relative;
  top: 0;
  left: 0;
}
.yt2 iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%; !important;
	height: 100%; !important;
}

.yt2_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}

.yt2_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
}

.yt2_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "";
	font-weight:900;
	color: #fc0d1c;
	font-size: 70px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
}

.yt2_video img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.yt2_video:hover::before { /* ホバー時アイコンの色変える */
	color:#32cd32;
	transition:.5s;
}

@media only screen and (max-width:3000px) {
/*-- pc------------------*/
.yt2 p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 20%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  background: rgba(255, 255, 255, 0.1);/*背景色*/
  font-size: 25px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
 
  border: solid white 1px; /*線で囲う*/
  padding: 12px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  
  text-decoration: none;/*下線を表示させない*/
  }
  
.yt2 p .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:10px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  }

/*-- go theater mode------------------*/

.yt2 p4{
  position:absolute;
  height: 100%;
  width:100%;
  left:0;
  top:0;

  }
  



@media only screen and (max-width:1200px) {
/*-- 1200------------------*/
.yt2 p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 20%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  background: rgba(255, 255, 255, 0.2);/*背景色*/
  font-size: 20px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
 border: solid white 1px; /*線で囲う*/
  padding: 12px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:10px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  }




@media only screen and (max-width:960px) {
/*-- 960------------------*/
.yt2 p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 18%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  background: rgba(255, 255, 255, 0.1);/*背景色*/
  font-size: 20px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
  border: solid white 1px; /*線で囲う*/
  padding: 3px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding:3px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  }

@media only screen and (max-width:860px) {
/*-- 860------------------*/
.yt2 p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 18%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color:white;/*文字色*/
  font-size: 15px;/*文字サイズ*/
  background: rgba(255, 255, 255, 0.1);/*背景色*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
  border: solid white 1px; /*線で囲う*/
  padding: 3px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding:3px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  
  
 
  }




/*-- hres pc------------------*/
@media only screen and (max-width:3000px) {
/*-- pc------------------*/
.yt2 p2 {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 25%;
  left: 95.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
 
  /*--border: solid white 2px; /*線で囲う*/
  padding: 20px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }
  
.yt2 p2 .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:3px;/*文字との隙間*/
  font-size: 2em;/*文字の2倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  

  
  }

@media only screen and (max-width:1200px) {
/*-- 1200------------------*/
.yt2 p2 {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 30%;
  left: 95.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
  /*--border: solid white 2px; /*線で囲う*/
  padding: 12px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p2 .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:5px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
 
 
  
  }

@media only screen and (max-width:960px) {
/*-- 960------------------*/
.yt2 p2 {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 30%;
  left: 95.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 15px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
  /*--border: solid white 2px; /*線で囲う*/
  padding: 12px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p2 .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:5px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  

  }




@media only screen and (max-width:860px) {
/*-- 860------------------*/
.yt2 p2 {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 35%;
  left: 95.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 10px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  
  /*--border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.yt2 p2 .fa {/*アイコンに対して*/
  /*display:block;/*前後に改行*/
  padding-bottom:5px;/*文字との隙間*/
  font-size: 1.1em;/*文字の1.1倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }
  

  
  }


@media only screen and (max-width:860px) {
/*-- pc ------------------*/
.coverbt01 a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 14%;
  left: 95%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 20px;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  }

.coverbt01 a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }


  } 

  
/*-- youtube fit ------------------*/
.youtube_outer {
  width: 100%;
  padding-top: 45.5%;
  position: relative;
  top: 0;
  left: 0;
}

.youtube_outer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*-- 光が回転するボタン ------------------*/
:root {
    --bg:#3C465C;
    --primary:#778899;
    --solid: #fff;
    --btn-w: 15em;
    --dot-w: calc(var(--btn-w)*.2);
    --tr-X: calc(var(--btn-w) - var(--dot-w));
}

* {box-sizing: border-box;}
*:before, *:after {box-sizing: border-box;}

body2 {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    background: var(--bg);
    
    font-size: 12px;
    /*font-family: 'Titillium Web', sans-serif;*/
  font-family: lato, sans-serif;
	font-weight: 200;
	font-style: normal;
}

.btn02 {
    position: relative;
    margin: 0 auto;
    width: var(--btn-w);
    color: var(--primary);
    border: .15em solid var(--primary);
    border-radius: 5em;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.0em;
    line-height: 2em;
    cursor: pointer;
  text-align:center !important;
}
.dot {
    content: '';
    position: absolute;
    top: 0;
    width: var(--dot-w);
    height: 100%;
    border-radius: 100%;
    transition: all 300ms ease;
    display: none;
}
.dot:after {
    content: '';
    position: absolute;
    left: calc(50% - .4em);
    top: -.4em;
    height: .8em;
    width: .8em;
    background: var(--primary);
    border-radius: 1em;
    border: .25em solid var(--solid);
    box-shadow: 0 0 .7em var(--solid),
                0 0 2em var(--primary);
}

.btn02:hover .dot,
.btn02:focus .dot {
    animation: atom 2s infinite linear;
    display: block;
}
@keyframes atom {
    0% {transform: translateX(0) rotate(0);}
    30%{transform: translateX(var(--tr-X)) rotate(0);}
    50% {transform: translateX(var(--tr-X)) rotate(180deg);}
    80% {transform: translateX(0) rotate(180deg);}
    100% {transform: translateX(0) rotate(360deg);}
}




/*-- 光が回転するボタン --end------------------*/

.inner2{
	max-width: 1600px;
	padding: 0 15px;
	margin: 0 auto;
}


.btn{
  text-align:center !important;
}
/*-- 動くボタン ---------------https://lab.sonicmoov.com/markup/css/css-button/----*/
/*-html *:before,
html *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

*:before,
*:after {
  z-index: -0;
}
-*/


/*-section.bg_gray {
   width:200vw;
}
*/

@media (min-width: 600px) {
  .wrap {
    width: 50%;
    float: left;
  }
}
[class^="btn-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 30px;
  max-width: 220px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
  text-align:center !important;
}

@media (min-width: 600px) {
  .wrap {
    width: 50%;
    float: left;
  }
}
[class^="btn2-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  line-height:40px;
  max-width: 350px;
  margin: 2rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
  background-color:#000;
  color:#fff;
  text-align:center !important;
  
}

[class^="btn3-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  line-height:40px;
  max-width: 300px;
  margin: 2rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
  background-color:#000;
  color:#fff;
  text-align:center !important;
  
}
.move_btn .btn-0:before,
.move_btn .btn-0:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

.move_btn .btn-0:before,
.move_btn .btn-0:after {
  z-index: -1;
}
.btn-0 {
  color: #000;
  font-size:14px;
  text-align:center;
}
.btn-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-0:hover {
  color: #fff;
}
.btn-0:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}


.btn-1 {
  color: #305c66;
}
.btn-1:before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #07262d;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-1:hover {
  color: #c2cfd2;
}
.btn-1:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.btn-1-2 {
  color: #53535e;
}
.btn-1-2:before, .btn-1-2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 80px solid #202027;
}
.btn-1-2:before {
  right: -50px;
  border-right: 50px solid transparent;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-1-2:after {
  left: -50px;
  border-left: 50px solid transparent;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.btn-1-2:hover {
  color: #cdcdd0;
}
.btn-1-2:hover:before {
  -webkit-transform: translateX(-40%);
          transform: translateX(-40%);
}
.btn-1-2:hover:after {
  -webkit-transform: translateX(40%);
          transform: translateX(40%);
}

.btn-2 {
  color: #c46293;
}
.btn-2:before, .btn-2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.btn-2:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #702a4d;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-2:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #702a4d;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.btn-2:hover {
  color: #eed1df;
}
.btn-2:hover:before {
  -webkit-transform: translateX(-49%);
          transform: translateX(-49%);
}
.btn-2:hover:after {
  -webkit-transform: translateX(49%);
          transform: translateX(49%);
}

.btn-3:before, .btn-3:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 40px solid #330347;
  border-bottom: 40px solid #330347;
}
.btn-3:before {
  border-right: 40px solid transparent;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-3:after {
  border-left: 40px solid transparent;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.btn-3:hover {
  color: #d5c1dd;
}
.btn-3:hover:before {
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
}
.btn-3:hover:after {
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
}

.btn-4 {
  color: #7b6b48;
}
.btn-4:before, .btn-4:after,
.btn-4 span:before,
.btn-4 span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #3c3118;
}
.btn-4:before {
  -webkit-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}
.btn-4:after {
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}
.btn-4 span:before {
  -webkit-transform: translate(100%, -100%);
          transform: translate(100%, -100%);
}
.btn-4 span:after {
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}
.btn-4:hover {
  color: #d8d4c9;
}
.btn-4:hover:before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-4:hover:after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.btn-4:hover span:before {
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.btn-4:hover span:after {
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.btn-5 {
  color: #99c636;
}
.btn-5:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #51710b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.btn-5:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #51710b;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn-5:before, .btn-5:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.btn-5:before {
  bottom: 0;
  left: 0;
  border-color: transparent transparent transparent #51710b;
}
.btn-5:after {
  top: 0;
  right: 0;
  border-color: transparent #51710b transparent transparent;
}
.btn-5:hover {
  color: #e1eec4;
}
.btn-5:hover:before, .btn-5:hover:after {
  border-width: 80px 262.5px;
}

.btn-6 {
  color: #8b5e80;
}
.btn-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #47283f;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.btn-6:hover {
  color: #ddd0da;
}
.btn-6:hover span {
  width: 225%;
  height: 562.5px;
}
.btn-6:active {
  background-color: #774269;
}

.btn-7 {
  color: #ad964d;
}
.btn-7:before, .btn-7:after,
.btn-7 span:before,
.btn-7 span:after {
  content: '';
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background-color: #5f4f1b;
}
.btn-7:before {
  left: 0;
}
.btn-7:after {
  left: 50%;
}
.btn-7 span:before, .btn-7 span:after {
  top: auto;
  bottom: 0;
}
.btn-7 span:before {
  left: 25%;
}
.btn-7 span:after {
  left: 75%;
}
.btn-7:hover {
  color: #e7e0cb;
}
.btn-7:hover:before, .btn-7:hover:after,
.btn-7:hover span:before,
.btn-7:hover span:after {
  height: 80px;
}

.btn-8 {
  color: #5b4848;
}
.btn-8:before, .btn-8:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #251818;
}
.btn-8:before {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.btn-8:after {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.btn-8:hover {
  color: #cfc9c9;
}
.btn-8:hover:before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-8:hover:after {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

/*-- cococube/cocoflat エリアから探す-----https://lab.sonicmoov.com/markup/css/css-button/----*/
.areaList li .btn-9off{
  opacity:0.4;
  border: solid 1px #000!important;
  top:-15px;
  left:-10px;
   width: 90%;
  padding-left:-5%;
  color: #000 !important;
  font-size:13px;
}
.areaList li .btn-9off:before, .btn-9off:after,
.areaList li .btn-9off span:before,
.areaList li .btn-9off span:after {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(46, 76, 118, 0.25);
  transition: 0.4s ease-in-out;
}

.areaList li .btn-9off:after,
.areaList li .btn-9off span:before {
  top: auto;
  bottom: 0;
}
.areaList li .btn-9off span:before,
.areaList li .btn-9off span:after {
  transition-delay: 0.4s;
}

.areaList li .btn-9off:active {
  background-color: #4c7fc4;
}


/*-- cococube/cocoflat エリアから探す--end-----*/
.areaList li .btn-9 {
  border: solid 1px #000!important;
  top:-15px;
   width: 90%;
  padding-left:-5%;
  color: #000 !important;
  font-size:13px;
}
.areaList li .btn-9:before, .btn-9:after,
.areaList li .btn-9 span:before,
.areaList li .btn-9 span:after {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(46, 76, 118, 0.25);
  transition: 0.4s ease-in-out;
}

.areaList li .btn-9:after,
.areaList li .btn-9 span:before {
  top: auto;
  bottom: 0;
}
.areaList li .btn-9 span:before,
.areaList li .btn-9 span:after {
  transition-delay: 0.4s;
}
.areaList li .btn-9:hover {
  color: #d2dff0;
}
.areaList li .btn-9:hover:before, .btn-9:hover:after,
.areaList li .btn-9:hover span:before,
.areaList li .btn-9:hover span:after {
  height: 80px;
}
.areaList li .btn-9:active {
  background-color: #4c7fc4;
}

/*-- cococube/cocoflat エリアから探す--end-----*/

.move_btn .btn2-0:before,
.move_btn .btn2-0:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

.move_btn .btn2-0:before,
.move_btn .btn2-0:after {
  z-index: -1;
}
.btn2-0 {
  color: #fff;
  font-size:16px;
  text-align:center !important;
}
.btn2-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:#001b4d;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  
}
.btn2-0:hover {
  color: #fff;
  
}
.btn2-0:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
/*-- a.btn-oでないとスマホで左による-----*/
a.btn2-0 {
  color: #fff;
  font-size:16px;
  text-align:center !important;
}
/*-- cococube/cocoflat エリアから探す--end-----*/


.move_btn .btn3-0:before,
.move_btn .btn3-0:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

.move_btn .btn3-0:before,
.move_btn .btn3-0:after {
  z-index: -1;
}
.btn3-0 {
  color: #fff;
  font-size:16px;
  text-align:center;
}
.btn3-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:#001b4d;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  
}
.btn3-0:hover {
  color: #fff;
  
}
.btn3-0:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}


/*-- btn2-10 cococube/cocoflat bland topで使用-----*/

.btn2-10{
  color: #000;
  font-size:18px;
  text-align:center;
}
.btn2-10:before, .btn2-10:after,
.btn2-10 span:before,
.btn2-10 span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  color: #000;
  background-color: rgba(102, 102, 102, 0.25);
  transition: 1.0s;
}
.btn2-10:after,
.btn2-10 span:before {
  left: auto;
  right: 0;
}
.btn2-10 span:before,
.btn2-10 span:after {
  transition-delay: 0.4s;
}
.btn2-10:hover {
  
}
.btn2-10:hover:before, .btn2-10:hover:after,
.btn2-10:hover span:before,
.btn2-10:hover span:after {
  width: 400px;
  
}
.btn2-10:active {
  background-color: #000;
  color: #fff;
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

.btn-11 {
  position: relative;
  color: #9a78c4;
}
.btn-11:before, .btn-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background-color: #8860ba;
  border-radius: 50%;
}
.btn-11:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-11:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.btn-11:hover {
  color: #e1d7ee;
}
.btn-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.btn-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}


/*--光が横切る-https://nakazilab.com/css-shiny-button/--*/

#button {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
}
#button a {
  position: relative;
  display: inline-block;
  padding: .5em 2em;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:14px;
  background-color:#990000;
   
    display: block;  
    z-index: 2;
    overflow: hidden;
    width: 100%;  
    /*--border-radius: 2px;--*/  
     transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    -ms-transition: .25s linear;
}

#button a:before {
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
     content: "";
    width: 30px;
    height: 100px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);/*----これがないとＩＥ動かない-------*/
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
    -ms-animation: shiny 3s infinite linear;
}

#button a:hover {
  color: #000000;
  border: 2px solid #990000;
  background-color:#ffe7e6;
  opacity: 0.9 ;
}

@keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
/*----これがないとＩＥ動かない-------*/
@-ms-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
/*----これがないとＩＥ動かない-------*/  
  
}

/*--光が横切る-https://nakazilab.com/css-shiny-button/--*/

#button2 {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}
#button2 a {
  position: relative;
  display: inline-block;
  padding: .5em 2em;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  font-size:14px;
  background-color:#008080;
   
    display: block;  
    z-index: 2;
    overflow: hidden;
    width: 100%;  
    /*--border-radius: 2px;--*/  
     transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    -ms-transition: .25s linear;
}

#button2 a:before {
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
     content: "";
    width: 30px;
    height: 100px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);/*----これがないとＩＥ動かない-------*/
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
    -ms-animation: shiny 3s infinite linear;
}

#button2 a:hover {
  color: #000000;
  border: 2px solid #008080;
  background-color:#cae0d9;
  opacity: 0.9 ;
}

@keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
/*----これがないとＩＥ動かない-------*/
@-ms-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
/*----これがないとＩＥ動かない-------*/  
  
}

/*===下線が動く=KF追加========https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html=========*/

p.line2{
 	font-family: 'M PLUS 1p', "Josefin Sans","Alegreya Sans SC","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;/* 藤井フォント変更 */
  transform: rotate(0.05deg);
  font-weight:400;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
border-bottom: solid 1px #dadada;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
p.line2::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
p.line2:hover::after {
  transform: scale(1, 1);
}
/*===下線が動く=KF追加==260行目のアンダーバーにかぶせる======https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html====
 下記設定ベンダープレフィクスは効いていない=微妙にずれる====*/
 
/*--.flex.imgMenu .line{
	border-bottom: solid 1px #c8c8c8;
	padding-bottom: 8px;
}--*/

.flex.imgMenu .line{
  position: relative;
  /*--display: inline-block;--これがあるとIEで4崩れる*/
  text-decoration: none;
  font-size: 14px;
	font-weight: bold;
  -webkit-line-height: 2;
  -moz-line-height: 2;
  -ms-line-height: 2;
  line-height: 2;
  border-bottom: solid 1px #c8c8c8;
 
 
}
.flex.imgMenu .line::after {
  position: absolute;
  -webkit-bottom: 1px;
  -moz-bottom: 1px;
  -ms-bottom: -1px;
   bottom: -0.1px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
 
  background:#000000;/*--線の色--*/
  
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  transition: transform .3s;
}
.flex.imgMenu .line:hover::after {
  padding-bottom: 0px;
   -ms-padding-bottom: -1px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  
}
@media only screen and (max-width:970px) {
/*++++++++++++++++++++++++++++*************************
北辰トップのメイン下4連ボックのタイトルがスマホで2段になるのを防ぐ
++++++++++++++++++++++++++++*+++++++++++++++++++++++*/
.flex.imgMenu .line{
  font-size: 12px;

　}  
} 





/*********藤井追加***改行位置をpcとモバイルで調整*****************************/
.inner_w p{
 text-align: center;
}

/*--これはヘッダーロゴマーク位置まで中央にするので不可
 * .inner{
 text-align: center;
}
---*/

.inner_n{
  position: relative;
  display:block;
	max-width: 970px;
	padding: 0 18px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner_n p{
 text-align: center;
  text-justify: auto;
}

.inner_res{
  position: relative;
  display:block;
	max-width: 970px;
	padding: 0 18px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner_res p{
 text-align: left;
  text-justify: auto;
  font-size:16px;
}


@media only screen and (max-width:970px) {
/*++++++++++++++++++++++++++++
【970px】.inner w p
++++++++++++++++++++++++++++*/
.inner_w p{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}

.inner_w a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}
  
.inner p{
 text-align: justify;
 text-align: center;
  text-justify: auto;
  font-size:13px;
}
p.acp-news{
 text-align: justify;
 text-align: left;
  text-justify: auto;
  font-size:13px;
}  

.inner a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
} 
  
.inner_n p{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}

.inner_n a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
} 
  
br.pc_only{  
  display:none
}

}

/*********藤井追加**end******************************/
@media only screen and (max-width:970px) {
/*++++++++++++++++++++++++++++
【970px】.inner w p
++++++++++++++++++++++++++++*/
.inner_w p{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}

.inner_w a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}
  
/*.inner p{
 text-align: justify;
  text-align: center;
  text-justify: auto;
  font-size:13px;
}*/

.inner a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
} 
  
.inner_n p{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
}

.inner_n a{
 text-align: justify;
  text-justify: auto;
  font-size:13px;
} 
  
br.pc_only{  
  display:none
}

}


/*********藤井追加**end******************************/
@media only screen and (max-width:768px) {
/*++++++++++++++++++++++++++++
【970px】.inner p 20191126　追加修正
++++++++++++++++++++++++++++*/
.inner p{
 text-align: left;
  text-justify: auto;
}


.inner_w p{
 text-align: left;
  text-justify: auto;
}

 
  
  .inner_n p{
 text-align: left;
  text-justify: auto;
}
  br.pc_only{  
  display:none
}
   br.pconly{  
  display:none
}
  
  }