@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700 &display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,500,700&display=swap);
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,
img {
    border: 0;
    vertical-align: bottom
}
address,
caption,
cite,
scode,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}
ol,
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}
caption,
th {
    text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}
q:before,
q:after {
    content: ''
}
abbr,
acronym {
    border: 0
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
html,
body {
    width: 100%;
    /*overflow-x: hidden*/
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 1.3px;
    word-break: break-all;
    background-color: #fff
}
::selection {
    background: #111;
    color: #fff
}
.mincho {
    font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif
}
.gf {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase
}
.bgline {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1
}
.bgline .bd_wrap {
    margin: 0 auto;
    position: relative;
    width: calc(85% + 2px);
    height: 100%;
    border-right: 1px dotted #e3e7ea
}
.bgline .bd_wrap:before,
.bgline .bd_wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    border-left: 1px dotted #e3e7ea;
    border-right: 1px dotted #e3e7ea
}
.bgline .bd_wrap:before {
    left: 0
}
.bgline .bd_wrap:after {
    right: 0;
    right: 25%
}
.mb {
    display: none !important
}
.sp {
    display: none !important
}
.mod {
    font-weight: 700;
    color: #a84343
}
.fa {
    margin-right: 5px
}
.p_100 {
    padding: 100px 0
}
.p_80 {
    padding: 80px 0
}
.p_60 {
    padding: 60px 0
}
.p_50 {
    padding: 50px 0
}
.p_40 {
    padding: 40px 0
}
.p_30 {
    padding: 30px 0
}
.p_20 {
    padding: 20px 0
}
.p_10 {
    padding: 10px 0
}
.p_t_10 {
    padding-top: 10px !important
}
.p_t_20 {
    padding-top: 20px !important
}
.p_t_30 {
    padding-top: 30px !important
}
.p_t_50 {
    padding-top: 50px !important
}
.p_t_80 {
    padding-top: 80px !important
}
.p_b_10 {
    padding-bottom: 10px !important
}
.p_b_20 {
    padding-bottom: 20px !important
}
.m_30 {
    margin: 30px 0 !important
}
.m_t_5 {
    margin-top: 5px !important
}
.m_t_10 {
    margin-top: 10px !important
}
.m_t_12 {
    margin-top: 12px !important
}
.m_t_20 {
    margin-top: 20px !important
}
.m_t_30 {
    margin-top: 30px !important
}
.m_t_40 {
    margin-top: 40px !important
}
.m_t_50 {
    margin-top: 50px !important
}
.m_b_5 {
    margin-bottom: 5px !important
}
.m_b_10 {
    margin-bottom: 10px !important
}
.m_b_12 {
    margin-bottom: 12px !important
}
.m_b_20 {
    margin-bottom: 20px !important
}
.m_b_30 {
    margin-bottom: 30px !important
}
.m_b_40 {
    margin-bottom: 40px !important
}
.m_b_50 {
    margin-bottom: 50px !important
}
.m_b_60 {
    margin-bottom: 60px !important
}
.m_b_80 {
    margin-bottom: 80px !important
}
.m_l_5 {
    margin-left: 5px !important
}
.m_r_5 {
    margin-right: 5px !important
}
.m_r_10 {
    margin-right: 10px !important
}
.m_r_20 {
    margin-right: 20px !important
}
.m_r_30 {
    margin-right: 30px !important
}
.m_r_50 {
    margin-right: 50px !important
}
.m_l_10 {
    margin-left: 10px !important
}
.m_l_30 {
    margin-left: 30px !important
}
.m_l_50 {
    margin-left: 50px !important
}
.flex_in {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}
.just {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}
.fl_l {
    float: left !important
}
.fl_r {
    float: right !important
}
.overflow {
    overflow: hidden
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 9999
}
.clearfix {
    display: inline-block;
    min-height: 1%;
    display: block;
    overflow: hidden
}
.bg_blue {
    background-color: #178fbc !important
}
.color_green {
    color: #239260 !important
}
.color_blue {
    color: #2fa5cc !important
}
.color_red {
    color: #ff3d3d !important
}
.color_yellow {
    color: #feff2a !important
}
.color_orange {
    color: #e17a14 !important
}
.color_white {
    color: #fff !important
}
.bold {
    font-weight: 700 !important
}
.b_red {
    font-weight: 700 !important;
    color: #ff3d3d !important
}
.t_left {
    text-align: left !important
}
.t_right {
    text-align: right !important
}
.t_center {
    text-align: center !important
}
.f_size26 {
    font-size: 26px !important
}
.f_size24 {
    font-size: 24px !important
}
.f_size18 {
    font-size: 18px !important
}
.f_size16 {
    font-size: 16px !important
}
.f_size14 {
    font-size: 14px !important
}
.f_size13 {
    font-size: 13px !important
}
.f_size12 {
    font-size: 12px !important
}
.f_size11 {
    font-size: 11px !important
}
.f_size10 {
    font-size: 10px !important
}
hr {
    border: none;
    border-bottom: 1px solid #eee
}
.p_t_50 {
    padding-top: 50px !important
}
.b_t_g {
    border-top: 1px solid #eee
}
.b_b_g {
    border-bottom: 1px solid #eee
}
.cover_gray {
    background: #f7f7f7;
    background: url('/images/bg_gray.png')
}
.cover_black {
    background: #333
}
.cover_navy {
    background: #06518a
}
hr {
    border: none;
    border-bottom: 1px solid #eee
}
.w_80_txt {
    width: 80%;
    margin: 10px auto 0;
    text-align: center
}
.w_60_txt {
    width: 60%;
    margin: 10px auto 0;
    text-align: center
}
.bd_none {
    border: 0 !important
}
.w_80 {
    width: 80% !important;
    margin: 0 auto
}
.w_60 {
    width: 60% !important;
    margin: 0 auto
}
.w_50 {
    width: 50% !important;
    margin: 0 auto
}
.w_40 {
    width: 40% !important;
    margin: 0 auto
}
.sns .fa,
.sns .far,
.sns .fas {
    font-family: "Font Awesome 5 Brands" !important
}
.fade {
    position: relative;
    transition: 0.8s;
    opacity: 0;
    transform: translate(0, 150px);
    -webkit-transform: translate(0, 150px)
}
.fade_left {
    position: relative;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px)
}
.fade_right {
    position: relative;
    transition: 0.8s;
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px)
}
.fade_in {
    opacity: 1 !important;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0)
}
.inner:after,
#header #g_navi:after,
#content:after,
#side:after,
、s:after,
ul:after,
dl:after,
#photo-view:after,
.clear:after,
.wrap:after,
.contents-box-list:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}
p {
    font-size: 14px;
    color: #474e54;
    line-height: 1.8;
    letter-spacing: 1.5px
}
#main p {
    line-height: 2;
    color: #333
}
a {
    color: #2572a0;
    text-decoration: none
}
a:link {
    color: #2572a0
}
a:visited {
    color: #9b1818;
    text-decoration: none
}
a:hover {
    color: #245fbb;
    text-decoration: underline
}
.area {
    width: 1076px;
    margin: 0 auto;
    padding: 20px 0
}
#wrapper {
    margin: 0 auto
}
#content {
    margin: 0 auto;
    padding: 35px 0 90px
}
.home #content {
    padding-bottom: 0
}
.home #content .in {
    position: relative;
    padding-top: 50px
}
#content .in {
    max-width: 1076px;
    margin: 0 auto
}
.inner {
    max-width: 1076px;
    margin: 0 auto
}
#main {
    float: left;
    width: 776px;
    margin-right: 30px
}
#main .in {
    width: 776px;
    padding: 0 30px
}
#main .entry-content.in {
    padding: 0 30px
}
.wide #main {
    float: none;
    width: 100%
}
#side {
    float: left;
    width: 270px
}
#side_wrap {
    width: 270px
}
section {
    width: 100%;
    clear: both
}
#panel-btn {
    display: none
}


/***********.share .sns***********/
.share {
    margin-top: 40px;
    padding: 30px 20px
}
.sns ul {
    margin: 0 auto;
    list-style: none
}
.sns li a {
    font-size: 75%;
    padding: 10px 2px
}
.sns li:nth-child(4n) {
    margin-right: 0
}
.share {
    width: 100%
}
.share h4 {
    font-size: 120%;
    text-align: center
}
.sns {
    margin: 0 auto;
    text-align: center
}
.sns ul {
    list-style: none
}
.sns li {
    float: left;
    width: 32%;
    margin: 0 1% 1% 0
}
.sns li a {
    font-size: 110%;
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(47, 47, 47, .3)
}
.sns li a:hover {
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}
.sns .twitter a {
    background: #00acee
}
.sns .twitter a:hover {
    background: #0092ca
}
.sns .facebook a {
    background: #3b5998
}
.sns .facebook a:hover {
    background: #2c4373
}
.sns .googleplus a {
    background: #db4a39
}
.sns .googleplus a:hover {
    background: #ad3a2d
}
.sns .hatebu a {
    background: #3487c1
}
.sns .hatebu a:hover {
    background: #12608e
}
.sns .line a {
    background: #25af00
}
.sns .line a:hover {
    background: #219900
}
.sns .pocket a {
    background: #f03e51
}
.sns .pocket a:hover {
    background: #c0392b
}
.sns .rss a {
    background: #ffb53c
}
.sns .rss a:hover {
    background: #e09900
}
.sns .feedly a {
    background: #87c040
}
.sns .feedly a:hover {
    background: #74a436
}


/***********input   form***********/
input {
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: 'Noto Sans JP', sans-serif
}
input[type=search],
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input.login,
select {
    width: 100%;
    height: 50px;
    line-height: 1.6;
    padding: 4px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 1px 0 #fff
}
#wrapper table select {
    padding: 0 4px;
    height: 36px;
    line-height: 1.6
}
textarea {
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    min-height: 65px;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 0 #fff
}
.chk_decision {
    display: none
}
select[name=pref] {
    width: 85px !important;
    margin-right: 4px
}
input[name=addr1] {
    width: 300px !important;
    margin-right: 4px
}
input[name=addr2] {
    width: 212px !important
}


/***********.button_***********/
.button_y {
    display: inline-block;
    min-width: 220px;
    text-align: center;
    padding: 16px 28px;
    font-size: 16px;
    font-weight: 700;
    color: #111 !important;
    text-decoration: none;
    background: #fbcc3c;
    border: 1px solid #fbcc3c;
    border-radius: 30px;
    letter-spacing: 3px
}
.button_y:after {
    content: "";
    position: relative;
    top: -3px;
    left: 4px;
    display: inline-block;
    width: 25px;
    height: 8px;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    transform: skewX(45deg)
}
.button_y:hover {
    color: #111 !important;
    border: 1px solid #111;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}
.button_y:hover:after {
    left: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}
.button_n {
    display: inline-block;
    min-width: 220px;
    text-align: center;
    padding: 16px 28px;
    /*font-size: 13px;*/
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    background: #008dc7;
    border: 1px solid #008dc7;
    border-radius: 30px;
    letter-spacing: 3px
}
.button_n:after {
    content: "";
    position: relative;
    top: -3px;
    left: 4px;
    display: inline-block;
    width: 25px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: skewX(45deg)
}
.button_n:hover {
    color: #008dc7 !important;
    background: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}
.button_n:hover:after {
    border-right: 1px solid #008dc7;
    border-bottom: 1px solid #008dc7;
    left: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}
.button_n2 {
    display: inline-block;
    min-width: 220px;
    text-align: center;
    padding: 16px 28px;
    /*font-size: 13px;*/
    font-weight: 700;
    color: #06518a !important;
    text-decoration: none;
    background: #fff;
    border: 1px solid #06518a;
    border-radius: 30px;
    letter-spacing: 3px
}
.button_n2:after {
    content: "";
    position: relative;
    top: -3px;
    left: 4px;
    display: inline-block;
    width: 25px;
    height: 8px;
    border-right: 1px solid #06518a;
    border-bottom: 1px solid #06518a;
    transform: skewX(45deg)
}
.button_n2:hover {
    color: #fff !important;
    background: #06518a;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}
.button_n2:hover:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    left: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s
}



@charset "utf-8";
/***********header***********/
header {
    width: 100%;
    height: 100px;
    background-color: #fff;
	box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
}
header.fixed {
    background-color: rgb(255 255 255 / 90%);
    transition: 0.8s;
    height: 80px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%)
}
header.fixed #site_logo {
    padding-top: 4px
}
header.fixed #g_navi > nav > ul > li {
    float: left;
    padding: 22px 0
}
header.fixed .contact_nav a {
    height: 80px;
    padding-top: 5px
}
header.fixed .contact_nav a span {
    margin-top: 3px;
	font-size:13px;
}
header .inner {
    width: 85%;
    margin: 0 auto;
	/*max-width:2560px;*/
}
.hd_top {
    background: #0e628a;
    padding: 4px 0
}
.hd_top .inner {
    position: relative
}
.hd_top p {
    font-size: 11px;
    color: #fff
}
#site_logo {
    position: relative;
    padding-top: 10px;
    float: left
}
#site_logo p {
    font-size: 11px;
    letter-spacing: 0.2px;
	margin-bottom: 6px;
}

/***********#g_navi ***********/
#g_navi {
    display: block;
    float: right;
	padding-right: 3%;
}
#g_navi > nav > ul > li {
    float: left;
    padding: 31px 0;
    font-size: 13px;
    border-right: 0
}
#g_navi > nav > ul > li a {
    color: #333
}
#g_navi>nav>ul>li:first-child {
    border-left: 0
}
#g_navi > nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0 14px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2.5px;
    font-weight: 500
}
#g_navi>nav>ul>li>a:after {
    position: absolute;
    bottom: -6px;
    left: 32%;
    content: '';
    width: 35%;
    height: 1px;
    background: #008dc7;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s
}
#g_navi>nav>ul>li a:hover {
    text-decoration: none
}
#g_navi>nav>ul>li>a:hover:after,
#g_navi>nav>ul>li.active>a:after {
    transform-origin: left top;
    transform: scale(1, 1)
}
#g_navi > nav > ul > li a span {
    display: block;
    font-size: 12px;
    color: #008dc7;
    letter-spacing: 1px
}
.nav_sv_area {
    display: none;
    position: absolute;
    top: 115px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding-bottom: 30px;
    background-color: #f0f0f0;
    background-color: rgb(222 222 222 / 90%)
}
.nav_sv_area.open {
    display: block
}
header.fixed .nav_sv_area {
    top: 80px
}
.nav_sv_area.service_area .inner {
    max-width: 1076px
}
.nav_sv_area.service_area .ld_sv {
    margin: 15px 0 0;
    font-size: 11px
}
.nav_sv_area.service_area .tl {
    margin: 15px 0px;
    font-size: 14px
}
.nav_sv_area.service_area li a:after {
    content: "";
    position: absolute;
    bottom: 8px;
    width: 24px
}
.contact_nav {
    position: absolute;
    right: 0
}
.contact_nav a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 110px;
    height: 100px;
    padding-top: 15px;
    background-color: #2ed100;
    text-align: center;
    font-weight: 500;
    color: #FFF;
    transition: 0.8s
}
.contact_nav a img {
    display: block;
    margin: 0 auto
}
.contact_nav a span {
    display: block;
    margin-top: 5px
}
.contact_nav a:hover {
    text-decoration: none;
    background-color: #6ce34a;
}
.contact_nav a:before {
    display: block;
    position: absolute;
    z-index: 2;
    left: -30%;
    top: -22%;
    content: "";
    width: 30px;
    height: 150px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    /*
	background-image: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 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,.7)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,#fff rgba(255,255,255,.7),rgba(255,255,255,0) 100%);
    animation: shiny 2.5s infinite linear;
    -webkit-animation: shiny 2.5s infinite linear;
    -moz-animation: shiny 2.5s infinite linear;
	*/
}
@keyframes shiny {
    0% {
        left: -30%
    }
    20% {
        left: 120%
    }
    100% {
        left: 300%
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%
    }
    20% {
        left: 120%
    }
    100% {
        left: 300%
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%
    }
    20% {
        left: 120%
    }
    100% {
        left: 300%
    }
}
#eyecatch {
    position: relative;
    height: 675px;
    background-color: #fff
}
#eyecatch .in {
    position: relative;
    padding: 0 0 0 100px
}
.inner-content {
    position: relative;
    z-index: 1;
    padding-top: 220px
}
.inner-content p {
    margin-bottom: 3px;
    font-size: 18px;
    letter-spacing: 6px;
    font-weight: 700;
	 background-color: rgb(255 255 255 / 60%);
	width:640px;
	padding: 0 15px;
}
.inner-content h1 {
    margin-bottom: 3px;
    font-size: 18px;
    letter-spacing: 6px;
    font-weight: 700;
	 background-color: rgb(255 255 255 / 60%);
	width:640px;
	padding: 0 15px;
}
.inner-content h2 {
    font-size: 40px;
    line-height: 1.4;
    letter-spacing: 4.5px;
    font-weight: 900;
	
	padding: 15px;
    /*border: 1px solid #333;*/
    background-color: rgb(255 255 255 / 60%);
	width:780px;
}
#fade_slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    /*padding-left: 26%;*/
    height: 675px
}
.zs-enabled .zs-slideshow {
    position: relative !important
}
.zs-enabled .zs-slideshow .zs-bullets {
    display: none
}
@-webkit-keyframes moveScrollPointer {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 120px, 0);
        transform: translate3d(0, 120px, 0)
    }
}
@keyframes moveScrollPointer {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 120px, 0);
        transform: translate3d(0, 120px, 0)
    }
}
@-webkit-keyframes moveScrollPointerIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    65% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@keyframes moveScrollPointerIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    65% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
.scrool-area {
    width: 1px;
    height: 120px;
    position: absolute;
    bottom: -50px;
    right: 25px;
    z-index: 999;
    background-color: #ddd
}
span.scl-name {
    position: absolute;
    left: 5px;
    writing-mode: vertical-lr;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-style: italic;
    text-transform: uppercase;
    color: #06518a
}
.scl-l {
    width: 9px;
    height: 9px;
    position: absolute;
    top: -4px;
    left: -4px;
    -webkit-animation-name: moveScrollPointer;
    animation-name: moveScrollPointer;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.215,.61,0.355,1);
    animation-timing-function: cubic-bezier(0.215,.61,0.355,1)
}
.scl-l:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #06518a;
    -webkit-animation-name: moveScrollPointerIn;
    animation-name: moveScrollPointerIn;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.215,.61,0.355,1);
    animation-timing-function: cubic-bezier(0.215,.61,0.355,1)
}

/***********.lead***********/
.lead {
    position: relative;
    background: #fff;
	height: 280px;
	background: top center no-repeat;
    background-size: cover;
}
.lead .inner {
    /*width: 77.5%;
    margin: 0 0 0 22.5%;*/
    height: 280px;
	background: top center no-repeat;
    background-size: cover;
}
.lead .inner:before {
    /*margin: 0 0 0 22.5%;*/
    /*background: #06518a;
    background-color: rgb(20 58 97 / 0.4);*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' '
}
.lead .txt {
    display: table;
    /*width: 300px;*/
    height: 160px;
    position: absolute;
    left: 7%;
    top: 50px;
    background-color: rgb(255 255 255 / 1);
    color: #06518a
}
.lead .txt .cover {
    display: table-cell;
    vertical-align: middle;
	padding: 0 2em;
}

.lead .txt span {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1;
text-transform: uppercase
}
.lead .txt .tl,
.lead .txt h1 {
margin-top: 3px;
font-size: 28px;
letter-spacing: 4px;
font-weight: 900;
line-height: 1.2
}
.lead .txt p {
line-height: 1.6;
font-weight: 500
}

/***********.lead bg***********/
body.page-id-1270 .lead .inner {
background: url('/images/concept_bg.jpg') top center no-repeat;
background-size: cover
}
body.page-id-3 .lead .inner {
background: url('/images/blog_bg.jpg') top center no-repeat;
background-size: cover
}
body.page-id-491 .lead .inner {
background: url('/images/service_1_thum.jpg') bottom center no-repeat;
background-size: cover
}
body.page-id-525 .lead .inner {
background: url('/images/service_2_thum.jpg') bottom center no-repeat;
background-size: cover
}
body.page-id-1525 .lead .inner {
background: url('/images/service_3_thum.jpg') bottom center no-repeat;
background-size: cover
}
.works_lead .inner {
background: url('/images/portfolio_bg.jpg') bottom center no-repeat;
background-size: cover
}
body.page-id-5 .lead .inner {
background: url('/images/company_bg.jpg') bottom center no-repeat;
background-size: cover
}
body.page.page-id-140 .lead .inner,
body.page.page-id-1301 .lead .inner,
body.page.page-id-1292 .lead .inner,
body.page.page-id-1290 .lead .inner,
body.page.page-id-757 .lead .inner,
body.page.page-id-759 .lead .inner {
background: url('/images/contact_bg.jpg') bottom center no-repeat;
background-size: cover
}
/*body.category-blog .lead .inner,
body.single-post .lead .inner,
body.error404 .lead .inner {
background: url('/images/service_bg.jpg') bottom center no-repeat;
background-size: cover
}*/
.ex_design_lead .inner {
background: url('/images/design_bg.jpg') bottom center no-repeat;
background-size: cover
}

/***********#breadcrumb***********/
#breadcrumb,
#bread_all {
position: relative;
padding: 12px 0 16px
}
#breadcrumb ul,
#bread_all ul {
position: relative;
max-width: 1076px;
white-space: nowrap;
margin: 0 auto;
overflow-x: auto;
overflow-y: hidden;
/*text-align: right*/
}
#breadcrumb li,
#bread_all li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 0 12px 0 15px;
white-space: nowrap
}
#breadcrumb li a,
#bread_all li a {
display: block;
text-decoration: none;
color: #008dc7;
font-weight: 700;
}
#breadcrumb li a:after,
#bread_all li a:after {
position: relative;
display: block;
margin-top: -9px;
margin-left: auto;
margin-right: -15px;
height: 8px;
width: 10px;
content: " ";
-webkit-transform: skew(-45deg);
border-right: 1px solid #999
}
#breadcrumb li a:before,
#bread_all li a:before {
display: block;
margin-bottom: -9px;
margin-left: auto;
margin-right: -15px;
height: 8px;
width: 10px;
content: " ";
-webkit-transform: skew(45deg);
border-right: 1px solid #999
}
#breadcrumb li:last-child,
#bread_all li:last-child {
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0 0 15px
}
.home #content .tl h2 {
margin-bottom: 15px;
font-size: 32px;
font-weight: 600
}
.tp_news_area {
position: relative;
top: -40px
}
.tp_news_area .inner {
background: rgba(6, 81, 138, 1);
box-shadow: 0 1px 10px 0 rgba(255, 255, 255, .5);
z-index: 2
}
.tp_news_area .ct {
display: table
}
.tp_news_area .tl,
.tp_news_area .block {
display: table-cell;
vertical-align: middle;
height: 80px;
padding: 20px
}
.tp_news_area .block {
padding-left: 30px
}
.tp_news_area .tl {
width: 152px;
border-right: 1px solid #ddd;
font-size: 18px;
font-weight: 500;
text-align: center;
line-height: 1.2;
color: #FFFFFF
}
.tp_news_area .date {
display: inline-block;
margin-right: 20px;
padding: 3px 12px;
background: #FFFFFF;
border-radius: 5px;
/*color: #005d87;*/
font-size: 12px
}
.tp_news_area .txt {color: #FFFFFF;}
.concept_area .lt_block {
width: 50%;
margin-right: 5%
}
.concept_area .sub_lead {
font-size: 20px
}
.concept_area p {
line-height: 2;
letter-spacing: 2.5px
}
.merit_area .head_area,
.merit_area .head_area p {
color: #fff
}
.merit_area .tl h2 {
font-size: 32px;
font-weight: 600
}
.merit_area .head_area .arrow:before,
.merit_area .head_area .arrow:after {
background: #fff
}
.merit_area .three_list li {
background: #f7f7f7;
/*color: #008dc7*/
}
.merit_area .three_list li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
/*border-style: solid;
border-width: 30px 30px 0 0;
border-color: #008dc7 transparent transparent*/
}
.merit_area li .num {
display: block;
margin: 0 auto 15px;
/*width: 72px;
border-bottom: 2px solid #008dc7;*/
font-size: 60px;
font-weight: 400
}
.merit_area li .tl {
margin-bottom: 10px;
font-size: 22px;
font-weight: 900;
/*font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
letter-spacing:2.5px;
}
.merit_area li .txt {
font-weight: 500
}
.service_area .head_area p {
text-align: center
}
.service_area .three_list li {
padding: 0;
background: #fff;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%)
}
.service_area li a {
position: relative;
display: block;
color: #333
}
.service_area li a:after {
content: "";
position: absolute;
bottom: 20px;
right: 30px;
display: inline-block;
width: 40px;
height: 8px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
transform: skewX(45deg);
transition: 0.8s
}
.service_area li a:hover:after {
right: 20px
}
.service_area li a:hover {
opacity: .7;
text-decoration: none;
transition: 0.8s
}
.service_area .ld_sv {
margin: 20px 0 0;
font-size: 14px;
color: #06518a;
font-weight: 700;
letter-spacing: 0.1px
}
.service_area .tl {
margin-bottom: 10px;
font-size: 20px;
color: #008dc7;
font-weight: 600
}
.service_area .img {
overflow: hidden;
width: 100%;
height: auto
}
.service_area .img img {
display: block;
width: 100%;
transition-duration: 0.8s
}
.service_area a:hover img {
transform: scale(1.1);
transition-duration: 0.8s
}
.service_area .three_list li p {
padding: 0 20px 35px;
text-align: left;
}
.exdesign_area:after {
height: 720px
}
.works_area {
    background-color: #f7f7f7;
    background: url(/images/bg_gray.png);
	}
.works_area:after {
height: 560px
}
.design_list {
overflow: hidden;
margin: 30px 0
}
.dx_box {
position: relative;
margin: 0 5px 20px;
padding: 0;
width: 258px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
transition: 0.8s
}
.dx_box a {
display: block;
width: 100%;
height: 100%;
z-index: 100
}
.dx_box .img {
margin: 0;
padding: 0;
height: 145px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.dx_box .tl {
max-height: 84px;
margin: 20px 0 8px;
padding: 0 10px;
font-size: 14px;
font-weight: 600;
line-height: 20px
}
.dx_box .cate_info {
display: inline-block;
margin: 10px 0 0;
padding: 4px 10px;
font-size: 11px;
background-color: #00;
color: #fff;
position: absolute;
top: 122px
}
.dx_box .txt {
width: 100%;
height: 84px;
margin-bottom: 15px;
padding: 0 10px;
font-size: 11px;
letter-spacing: 1px;
word-wrap: break-word;
overflow: hidden
}
.dx_box .txt p {
font-size: 12px
}
.dx_box .caption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
transition: 0.3s;
opacity: 0
}
.dx_box a:hover {
text-decoration: none
}
.dx_box a:hover .caption {
opacity: 1
}
.dx_box .caption .ct,
.dx_box .caption p {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
transition: 0.3s;
width: 178px;
text-align: center;
color: #fff
}
.dx_box .caption .ct {
top: -100px;
height: 28px;
line-height: 28px;
border: 1px solid #fff;
color: #fff;
font-weight: 500;
font-size: 13px;
z-index: 101
}
.dx_box .caption p {
top: 335px
}
.date_cat_area {
margin-top: 5px;
font-size: 12px;
padding: 0 10px;
height: 38px
}
.cat_area {
font-size: 11px;
border: 1px solid #333;
padding: 1px 4px;
margin-left: 5px
}
.dx_box2 {
position: relative;
margin: 0 5px 35px;
width: 258px;
padding: 0
}
.dx_box2 a {
display: block;
color: #333
}
.dx_box2 a:hover {
opacity: .7;
text-decoration: none;
transition: 0.8s
}
.dx_box2 .tl {
margin: 20px 0 0;
text-align: center;
font-size: 12px;
font-weight: 600;
line-height: 20px
}
.home .design_list2 .dx_box2 .txt {
display: none
}
.dx_box2 .txt {
margin-top: 10px;
padding: 0 12px
}
.dx_box2 .txt p {
font-size: 13px
}
.design_list2 {
overflow: hidden;
margin: 30px 0
}
.design_list2 .pc_screen_bg {
margin: 0;
width: 238px;
height: 172px;
background-size: contain
}
.design_list2 .pc_screen_bg img {
width: 185px;
height: auto;
top: 9px;
left: 27px
}
.design_list2 .sp_screen_bg {
position: absolute;
top: 56px;
left: 236px;
margin: 0;
width: 104px;
background-size: contain
}
.design_list2 .sp_screen_bg img {
width: 92px;
height: auto;
top: 32px;
left: 6px
}


.dx_box3 {
position: relative;
margin: 0 5px 35px;
width: 348px;
padding: 0
}
.dx_box3 a {
display: block;
color: #333
}
.dx_box3 a:hover {
opacity: .7;
text-decoration: none;
transition: 0.8s
}
.dx_box3 .tl {
margin: 20px 0 0;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 20px
}

.dx_box3 .txt {
margin-top: 10px;
padding: 0 12px
}
.dx_box3 .txt p {
font-size: 13px
}
.design_list3 {
overflow: hidden;
margin: 30px 0
}
.design_list3 .pc_screen_bg {
margin: auto;
width: 344px;
height: 250px;
background-size: contain
}
.design_list3 .pc_screen_bg img {
    width: 268px;
    height: auto;
    top: 13px;
    left: 38px;
}

.ft_blog_area .inner {
padding: 40px;
background: #fff
}
.ft_blog_area .lt_ct {
padding-top: 25px;
width: 220px
}
.ft_blog_area .sub_lead {
font-size: 70px;
color: #06518a;
letter-spacing: 3px;
line-height: 66px
}
.ft_blog_area .lt_ct .tl {
padding-left: 8px;
font-size: 16px;
font-weight: 500;
color: #06518a;
letter-spacing: 5px
}
.ft_blog_area .lt_ct .button_n2 {
margin-top: 20px;
min-width: 182px
}
.ft_blog_area .rt_ct {
width: 776px;
font-weight: 500
}
.ft_blog_area .rt_ct dl {
border-bottom: 1px solid #ddd
}
.ft_blog_area .rt_ct dt {
padding: 18px;
width: 22%;
border-top: 1px solid #ddd;
font-size: 13px
}
.ft_blog_area .rt_ct .date {
display: inline-block;
padding: 3px 12px;
background: #06518a;
border-radius: 5px;
color: #fff;
font-weight: 300;
font-size: 11px
}
.ft_blog_area .rt_ct dd {
padding: 18px 0;
margin: 0;
border-top: 1px solid #ddd;
width: 78%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.blog_archive {
width: 776px;
margin: 0 auto
}
.blog_list .blog_box a {
padding: 25px 0;
border-bottom: 1px solid #ddd;
color: #333
}
.blog_list .blog_box a:hover {
opacity: .7;
text-decoration: none;
transition: 0.8s
}
.blog_list .blog_box .img {
margin-right: 20px;
width: 300px
}
.blog_list .blog_box .tl_txt {
width: 420px
}
.blog_list .blog_box .tl_txt h2 {
margin: 5px 0 15px;
font-size: 20px;
font-weight: 600
}


/***********head_***********/
.head_area {
position: relative
}
.head_area .arrow {
position: relative;
display: inline-block;
padding: 0 80px
}
.head_area .arrow:before,
.head_area .arrow:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 60px;
height: 1px;
background-color: #555
}
.head_area .arrow:before {
left: 0;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg)
}
.head_area .arrow:after {
right: 0;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg)
}
.head_title {
margin-bottom: 50px
}
.head_title h2 {
position: relative;
font-size: 28px;
line-height: 38px;
font-weight: 600;
letter-spacing: 3px
}
.head_title h2:after {
position: absolute;
content: '';
bottom: -20px;
left: 0;
width: 90px;
height: 2px;
margin-left: 0;
background-color: #06518a
}
.head_title.t_center h2:after {
left: 46%
}
.sub_lead {
display: block;
margin-bottom: 5px;
font-size: 26px;
line-height: 1;
font-weight: 600;
word-break: break-word
}
.page .sub_lead {
font-size: 18px
}
.lt_tl {
position: relative
}
.lt_tl:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #f7f7f7;
background: url('/images/bg_gray.png');
z-index: -1
}
.lt_tl .inner {
position: relative;
margin-top: -30px
}
.lt_tl .sub_lead {
position: absolute;
left: -50px;
top: -86px;
font-size: 70px;
color: #e2e2e2
}
.border_index {
position: relative
}
.border_index:after {
content: "";
width: 600px;
height: 1px;
background: #000;
position: absolute;
left: -572px;
top: 22px;
margin-left: -42px
}
.single .head_title h1 {
position: relative;
font-size: 28px;
line-height: 38px;
font-weight: 600;
letter-spacing: 3px
}
.single .head_title h1:after {
position: absolute;
content: '';
bottom: -20px;
left: 0;
width: 90px;
height: 2px;
margin-left: 0;
background-color: #06518a
}


/***********.entry-content***********/
.single .entry-content h2,
.page .entry-content h2 {
font-size: 22px;
text-align: left;
font-weight: 700;
line-height: 28px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #206279;
border-bottom: 1px solid #206279
}
.single .entry-content h3,
.page .entry-content h3 {
font-size: 20px;
font-weight: 700;
margin-top: 15px;
padding-left: 15px;
border-left: 5px solid #206279;
color: #333;
margin-bottom: 25px
}
.single .entry-content h4,
.page .entry-content h4 {
position: relative;
font-weight: 700;
font-size: 18px;
color: #333;
padding-left: 28px;
margin-bottom: 20px
}
.single .entry-content h4:before,
.page .entry-content h4:before {
content: "\f13a";
font-family: 'Font Awesome 5 Free';
top: 3px;
left: 1px;
position: absolute;
color: #1f81a7;
font-size: 22px;
font-weight: 900
}
.entry-content p.rel a {
color: #888
}
.entry-content p.rel {
margin-top: -15px;
color: #888;
font-size: 12px;
margin-bottom: 15px !important
}


/***********.cate_desc_txt***********/
.cate_desc_txt h2 {
font-size: 16px;
font-weight: 700;
margin: 30px 0 12px
}
.cate_desc_txt p {
margin-bottom: 20px
}
.cate_desc_txt .ex_desing_list {
margin-bottom: 40px
}
.cate_desc_txt .ex_desing_list li {
display: inline-block;
position: relative;
min-width: 215px;
padding: 8px 0
}
.cate_desc_txt .ex_desing_list li a {
color: #333
}
.cate_desc_txt .ex_desing_list li.designcolor_btn {
padding-left: 28px
}
.cate_desc_txt .ex_desing_list li.designcolor_btn a:before {
top: 6px;
left: 0
}

a.link {
position: relative;
padding-left: 25px
}
a.link:before {
font-family: 'Font Awesome 5 Free';
content: "\f35d";
position: absolute;
left: 3px;
top: 2px;
color: #0084d2;
font-weight: 900
}


/***********.conclusion***********/
.conclusion {
position: relative;
border: 2px solid #a5c3ca;
border-radius: 3px;
margin-bottom: 30px;
padding: 20px;
font-family: 'Oswald', sans-serif
}
.con_tl {
font-weight: 700;
color: #158aad;
font-size: 16px;
background: #fff;
padding: 0 10px 0 28px;
position: absolute;
top: -0.5em;
line-height: 1
}
.con_tl:before {
left: 0;
position: absolute;
font-family: 'Font Awesome 5 Free';
content: '\f00c';
color: #158aad;
padding-left: 8px;
font-weight: 900
}
.conclusion p {
color: #126984;
margin-top: 5px !important;
margin-bottom: 0 !important
}

/***********blockquote***********/
blockquote {
position: relative;
padding: 8px 16px 3px;
margin-bottom: 30px;
color: #585858;
border: solid 2px #a5a5a5;
background: #f7f7f7
}
blockquote:before {
display: inline-block;
position: absolute;
top: -20px;
left: -20px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
content: "\f10d";
font-family: 'Font Awesome 5 Free';
background: #206279;
color: #fff;
font-size: 14px;
font-weight: 900
}
blockquote:after {
display: inline-block;
position: absolute;
bottom: -20px;
right: -20px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
content: "\f10e";
font-family: 'Font Awesome 5 Free';
background: #206279;
color: #fff;
font-size: 14px;
font-weight: 900
}
.entry-content blockquote p {
font-family: initial;
padding: 0 !important;
font-size: 14px;
margin: 10px 0 !important;
line-height: 1.7
}
blockquote cite {
display: block;
text-align: right;
color: #888;
font-size: 0.9em
}

/***********.blog-card***********/
.blog-card {
display: block;
border: 1px solid #888;
word-wrap: break-word;
max-width: 100%;
margin-bottom: 25px
}
.blog-card a {
display: table;
width: 100%;
color: #333;
padding: 20px;
background: #fbfaf8;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out
}
.blog-card a:hover {
background: #dcdcdc;
text-decoration: none
}
.blog-card-thumbnail {
display: table-cell;
vertical-align: top;
width: 80px;
height: 80px
}
.blog-card-thumbnail img {
padding: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out
}
.blog-card-content {
display: table-cell;
vertical-align: top;
padding-left: 20px
}
.blog-card-title {
padding: 0 10px 10px 0;
font-size: 16px;
line-height: 28px;
font-weight: 700
}
.blog-card-title:before {
content: '関連記事';
font-size: 12px;
line-height: 18px;
color: #fff;
background: #333;
width: 5em;
display: block;
padding: 0.2em;
margin-bottom: 5px;
text-align: center
}
.blog-card-date {
color: #333;
font-size: 75%;
margin-right: 10px
}


/***********.three_list***********/
.three_list {
margin: 30px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.three_list li {
margin: 0 12px 18px 0;
width: calc(33.3333333% - 12px);
padding: 20px;
text-align: center
}
.three_list li:nth-child(3n) {
margin-right: 0
}


/***********.reason_list***********/
.reason_list {
margin-top: 80px
}
.reason_list li {
margin-bottom: 90px;
position: relative
}
.reason_list li .lt_block {
width: 50%;
padding: 0 3% 0 0
}
.reason_list li img {
width: 100%
}
.reason_list li img {
margin-top: 40px
}
.reason_list li h2 {
position: relative;
z-index: 1;
margin-bottom: 22px;
font-size: 28px;
font-weight: 600;
line-height: 1.35;
letter-spacing: 5px;
/*font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif*/
}
.reason_list li p {
position: relative;
z-index: 1;
text-align: justify;
font-size: 14px;
line-height: 2.2;
}
.reason_list li .rt_block {
width: 50%;
padding: 0 0 0 3%
}
.reason_list li .reason_number {
display: inline;
-webkit-transform: scale(0.9, 1);
transform: scale(0.9, 1);
font-size: 340px;
letter-spacing: -5px;
font-weight: 600;
line-height: 1.2;
color: rgb(241 241 241 / 65%);
position: absolute;
top: -160px;
left: 180px
}
.reason_list li .rt_block .reason_number {
left: auto;
right: 150px
}

/***********.cost_plan***********/
.cost_plan {
margin: 80px auto 30px;
/*width: 80%*/
}

/***********.block_plan***********/
.block_plan {
position: relative;
margin-bottom: 60px
}
.block_plan h3 {
padding: 15px 25px;
font-size: 20px;
font-weight: 600;
color: #fff
}
.block_plan .plan_img {
position: absolute;
top: -20px;
right: 40px
}
.block_plan .plan_img img {
width: 320px
}
.block_plan .price_wrap {
margin: 30px 0 25px
}
.block_plan .price_wrap span,
.block_plan .days_wrap span {
display: inline-block;
vertical-align: middle;
font-weight: 700;
line-height: 1
}
.block_plan .price_wrap .ini_cost {
margin-top: 4px;
padding: 9px 18px;
border: 1px solid #fff
}
.block_plan .price_wrap .price {
margin-left: 20px;
font-size: 32px;
text-transform: uppercase;
letter-spacing: 0.2px
}
.block_plan .days_wrap {
margin-bottom: 10px;
color: #555;
font-size: 16px
}
.block_plan .days_wrap .period {
position: relative;
padding-right: 10px;
padding-left: 18px
}
.block_plan .days_wrap .period:before {
font-family: 'Font Awesome 5 Free';
content: "\f0f3";
position: absolute;
left: 0;
top: 1px;
font-weight: 900
}
.block_plan ul.check_list {
margin: 25px 15px 30px
}
.block_plan .catch {
margin: 30px 0 0;
font-size: 16px;
line-height: 28px;
font-weight: 700
}

/***********#_plan***********/
#simple_plan h3 {
background-color: #a08966
}
#simple_plan .price_wrap {
color: #a08966
}
#simple_plan .price_wrap .ini_cost {
border-color: #a08966
}
#basic_plan h3 {
background-color: #5f8e83
}
#basic_plan .price_wrap {
color: #5f8e83
}
#basic_plan .price_wrap .ini_cost {
border-color: #5f8e83
}
#master_plan h3 {
background-color: #48929b
}
#master_plan .price_wrap {
color: #48929b
}
#master_plan .price_wrap .ini_cost {
border-color: #48929b
}
#perfect_plan h3 {
background-color: #6b84b1
}
#perfect_plan .price_wrap {
color: #6b84b1
}
#perfect_plan .price_wrap .ini_cost {
border-color: #6b84b1
}


/***********table.plan_detail***********/
table.plan_detail td {
font-weight: 700 !important;
text-align: center !important
}
table.plan_detail thead a {
color: #fff;
text-decoration: none;
display: block;
cursor: pointer;
padding: 14px 10px 9px
}
table.plan_detail thead a:after {
content: "\f13a";
display: block;
font-family: 'Font Awesome 5 Free';
font-weight: 900
}
table.plan_detail thead .item {
background-color: #333;
color: #fff !important
}
table.plan_detail thead .simple {
background-color: #f90;
padding: 0
}
table.plan_detail tbody .simple {
color: #f90
}
table.plan_detail thead .basic {
background-color: #26a65b;
padding: 0
}
table.plan_detail tbody .basic {
color: #26a65b
}
table.plan_detail thead .master {
background-color: #48929b;
padding: 0
}
table.plan_detail tbody .master {
color: #48929b
}
table.plan_detail thead .perfect {
background-color: #e23c3c;
padding: 0
}
table.plan_detail tbody .perfect {
color: #e23c3c
}
table.plan_detail {
width: 100%;
margin-bottom: 40px;
table-layout: fixed
}
table.plan_detail thead th {
text-align: center
}
table.plan_detail th,
table.plan_detail td {
word-wrap: break-word;
vertical-align: middle;
font-size: 13px;
font-weight: 400;
text-align: left;
border-top: 1px solid #e4e2df;
border-bottom: 1px solid #e4e2df
}
table.plan_detail th {
width: 28%;
padding: 15px 8px 15px 12px;
background-color: #f7f7f7;
border-left: 1px solid #e4e2df;
border-right: 1px dotted #ddd;
color: #666;
font-weight: 700
}
table.plan_detail td {
vertical-align: middle;
padding: 10px 8px 10px 20px;
border-right: 1px solid #e4e2df;
background-color: #fff;
font-weight: 400;
text-align: left
}
table.plan_detail .second_tr td {
background: #efefef;
color: #777;
border-left: 1px solid #e4e2df;
padding-left: 5%
}


/***********.hp_price_area***********/
.hp_price_area {
/*width: 80%;*/
margin: 0 auto
}
.hp_price_area h3 {
font-size: 18px;
font-weight: 600
}
.hp_price_area ul {
margin: 20px;
padding: 0;
/*background: #f7f7f7;*/
border: 1px solid #2c5177
}
.hp_price_area ul li {
display: table;
border-bottom: 1px dotted #2c5177;
width: 100%;
font-size: 14px;
font-weight: 600
}
.hp_price_area ul li:last-child {
padding-top: 0;
padding-bottom: 0;
border-bottom: 0
}
.hp_price_area ul li .th,
.hp_price_area ul li .unit,
.hp_price_area ul li .td {
display: table-cell;
margin: 0;
padding: 15px 20px
}
.hp_price_area ul li .th {
width: 60%;
position: relative;
color: #2f6286
}
.hp_price_area ul li .th:before {
display: inline-block;
position: absolute;
left: -8px;
top: 25px;
content: "";
/*height: 1px;
width: 15px;
background: #2c5177*/
}
.hp_price_area ul li .unit {
width: 0;
text-align: center;
background: #2f6286;
color: #fff;
font-size: 13px
}
.hp_price_area ul li .td {
width: 30%;
text-align: right;
background: #e6f3ff;
color: #1f5d8a
}


/***********.step_flow***********/
.step_flow {
margin: 30px auto;
padding: 30px;
width: 80%;
background: #f7f7f7
}
.step_flow_box {
position: relative
}
.step_flow_box:before {
content: '';
position: absolute;
left: 37px;
top: 10px;
width: 3px;
height: calc(100% + 38px);
background: #d7d7d7;
z-index: 0
}
.step_flow_box:not(:first-child) {
margin-top: 30px
}
.step_flow_box:last-child:before {
display: none
}
.step_flow_icon {
border-radius: 50%;
width: 76px;
height: 76px;
background: #06518a;
color: #fff;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 10
}
.step_flow_icon .txt {
font-size: 12px;
line-height: 1
}
.step_flow_icon .num {
display: block;
margin-top: 4px;
font-size: 26px;
line-height: 1;
font-style: italic
}
.step_flow_rt {
margin-top: 10px;
margin-left: 25px;
-webkit-box-flex: 1;
-ms-flex: 1 0 0;
flex: 1 0 0
}
.step_flow_rt h4 {
margin-bottom: 10px;
font-size: 16px;
font-weight: 700
}

.fee .tl_base,
.s_cost_area .tl_base {
margin-bottom: 20px
}

/***********.accbox***********/
.accbox {
width: 50%;
padding: 3%
}
.accbox label {
position: relative;
display: block;
font-size: 16px;
padding: 20px 12px 20px 50px;
font-weight: 700;
cursor: pointer;
transition: all 0.5s
}
.faq_icon {
position: absolute;
top: 17px;
left: 0;
font-family: "ＭＳ Ｐ明朝", serif;
padding: 5px 8px;
font-size: 24px;
line-height: 24px;
font-weight: 700;
border-radius: 3px;
color: #fff;
text-align: center
}
.accbox label .faq_icon {
background: #bd5454
}
.accbox .accshow .faq_icon {
top: 26px;
left: 20px;
background: #06518a
}
.accbox label:after {
position: absolute;
top: 26px;
right: 0;
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 900
}
.accbox label:hover {
color: #2889b7
}
.accbox input {
display: none
}
.accbox .accshow {
position: relative;
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s
}
.cssacc:checked+label+.accshow {
position: relative;
height: auto;
padding: 30px 30px 30px 65px;
background: #f7f7f7;
opacity: 1;
line-height: 24px
}
.accbox .accshow p {
margin: 15px 10px
}
.cssacc:checked+label:after {
content: '\f077'
}


/***********.single-exdesign ***********/
.single-exdesign .section {
position: relative
}
.single-exdesign .sub_description {
top: 125px;
left: -20px
}
.single-exdesign .sub_description a {
color: #333
}
.single-exdesign .sub_description a:hover {
text-decoration: none;
opacity: .8
}
.single-exdesign .pc_screen_bg {
margin: 0 auto
}
.single-exdesign .ex_tl {
margin-bottom: 30px;
font-size: 28px;
font-weight: 800;
text-align: center
}
.pc_screen_bg {
position: relative;
background: url('/images/laptop_l.png') top center no-repeat;
width: 952px;
height: 688px;
margin: 30px auto;
}
.pc_screen_bg img {
width: 740px;
height: 428px;
position: absolute;
top: 34px;
left: 106px
}
.sp_screen_bg {
margin: 8px 0 0 50px;
position: relative;
background: url('/images/apple_sp.png') top center no-repeat;
width: 270px;
height: 534px
}
.sp_screen_bg img {
width: 236px;
height: 385px;
position: absolute;
top: 87px;
left: 17px
}
.pc_screen_bg a img:hover .sp_screen_bg a img:hover {
-webkit-filter:saturate(180%);
-moz-filter:saturate(180%);
-o-filter:saturate(180%);
-ms-filter:saturate(180%);
filter:saturate(180%);
transition: 0.2s
}
.color_sample {
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
border: 1px solid #ddd;
border-radius: 50%;
margin-right: 10px
}
.design_all_tag a {
display: inline-block;
padding: 5px 12px;
margin: 4px;
border: 1px solid #d8d8d8;
border-radius: 5px;
font-size: 11px;
text-decoration: none
}
.design_all_tag a:before {
font-family: 'Font Awesome 5 Free';
content: "\f02c";
padding-right: 3px;
font-weight: 900
}
.design_all_tag a:hover {
color: #fff;
background: #1b8ec7;
border: 1px solid #1b8ec7
}
.design_review {
margin: 40px 0;
padding: 20px 20px 5px;
background: #fff;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%)
}
.design_review .tl {
margin-bottom: 20px;
border-bottom: 1px dotted #d2d2d2;
font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif
}
.design_review .tl .en {
font-size: 12px;
font-style: italic;
color: #999
}
.single .exdesign_area .entry-content .design_review h3 {
margin: 0 0 15px;
padding: 0;
border: 0;
font-size: 26px
}
.single #main .entry-content .design_review p {
margin-bottom: 20px;
text-align: justify;
font-size: 14px;
line-height: 2.45;
color: #474e54
}
.st_review {
margin-bottom: 60px
}
.st_review .lt_ct {
width: 300px;
height: 220px;
margin-right: 40px
}
.st_review .rt_ct {
width: 436px
}
.st_review .tl {
display: inline-block;
margin-bottom: 15px;
padding: 5px 10px;
background: #333;
font-weight: 600;
font-size: 14px;
color: #fff
}
.ex_design_color_list li {
display: inline-block;
margin-left: 10px
}
.ex_cta_btn {
margin-bottom: 50px;
text-align: center;
background: #fff;
padding: 25px;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%)
}
.ex_cta_btn a.button_y {
margin-left: 15px
}
.signle_works .head_area h1 {
font-size: 30px;
font-weight: 900;
margin-bottom: 4px
}
.signle_works .head_area .sub {
font-size: 12px;
font-style: italic;
color: #999
}
.signle_works .screen_bg {
position: relative;
margin-top: 40px;
padding: 40px 0 0;
background: #f7f7f7;
background: linear-gradient(0deg,#f9f9f9 0,#e2e2e2 100%)
}
.signle_works .inner {
position: relative
}
.sub_description {
position: absolute;
top: -20px;
left: -30px;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
font-size: 10px;
letter-spacing: 0.5px;
font-style: italic;
text-transform: uppercase;
color: #000
}
.sub_description:before {
content: '';
width: 1px;
min-width: 1px;
top: -112px;
left: 7px;
min-height: 100px;
position: absolute;
background: #000;
border: 1px
}
.work_detail {
padding-top: 40px
}
.signle_works h2 {
margin-bottom: 20px;
font-size: 20px;
font-weight: 800;
letter-spacing: 5px;
text-align: center;
color: #0d5782
}
.signle_works .lt_ct {
width: 37%;
margin-right: 3%
}
.signle_works .lt_ct p {
font-weight: 500
}
.signle_works .rt_ct {
width: 60%
}
.works_check_area li {
margin: 0 2px 4px;
width: 211px;
padding: 12px 2px;
background: #ccc;
font-size: 13px;
color: #888;
text-align: center;
font-weight: 500
}
.works_check_area li.on {
background: #0d5782;
color: #fff
}
.relate_exdesign {
margin: 60px 0 30px
}
.relate_exdesign ul {
padding: 20px 0
}
.relate_exdesign li {
margin-bottom: 15px
}
.relate_exdesign li a {
display: block;
transition: 0.2s
}
.relate_exdesign li a:hover {
opacity: .8;
text-decoration: none
}
.relate_exdesign .pc_screen_bg {
background-size: cover;
width: 355px;
height: 270px
}
.relate_exdesign li a:hover .pc_screen_bg img {
opacity: 1;
-webkit-filter:saturate(180%);
-moz-filter:saturate(180%);
-o-filter:saturate(180%);
-ms-filter:saturate(180%);
filter:saturate(180%);
transition: 0.2s
}
.relate_exdesign .pc_screen_bg img {
width: 326px;
height: 182px;
top: 15px;
left: 15px
}
.relate_exdesign .relate_sub_tl {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px
}
.entry-content .relate_exdesign p {
font-size: 14px
}
.widget ul.ex_desing_sd_list {
padding: 0
}
.widget ul.ex_desing_sd_list li {
position: relative
}
.widget ul.ex_desing_sd_list li:before {
display: inline-block;
position: absolute;
left: 8px;
top: 21px;
content: "";
height: 1px;
width: 10px;
background: #777
}
.widget ul.ex_desing_sd_list li a {
display: block;
padding: 10px 10px 10px 25px;
border-bottom: 1px dotted #ddd;
color: #545454
}
.widget ul.ex_desing_sd_list li a:hover {
background: #f7f7f7;
text-decoration: none;
padding-left: 30px
}
.widget ul.ex_desing_sd_list li:last-child a {
border-bottom: 0
}
.widget ul.ex_desing_sd_list .count {
position: relative;
top: -2px;
padding-left: 6px;
font-size: 10px;
color: #999
}
.widget ul.ex_desing_sd_list li.designcolor_btn a {
position: relative;
padding-left: 32px
}
li.designcolor_btn a:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 11px;
left: 7px;
background: #eee;
border-radius: 50%
}
li.designcolor_btn.type_pink a:before {
background: #ff95b3;
background: linear-gradient(45deg,#f32898 0,#ffb0d8 100%)
}
li.designcolor_btn.type_red a:before {
background: #d80326;
background: linear-gradient(45deg,#980909 0,#fb6262 100%)
}
li.designcolor_btn.type_orange a:before {
background: #fe912d;
background: linear-gradient(45deg,#f54f00 0,#e4a665 100%)
}
li.designcolor_btn.type_yellow a:before {
background: #f5e547;
background: linear-gradient(45deg,#c5be6b 0,#ffeb00 100%)
}
li.designcolor_btn.type_brown a:before {
background: #73331e;
background: linear-gradient(45deg,#77330b 0,#de884c 100%)
}
li.designcolor_btn.type_purple a:before {
background: #620c86;
background: linear-gradient(45deg,#6d02b1 0,#ce93f3 100%)
}
li.designcolor_btn.type_green a:before {
background: #2a984b;
background: linear-gradient(45deg,#34752c 0,#58c365 100%)
}
li.designcolor_btn.type_blue a:before {
background: #0c66e2;
background: linear-gradient(45deg,#08356d 0,#4ca1de 100%)
}
li.designcolor_btn.type_black a:before {
background: #2a2a2a;
background: linear-gradient(45deg,#151515 0,#8c8c8c 100%)
}
li.designcolor_btn.type_gray a:before {
background: #9d9d9d;
background: linear-gradient(45deg,#656565 0,#c7c7c7 100%)
}
li.designcolor_btn.type_white a:before {
background: #fff;
border: 1px solid #b9b9b9
}
li.designcolor_btn.type_colorful a:before {
background: linear-gradient(270deg,red,#fdc807,#0aa50e,#0048b5)
}
article img {
max-width: 100%;
height: auto
}
.post-thumbnail {
margin-bottom: 25px
}
.entry-content a img:hover {
opacity: .6;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s
}
.entry-content .pc_screen_bg a img:hover {
opacity: 1
}
strong {
font-weight: 700
}
.entry-content p {
font-size: 15px;
margin-top: 10px;
margin-bottom: 25px;
line-height: 26px;
font-weight: 300
}
.single .entry-content p,
.page .entry-content p {
margin-bottom: 35px
}
body.single .entry-header img {
width: 420px
}
body.single .entry-header .thecategory a {
display: inline-block;
margin-bottom: 20px;
padding: 5px 8px;
font-size: 12px;
border: 1px solid #333;
text-decoration: none;
color: #333
}
body.single .entry-header h1.entry-title {
font-size: 28px;
font-weight: 700;
line-height: 38px;
margin-bottom: 15px
}
body.single .entry-header .post-info {
font-size: 13px;
font-weight: 700;
margin-bottom: 12px;
color: #555;
text-align: center
}
body.single .entry-header h1.page-title-none {
text-align: center;
font-size: 20px;
font-weight: 700;
margin-bottom: 25px
}
ul.check_list {
margin: 20px 0 30px;
padding: 15px 10px;
background: #f7fafb;
border: 3px solid #d9d9d9;
border-radius: 3px
}
ul.check_list li {
position: relative;
list-style: none;
padding-bottom: 10px;
padding-left: 40px;
margin: 0 0 10px;
border-bottom: 2px dotted #ddd;
font-size: 16px;
font-weight: 700
}
ul.check_list li:before {
font-family: 'Font Awesome 5 Free';
content: "\f00c";
position: absolute;
left: 1em;
top: 4px;
color: #3d97b9;
font-weight: 900
}
ul.check_list.color_red li:before {
color: #ff3d3d
}
ul.check_list li.color_red,
ul.check_list li.color_red:before {
color: #ff3d3d
}
ul.check_list li:last-child {
margin-bottom: 0 !important;
border-bottom: 0;
padding-bottom: 0
}
ul.check_list li p {
padding-left: 15px;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
margin-top: 5px
}
.widget {
margin-bottom: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 2px;
-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 2px;
box-shadow: rgba(0, 0, 0, .1) 0 1px 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff
}
.widget h2.widget-title {
padding: 15px 0;
font-size: 15px;
font-weight: 600;
color: #06518a;
text-align: center;
background: #fff;
border: 1px solid #ddd;
border-bottom: 0;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}
.widget > ul {
padding: 15px 10px 10px;
background-color: #fff;
border: 1px solid #ddd
}
.widget_views > ul > li {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px dotted #d5dbe2
}
.widget_views>ul>li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 5px
}
.widget_views > ul > li .wrap {
margin-bottom: 0
}
.widget_views > ul > li a {
display: block;
color: #333;
line-height: 18px
}
.widget_views>ul>li a:hover {
text-decoration: none;
opacity: .7;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s
}
.widget_views > ul > li img {
width: 65px;
height: 65px
}
.widget_views > ul > li h4 {
font-weight: 700;
font-size: 15px;
margin-bottom: 5px
}
span.side_list_sub {
font-size: 13px;
color: #777
}
.toc_widget a {
color: #2572a0
}
.toc_widget h2 {
position: relative
}
.toc_widget h2:before {
font-family: "Font Awesome 5 Free";
content: \f02e;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900
}
.toc_widget > ul {
padding: 10px
}
.toc_widget > ul > li {
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 14px;
border-bottom: 1px dotted #d0d0d0
}
.toc_widget > ul > li > ul {
padding-top: 10px;
padding-left: 15px;
font-size: 12px
}
.toc_widget > ul > li > ul > li {
margin-bottom: 10px
}
.toc_widget > ul > li > ul > li a {
color: #333
}
.toc_widget>ul>li:last-child,
.toc_widget>ul>li>ul>li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.book_list ul {
margin-top: 0
}
.book_list li {
width: 32%;
min-height: 205px;
vertical-align: middle;
margin-right: 1%;
display: inline-block;
text-align: center
}
.book_list li:nth-child(3) {
margin-right: 0
}
.book_list li a {
color: #333;
font-weight: 700
}
.page .entry-content .book_list li a h3 {
font-weight: 700;
margin-top: 0;
font-size: 15px;
padding: 0;
border: 0;
color: #333
}
.thumbnail_page_img {
width: 100%;
height: 400px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
#tab ul {
margin: 0;
border-bottom: 1px solid #ddd
}
#tab li {
display: inline-block;
list-style: none;
cursor: pointer;
margin: 0
}
#tab li a {
display: inline-block;
min-width: 200px;
padding: 18px 12px;
margin: 0 0 0 12px;
font-size: 13px;
color: #333;
text-align: center;
font-weight: 600;
border: 1px solid #ddd;
background: #f7f7f7;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
#tab li a.active,
#tab li a:hover {
background: #06518a;
color: #fff;
text-decoration: none
}
.tab-switch {
border-top: 1px solid #ddd;
padding: 15px 0
}


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

/***********.form_list***********/
.form_list {
width: 90%;
margin: 30px auto
}
.form_list p {
text-align: left
}
.fm_ld_t p {
margin-top: 25px;
font-weight: 600
}
/***********.form_list ul***********/
.form_list li {
display: table;
width: 100%;
position: relative;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #dcdcdc
}
.form_list li:last-child {
border-bottom: 1px solid #dcdcdc;
margin-bottom: 25px;
padding-bottom: 25px
}
.form_list li .th,
.form_list li .td {
display: table-cell;
vertical-align: middle
}
.form_list li .th {
width: 182px;
min-width: 182px;
max-width: 182px;
padding-right: 20px;
font-weight: 600;
border-right: 1px dotted #999
}
.form_list li .td {
width: 100%;
padding-left: 3%
}
.form_list li input[type=tel],
.form_list li input[type=text],
.form_list li input[type=url],
.form_list li input[type=email],
.form_list li textarea {
width: 100%;
font-size: 15px;
line-height: 1.4;
border: 0;
border-radius: 0;
-webkit-appearance: none;
background: #f0f0f0
}
.form_list li .td .datepicker {
margin-right: 8px;
width: 50%
}
.form_list li input#zipcd {
width: 30%
}
.form_list li input.tel_fm {
width: 25%
}
.form_list li .td .td_area {
margin-bottom: 8px
}
.form_list li .td .td_in {
padding-right: 8px
}
.form_list li .td .txt {
margin-bottom: 10px;
padding: 3px 12px;
background: #dcf1f9;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
color: #0e516b
}

/***********.form_list dl***********/
/*.form_list dl {
display: table;
width: 100%;
position: relative;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #dcdcdc;

border-bottom: 1px solid #dcdcdc;
margin-bottom: 25px;
padding-bottom: 25px
}
.form_list dt,
.form_list dd {
display: table-cell;
vertical-align: middle
}
.form_list dt {
width: 182px;
min-width: 182px;
max-width: 182px;
padding-right: 20px;
font-weight: 600;
border-right: 1px dotted #999
}
.form_list dd {
width: 100%;
padding-left: 3%
}
.form_list dd input[type=tel],
.form_list dd input[type=text],
.form_list dd input[type=url],
.form_list dd input[type=email],
.form_list dd textarea {
width: 100%;
font-size: 15px;
line-height: 1.4;
border: 0;
border-radius: 0;
-webkit-appearance: none;
background: #f0f0f0
}
.form_list dd .datepicker {
margin-right: 8px;
width: 50%
}
.form_list dd input#zipcd {
width: 30%
}
.form_list dd input.tel_fm {
width: 25%
}
.form_list dd .td_area {
margin-bottom: 8px
}
.form_list dd .td_in {
padding-right: 8px
}*/
.form_list dd .txt {
margin-bottom: 10px;
padding: 3px 12px;
background: #dcf1f9;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
color: #0e516b
}
.form_list .horizontal-item label {
display: inline-block;
margin: 5px 0;
min-width: 218px;
font-size: 15px;
font-weight: 500
}
.form_list .horizontal-item+.horizontal-item {
margin-left: 0 !important
}
/*.form_list dd .horizontal-item label {
min-width: 80px
}*/
.form_list .horizontal-item2 label {
display: inline-block;
margin: 5px 0;
min-width: 268px;
font-size: 15px;
font-weight: 500
}
.form_list .horizontal-item2+.horizontal-item2 {
margin-left: 0 !important
}
.form_list dd .horizontal-item2 label {
min-width: 80px
}

.form_list .button_y {
display: block;
margin: 30px auto;
text-align: center;
min-width: 200px
}
.form_list .error {
margin-top: 12px;
background: #f94e4e;
color: #fff !important;
padding: 8px 12px
}
/*.required {
display: inline-block;
margin-left: 8px;
padding: 1px 6px;
background: #ff4f4f;
border-radius: 5px;
color: #fff;
font-size: 11px
}*/
.free {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 1px 5px;
background-color: #4e94e4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 11px;
font-weight: 400
}
.lb_fl label {
margin-right: 8px;
margin-bottom: 3px;
font-size: 14px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.lb_fl label input {
vertical-align: middle;
margin-right: 5px;
width: 16px;
height: 16px
}
.caution {
margin: 0 auto 30px;
border: 1px solid #efd18f;
padding: 15px;
background: #fffedb;
text-align: center;
font-weight: 700;
color: #e24848;
line-height: 24px
}
.caution p {
color: #e24848
}
.form_list .horizontal-item label {
display: inline-block
}

/***********.form_area dl ***********/
.form_area dl {
padding: 25px 0;
overflow: hidden;
border-bottom: 1px solid #ddd
}
.form_area dt,
.form_area dd {
padding: 0;
float: left;
line-height: 26px
}
.form_area dt {
font-weight: 700;
width: 20%;
clear: both;
min-width: 150px
}
#content .form_area dd {
margin-bottom: 0
}
.form_area dd:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden
}
.scr_area {
margin: 30px auto;
height: 180px;
overflow-y: scroll;
background-color: #fff;
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
width: 90%;
padding: 1em;
}
.scr_area p {
margin-bottom: 20px;
font-size: 13px
}
.mw_wp_form_confirm .scr_area {
display: none
}/*
.mw_wp_form_confirm .conf_none,
.mw_wp_form_confirm .required,
.mw_wp_form_confirm .td .txt {
display: none
}*/
.wpcf7-submit {
margin: 0 auto;
min-width: 220px;
letter-spacing: 2px;
font-weight: 700
}
.div.wpcf7-response-output {
border: 2px solid red;
padding: 12px;
text-align: center
}
.radio_li {
margin-top: 10px
}
.radio_li label {
display: inline-block;
font-weight: 700 !important;
font-size: 14px
}
.broken_link,
a.broken_link {
text-decoration: line-through
}
.contents_button {
margin: 30px auto;
text-align: center
}
table {
width: 100%
}
table.tl_base {
margin-bottom: 30px;
width: 100%;
table-layout: fixed
}
table.tl_base thead th {
text-align: center
}
table.tl_base th,
table.tl_base td {
vertical-align: middle;
font-size: 13px;
font-weight: 400;
text-align: left;
border-top: 1px solid #e4e2df;
border-bottom: 1px solid #e4e2df;
word-wrap: break-word
}
table.tl_base th {
width: 28%;
padding: 10px 8px 10px 12px;
background-color: #f7f7f7;
border-left: 1px solid #e4e2df;
border-right: 1px dotted #ddd;
color: #888;
font-weight: 700
}
table.tl_base td {
vertical-align: middle;
padding: 10px 8px 10px 20px;
border-right: 1px solid #e4e2df;
background-color: #fff;
font-weight: 400;
text-align: left
}
.entry-content table {
width: 100%;
margin-bottom: 40px;
table-layout: fixed
}
.entry-content table thead th {
text-align: center
}
.entry-content table th,
.entry-content table td {
word-wrap: break-word;
vertical-align: middle;
font-size: 13px;
font-weight: 400;
text-align: left;
border-top: 1px solid #e4e2df;
border-bottom: 1px solid #e4e2df
}
.entry-content table th {
width: 28%;
padding: 15px 8px 15px 12px;
background-color: #f7f7f7;
border-left: 1px solid #e4e2df;
border-right: 1px dotted #ddd;
color: #666;
font-weight: 700
}
.entry-content table td {
vertical-align: middle;
padding: 10px 8px 10px 20px;
border-right: 1px solid #e4e2df;
background-color: #fff;
font-weight: 400;
text-align: left
}
.entry-content table .second_tr td {
background: #efefef;
color: #777;
border-left: 1px solid #e4e2df;
padding-left: 5%
}
.ori_pagenavi {
clear: both;
padding: 12px 0;
position: relative;
line-height: 13px;
text-align: center
}
.ori_pagenavi span,
.ori_pagenavi a {
display: inline-block;
margin: 2px 8px 2px 0;
padding: 14px 14px 13px;
border-radius: 20px;
text-decoration: none;
min-width: 40px;
color: #fff;
background: #555
}
.ori_pagenavi a:hover {
color: #fff;
background: #06518a
}
.ori_pagenavi .current {
padding: 14px 14px 13px;
background: #06518a;
color: #fff
}
.new_ct_list {
margin-bottom: 30px
}
.new_ct_list dl {
padding: 15px 0;
border-bottom: 1px solid #ddd
}
.new_ct_list dt {
padding-bottom: 5px
}
.new_ct_list dd {
padding-top: 5px
}
@media(min-width:768px) {
.new_ct_list dt {
    padding: 5px 12px;
    clear: left;
    float: left;
    font-weight: 400;
    background: #18739e;
    border-radius: 5px;
    color: #fff;
    font-size: 13px
}
.new_ct_list dd {
    margin-left: 12%;
    padding-top: 5px;
}
}
.three_list.service_block_img {
margin-top: 0;
margin-bottom: 0
}
.three_list.service_block_img li {
padding: 0;
margin: 0;
width: 33.3333333%
}
.service_block_img li a {
position: relative;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
height: 13.75rem;
overflow: hidden;
transition: 0.8s
}
.service_block_img .card_name {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 3rem
}
.service_block_img .card_name strong {
display: inline-block;
font-size: 30px;
line-height: 36px;
padding-bottom: 3px;
margin-bottom: 6px;
border-bottom: 1px solid #ddd
}
.service_block_img .card_name .text_lato {
display: block;
font-size: 14px;
line-height: 1
}
.service_block_img .card_bgimage {
position: absolute;
z-index: 0;
width: 100%;
max-width: 100%;
height: 220px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 1rem
}
.service_block_img li a:hover .card_bgimage {
transform: scale(1.1);
transition: 0.8s
}
.service_block_img .card_bgimage:before {
background-color: rgb(20 58 97 / 0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' '
}
.cta {
position: relative;
height: 425px;
padding: 60px 0;
background: url('/images/cta_area.jpg') top right no-repeat
}
.cta .head_title {
margin: 50px 0 15px
}
.cta .head_title h2:after {
content: none
}
.cta .cta_btn {
margin-top: 30px
}
.cta_btn a {
margin-right: 10px
}

@media(max-width:980px) {
header .inner {
    width: 100%
}
#site_logo {
    padding-left: 30px
}
#g_navi {
    padding-right: 18px
}
#g_navi > nav > ul > li > a {
    padding: 0 12px;
    font-size: 13px
}
#side,
.slick-next,
.slick-prev,
.slick-next:before,
.slick-prev:before {
    display: none;
    content: "";
}
}
@media(max-width:479px) {
.pc {
    display: none !important
}
.mb {
    display: block !important
}
.sp {
    display: block !important
}
.sns li a {
    font-size: 15px !important;
    letter-spacing: 0;
    padding: 15px 3px
}
.sns li a .fa {
    font-size: 15px
}
header .inner,
#breadcrumb ul,
#bread_all ul,
#footer_body,
#side_prof,
#main,
#main_area {
    width: 100%;
    float: none
}
header {
    position: relative !important;
    z-index: 9999;
    height: 62px;
}
header .hd_top p {
    text-align: center
}
#site_logo {
    position: absolute;
    top: 16px;
    left: 10px;
    float: none;
    padding: 0
}
#site_logo img {
    width: 210px;
    height: auto
}
img {
    max-width: 100%;
    height: auto
}
.section {
    clear: both;
    width: 100%
}
.inner {
    width: 90%;
    margin: 0 auto
}
section h1,
section h2 {
    font-size: 20px
}
.head_title h2 {
    font-size: 22px;
    line-height: 30px
}
.head_title.t_center h2:after {
    left: 38%
}
#content {
    padding: 30px 0 50px
}
.page .entry-content h2 {
    font-size: 16px
}
.single .entry-content h3,
.page .entry-content h3 {
    font-size: 18px
}
.fl_l,
.fl_r {
    float: none !important
}
#eyecatch,
#fade_slide {
    height: 430px
}
#eyecatch .in {
    padding: 0 0 0 15px
}
.inner-content {
    padding-top: 120px;
    padding-right: 15px
}
.inner-content h1 {
    font-size: 12px;
    letter-spacing: 1px;
	width:100%;
	    padding: 0px 5px;
}
.inner-content p {
    font-size: 12px;
    letter-spacing: 1px;
	width:100%;
	    padding: 0px 5px;
}
.inner-content h2 {
    font-size: 26px;
    padding: 12px;
    border: 1px solid #333;
    background-color: rgb(255 255 255 / 80%);
    letter-spacing: 2.5px;
	width:100%;
}
#fade_slide {
    /*padding-left: 20%*/
}
.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide {
    background: #333
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
    background-color: #06518a
}
.head_area .arrow {
    padding: 0 40px
}
.sub_lead {
    font-size: 16px
}
.home #content .tl h2 {
    font-size: 24px
}
.lt_tl .sub_lead {
    left: -20px
}
.concept_area .sub_lead {
    font-size: 13px
}
.border_index:after {
    margin-left: -32px
}
.tp_news_area .inner {
    width: 92%
}
.tp_news_area .tl,
.tp_news_area .block {
    padding: 8px
}
.tp_news_area .tl {
    width: 90px;
    font-size: 10px
}
.tp_news_area .date {
    font-size: 10px
}
.tp_news_area .txt {
    display: block;
    margin-top: 5px;
    font-size: 11px
}
.concept_area .lt_block {
    width: 100%;
    margin-right: 0;
    text-align: center
}
.concept_area .lt_block .tl h2 {
    margin-top: 10px
}
.concept_area .rt_block {
    display: none
}
.concept_btn {
    text-align: center
}
.ft_blog_area {
    padding: 60px 0
}
.ft_blog_area .inner {
    padding: 20px 20px 40px
}
.ft_blog_area .lt_ct {
    padding-top: 25px;
    width: 100%;
    margin: 0 auto 25px;
    text-align: center
}
t_blog_area .rt_ct {
    width: 100%
}
.ft_blog_area .rt_ct dl {
    flex-flow: column nowrap
}
.ft_blog_area .rt_ct dt,
.ft_blog_area .rt_ct dd {
    width: 100%;
    padding: 20px 0 0
}
.ft_blog_area .rt_ct dd {
    white-space: inherit;
    padding: 5px 0 20px;
    border-top: 0
}
.merit_area li .num {
    display: inline-block
}
.merit_area li .tl {
    display: inline-block;
    position: relative;
    top: -12px;
    left: 8px
}
.merit_area li .txt {
    display: block
}
#breadcrumb {
    padding-right: 10px
}
/***********.lead ***********/
.lead {
    width: 100%;
    /*margin: 0 0 0 5%;*/
    height: 200px
}
.lead .inner {
    width: 95%;
    /*margin: 0 0 0 5%;*/
    height: 200px
}
.lead .inner:before {
    /*margin: 0 0 0 5%*/
}
.lead .txt {
    padding: 5px 15px 5px 0;
    /*width: 200px;*/
    height: 100px;
    left: 5%;
    top: 48px
}
.lead .txt .tl,
.lead .txt h1 {
    margin-top: 1px;
    font-size: 20px;
    letter-spacing: 1px
}
.lead .txt span {
    padding-left: 3px;
    font-size: 11px
}
.two_list li,
.three_list li {
    width: 100%;
    float: none;
    margin: 0 0 20px
}
.three_list.trouble li {
    text-align: left
}
.three_list.trouble li img {
    display: inline-block;
    width: 60px;
    height: 60px
}
.reason_list li {
    margin-bottom: 60px
}
.reason_list li .lt_block,
.reason_list li .rt_block {
    width: 100%;
    padding: 0
}
.reason_list li img {
    margin-top: 0
}
.reason_list li .reason_number {
    font-size: 152px;
    top: -85px;
    left: -10px;
    white-space: nowrap
}
.reason_list li .rt_block .reason_number {
    left: -10px
}
.reason_list li h2 {
    font-size: 22px;
    letter-spacing: 3px
}
.reason_list li p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.8
}
.dx_box,
.dx_box2,
.dx_box3{
    margin: 0 1% 12px;
    width: 48%
}
.dx_box a {
    height: 192px
}
.dx_box .img {
    height: 100px
}
.dx_box .cate_info {
    top: 77px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.dx_box .tl {
    height: 62px;
    overflow: hidden;
    font-size: 13px
}
.dx_box .txt {
    display: none
}
.single-exdesign .ex_tl {
    font-size: 20px
}
.pc_screen_bg,
.relate_exdesign .pc_screen_bg {
    width: 100%;
    height: auto;
	background: url(/images/laptop.png) top center no-repeat;
    background-size: cover;	    
    padding-bottom: 100px;
    margin-bottom: 20px
}
.pc_screen_bg img,
.relate_exdesign .pc_screen_bg img {
    position: relative;
    width: auto;
    height: auto;
    top: 10px;
    left: 9px
}
.relate_exdesign .pc_screen_bg img {
    top: 12px;
    left: 12px;
    width: 94%
}
.relate_exdesign li .fl_l.m_r_20 {
    margin-right: 0 !important
}
.exdesign_area {
    margin-top: 20px
}
.single .exdesign_area .entry-content .design_review h3 {
    margin: 2px 0 15px;
    font-size: 22px
}
.single #main .entry-content .design_review p {
    line-height: 2
}
.st_review {
    margin-bottom: 30px
}
.st_review .lt_ct,
.st_review .rt_ct {
    margin: 0;
    width: 100%;
    height: auto
}
.st_review .lt_ct {
    margin-bottom: 20px
}
.design_all_tag.m_t_20.m_b_20 {
    margin-top: 10px !important
}
.design_all_tag a {
    min-width: 46%;
    margin: 6px 2%;
    padding: 8px;
    text-align: center;
    font-size: 12px
}
.ex_design_color_list li {
    margin-left: 5px;
    font-size: 12px
}
.ex_design_color_list li:first-child {
    margin-left: 0
}
.ex_cta_btn a.button_y {
    margin-left: 0;
    margin-top: 20px
}
.color_sample {
    width: 30px;
    height: 30px;
    margin-right: 5px
}
.design_list2 .pc_screen_bg {
    width: 100%;
    height: auto;
    background-size: cover;
    padding-bottom: 35px
}
.sp_screen_bg {
    display: none
}
.design_list2 .pc_screen_bg img {
    width: 78%;
    top: 6px;
    left: 18px
}
.design_list3 .pc_screen_bg {
    width: 100%;
    height: auto;
    background-size: cover;
    padding-bottom: 35px
}
.design_list3 .pc_screen_bg img {
    width: 78%;
    top: 6px;
    left: 18px
}
.signle_works .pc_screen_bg img {
       width: 85%;
    top: 12px;
    left: 25px;
}
.dx_box2 .tl {
    margin-top: 20px
}
.dx_box2 .txt p {
    display: none
}
.signle_works .head_area {
    padding-left: 5px
}
.signle_works .head_area h1 {
    font-size: 22px
}
.signle_works .sub_description {
    top: 30px;
    left: 1px;
    color: #ababab
}
.signle_works .sub_description:before {
    background: #ababab
}
.signle_works .screen_bg {
    margin-top: 30px
}
.signle_works .lt_ct {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
}
.signle_works h2 {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: left
}
.signle_works .rt_ct {
    width: 100%
}
.works_check_area li {
    margin: 0 .5% 4px;
    width: 32.3%;
    font-size: 12px
}
.block_plan .plan_img {
    position: relative;
    top: 18px;
    right: 0
}
.cate_desc_txt .ex_desing_list li {
    min-width: 100%;
    padding: 12px 0;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}
.hp_price_area {
    width: 100%
}
.hp_price_area h3 {
    font-size: 14px
}
.hp_price_area ul {
    margin: 20px 0
}
.hp_price_area ul li {
    font-size: 12px
}
.hp_price_area ul li .th {
    width: 50%
}
.hp_price_area ul li .unit {
    width: 10%;
    padding: 15px 5px;
    font-size: 11px
}
.cost_plan {
    margin: 50px auto 15px;
    width: 100%
}
.block_plan .plan_img {
    position: inherit;
    top: 0;
    right: 0;
    margin: 30px auto 15px;
    text-align: center
}
.block_plan .plan_img img {
    width: 90%
}
.block_plan .price_wrap {
    margin: 20px 0 15px
}
.block_plan .price_wrap .price {
    display: block;
    margin: 12px 0 0 5px
}
.block_plan .catch {
    margin: 12px 0 0;
    font-size: 14px
}
.block_plan ul.check_list {
    margin: 25px 0 30px
}
.t_center.m_t_40 a.button_n2.m_r_20 {
    margin: 0 0 20px !important
}
.step_flow {
    width: 100%;
    padding: 25px 12px
}
.step_flow_box {
    display: table;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd
}
.step_flow_box:not(:first-child) {
    margin-top: 25px
}
.step_flow_box:last-child {
    border-bottom: 0;
    padding-bottom: 0
}
.step_flow_icon {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    border-radius: 0;
    width: 70px;
    height: auto;
    background: 0 0;
    border-right: 1px solid #ddd;
    text-align: center;
    color: #c1c1c1
}
.step_flow_rt {
    display: table-cell;
    text-align: left;
    padding-left: 20px;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}
.step_flow_box:before {
    content: none
}
.accbox {
    width: 100%;
    padding: 0
}
.accbox label {
    font-size: 16px;
    padding: 20px 22px 20px 50px;
    line-height: 1.4
}
.blog_list .blog_box .tl_txt h2 {
    margin-top: 20px
}
.dx_box .caption {
    z-index: -9999;
    display: none
}
.date_cat_area {
    font-size: 10px;
    padding: 0;
    letter-spacing: 0;
    margin-top: 5px
}
.cat_area {
    font-size: 10px;
    padding: 2px 4px;
    margin-left: 3px
}
.blog_archive,
#main_img {
    width: 100%
}
.entry-content p {
    font-size: 14px
}
#panel-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 9999;
    width: 62px;
    height: 62px;
    color: #fff;
    background-color: #111;
    transition: 0.8s
}
header.fixed #panel-btn {
    width: 80px;
    height: 80px
}
#panel-btn-icon,
#panel-btn-icon:before,
#panel-btn-icon:after {
    background: #fff
}
#panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    margin: -1px 0 0 -7px;
    background: #fff;
    transition: 0.2s
}
#panel-btn-icon:before,
#panel-btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 2px;
    background: #fff;
    transition: 0.3s
}
#panel-btn-icon:before {
    width: 20px
}
#panel-btn-icon:before {
    margin-top: -6px
}
#panel-btn-icon:after {
    margin-top: 4px
}
#panel-btn .close {
    background: 0 0
}
#panel-btn .close:before,
#panel-btn .close:after {
    margin-top: 0
}
#panel-btn .close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: #fff;
    width: 18px
}
#panel-btn .close:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    background: #fff
}
#g_navi {
    display: none;
    padding-top: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 99
}
#g_navi > nav {
    background: #111;
    height: 100%
}
#g_navi > nav > ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%)
}
#g_navi > nav > ul > li {
    display: inline-table !important;
    width: 100%;
    padding: 0;
    text-align: center
}
#g_navi > nav > ul > li a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    text-decoration: none;
    line-height: 1.33;
    height: 60px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}
#g_navi > nav > ul > li a span {
    color: #fff
}
#g_navi>nav>ul>li a:hover {
    text-decoration: none
}
#g_navi>nav>ul>li a:after {
    bottom: 25px;
    background: #fff;
    left: -15%;
    width: 25%
}
.contact_nav {
    z-index: 999;
	right: 62px;
}
.contact_nav a {
    display: block;
    width: 70px;
    height: 62px;
    padding-top: 6px
}
.contact_nav a:before {
    left: -70%;
    top: -40%
}
.contact_nav a img {
    width:48px;
    height: auto
}
.contact_nav a span {
    margin-top: 1px;
    font-size: 10px;
    letter-spacing: 0.2px
}
.three_list.service_block_img li {
    width: 50%;
    float: left
}
.service_block_img li a {
    height: 120px
}
.service_block_img .card_bgimage {
    height: 120px
}
.service_block_img .card_name {
    height: 56px
}
.service_block_img .card_name strong {
    font-size: 18px;
    padding-bottom: 0
}
.cta {
    padding: 60px 0;
    background: url('/images/cta_area.jpg') top center no-repeat;
    background-size: cover;
    text-align: center
}
.cta:after {
    background-color: rgb(255 255 255 / 75%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    z-index: 1
}
.cta .inner {
    width: 98%;
    position: relative;
    z-index: 2
}
.cta .head_title {
    margin: 45px 10px 15px
}
.cta .head_title h2 {
    font-size: 18px
}
.cta p {
    margin: 0 10px;
    font-weight: 600
}
.cta_btn a {
    margin-right: 3px
}
.cta .cta_btn .button_y,
.cta .cta_btn .button_n {
    min-width: 165px;
    padding: 16px 0;
    font-size: 12px
}

.bg_layer {
    display: none;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3500
}

/***********.form_area***********/
.form_area {
    width: 100%
}
.form_area dt {
    float: none;
    margin-bottom: 8px
}
#tab li a {
    min-width: 130px;
    margin-left: 5px;
    font-size: 12px
}
/***********.form_list***********/
.form_list {
    width: 100%
}
.form_list li .th,
.form_list li .td {
    display: block
}
.form_list li .th {
    margin-bottom: 15px;
    padding: 0;
    border-right: 0;
    width: auto
}

/*.form_list dt,
.form_list dd {
    display: block
}
.form_list dt {
    margin-bottom: 15px;
    padding: 0;
    border-right: 0;
    width: auto
}*/
.form_list .horizontal-item label {
    min-width: 32.5%
}
span.mwform-checkbox-field.horizontal-item label {
    min-width: 49%;
}
.form_list .horizontal-item2 label {
    min-width: 32.5%
}
span.mwform-checkbox-field.horizontal-item2 label {
    min-width: 49%;
}
}


/***********.zs-enabled***********/
.zs-enabled {
position: relative
}
.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
background: transparent none no-repeat 50% 50%;
background-size: cover;
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
visibility: visible;
opacity: 1
}
.zs-enabled .zs-slideshow .zs-bullets {
position: absolute;
z-index: 4;
bottom: 20px;
left: 0;
width: 100%;
text-align: center
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
display: inline-block;
cursor: pointer;
border: 2px solid #ccc;
width: 14px;
height: 14px;
border-radius: 8px;
margin: 10px;
background-color: #4a4a4a
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
background-color: #ccc
}
.zs-enabled .zs-slideshow:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background: transparent none repeat 0 0
}
.zs-enabled.overlay-plain .zs-slideshow:after {
background-image: url('//altbase.co.jp/wp-content/themes/morii/dist/plain.png')
}
<!--.zs-enabled.overlay-dots .zs-slideshow:after {
background-image: url(//altbase.co.jp/wp-content/themes/morii/dist/dots.png)-->
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-button.aligncenter,
.wp-block-buttons.aligncenter,
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: 4px;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color)
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media(min-width:782px) {
.wp-block-columns {
    flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 38px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media(max-width:599px) {
.wp-block-column {
    flex-basis: 100% !important
}
}
@media(min-width:600px) and(max-width:781px) {
.wp-block-column {
    flex-basis: calc(50% - 16px) !important;
    flex-grow: 0
}
.wp-block-column:nth-child(2n) {
    margin-left: 32px
}
}
@media(min-width:782px) {
.wp-block-column {
    flex-basis: 0;
    flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
    flex-grow: 0
}
.wp-block-column:not(:first-child) {
    margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports(-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-attachment: scroll
}
}
@media(prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports((position:-webkit-sticky) or(position:sticky)) {
.wp-block-cover-image:after,
.wp-block-cover:after {
    content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2 {
color: #fff
}
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 580px;
padding: 14px;
text-align: center
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type^=core-embed],
.wp-block[data-align=right] > [data-type^=core-embed] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type^=core-embed] .wp-block-embed__wrapper,
.wp-block[data-align=right] > [data-type^=core-embed] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
padding-top: 66.66%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: 0.5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file *+.wp-block-file__button {
margin-left: 0.75em
}
.blocks-gallery-grid,
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports((position:-webkit-sticky) or(position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports((position:-webkit-sticky) or(position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
    width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports((position:-webkit-sticky) or(position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%;
    flex: 1;
    object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc(50% - 16px)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media(min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(33.33333% - 10.66667px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - 12px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(20% - 12.8px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16.66667% - 13.33333px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(14.28571% - 13.71429px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12.5% - 14px);
    margin-right: 16px
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
    margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
    margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px 38px
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
display: table
}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0
}
.wp-block-image .alignright {
float: right;
margin: 0.5em 0 0.5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em
}
.is-style-circle-mask img,
.is-style-rounded img {
border-radius: 9999px
}
@supports((-webkit-mask-image:none) or(mask-image:none)) or(-webkit-mask-image:none) {
.is-style-circle-mask img {
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-image: url('data:image/svg+xml;utf8, <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    border-radius: 0
}
}
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 52px
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 20px 20px 0;
width: 100%
}
@media(min-width:600px) {
.wp-block-latest-posts.columns-2 li {
    width: calc(50% - 20px)
}
.wp-block-latest-posts.columns-3 li {
    width: calc(33.33333% - 20px)
}
.wp-block-latest-posts.columns-4 li {
    width: calc(25% - 20px)
}
.wp-block-latest-posts.columns-5 li {
    width: calc(20% - 20px)
}
.wp-block-latest-posts.columns-6 li {
    width: calc(16.66667% - 20px)
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media(max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color),
.wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e
}
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff
}
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e
}
.items-justified-left > ul {
justify-content: flex-start
}
.items-justified-center > ul {
justify-content: center
}
.items-justified-right > ul {
justify-content: flex-end
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: 8px
}
@media(min-width:782px) {
.has-child .wp-block-navigation__container {
    left: 24px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
    left: 100%;
    top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    display: block;
    width: 8px;
    background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
    transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation-link__content {
text-decoration: none;
padding: 8px 16px
}
.wp-block-navigation-link__content+.wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media(min-width:782px) {
.wp-block-navigation-link__submenu-icon svg {
    transform: rotate(90deg)
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em
}
.wp-block-post-author__avatar {
margin-right: 16px
}
.wp-block-post-author__bio {
margin-bottom: 8px;
font-size: 0.7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media(min-width:600px) {
.wp-block-rss.columns-2 li {
    width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
    width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
    width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
    width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
    width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform 0.1s ease
}
@media(prefers-reduced-motion:reduce) {
.wp-social-link {
    transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform 0.1s ease
}
.wp-social-link a,
.wp-social-link a:active,
.wp-social-link a:hover,
.wp-social-link a:visited,
.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports((position:-webkit-sticky) or(position:sticky)) {
.wp-block-video [poster] {
    object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em
}
:root .editor-styles-wrapper .has-pale-pink-background-color,:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-background-color,:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color,:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color,:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-background-color,:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color,:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color,:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color,:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-background-color,:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .editor-styles-wrapper .has-white-background-color,:root .has-white-background-color {
background-color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-background-color,:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color,:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-background-color,:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .editor-styles-wrapper .has-black-background-color,:root .has-black-background-color {
background-color: #000
}
:root .editor-styles-wrapper .has-pale-pink-color,:root .has-pale-pink-color {
color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-color,:root .has-vivid-red-color {
color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-color,:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-color,:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-color,:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-color,:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-color,:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-color,:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-color,:root .has-vivid-purple-color {
color: #9b51e0
}
:root .editor-styles-wrapper .has-white-color,:root .has-white-color {
color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-color,:root .has-very-light-gray-color {
color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-color,:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-color,:root .has-very-dark-gray-color {
color: #313131
}
:root .editor-styles-wrapper .has-black-color,:root .has-black-color {
color: #000
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background,:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg,#0693e3,#9b51e0)
}
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background,:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,#00d084,#0693e3)
}
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background,:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg,#7adcb4,#00d082)
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg,#fcb900,#ff6900)
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background,:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg,#ff6900,#cf2e2e)
}
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background,:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg,#eee,#a9b8c3)
}
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background,:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background,:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg,#ffceec,#9896f0)
}
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background,:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}
:root .editor-styles-wrapper .has-purple-crush-gradient-background,:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background,:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background,:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .editor-styles-wrapper .has-pale-ocean-gradient-background,:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}
:root .editor-styles-wrapper .has-electric-grass-gradient-background,:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg,#caf880,#71ce7e)
}
:root .editor-styles-wrapper .has-subdued-olive-gradient-background,:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg,#fafae1,#67a671)
}
:root .editor-styles-wrapper .has-atomic-cream-gradient-background,:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg,#fdd79a,#004a59)
}
:root .editor-styles-wrapper .has-nightshade-gradient-background,:root .has-nightshade-gradient-background {
background: linear-gradient(135deg,#330968,#31cdcf)
}
:root .editor-styles-wrapper .has-midnight-gradient-background,:root .has-midnight-gradient-background {
background: linear-gradient(135deg,#020381,#2874fc)
}
:root .editor-styles-wrapper .has-link-color a,:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.editor-styles-wrapper .has-small-font-size,
.has-small-font-size {
font-size: 13px
}
.editor-styles-wrapper .has-normal-font-size,
.editor-styles-wrapper .has-regular-font-size,
.has-normal-font-size,
.has-regular-font-size {
font-size: 16px
}
.editor-styles-wrapper .has-medium-font-size,
.has-medium-font-size {
font-size: 20px
}
.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
font-size: 36px
}
.editor-styles-wrapper .has-huge-font-size,
.editor-styles-wrapper .has-larger-font-size,
.has-huge-font-size,
.has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
#toc_container li,
#toc_container ul {
margin: 0;
padding: 0
}
#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none
}
#toc_container.have_bullets li {
padding-left: 12px
}
#toc_container ul ul {
margin-left: 1.5em
}
#toc_container {
background: #f9f9f9;
border: 1px solid #aaa;
padding: 10px;
margin-bottom: 1em;
width: auto;
display: table;
font-size: 95%
}
#toc_container.toc_light_blue {
background: #edf6ff
}
#toc_container.toc_white {
background: #fff
}
#toc_container.toc_black {
background: #000
}
#toc_container.toc_transparent {
background: none transparent
}
#toc_container p.toc_title {
text-align: center;
font-weight: 700;
margin: 0;
padding: 0
}
#toc_container.toc_black p.toc_title {
color: #aaa
}
#toc_container span.toc_toggle {
font-weight: 400;
font-size: 90%
}
#toc_container p.toc_title+ul.toc_list {
margin-top: 1em
}
.toc_wrap_left {
float: left;
margin-right: 10px
}
.toc_wrap_right {
float: right;
margin-left: 10px
}
#toc_container a {
text-decoration: none;
text-shadow: none
}
#toc_container a:hover {
text-decoration: underline
}
.toc_sitemap_posts_letter {
font-size: 1.5em;
font-style: italic
}



/* CTA
----------------------------------------------------------- */
#cta {
	position: relative;
    width: 100%;
    height: 400px;
    background: url(/images/cta_bk.jpg) bottom right no-repeat;
    background-size: cover;
}
#cta:before {
	background-color: rgb(0 0 0 / 55%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}
.contact #cta,
.confim #cta,
.comp #cta {
	display: none;
}
#cta .head_title {
    margin-bottom: 30px;
    color: #fff;
}
#cta .head_title .sub_lead {
    margin-bottom: 0px;
    font-size: 36px;
}
#cta .head_title.t_center h2 {
    margin-bottom: 12px;
	font-size: 16px;
}
#cta .head_title.t_center h2:after {
	display: none;
}
#cta .head_title p {
    color: #fff;
}
#cta .cta_area {
	width: 80%;
    margin: 0 auto;
	padding: 30px;
    background-color: rgba(255, 255, 255, 0.9);
}
.cta_area .lt_area,
.cta_area .rt_area {
    width: 50%;
    padding: 0 40px;
    text-align: center;
}
.cta_area .lt_area {
    border-right: 1px solid #a5b9c2;
}
.tel_block {
    color: #333333;
}
.tel_num {
	position: relative;
    top: -5px;
    height: 32px;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: Oswald;
}
.tel_num a {
	color: #062633;
}
.tel_num a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.tel_num:before {
    position: relative;
    top: -2px;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f2a0";
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
    padding-right: 2px;
    font-weight: bold;
}
.tel_block .tel_sub { 
	margin-top: 15px;
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight: normal;
}
.cta_area .button_y {
    width: 278px;
    padding: 20px 5px;
}

@media (max-width: 760px){
#cta {
	    padding: 40px 0px;
    }
    #cta .inner {
    	width: 90%;
    }
    #cta .cta_area {
    	width: 90%;
        padding: 20px;
    }
    #cta .head_title p {
	    font-size: 12px;
	    letter-spacing: 1px;
	}
    .tel_num {
    	font-size: 26px;
    }
    .tel_block .tel_sub {
    	font-size: 11px;
    }
    .cta_area .button_y {
	    width: 100%;
	}
	.cta_area .lt_area, .cta_area .rt_area {
	    width: 100%;
	}
	.cta_area .lt_area {
    	margin-bottom: 20px;
		border-right: 0px;
	}
}




/* footer
----------------------------------------------------------- */
#fnavi {
    padding: 30px 0px;
    background: #333333;
}
#fnavi .inner {
    width: 80%;
}
#fnavi .f_list {
    margin: 0 auto;
}
#fnavi .f_list:not(:first-child){
    margin-left: 60px;
}
#fnavi .f_list li {
    display: inline-block;
	margin: 0 20px;
	font-size: 12px;
    /*width: 150px;*/
}
#fnavi .f_list li a {
	position: relative;
	color: #fff;
}
#fnavi .f_list li a:before {
    display: inline-block;
    position: absolute;
    left: -18px;
    top: 6px;
    content: "";
    height: 1px;
    width: 10px;
    background: #fff;
}

#footer {
    clear: both;
    color: #dadada;
    background-color: #000;
    line-height: 1;
    margin: 0 auto;
    font-size: 11px;
    padding: 30px 0 27px;
}
#footer_body{
    margin:0 auto;
    /*width:960px;*/
}

#footer p {
    color: #fff;
    clear:both;
    text-align:center;
    line-height: 1.4;
    letter-spacing:1px;
    padding : 4px;
}
#footer address{
    clear:both;
    text-align:center;
    font-style : normal;
    line-height: 1.2;
    letter-spacing:1px;
    padding : 4px;
}




@media (max-width: 760px){
    #fnavi {
        padding: 30px 0px;
    }
    #fnavi .inner {
	    width: 100%;
	    display: block;
	}
	#fnavi .lt_block {
    	text-align: center;
	}
    #fnavi .lt_block,
    #fnavi .rt_block {
    	width: 100%;
    }
    #fnavi .f_list {
    	padding-left: 60px;
	}
	#fnavi .f_list li {
	    display: inline-block;
	    width: 49%;
	    font-size: 12px;
	    margin: 5px 0px;
	}
	#footer {
    	padding: 10px 20px;
	}
	
	}
	
	
	
	
	
	/* intro
----------------------------------------------------------- */
.intro_area .lt_area .img img {
/*
	width: 760px;
    margin-left: -222px;
*/
	width: 600px;
    margin-right: 0;
}

.intro_area .rt_area {
    flex: 1;
}
.intro_area .rt_area .box {
	position: relative;
    margin: 80px 0 0 -80px;
    padding: 40px;
    background-color: rgba(255,255,255,1);
    z-index: 2;
}

.intro_area .arrow_tl .tl {
    margin-bottom: 20px;
    font-size: 30px;
}

/* 左右逆 */

.intro_area .type_2 .lt_area {
	order:2;
}
.intro_area .type_2 .lt_area .img img {
/*
    margin-right: -222px;
*/
    margin-left: 0;
}
.intro_area .type_2 .rt_area {
	order:1;
}
.intro_area .type_2 .rt_area .box {
    margin: 80px -80px 0 0px;
}

/*
.intro_area .lt_area,
.intro_area .rt_area {
    width: 50%;
    padding: 5%;
}
.intro_area a {
	display: block;
}
.intro_area .img {
	width: 452px;
	height: 300px;
    overflow: hidden;
}
.intro_area .img img {
    display: block;
    width: 100%;
    transition-duration: 0.8s;
}
.intro_area .img a:hover img {
    transform: scale(1.1);
    transition-duration: 0.8s;
}
.intro_area .arrow_tl .tl {
    margin-top: 20px;
	font-size: 30px;
    text-align: center;
}
*/


@media (max-width: 760px){
.intro_area .lt_area,
	.intro_area .rt_area {
	    width: 100%;
	    padding: 0%;
	}
.home #content .intro_area.p_80 {
	    padding: 0px;
	}
	#content .intro_area .in {
	    width: 100%;
	}
	.intro_area .arrow_tl .tl {
	    font-size: 22px;
	}
	.arrow_tl .tl a:after {
    	bottom: 5px;
    }
	.intro_area .flex_in {
		display: block;
	}
	.intro_area .lt_area .img img {
	    width: 100%;
	    margin: 0;
	}
	.intro_area .rt_area .box {
	    margin: 15px 0px 15px !important;
	    padding: 15px;
	}
}