@charset "UTF-8";

html{line-height:1.15;-ms-text-size-adjust:100%;
   -webkit-text-size-adjust:100%
	}
body{margin:0}
article,aside,footer,header,nav,section{display:block
	}
h1{font-size:2em;
margin:.67em 0
	}
figcaption,figure,main{display:block
	}
figure{margin:1em 40px
	}
hr{box-sizing:content-box;
	height:0;
	overflow:visible
	}
pre{font-family:monospace,monospace;
	font-size:1em
	}
a{background-color:transparent;
	-webkit-text-decoration-skip:objects
	}
abbr[title]{border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
	}
b,strong{font-weight:inherit
	}
b,strong{font-weight:bolder
	}
code,kbd,samp{font-family:monospace,monospace;
	font-size:1em
	}
dfn{font-style:italic
	}
mark{background-color:#ff0;
	color:#000
	}
small{font-size:80%
	}
sub,sup{font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
	}
sub{bottom:-.25em
	}
sup{top:-.5em
	}
audio,video{display:inline-block
	}
audio:not([controls]){display:none;
	height:0
	}
img{border-style:none
	}
svg:not(:root){overflow:hidden
	}
button,input,optgroup,select,textarea{font-family:sans-serif;
	font-size:100%;
	line-height:1.15;margin:0
	}
button,input{overflow:visible
	}
button,select{text-transform:none
	}
[type=reset],
	[type=submit], 
	button,
	html [type=button]{
	-webkit-appearance:button
	}
[type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner,
  button::-moz-focus-inner{
  border-style:none;
  padding:0
  }
[type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring,
  button:-moz-focusring{
  outline:1px dotted ButtonText
  }
fieldset{padding:.35em .75em .625em
	}
legend{box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
	}

progress{display:inline-block;
   vertical-align:baseline
	}
textarea{overflow:auto
	}
[type=checkbox],
	[type=radio]
	{
	box-sizing:border-box;
	padding:0
	}
[type=number]::-webkit-inner-spin-button,
	[type=number]::-webkit-outer-spin-button
	{height:auto
	}
[type=search]{-webkit-appearance:textfield;
	outline-offset:-2px
	}
[type=search]::-webkit-search-cancel-button,
	[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
	}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
	}

details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}

/*# sourceMappingURL=normalize.min.css.map */




* {
    box-sizing: border-box;
}

body,
html {
    font-family: YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
}

body.overflow {
    overflow: hidden;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none;
}


.wrapper {
    /* overflow-x: hidden; */
}

.row {
  display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
}

[class^='xs'],
[class*=' xs'] {
    padding: 0 2%;
}

.xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    width: 100%;
    background: #fff;
}

.header__inner {
    max-width: 1250px;
    margin: 0 auto;
}

.branding {
    display: inline-block;
    padding: 20px 0;
	/* width:154px; */
	width:500px;
}

.branding img {
    vertical-align: top;
}

.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu__title {
    display: flex;
    align-items: center;
    margin-top: 1em;
    padding: 0 0 0px;
    /*border-bottom: 2px solid #0c6ab0;*/
    font-weight: bold;
    letter-spacing: 2px;
    color: #feee63;
}


.menu__title a {
	color: #feee63;
}


.menu__title a:hover {
	color: #fff799;
}


.menu__icon {
    width: 40px;
    text-align: center;
}

.menu__title div {
    overflow: hidden;
    padding-left: 10px;
    line-height: 1;
}

.menu__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 17px 10px;
    line-height: 1;
    color: #323333 !important;

    transition: all .3s;
}

.menu__item:hover {
    background: #004da0;
    color: #fff799 !important;
}

.menu__root{
    border-bottom: 1px solid #fff;
}

.menu__branch .menu__root {
    border: 0;
	list-style:disc;
	color:#FFF;
	margin:0 0 0 20px;
}

.menu__branch {
    padding: 0;
    list-style: none;
}

.menu__branch .menu__item {
    margin-bottom: .5em;
    padding: 0;
    text-align: left;
    line-height: 1.6;
    color: #fff !important;
}

.menu__branch .menu__item:hover {
    background: transparent;
	color: #fff799 !important;
}

.menu__item--blue {
    background: #348bcc;
    color: #fff !important;
}

.menu__item--blue:hover {
    background: #348bcc;
}

.menu__item--green {
    background: #68bb65;
    color: #fff !important;
}

.menu__item--green:hover {
    background: #68bb65;
}

.menu__item-txt {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

.menu__item-sub {
    display: none;
    font-size: 11px;
}

.dropdown--lblue {
    background: #348bcc;
}

.dropdown--green {
    background: #68bb65;
}

.dropdown--blue {
    background: #004da0;
}

.dropdown__inner {
    max-width: 1200px;
}




.header__inner--spread {
    display: flex;
    justify-content: space-between;
}

.meta-holder {
    display: none;
    flex-wrap: wrap;
    align-items: center;
}

.search-container {
    position: relative;
    margin: 0 15px;
    clear: both;
}

.search-input {
    width: 100%;
    height: 40px;
    padding: 10px 45px 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;

    transition: width .3s;
}


.search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: url(../images/search.png) 10px 9px no-repeat;
    cursor: pointer;
}

.language {
    position: relative;
    display: inline-block;
    margin: 0 35px;
    font-size: 12px;
    color: #040000 !important;
}

.language::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    width: 12px;
    height: 12px;
    margin-top: -9px;
    border: 0px;
    border-radius: 8px;
    border: solid 2px #323333;
}

.language::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border: 0px;
    border-top: solid 2px #323333;
    border-right: solid 2px #323333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.email {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 5px;
    color: #fff !important;
}

.email::before {
    content: '';
    position: absolute;
    top: -47px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 89px;
    background: #ff0024;
}

.email img {
    margin-right: 10px;
}

.hamburger p{
	font-size:72%;
    margin-left: 3px;
	}

.hamburger,
.hamburger-close {
    width: 40px;
    border: 0;
    background: transparent;
    line-height: 0;
	padding:0 10px 0 0;
}

.hamburger-close {
    float: right;
    height: 50px;
    margin-right: 7px;
}

/* menu 2018-0411 */
.line {
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 3px;
    background: #ff0000;
    /*  background: #004d9f; */ /* blue */
}




.hamburger-close .line {
    transform: rotate(45deg)  translate(0, 4px);
}

.hamburger-close .line:last-child {
    transform: rotate(-45deg) translate(4px, -7px);
}

.line:last-child {
    margin-bottom: 0;
}



.main-nav {
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9001;
    overflow-y: auto;
    width: 300px;
    height: 100%;
    background: #f2f2f2;

    transition: left .3s;
}

.main-nav.active {
    left: 0;
}

.nav-overlay.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    background: rgba(0,0,0,.5);
}

.dropdown {
    padding: 0 2%;
    display: none;
}

.dropdown.active {
    display: block;
}

/* typography */

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.t-b {
    font-weight: bold;
}

.t-white {
    color: #fff;
}

.t4 {
    font-size: 21px;
}

.t5 {
    font-size: 18px;
}

.t6 {
    font-size: 16px;
}

.t-sm {
    font-size: 12px;
}



/* helper */

.vc {
    vertical-align: middle;
}

.space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.mb10-xs {
    margin-bottom: 10px;
}

.mb20-xs {
    margin-bottom: 20px;
}

.mb30-xs {
    margin-bottom: 30px;
}

.mb40-xs {
    margin-bottom: 40px;
}

.mb50-xs {
    margin-bottom: 50px;
}

.mb60-xs {
    margin-bottom: 60px;
}

.mb70-xs {
    margin-bottom: 70px;
}

.mb80-xs {
    margin-bottom: 80px;
}

.mb90-xs {
    margin-bottom: 90px;
}

.mb100-xs {
    margin-bottom: 100px;
}


/* buttons */

.btn {
    position: relative;
    display: inline-block;
    padding: 10px 12px 10px 5px;
    background: transparent;
    letter-spacing: 1px;
}

.btn img {
    max-height: 25px;
}

.btn-rounded {
    border-radius: 4px;
}

.btn-block {
    width: 100%;
}

.btn--chevron::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #323333;
    border-right: solid 2px #323333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
}

.btn--gradblue {
    background: #0c6ab0;
    background: -moz-linear-gradient(top, #0c6ab0 0%, #0c5f9d 100%);
    background: -webkit-linear-gradient(top, #0c6ab0 0%,#0c5f9d 100%);
    background: linear-gradient(to bottom, #0c6ab0 0%,#0c5f9d 100%);
    color: #fff !important;
}

.btn--gradblue::after {
    border-color: #fff;
}


.narrowSpace {
	letter-spacing: -0.1em;
}


@media (min-width:421px) {
    [class^='sm'],
    [class*='sm'] {
        padding: 0 2%;
    }
  .sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
}
@media (min-width: 769px) {


    .md {
        padding: 0 10px;
    }

    .md--2 {
        padding: 0 15px;
    }

    .md--3 {
        padding: 0 20px;
    }

    .md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
}
@media (min-width: 1025px) {

    .mb10-lg {
        margin-bottom: 10px;
    }

    .mb20-lg {
        margin-bottom: 20px;
    }

    .mb30-lg {
        margin-bottom: 30px;
    }

    .mb40-lg {
        margin-bottom: 40px;
    }

    .mb50-lg {
        margin-bottom: 50px;
    }

    .mb60-lg {
        margin-bottom: 60px;
    }

    .mb70-lg {
        margin-bottom: 70px;
    }

    .mb80-lg {
        margin-bottom: 80px;
    }

    .mb90-lg {
        margin-bottom: 90px;
    }

    .mb100-lg {
        margin-bottom: 100px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row2 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row3 {
        margin-left: -20px;
        margin-right: -20px;
    }

    .row4 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .row5 {
        margin-left: -40px;
        margin-right: -40px;
    }

    .lg {
        padding: 0 10px;
    }

    .lg--2 {
        padding: 0 15px;
    }

    .lg--3 {
        padding: 0 20px;
    }

    .lg--4 {
        padding: 0 30px;
    }

    .lg--5 {
        padding: 0 40px;
    }

    .lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .hamburger,
    .hamburger-close {
        display: none;
    }

    .meta-holder {
        display: flex;
    }

    .search-input {
        width: 220px;
        border-radius: 8px;
    }

    .search-input:active,
    .search-input:focus {
        width: 240px;
    }

    .partition-right {
        border-right: 1px solid #fff;
    }

    .partition-top {
        border-top: 1px solid #fff;
    }

    .header__bot {
        background: #f2f2f2;
    }

    .menu-main {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .menu-main .menu__root {
        flex: 1;
    }

    .menu__root {
        border-bottom: 0;
    }

    .dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        width: 100%;
        padding: 20px 35px 35px;

        transform: translateX(-50%);
    }

    .menu__root:hover .dropdown {
        display: block;
    }

    .menu__item {
        display: inline-block;
        text-align: center;
    }

    .menu__item-sub {
        display: block;
    }

    .menu__root:not(:last-child) {
        border-right: 1px solid #fff;
    }

    .menu__branch .menu__root {
        border: 0;
		list-style:disc;
		color:#FFF;
		margin:0 0 0 20px;
    }

    .main-nav {
        position: static;
        width: 100%;
        overflow: visible;
    }

    .main-nav .search-container {
        display: none;
    }

    .nav-overlay.active {
        display: none;
    }
}
@media (min-width: 1400px) {
    .row [class^='xl'],
    .row [class*='xl'] {
        padding: 0 2%;
    }
  .xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

    .dropdown--wider {
        width: 1630px;
    }

    .dropdown--wider .dropdown__inner {
        max-width: 1395px;
        margin: 0 auto;
    }
}
/* Section */

/* Typography */
.tsize-68{ font-size: 68px; }
.tsize-50{ font-size: 50px; }
.tsize-28{ font-size: 28px; }
.tsize-24{ font-size: 24px; }
.tsize-22{ font-size: 22px; }
.tsize-20{ font-size: 20px; }
.tsize-18{ font-size: 18px; }
.tsize-16{ font-size: 16px; }
.tsize-13{ font-size: 13px; }
.tsize-12{ font-size: 12px; }
.t3 { font-size: 24px }
.t4 { font-size: 21px }
.t5 { font-size: 18px }
.t6 { font-size: 16px }

.t-arial {
  font-family: Arial, Helvetica, sans-serif;
}

.t-b {
    font-weight: bold;
}

.t-normal {
  font-weight: normal;
}

.t-center {
    text-align: center;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-red {
    color: #fe0708;
}

.t-black {
  color: #000;
}

.t-green {
  color: #0b9806;
}

.t-dgrey {
    color: #333;
}

.t-white {
    color: #fff;
}

.t-yellow {
    color: #f5a21c;
}

.t-dyellow {
  color: #f39700;
}

.t-blue {
    color: #004da0;
}
.t-dblue{ color: #000033; }
.t-blue2{
  color: #348bcc;
}

.t-orange {
  color: #ff820c;
}

.t-lblue {
    color: #28a7e1;
}
.t-green{
  color: #0b9806;
}
.t-torquise {
    color: #0ba29a;
}

.t-lgreen {
  color: #90cc8f;
}


.center-xs {
  text-align: center;
}

.gap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
}

[class^='xs'],
[class*=' xs'] {
    padding-left: 2%;
    padding-right: 2%;
}
.section__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.border--bt-dotted{ border-bottom: 1px dotted #000000; }

.section__inner-md {
  max-width: 901px;
  margin: 0 auto;
}


.section--rel {
  position: relative;
}

/*  Check Box */

.checkbox {
  position: relative;
}

.checkbox-item::before {
  content: url(../images/family/icon/checkbox.jpg);
  position: absolute;
  top: 2px;
  left: 0;

}

.line-h {
  line-height: 0;
}

/* Letter Spacing */

.lt-xs {
  letter-spacing: -3px;
}

/* Post */

.post {
  position: relative;
}

.post--list-sp {
  display: flex;
  flex-wrap: wrap;
}


/* Padding */


.section--pad {
  padding-left: 0;
  padding-right: 0;
}

.section--pad-xs {
  padding-bottom: 20px;
  position: relative;
}

.section--pad-xs1 {
  padding-bottom: 22px;
}

.section--pad-xs::before {
  content: "";
  position: absolute;
  width: 27%;
  border-bottom: 2px solid #0b9806;
  top: 0;
  bottom: -2px;
}

.section--pad-md {
  padding-top: 25px;
  padding-bottom: 25px;
}

.section--pad-md1 {
  padding-left: 25px;
}

.section--pad-md2 {
  padding: 60px 35px;
}

.section--pad-md3 {
  padding: 0 20px 40px;
}

.section--pad-md4 {
  padding: 35px;
}

.section--pad-md5 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section--pad-md6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section--pad-md7 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section--pad-md8 {
  padding-left: 26px;
  padding-right: 26px;
}

.section--pad-md9 {
  padding: 35px 35px;
}

.section--pad-mb10 {
  padding: 30px 10px;
}

.section--pad-mb11 {
  padding: 50px 0;
}

.section--pad-mb12 {
  padding-left: 15px;
}

.section--pad-mb13 {
  padding: 10px 30px;
}

.section--pad-mb14 {
  padding: 0 0 20px 35px;
}

.section--pad-md15 {
  padding: 35px 40px;
}

.section--pad-md16 {
  padding: 35px;
}

.section--pad-md17 {
  padding: 25px 35px;
}



/* Bordered */

.c__bordered {
  border-radius: 7px;
}

.c__bordered-top {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.c__bordered-right-b {
  border-bottom-right-radius: 7px;
}

.btn--bordered-r {
  border-radius: 7px;
}

.list--bordered-bottom {
  border-bottom: 1px solid #ccc;
}

.list--bordered-bottom-b {
  border-bottom: 3px solid #004da0;
}


.card--bordered {
  border: 1px solid #dedede;
}

.full--bordered {
  border: 2px solid #cccccc;
}

.full--bordered-md {
  border: 5px solid #e0e0e0;
}

/* Fonts Color */

.txt-b {
  color: #3d6bad;
}

.txt-db {
  color: #004da0;
}

.txt-orange {
  color: #ff820c;
}

.txt-dorange {
  color: #ff440a;
}

/* Background Images */
.bg--lgreen{
  background-color: #37a833;
}
.bg--wgrey {
  background: #f7f7f7;
}

.bg-lblue {
  background: #e8f3ff;
}

.bg--orange{
  background-color: #ff820c;
}
.bg--grey {
  background: #f2f2f2;
}
.bg--light{
  background-color: #fffed8;
}
.bg--white {
  background-color: #ffffff;
}
.bg--lblue{
  background-color: #d2e6f5;
}

.bg-white {
  background: #fff;
}

/* Font Size */

.t50 {
  font-size: 50px;
}

.t34 {
  font-size: 34px;
}

.t26 {
  font-size: 26px;
}

.t25 {
  font-size: 25px;
}


.t24 {
  font-size: 24px;
}

.t20 {
  font-size: 20px;
}

.t19 {
  font-size: 19px;
}

.t18 {
  font-size: 18px;
}

.t17 {
  font-size: 17px;
}

.t16 {
  font-size: 16px;
}

.t15 {
  font-size: 15px;
}

/* Text Line */

.txt-u {
  text-decoration: underline;
}

.txt-center {
  text-align: center;
}

/*  List  */


.list--item li {
  padding-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.list--item li::before {
  content: "";
  position: absolute;
  border: 3px solid #000;
  border-radius: 100px;
  background: #000;
  top: 7px;
  left: 0;
}

/* Cards */
.card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;

}


.card__item {
  flex: none;
  display: block;
  width: 100%;
}
.card__content {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}


.card__item-data {
  text-align: center;
}

.card--block {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  position: relative;
}

.card__thumb {
  position: relative;
}


.card2 {
  display: block;
}

.card--rounded {
  overflow: hidden;
  border-radius: 8px;
}

.card__header--blue {
  background: #0256cc;
}

.card__content--dullblue {
  background: #e8f3ff;
}

/* Block */

.l-blck {
  display: inline-block;
}

.l-blckn {
  display: block;
}

.arrow {
  position: relative;
}

.arrow-r::after{
  content: '';
  position: absolute;
  top: 40%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 9px;
  border-color: #dd1010 transparent transparent transparent;
  transform: rotate(-90deg);
}

.arrow--rt {
  content: '';
  position: absolute;
  top: 0px;
  right: 30px;
  border: solid #dd1010;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.bor__right {
  position: relative;
}

.bor__right-l::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-right: 4px solid #ff820c;
  height: 29px;
}

/* Banner */

.banner {
  position: relative;
}

.banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner--mini {
  height: 138px;
  background: #2b455a;
  background: -moz-linear-gradient(left, #e2f2fe 0%, #b7e2fe 100%);
  background: -webkit-linear-gradient(left, #e2f2fe 0%,#b7e2fe 100%);
  background: linear-gradient(to right, #e2f2fe 0%,#b7e2fe 100%);
}

.banner--mini::before {
  content: attr(data-title);
  position: absolute;
  left: 50px;
  top: 50%;
  padding-left: 40px;
  font-size: 30px;
  font-weight: normal;
  background: url(../images/family/house.png) center left no-repeat;
  transform: translateY(-50%);
}

.banner--houses::after {
  background: url(../images/family/houses.png) top right / auto no-repeat;
}

.banner--building-tree::after {
  background: url(../images/building-with-tree.jpg) top left / cover no-repeat;
}

.banner--building-shareholder::after {
  background: url(../images/c_shareholder.jpg) top left / cover no-repeat;
}

.banner--building::after {
  background: url(../images/building.jpg) top left / cover no-repeat;
}
.banner--building2::after {
  background: url(../images/building2.jpg) top left / cover no-repeat;
}

/* bubbles */

.bubble {
  position: relative;
  display: inline-block;
  padding: 12px 40px;
}

.bubble::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 -20px -10px;
  border-style: solid;
  border-width: 10px;
}

.bubble--p {
  max-width: 550px;
  margin: 20px auto;
  padding-left: 12px;
  padding-right: 12px;
}

.bubble--orange {
  background: #ff440a;
  color: #fff;
}

.bubble--orange::after {
  border-color: #ff440a transparent transparent;
}
.contact--info{ position: relative; }

/* Full Width */

.img {
  width: 100%;
}
.img__none {
  display: none;
}

.img__bordered {
  border: 2px solid #fff;
}


.border--grey{ border:4px solid #e0e0e0; }

/* Gaps */



  .xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
	margin:0;
  }


@media screen and (max-width:420px) {
.xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
	margin:0 0 20px;
  }
}

  .xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .mt10-xs {
    margin-top: 10px;
  }

  .pad-40{ padding: 40px 0; }

  .mt0{ margin-top: 0; }
  .mt20-xs {
    margin-top: 20px;
  }

  .mt50-xs {
    margin-top: 50px;
  }

  .mt80-xs {
    margin-top: 50px;
  }

  .mnone {
    margin:0;
  }


  .mb10-xs {
    margin-bottom: 10px;
  }

  .mb20-xs {
    margin-bottom: 20px;
  }

  .mb27-xs {
    margin-bottom: 27px;
  }

  .mb25-xs {
    margin-bottom: 25px;
  }

  .mb30-xs {
    margin-bottom: 30px;
  }

  .mb40-xs {
    margin-bottom: 40px;
  }

  .mb50-xs {
    margin-bottom: 50px;
  }

  .mb60-xs {
    margin-bottom: 60px;
  }

  .mb70-xs {
    margin-bottom: 70px;
  }

  .mb80-xs {
    margin-bottom: 80px;
  }

  .mb90-xs {
    margin-bottom: 90px;
  }

  .mb100-xs {
    margin-bottom: 100px;
  }

  .container {
      max-width: 1000px;
      margin: 0 auto;
  }

  .container--narrow {
      max-width: 920px;
  }

  .container--narrow3 {
    max-width: 900px;
  }

  .container--narrow4 {
    max-width: 800px;
  }

  .container--narrow2 {
    max-width: 660px;
  }






/* tags */

.tag {
    display: inline-block;
}

.tag--wide {
    padding: 4px 20px;
}

.tag--blue {
    background: #004da0;
    color: #fff;
}


.title__content {
  position: relative;
  font-size: 20px;
  padding: 10px;
}

.title__content2 {
  padding: 0 15px;
  line-height: 1;
}

.title__content2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.title__content2.t-orange::before {
  background: #ff820c;
}

.title__content2.t-green::before {
  background: #59b856;
}

.title__content--green {
  background: #59b856;
  border-bottom: 3px solid #0b9806;
  color: #fff;
}


.title__content-cat,.title_content-cat_house {
  padding-right: 70px;
}

.title__content-cat::after,.title__content-cat_house::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 50px;
  height: 25px;
  transform: translateY(-50%);
}

.title__content-cat::after{
  background: url(../images/family/icon/cat.png) top left / 50px 25px no-repeat;
}

.title__content-cat_house::after {
  background: url(../images/family/icon/cat_house.png) top left / 50px 25px no-repeat;
}

/* buttons */


.btn {
    position: relative;
    display: inline-block;
}

.btn--red-grad {
  background: #f41800;
  background: -moz-linear-gradient(top, #f41800 0%, #ce0100 100%);
  background: -webkit-linear-gradient(top, #f41800 0%,#ce0100 100%);
  background: linear-gradient(to bottom, #f41800 0%,#ce0100 100%);
  border-radius: 100px;
  border: 1px solid #ce0100;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, .7);
  font-weight: bold;
  letter-spacing: 2px;
}

.btn__contact {
  margin: 0 auto;
  padding: 15px 40px;
  background: #f41800;
  background: -moz-linear-gradient(top, #f41800 0%, #ce0100 100%);
  background: -webkit-linear-gradient(top, #f41800 0%,#ce0100 100%);
  background: linear-gradient(to bottom, #f41800 0%,#ce0100 100%);
  border-radius: 100px;
  border: 1px solid #ce0100;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, .7);
  font-weight: bold;
  letter-spacing: 2px;
}

.btn__contact img {
  width: 38px;
}

.btn__contact::before {
  position: absolute;
  top: 17px;
  left: 17px;
}

.btn-row {
  position: relative;
  display: block;
}


.btn-group {
    display: flex;
    flex-wrap: wrap;
}

/* .btn-group .btn:nth-child(2n) {
    border-left: 0;
}

.btn-group .btn:nth-child(3n),
.btn-group .btn:nth-child(4n) {
    border-top: 0;
} */

.btn-group .btn:not(:first-child) {
    border-top: 0;
}

.btn--blue {
    background: #004da0;
    color: #fff;
}

.btn--lgrey {
    background: #f7f7f7;
    border: 2px solid #ccc;
}

.btn--o-grey {
    border: 2px solid #ccc;
}

.btn--o-green {
  border: 2px solid #59b856;
}

.btn--lblue {
    background: #348ccc;
    color: #fff;
}


.btn--l-green {
  background:#32a78a;
  color: #fff;
}

.btn--bordered-dgreen {
  border-bottom: 2px solid #007c5d;
}

.btn--bordered-wgreen {
  border: 1px solid #68bd66;
}

.btn--round {
    border-radius: 100px;
}

.btn--red{
  background-color: #f50f00;
  color: #ffffff!important;
}

.arrow--green {
  position: relative;
  padding-left: 20px;
}

.arrow--green::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-top: 3px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent transparent #59b856;
}


.btn--rounded {
    border-radius: 4px;
}

.btn--circle::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #fff;
  top: 23px;
  left: 123px;
  position: absolute;
}

.btn--arrow-white::after{
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid #32a78a;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  top: 27px;
  left: 130px;
  position: absolute;
}

.btn--arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

.btn--arrow-wgreen::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #90cc8f;
    border-right: 1px solid #90cc8f;
    transform: translateY(-50%) rotate(45deg);
}

.btn--arrow-red::after {
    border-top: 2px solid red;
    border-right: 2px solid red;
}

.btn--block {
    width: 100%;
}

.btn--big {
    padding: 22px;
}

.btn--med {
    padding: 16px 18px;
}

.btn--med.btn--arrow::after,
.btn--big.btn--arrow::after {
    width: 15px;
    height: 15px;
}

.btn--sm {
    min-height: 36px;
    padding: 8px 27px;
}

.btn--micro {
    min-height: 30px;
    padding: 6px 15px;
}

/* posts */

.post--block {
  height: 100%;
}

.post--block .post__content{
  padding: 10px;
}

.post--block .post__header {
  padding: 10px;
}

.post__header--orange {
  background: #ff820c;
}
.post__header--blue {
  background: #0256cc;
}
.post--block-bor {
  border: 1px solid #dedede;
}

.post--block-bor-grey {
  border-bottom: 2px solid #e0e0e0;
}

.post__thumb {
    position: relative;
    overflow: hidden;
}
.post__thumb-pad12{ padding: 12px; }

.post__thumb-img {
    width: 100%;
    transition: all .3s ease-in;
}

.post__thumb:hover .post__thumb-img {
    transform: scale(1.4);
}

.post__thumb-inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 50px 30px 15px;
}

@media screen and (max-width:420px) {
.post__thumb-inner {
    padding: 30px 30px 15px;
}
}

.post__thumb-inner .btn {
    position: absolute;
    bottom: 20px;
}

.post__thumb-title {
    font-size: 63px;
    line-height: 1;
}

.post__thumb-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

/* breadcrumbs */

.breadcrumb {
  display: none;
}

.breadcrumb--mini {
  max-width: 1120px;
  margin: 0 auto;
  font-size: 13px;
}

.breadcrumb--orange a {
  color: #ff6d15;
}

.breadcrumb::after {
  content: '';
  display: block;
  clear: both;
}

.breadcrumb__item {
  position: relative;
  display: inline-block;
  padding: 16px 0;
}

.breadcrumb__item:not(:last-child) {
  padding-right: 50px;
}

.breadcrumb__item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 25px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #b6b3b3;
  border-right: 1px solid #b6b3b3;

  transform: translateY(-50%) rotate(45deg);
}


/* metas */


.meta__price {
  font-size: 20px;
  font-weight: bold;
}

.meta__price--orange {
  color: #ff820c;
}

.title-line {
    position: relative;
    display: inline-block;
    font-size: 24px;
}
.title--boxImg{ position: relative; }
.title--boxImg-img{
  position: absolute;
  right: 8px;
  top: -20px;
  width: 85px;
}
.title-line-pad {
    padding-bottom: 1em;
}

.title-line::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: 4px;
    background: #7f98c1;

    transform: translateX(-50%);
}

.intro__txt {
    font-size: 16px;
    line-height: 1.9;
}


.circle {
    position: relative;
    display: inline-block;
}

.circle-container2 {
  text-align: center;
}

.back {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    transition: opacity .3s;
}

/* flows */

.flow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow: hidden;
}


.flow__item {
  position: relative;
  flex: 1;
  padding: 65px 10px 25px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}

.flow__item::before,
.flow__item::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  margin-top: -12px;
  border-top: 58px solid #fff;
  border-right: 500px solid transparent;
  border-left: 500px solid transparent;

  transform: translatex(-50%);
}

.flow__item::after {
  margin-top: -22px;
}

.flow__item--orange {
  background: #ff820a;
}
.flow__item--applegreen {
  background: #87d01b;
}
.flow__item--torquise {
  background: #25ca6b;
}
.flow__item--green {
  background: #08c13c;
}
.flow__item--lgreen {
  background: #26c108;
}

.flow__item--orange::after {
  border-top: 58px solid #ff820a;
}
.flow__item--applegreen::after {
  border-top: 58px solid #87d01b;
}
.flow__item--torquise::after {
  border-top: 58px solid #25ca6b;
}
.flow__item--green::after {
  border-top: 58px solid #08c13c;
}
.flow__item--lgreen::after {
  border-top: 58px solid #26c108;
}

.flow__item:last-child::before,
.flow__item:last-child::after {
  border: 0;
}


.flow-range {
  position: relative;
  display: none;
  width: calc(50% + 15px);
  margin: 20px 0 0 calc(25% - 14px);
  padding: 10px;
  background: #c8e4f9;
  font-weight: bold;
  text-align: center;
  color: #004ca2;
}

.flow-range::before,
.flow-range::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 1px;
  height: calc(100% + 20px);
  border-left: 2px dashed #8abbe2;
}

.flow-range::after {
  left: auto;
  right: 0;
}


/* pagination */

.pagination {
    text-align: center;
}

.pagi__item {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.pagi__item span {
    color: #004da0;
}

.pagi__item.active {
    background: #ccc;
    color: #0e050a;
}

.box {
    position: relative;
}

.box--interior {
  background: url(../images/family/interior.jpg) top left / auto no-repeat;
}

.box--o-grey {
  border: 5px solid #e0e0e0;
}


.box--lyellow {
  background: #fffed8;
}


.box--pad {
    padding: 25px;
}

.box--pad7{
  padding: 50px;
}
.box--pad2 {
    padding: 30px;
}

.box--pad2 {
  padding: 20px 2%;
}

.box--pad3-xs {
    padding: 35px 12px;
}
.box--pad4-xs {
    padding: 24px 12px;
}

.box--lgrey {
    background: #f2f2f2;
}

.bg--lorange {
  background: #fffed8;
}

.box--center{
    border:1px solid #c1c1c1;
    max-width: 723px;
    display: block;
    margin: 90px auto 40px auto;
}

.bg--worange {
  background: #fffee4;
}

.box--center-body { margin: 25px 50px; }

.box--center2{
    max-width: 723px;
    display: block;
    margin: 0 auto 140px auto;
}
.list--arrow-green>span{
  position: relative;
  font-weight: bold;
  color:#0b9806;
}
.list--arrow-head {
    padding: 5px 0;
}
.list--arrow{
  position: relative;
  margin-right: 15px;
}
.list--arrow::before{
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #000000;
}
.ul--list-disc{ margin-left: 7%; }
.list--disc{
  list-style-type: disc;
}
.list--arrow-green>span::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #0b9806;
}
.bg--blue{
    background-color: #348ccc;
    color:#fff!important;
}

.bg--wgreen {
  background: #59b856;
  color: #fff;
}

.br--wblue {
  background: #348bcb;
  color: #fff;
}
.box--title1-sub{ font-weight: 500; }

.bg--darkblue{
    background-color: #004da0;
    color:#fff!important;
}

.bg--sdblue {
  background: #0256cc;
  color: #fff;
}

.bg--drgreen {
  background: #37a833;
  color: #fff;
}
.bg--green{
  background-color: #68bb65;
  color:#fff!important;
}
.bg--lgreen{
  background-color: #59b856;
  color: #ffffff;
}
.bg--skyblue{
background-color: #edf6ff;
}
.bg--skyblue2{
  background-color: #ecf7ff;
}
.bg--orange {
  background: #ff820c;
  color: #fff !important;
}

.bg--dgreen {
  background : #32a78a;
  color: #fff;
}

.bor-top {
    border-top: 1px solid #ccc;
}


.list__item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.list__item2 {
  padding: 15px 0;
  align-items: center;
}

.list__item-bor-bot {
  border-bottom: 2px solid #ded4cd;
}

.ti {
  flex: 1;
  padding: 10px 15px;
}

.w1 {
  flex: 1;
  padding: 18px 20px;
  background: #59b856;
  color: #fff;
}

.w1-2 {
  flex: 1.5;
}

.w {
  display: flex;
  flex: 2;
  align-items: center;
  padding: 20px;
  background: #fffed8;
}

/* map */

.map-wrapper {
    vertical-align: top;
}

.map-wrapper iframe{
    width: 100%;
}

.box--pad6{
  padding: 30px 40px;
}
  @media (min-width:421px) {

    .t24-md {
      font-size: 24px;
    }

    .t68 {
      font-size: 68px;
    }
    .ttl4_h4-g {
      font-size: 1.3em;
    }
    .sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .sm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
    }

    .sm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
    }

    .sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .sm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
    }

    .sm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
    }

    .sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .sm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
    }

    .sm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
    }

    .sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .sm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
    }

    .sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
    }

    .btn-group.is-half-sm .btn {
        width: 50%;
    }

    .btn-group.is-half-sm .btn:last-child {
        border-bottom: 2px;
    }

    .btn-group.is-half-sm .btn:nth-child(2n) {
        border-left: 0;
        border-top: 2px solid #ccc;
    }

    .btn-group.is-half-sm .btn:nth-child(3n),
    .btn-group.is-half-sm .btn:nth-child(4n) {
        border-top: 0;
        border-bottom: 2px solid #ccc;
    }
	  
    .btn-group.is-half-sm .btn:nth-child(odd) {
        border-top: 0;
        border-bottom: 2px solid #ccc;
    }
	  
	  
	.btn-group.is-half-sm .btn:nth-child(1){
        border-top: 2px solid #ccc !important;
    }


    .breadcrumb {
      display: block;
    }
  }



  @media (min-width: 769px) {

    .img__none {
      display: inline-block;
    }

    .img_abs {
      position: absolute;
      top: 18px;
      right: 0;
    }

    .h--width {
      width: 50%;
      margin: 0 auto;
    }

    .tsize-26{ font-size: 26px; }
    .box--pad3{
      padding: 35px 30px;
    }
    .box--pad6{
      padding: 70px 0!important;
    }

    .ttl4_h4-g {
      font-size: 1.5em;
    }
    .box--pad4 {
      padding: 20px 50px;
    }
    .box--pad5{
      padding: 55px 150px;
    }

    /* Floats */

    .fl-r{
      float: right;
    }


    /* typography */
    .t1-md {
      font-size: 30px;
    }
    .t2-md {
      font-size: 26px;
    }
    .t3-md {
        font-size: 24px;
    }
    .t4-md {
      font-size: 20px;
    }
    .t5-md {
      font-size: 18px;
    }


    .center-xs {
      text-align: unset;
    }


    .title__content {
      padding: 23px 23px 17px;
      font-size: 28px;
    }

    .title__content2 {
      padding: 3px 25px 0;
      font-size: 24px;
    }

    .title__content-cat::after {
      width: 110px;
      height: 56px;
      background-size: 100% 100%;
    }
    .title__content-cat_house::after {
      width: 140px;
      height: 56px;
      background-size: 100% 100%;
    }

    .border-right--yellowgrey {
      border-right: 2px solid #e8e7ba;
    }

    .box--result{
      padding-right: 70px;
      padding-left: 70px;
    }
    .box--center-body{ margin: 65px 120px; }

    .bubble {
      padding: 12px 60px;
    }
    .bubble--p {
        max-width: 750px;
        margin: 20px auto;
    }

    /* meta */


    .meta__price {
      font-size: 26px;
    }



    /* flows */

    .flow {
      flex-direction: row;
    }

    .flow__item {
      padding: 25px 10px 25px 65px;
    }

    .flow__item:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    .flow__item:first-child {
      padding-left: 25px;
    }

    .flow__item::before,
    .flow__item::after {
      top: 50%;
      left: 100%;
      margin: 0px;
      border-left: 53px solid #fff;
      border-top: 155px solid transparent;
      border-bottom: 155px solid transparent;

      transform: translateY(-50%);
    }

    .flow__item::after {
      z-index: 2;
      margin-left: -8px;
      /* border-top: 100px solid transparent;
      border-bottom: 100px solid transparent; */
    }

    .flow__item--orange::after {
      border-left: 53px solid #ff820a;
    }
    .flow__item--applegreen::after {
      border-left: 53px solid #87d01b;
    }
    .flow__item--torquise::after {
      border-left: 53px solid #25ca6b;
    }
    .flow__item--green::after {
      border-left: 53px solid #08c13c;
    }
    .flow__item--lgreen::after {
      border-left: 53px solid #26c108;
    }

    .flow-range {
      display: block;
    }


    /* Cards */


    .card {
      flex-direction: row;
    }

    .card__item {
      flex: none;
      display: block;
      width: 375px;
    }
    .card__content {
      display: block;
      flex-basis: 0;
      flex-grow: 1;
      flex-shrink: 1;
    }


    .gap-0 {
      margin-left: 0px;
      margin-right: 0px;
    }

    .gap-0 [class^='md'],
    .gap-0 [class*=' md'] {
      padding-left: 0px;
      padding-right: 0px;
    }

    .gap-1 {
      margin-left: -5px;
      margin-right: -5px;
    }

    .gap-1 [class^='md'],
    .gap-1 [class*=' md'] {
      padding-left: 5px;
      padding-right: 5px;
    }

    .gap-2 {
      margin-left: -10px;
      margin-right: -10px;
    }

    .gap-2 [class^='md'],
    .gap-2 [class*=' md'] {
      padding-left: 10px;
      padding-right: 10px;
    }

    .gap-3 {
      margin-left: -15px;
      margin-right: -15px;
    }

    .gap-3 [class^='md'],
    .gap-3 [class*=' md'] {
      padding-left: 15px;
      padding-right: 15px;
    }

    .gap-4 {
      margin-left: -20px;
      margin-right: -20px;
    }

    .gap-4 [class^='md'],
    .gap-4 [class*=' md'] {
      padding-left: 20px;
      padding-right: 20px;
    }

    .gap-5 {
      margin-left: -25px;
      margin-right: -25px;
    }

    .gap-5 [class^='md'],
    .gap-5 [class*=' md'] {
      padding-left: 25px;
      padding-right: 25px;
    }

    .gap-6 {
      margin-left: -30px;
      margin-right: -30px;
    }

    .gap-6 [class^='md'],
    .gap-6 [class*=' md'] {
      padding-left: 30px;
      padding-right: 30px;
    }

    .gap-7 {
      margin-left: -35px;
      margin-right: -35px;
    }

    .gap-7 [class^='md'],
    .gap-7 [class*=' md'] {
      padding-left: 35px;
      padding-right: 35px;
    }

    .gap-8 {
      margin-left: -40px;
      margin-right: -40px;
    }

    .gap-8 [class^='md'],
    .gap-8 [class*=' md'] {
      padding-left: 40px;
      padding-right: 40px;
    }

    .gap-9 {
      margin-left: -45px;
      margin-right: -45px;
    }

    .gap-9 [class^='md'],
    .gap-9 [class*=' md'] {
      padding-left: 45px;
      padding-right: 45px;
    }

    .gap-10 {
      margin-left: -50px;
      margin-right: -50px;
    }

    .gap-10 [class^='md'],
    .gap-10 [class*=' md'] {
      padding-left: 50px;
      padding-right: 50px;

    }



    .md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .md-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
    }

    .md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
    }

    .md-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
    }

    .md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
    }

    .md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
    }

    .md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
    }

    .md-3d {
      flex: 0 0 27%;
      max-width: 27%;
    }

    .md-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }


    .md-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
    }

    .md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
    }


    .mb0-md {
      margin-bottom: 0;
    }

    .mb10-md {
        margin-bottom: 10px;
      }

      .mb20-md {
        margin-bottom: 20px;
      }

      .mb30-md {
        margin-bottom: 30px;
      }

      .mb40-md {
        margin-bottom: 40px;
      }

      .mb50-md {
        margin-bottom: 50px;
      }

      .mb60-md {
        margin-bottom: 60px;
      }

      .mb70-md {
        margin-bottom: 70px;
      }

      .mb80-md {
        margin-bottom: 80px;
      }

      .mb90-md {
        margin-bottom: 90px;
      }

      .mb100-md {
        margin-bottom: 100px;
      }

    .mr0-md {
        margin-right: 0px;
      }

      .mr10-md {
        margin-right: 10px;
      }

      .mr20-md {
        margin-right: 20px;
      }

      .mr30-md {
        margin-right: 30px;
      }

      .mr40-md {
        margin-right: 40px;
      }

      .mr50-md {
        margin-right: 50px;
      }


    .title-line {
        font-size: 40px;
    }

    .title-line2 {
        font-size: 30px;
    }

    /* posts */

    .tel {
      position: relative;
      z-index: 22;
    }

    .tel--icon::before {
      position: absolute;
      top: 0;
      left: 64px;
    }



    .post {
        position: relative;
    }

    .post--md {
      max-width: 660px;
      margin: 0 auto;
    }


    .post--block {
      height: 100%;
    }

    .post--block .post__header {
      padding: 17px;
    }

    .post--block .post__content{
      padding: 25px;
    }

    .post--block .post__content2{
      padding: 25px 20px;
    }

    .post--list {
        display: flex;
        flex-wrap: wrap;
    }

    .post--list .post__thumb {
        display: block;
        flex: none;
    }

    .post--list .post__content {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
    }


    /* box */

    .box--pad2 {
      padding: 50px;
    }

    .circle:hover .back {
        opacity: 1;
    }


    .circle-container {
        /*margin-bottom: -218px;*/
    }

    .circle-container2 {
      position: relative;
       margin-bottom: -280px;
       text-align: center;
    }

    .list__item {
      flex-direction: row;
    }

  }
  @media (min-width: 1025px) {
    .lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .lg-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
    }

    .lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
    }

    .lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .lg-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
    }

    .lg-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
    }

    .lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .lg-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
    }

    .lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
    }

    .lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .lg-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
    }

    .lg-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
    }

    .mb10-lg {
      margin-bottom: 10px;
    }

    .mb20-lg {
      margin-bottom: 20px;
    }

    .mb30-lg {
      margin-bottom: 30px;
    }

    .mb40-lg {
      margin-bottom: 40px;
    }

    .mb50-lg {
      margin-bottom: 50px;
    }

    .mb60-lg {
      margin-bottom: 60px;
    }

    .mb70-lg {
      margin-bottom: 70px;
    }

    .mb80-lg {
      margin-bottom: 80px;
    }

    .mb90-lg {
      margin-bottom: 90px;
    }

    .mb100-lg {
      margin-bottom: 100px;
    }

    /* .flow__item::before{

        margin-left: -1px;
        border-left: 60px solid #fff;
        border-top: 115px solid transparent;
        border-bottom: 115px solid transparent;
    } */

    .circle-container2 {
      margin-bottom: -350px;
    }
  }
  @media (min-width: 1400px) {
    .xl-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
    }

    .xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
    }

    .xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
    }

    .xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
    }

    .xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
    }

    .xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
    }

    .xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
    }

    .xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
    }

    .banner__txt {
        position: relative;
        z-index: 2;
    }

    .flow__item::after {
      margin-left: -8px;
    }
  }




/***********  settings for index page ************/
#content_index {
	width:1250px;
	margin:0 auto;
	padding:170px 0 0;
}

@media screen and (max-width:1250px) {
#content_index {
	width:100%;
	margin:0 auto;
	padding:170px 0 0;
}
}


#inner_content_index, #inner_content_footer {
	width:1150px;
	margin:0 auto;
}

/* ***   2018-0416  画像上部変更　85px→130px ** */
@media screen and (max-width:1150px) {
#content_index {
	width:100%;
	margin:0 auto;
	padding:130px 0 0;
}

#inner_content_index, #inner_content_footer {
	width:100%;
	padding:0 .5em;
	margin:0 auto;
}
}


.block_important_info {
	width:100%;
	background:#ca1413;
	padding:1em 2em;
	color:#FFF;
	display:table;
	margin:0 0 30px;
}

.important_info_title {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	width:15%;
	float:left;
}

.important_info_news {
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	float:right;
	width:85%;
	padding:0 0 0 10px;
	position: relative;
}


.important_info_news::before {
	content: "";
	display:block;
	width:0;
	height:0;
	border-left:7px solid #FFF;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	position:absolute;
	left:-5px;
	top:50%;
	margin:-8px 0 0;
}


@media screen and (max-width:768px) {
.block_important_info {
	width:100%;
	background:#ca1413;
	padding:1em;
	color:#FFF;
	display:table;
	margin:0 0 30px;
}

.important_info_title {
	display:block;
	text-align:left;
	vertical-align: middle;
	width:100%;
	float:none;
}

.important_info_news {
	display:block;
	vertical-align: middle;
	text-align:left;
	float:none;
	width:100%;
	padding:5px 0 0 20px;
	position: relative;
}

.important_info_news::before {
	content: "";
	display:block;
	width:0;
	height:0;
	border-left:7px solid #FFF;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	position:absolute;
	left:5px;
	top:7px;
	margin:0;
}
}


.index_h3 {
	width:100%;
	padding:.7em 1em;
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	border-left:5px solid #004d9f;
	position:relative;
	margin:0 0 25px;
}


.index_h3 span {
	font-size:0.7em;
	font-weight:normal;
	padding:0 0 0 15px;
}


.index_h3 a {
	display:block;
	width:115px;
	padding:.7em .5em;
	background:#023f8f;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	font-size:.7em;
	font-weight:normal;
	position:absolute;
	right:0;
	top:10px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.index_h3 a:hover {
	background:#013272;
}


.index_h3 a::after {
	content: "";
	display:inline-block;
	right:0;
	width: 5px;
	height: 5px;
	border-top: 1px solid #f7fc02;
	border-right: 1px solid #f7fc02;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}

.area_news_list {
	width:100%;
	margin:0 auto 50px;
}

dl.news_list {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	border-bottom:1px dotted #000;
}


dl.news_list dt {
	display:inline-block;
	float:left;
	padding:.7em;
}


dl.news_list dd {
	display:inline-block;
	float:left;
	padding:.7em .7em .7em 8em;
	position:relative;
}


dl.news_list dd span {
	display:block;
	width:90px;
	padding:.3em .7em .4em;
	color:#fff;
	font-size:0.8em;
	text-align:center;
	position: absolute;
	left:10px;
	top:8px;
}

dl.news_list dd span.icon_family {background:#68ba65;}
dl.news_list dd span.icon_business {background:#338bcb;}
dl.news_list dd span.icon_corporate {background:#023f8f;}
dl.news_list dd span.icon_other {background:#6c6c6c;;}


dl.news_list dd a:hover {
	text-decoration: underline;
}



.block_service {
	width:100%;
	margin:0 auto 50px;
	overflow: hidden;
}


.block_family {
	width:49%;
	float:right;
	margin:0;
}

ul.service_list_family {
	width:100%;
	overflow: hidden;
}

ul.service_list_family li {
	width:50%;
	float:left;
	border:none;
}

ul.service_list_family li a {
	display: block;
	width:100%;
	padding:.5em 1em .5em 1.5em;
	position: relative;
	color:#000;
}


ul.service_list_family li a:hover {
	text-decoration: underline;
}


ul.service_list_family li a::before{
	content:"";
	display: block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #69bb66;
	position:absolute;
	top:7px;
	left:0;
}

ul.service_list_family li a::after{
	content:"";
	display: block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	position:absolute;
	top:10px;
	left:6px;
}


.block_business {
	width:49%;
	float:left;
}


ul.service_list_business {
	width:100%;
	overflow: hidden;
}

ul.service_list_business li {
	width:50%;
	float:left;
	border:none;
}

ul.service_list_business li a {
	display: block;
	width:100%;
	padding:.5em 1em .5em 1.5em;
	position: relative;
	color:#000;
}

ul.service_list_business li a:hover {
	text-decoration: underline;
}

ul.service_list_business li a::before{
	content:"";
	display: block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #358acb;
	position:absolute;
	top:7px;
	left:0;
}

ul.service_list_business li a::after{
	content:"";
	display: block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	position:absolute;
	top:10px;
	left:6px;
}


ul.service_list_business02 {
	width:100%;
	overflow: hidden;
	padding:0 0 20px 0;
}

ul.service_list_business02 li {
	width:50%;
	float:left;
	border:none;
}

ul.service_list_business02 li a {
	display: block;
	width:100%;
	padding:10px 0 0 0;
	position: relative;
}

@media screen and (max-width:768px) {
ul.service_list_family li {
	width:100%;
	float:none;
	border-bottom:1px dotted #CCC;
}

ul.service_list_business li {
	width:100%;
	float:none;
	border-bottom:1px dotted #CCC;
}
ul.service_list_business02{
	width:100%;
	margin:0 auto;
	border:none;
}


ul.service_list_business02 li {
	width:49%;
	float:left;
	margin:0 3px 0 0;
	border:none;
}
ul.service_list_business02 li:last-child {
	width:49%;
	float:left;
	margin:0 0 0 3px;
	border:none;
}


}


@media screen and (max-width:420px) {
.block_family {
	width:100%;
	float:none;
	margin:0 0 30px;
}

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


ul.area_companyInfo {
	width:100%;
	overflow:hidden;
	margin:0 auto 50px;
}


ul.area_companyInfo li {
	width:calc(90%/3);
	margin:0 0 0 5%;
	float: left;
}

ul.area_companyInfo li:nth-child(1) {
	width:calc(90%/3);
	margin:0;
	float: left;
}


@media screen and (max-width:420px) {
ul.area_companyInfo {
	width:90%;
	overflow:hidden;
	margin:0 auto 30px;
}


ul.area_companyInfo li {
	width:100%;
	margin:0 0 15px;
	float: none;
}

ul.area_companyInfo li:nth-child(1) {
	width:100%;
	margin:0 0 15px;
	float: none;
}
}


ul.area_companyInfo li a {
	display:block;
	width:100%;
	text-decoration: none;
	background:#FFF;
	color:#000;
	padding:0 0 10px;
}


ul.area_companyInfo li a:hover {
	background:#F1F2F2;
}


ul.area_companyInfo li a img {
	margin:0 0 15px;
}

ul.area_companyInfo li a span {
	display:block;
	padding:0 0 10px 30px;
	font-size:1.2em;
	color:#01408f;
	font-weight:bold;
	position: relative;
}

ul.area_companyInfo li a div {
	padding:0 10px;
}


ul.area_companyInfo li a span::before {
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left: 5px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #f00;
	border-right: 2px solid #f00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



ul.area_companySubInfo {
	width:100%;
	overflow:hidden;
	margin:0 auto 50px;
}


ul.area_companySubInfo li {
	width:calc(94%/4);
	margin:0 0 0 2%;
	float: left;
	border:1px solid #CCC;
}


ul.area_companySubInfo li:nth-child(1) {
	width:calc(94%/4);
	margin:0;
	float: left;
	border:1px solid #CCC;
}


ul.area_companySubInfo li a {
	display:table;
	width:100%;
	text-decoration: none;
	background:#FFF;
	color:#01408f;
	padding:0;
	margin:0;
	font-weight:bold;
	overflow: hidden;
}

ul.area_companySubInfo li a:hover {
	background:#F1F2F2;
}


ul.area_companySubInfo li a .subImage {
	display:table-cell;
	width:36%;
	/*float:left;*/
}

ul.area_companySubInfo li a .subTitle {
	display:table-cell;
	width:64%;
	/*float:right;*/
	text-align:center;
	vertical-align: middle;
	font-size:1em;
	margin:0;
	padding:0 .5em;
}


@media screen and (max-width:768px) {
ul.area_companySubInfo li {
	width:calc(98%/2);
	margin:0 0 10px 2%;
	float: left;
	border:1px solid #CCC;
}


ul.area_companySubInfo li:nth-child(1) {
	width:calc(98%/2);
	margin:0 0 10px;
	float: left;
	border:1px solid #CCC;
}


ul.area_companySubInfo li:nth-child(odd) {
	width:calc(98%/2);
	margin:0 0 10px;
	float: left;
	border:1px solid #CCC;
}

ul.area_companySubInfo li a .subTitle {
	width:64%;
	/*float:right;*/
	text-align:center;
	vertical-align: middle;
	font-size:0.8em;
	margin:0;
	padding:0 .5em;
}
}


/*************  end of  index page **************/




.center {text-align:center !important;}
.right {text-align:right !important;}

/* タブ切り替え */
.contentBlock {
	width:1000px;
	margin:0 auto 150px;
}

.contentBlock * {
	-webkit-transition: all .5s ease;
	transition: all .3s ease;
}


.area_tab_content {
	margin:0 auto;
}


.area_tab_content input[name="tab_item"] {
	display:none;
}

.area_tab_content label {
	display:block;
	width:calc(95%/6);
	float: left;
	margin:0 0 0 1%;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}


.area_tab_content label:nth-child(8) {
	display:block;
	width:calc(95%/6);
	float: left;
	margin:0 0 0 1%;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}


.area_tab_content label.first_label {
	display:block;
	width:calc(95%/6);
	float: left;
	margin:0;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}


@media screen and (max-width:1399px) {
.contentBlock {
	width:100%;
	margin:0 auto 150px;
}
}

@media screen and (max-width:769px) and (max-width:1024px) {
.area_tab_content label {
	display:block;
	width:calc(98%/3);
	float: left;
	margin:0 0 10px 1%;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}


.area_tab_content label.first_label {
	display:block;
	width:calc(98%/3);
	float: left;
	margin:0 0 10px;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}

.area_tab_content label:nth-child(8) {
	display:block;
	width:calc(98%/3);
	float: left;
	margin:0 0 10px;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}
}


@media screen and (max-width:420px) {
.area_tab_content label {
	display:block;
	width:calc(99%/2);
	float: left;
	margin:0 0 10px;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}


.area_tab_content label.first_label {
	display:block;
	width:calc(99%/2);
	float: left;
	margin:0 0 10px;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}

.area_tab_content label:nth-child(8) {
	display:block;
	width:calc(99%/2);
	float: left;
	margin:0 0 10px;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}

.area_tab_content label:nth-child(4n) {
	display:block;
	width:calc(99%/2);
	float: left;
	margin:0 0 10px 1%;
	padding:20px 10px 18px;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
	opacity:1;
}
}


.area_tab_content label:hover {
	opacity:.75;
}


.bar {
	width:100%;
	height: 1px;
	background:#348ccc;
	clear:both;
	margin:0 0 50px;
}

.tab_content {
  padding: 0;
  clear: both;
  display:none;
}

#y01:checked ~ #y01_content,
#y02:checked ~ #y02_content,
#y03:checked ~ #y03_content,
#y04:checked ~ #y04_content,
#y05:checked ~ #y05_content,
#backnumber:checked ~ #backnumber_content {
	display:block;
}


.area_tab_content input:checked + .tab_button {
	background:#348ccc;
	color:#FFF;
}


.tab_content table.tbl_5 th {
	width:10%;
}


.tab_content table.tbl_5 td span {
	display:block;
	padding:0 0 0 100px;
	position:relative;
}


.tab_content table.tbl_5 td span.news_icon_family::before {
	content:"ご家庭向け";
	display:block;
	font-size:0.8em;
	text-align:center;
	width:90px;
	padding:.5em 0;
	line-height:1em;
	position:absolute;
	top:50%;
	margin:-1em 0 0 0;
	left:0;
	color:#FFF;
	background:#68bb65;
}


.tab_content table.tbl_5 td span.news_icon_business::before {
	content:"法人向け";
	display:block;
	font-size:0.8em;
	text-align:center;
	width:90px;
	padding:.5em 0;
	line-height:1em;
	position:absolute;
	top:50%;
	margin:-1em 0 0 0;
	left:0;
	color:#FFF;
	background:#348bcb;
}

.tab_content table.tbl_5 td span.news_icon_corporate::before {
	content:"総合";
	display:block;
	font-size:0.8em;
	text-align:center;
	width:90px;
	padding:.5em 0;
	line-height:1em;
	position:absolute;
	top:5px;
	margin:-1em 0 0 0;
	left:0;
	color:#FFF;
	background:#023f8e;
}

.tab_content table.tbl_5 td span.news_icon_other::before {
	content:"その他";
	display:block;
	font-size:0.8em;
	text-align:center;
	width:90px;
	padding:.5em 0;
	line-height:1em;
	position:absolute;
	top:50%;
	margin:-1em 0 0 0;
	left:0;
	color:#FFF;
	background:#6c6c6c;
}

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

	.tab_content table.tbl_5 td span {
		display  : inline-block;
		padding  : 30px 0 0 0;
		position : relative;
	}

	.tab_content table.tbl_5 tbody tr {
		display : block;
		width   : 100%;
	}

	.tab_content table.tbl_5 th, .tab_content table.tbl_5 td {
		display : inline-block;
		width   : 100%;
	}

	.tab_content table.tbl_5 th {
		border-bottom : none;
		padding-bottom : 5px;
	}
}

/* 反社会勢力 */
.block_white {
	padding:50px;
	background:#FFF;
}

@media screen and (max-width:420px) {
.block_white {
	padding:1em;
	background:#FFF;
}
}


.block_white .tbl_6 th {
	width:25%;
	text-align:center;
}

.red {color:#F00;}


.ttl_blue {
	color:#348ccc;
	font-size:1.6em;
	margin:0 0 40px;
}

@media screen and (max-width:420px) {
.ttl_blue {
	color:#348ccc;
	font-size:1.4em;
	margin:0 0 40px;
}
}

.content_gray_box_lightgray_border {
	width: 100%;
	padding:2em;
	background:#f7f7f7;
	border:1px solid #e7e7e7;
}


/* 経営指針　表組 */
table.tbl_management {
	border:0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-collapse: collapse;
	width:100%;
}

table.tbl_management th, table.tbl_management td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:1em;
}

table.tbl_management th {
	text-align:center;
}


/* 社長メッセージ */
.message_title {
	overflow:hidden;
	margin:0 auto 50px;
	line-height:2em;
	background:#297bd4;
}


.message_title li {
	width:50%;
	float: right;
	height:auto;
	color:#FFF;
	overflow:hidden;
}


.message_title li img {
	width:100%;
}


p.message {
	padding:90px 30px 30px;
	font-size:1.7em;
	line-height:1.8em;
}

p.title_name {
	padding:30px;
	font-size:1.1em;
	line-height:1.8em;
}


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

.area_message h5 {
	font-size:1.2em;
	margin:0 0 30px;
}

.area_message p {
	margin:0 0 20px;
}

.area_message p.align_Right {
	text-align:right;
	margin:0 0 20px;
}

.area_message p.align_Right img {
	width:auto;
}

@media screen and (min-width:1025px) and (max-width:1399px) {
p.message {
	padding:50px 15px 15px;
	font-size:1.4em;
	line-height:1.6em;
}

p.title_name {
	padding:15px;
	font-size:1em;
	line-height:1.6em;
}
}

@media screen and (min-width:769px) and (max-width:1024px) {
p.message {
	padding:70px 20px 20px;
	font-size:1.4em;
	line-height:1.6em;
}

p.title_name {
	padding:20px;
	font-size:1em;
	line-height:1.6em;
}
}


@media screen and (max-width:768px) {
.message_title li {
	width:100%;
	float: none;
	height:auto;
	color:#FFF;
	overflow:hidden;
}

.message_title li.ceo {
	width:100%;
	float: none;
	height:300px;
	color:#FFF;
	overflow:hidden;
}

p.message {
	padding:15px;
	font-size:1.4em;
	line-height:1.6em;
}

p.title_name {
	padding:15px;
	font-size:1em;
	line-height:1.6em;
}
.area_message {
	width:100%;
	margin:0 auto;
}
}

/* 決算短信 */
.block_pdf_download {
	width:100%;
	margin:0 0 50px;
	overflow:hidden;
}

.dl_left {
	width: 50%;
	padding:10px 30px 10px 0;
	float:left;
}

.dl_right {
	width: 50%;
	padding:0;
	float:right;
	text-align:center;
}


@media screen and (max-width:420px) {
.dl_left {
	width: 100%;
	padding:20px 0;
	float:none;
}

.dl_right {
	width: 100%;
	padding:0;
	float:none;
}
}

dl.financialResults {
	margin:0 0 20px;
}

dl.financialResults dt {
	padding:10px;
	border-bottom:1px solid #CCC;
	font-size:1.1em;
	font-weight:bold;
}

dl.financialResults dd {
	padding:10px;
}

dl.financialResults dd a {
	display:inline-block;
	padding:20px 20px 20px 40px;
	background:url(../images/xl_03.png) no-repeat 0 9px;
	color:#000;
}

dl.financialResults dd a:hover {
	text-decoration: underline;
}


/* コーポレートガバナンス */
.block_pdf_download02 {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}

dt.dl_title {
	width:75%;
	padding:20px 10px;
	float:left;
}


dt.dl_title span {
	display:inline-block;
	padding:0 15px 0 0;
	vertical-align: top
}


dd.dl_link {
	width: 25%;
	padding:0 10px;
	text-align: center;
	float:right;
}

dd.dl_link a {
	display:inline-block;
	padding:20px 10px 20px 40px;
	background:url(../images/xl_03.png) no-repeat 0 10px;
	color:#000;
}

dd.dl_link a:hover {
	text-decoration: underline;
}

@media screen and (max-width:420px) {
dt.dl_title {
	width:60%;
	padding:20px 10px;
	float:left;
}


dd.dl_link {
	width: 40%;
	padding:10px;
	text-align: center;
	float:right;
}
}


/* 有価証券報告書 */
.block_securities {
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

.block_pdf_download03 {
	width:48%;
	margin:0 2% 10px 0;
	float: left;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}

@media screen and (max-width:768px) {
.block_pdf_download03 {
	width:100%;
	margin:0;
	float: none;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}
}

/* IRカレンダー */
.area_ir_calendar table th {
	width:15%;
}

@media screen and (max-width:420px) {
.area_ir_calendar table th {
	width:30%;
}
}

/* お客様相談室 */
ul.contactInfo {
	width:90%;
	margin:0 auto;
	overflow:hidden;
}

ul.contactInfo li:nth-child(1) {
	width:48%;
	float:left;
	margin:0;
}

ul.contactInfo li:nth-child(2) {
	width:48%;
	float:right;
	margin:0;
}

ul.contactInfo li img {
	width:100%;
}


@media screen and (max-width:420px) {
ul.contactInfo li:nth-child(1) {
	width:100%;
	float:none;
	margin:0 0 20px;
}

ul.contactInfo li:nth-child(2) {
	width:100%;
	float:none;
	margin:0;
}
}

.block_supportOffice {
	width:100%;
	margin:0 auto 70px;
	overflow:hidden;
}


.support_left {
	width:63%;
	float:left;
}

.support_right {
	width:34%;
	float:right;
	margin:0;
}

.support_right img {
	width:100%;
}

@media screen and (max-width:420px) {
.support_left {
	width:100%;
	float:none;
}

.support_right {
	width:100%;
	float:none;
	margin:20px;
}
}

.zaidan {
	text-align:center;
}

.zaidan br {
	display:block;
}


@media screen and (max-width:768px) {
.zaidan {
	text-align:left;
}

.zaidan br {
	display:none;
}
}


/* よくある質問 */
.link_solar {
	padding:1.5em 3em;
	background:#68bb65;
	color:#FFF !important;
	font-weight:bold;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.link_solar:hover {
	padding:1.5em 3em;
	background:#599f56;
	color:#FFF !important;
	font-weight:bold;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/* サニックスソーラーパークむなかた */
.block_munakata {
	width:100%;
	margin:0 auto 70px;
	overflow:hidden;
}


.munakata_left {
	width:63%;
	float:left;
}

.munakata_right {
	width:34%;
	float:right;
	margin:0;
}

.munakata_right img {
	width:100%;
}

@media screen and (max-width:420px) {
.munakata_left {
	width:100%;
	float:none;
}

.munakata_right {
	width:100%;
	float:none;
	margin:20px;
}

.tbl_munakata th, .tbl_munakata td {
	display:block;
}
}


/* トピックス */
.article_topics {
	width:100%;
	margin:0 auto 100px;
}

.row_in_3_images {
	width:100%;
	margin:0 auto 10px;
	overflow:hidden;
}

.row_in_3_images img {
	width:calc(96%/3);
	margin:0 0 0 1%;
}

.row_in_3_images img:nth-child(1) {
	width:calc(96%/3);
	margin:0;
}

@media screen and (max-width:420px) {
.row_in_3_images img {
	width:calc(97%/2);
	margin:0 0 10px 1%;
}

.row_in_3_images img:nth-child(odd) {
	width:calc(97%/2);
	margin:0 0 10px;
}
}


/* 売電実績 */
.area_baiden {
	width:80%;
	margin:0 auto;
}

.baiden_total {
	padding:1.5em;
	text-align:center;
	background:#fff476;
	font-size:1.2em;
	margin:0 0 50px;
}

.baiden_total span {
	font-size:1.4em;
	font-weight:bold;
	color:#f15500;
}

.group_tbl {
	width:100%;
	margin:0 auto 50px;
	overflow:hidden;
}

.block_tbl {
	width:calc(96%/3);
	margin:0 0 0 2%;
	float:left;
}

.block_tbl:nth-child(1) {
	width:calc(96%/3);
	margin:0;
	float:left;
}


@media screen and (max-width:768px) {
.area_baiden {
	width:100%;
	margin:0 auto;
}

.baiden_total {
	padding:1.5em;
	text-align:center;
	background:#fff476;
	font-size:1.2em;
	margin:0 0 50px;
}

.block_tbl {
	width:100%;
	margin:0 0 50px;
	float:none;
}

.block_tbl:nth-child(1) {
	width:100%;
	margin:0 0 50px;
	float:none;
}
}



/* お問い合わせ */
span.required {
	padding:5px 15px;
	font-size:0.8em;
	color:#FFF;
	background:#dd1010;
	margin:0 0 0 10px;
}

span.required2 {
	color:#dd1010;
	padding:1em 0 0;
	font-size:0.9em;
}

span.required3 {
	color:#dd1010;
	padding:1em 0 0;
}

input[type=text], textarea {
	padding:0.3em;
}

.ex-short-box {
	width:5em;
}

.short-box {
	width:10em;
}

.middle-box {
	width:20em;
}

.long-box {
	width:30em;
}

h4.title_h4 {
	text-align:center;
	font-size:1.4em;
	margin:0 auto 30px;
}

h3.title_h3 {
	text-align:center;
	font-size:1.6em;
	margin:0 auto 30px;
	color:#dd1010;
}


input[type="button"].btn_address {
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:.5em 1em;
	margin:0 5em 0 0;
	text-align:center;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border:1px solid #d3d3d3;
}

input[type="button"].btn_address:hover {
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:.5em 1em;
	margin:0 5em 0 0;
	text-align:center;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
	border:1px solid #d3d3d3;
}



input[type="button"].btn_clear {
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:1em;
	margin:0 5em 0 0;
	text-align:center;
	width:15em;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #d3d3d3;
}

input[type="button"].btn_clear:hover {
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:1em;
	margin:0 5em 0 0;
	text-align:center;
	width:15em;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #d3d3d3;
}

input[type="button"].btn_confirm {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	padding:1em;
	text-align:center;
	width:15em;
	background: #d81515;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #b40000;
}

input[type="button"].btn_confirm:hover {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	padding:1em;
	text-align:center;
	width:15em;
	background: #b01111;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #b40000;
}


@media screen and (max-width:768px) {
.tbl_contact th, .tbl_contact td {
	display:block;
}

.short-box {
	width:5em;
}

.middle-box {
	width:15em;
}

.long-box {
	width:22em;
}

input[type="button"].btn_clear {
	display:block;
	color:#000;
	font-weight:bold;
	padding:1em;
	margin:0 0 20px;
	text-align:center;
	width:100%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #d3d3d3;
}

input[type="button"].btn_clear:hover {
	display:block;
	color:#000;
	font-weight:bold;
	padding:1em;
	margin:0 0 20px;
	text-align:center;
	width:100%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #d3d3d3;
}

input[type="button"].btn_confirm {
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:1em;
	text-align:center;
	width:100%;
	background: #d81515;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #b40000;
}

input[type="button"].btn_confirm:hover {
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:1em;
	text-align:center;
	width:100%;
	background: #b01111;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #b40000;
}
}


/* 社会貢献活動 */
h3.h3_rugby {
	color:#b0c8e2;
	font-style: italic;
	font-size:1.6em;
}

h3.h3_rugby span {
	display:block;
	font-size:1.8em;
}

h4.h4_rugby {
	color:#348ccc;
	font-size:1.8em;
}

@media screen and (max-width:420px) {
h3.h3_rugby {
	color:#b0c8e2;
	font-style: italic;
	font-size:1.3em;
}

h3.h3_rugby span {
	display:block;
	font-size:1.5em;
}

h4.h4_rugby {
	color:#348ccc;
	font-size:1.5em;
}
}

.block_rugby_content {
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

.rugby_content_left {
	width: 48%;
	float:left;
	overflow: hidden;
	margin:0;
}

.rugby_content_right {
	width: 48%;
	float:right;
	overflow: hidden;
	margin:0;
}

.rugby_img {
	width: 50%;
	float:left;
}

.rugby_txt {
	width: 50%;
	padding:0 0 0 1em;
	float: right;
}


@media screen and (max-width:420px) {
.rugby_content_left {
	width: 100%;
	float:none;
	overflow: hidden;
	margin:0 0 30px;
}

.rugby_content_right {
	width: 100%;
	float:none;
	overflow: hidden;
	margin:0;
}
}


.block_csr {
	width:100%;
	margin:0 auto 70px;
	overflow:hidden;
}


.csr_text {
	width:74%;
	float:left;
}


.csr_img {
	width:24%;
	float:right;
	margin:0;
}


@media screen and (max-width:420px) {
.block_csr {
	width:98%;
	margin:0 auto 50px;
	overflow:hidden;
}


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


.csr_img {
	width:100%;
	float:none;
	margin:0 0 20px;
}
}



/* 建設業界関係協力会社の皆様へ */
.box_create {
	width:100%;
	padding:1.5em;
	border-top:2px solid #004da0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0 0 30px;
	overflow: hidden;
}

.title_create {
	font-size:1.2em;
	color:#004da0;
	font-weight:bold;
	float:left;
	padding:0 1em 0 0;
	margin:0;
}

.title_create_2rows {
	font-size:1.2em;
	color:#004da0;
	font-weight:bold;
	float:left;
	padding:.5em 1em 0 0;
	margin:0;
}

.summary_create {
	float:left;
	padding:.2em 1em;
	border-left:1px solid #CCC;
}

@media screen and (max-width:768px) {
.title_create {
	font-size:1.2em;
	color:#004da0;
	font-weight:bold;
	float:none;
	padding:0;
	margin:0 0 10px;
}

.title_create_2rows {
	font-size:1.2em;
	color:#004da0;
	font-weight:bold;
	float:none;
	padding:0;
	margin:0 0 10px;
}

.summary_create {
	float:none;
	padding:0;
	border-left:none
}
}


h5.title_flow {
	font-size:1.8em;
	text-align:center;
	margin:0 0 50px;
}

ul.list_caution li {
	padding:.5em 0;
	overflow:hidden;
}

ul.list_caution li div {
	padding:.3em 0 0;
}

ul.list_caution li span.orderd-num {
	display:block;
	float:left;
	padding:.2em .5em;
	color:#FFF;
	margin:0 10px 0 0;
	background:#004da0;
}


.tbl_files {
	width:100%;
	border:none;
	border-collapse: collapse;
	font-size:1.1em;
	letter-spacing: 0;
}

.tbl_files th {
	background:#004da0;
	color:#FFF;
	font-weight:bold;
	padding:1.5em 1em;
	text-align:center;
	vertical-align: middle;
	width:1em;
	border-bottom:1px solid #DDD;
}

.tbl_files td {
	color:#004da0;
	font-weight:bold;
	padding:1.5em 1em;
	vertical-align: middle;
	border-bottom:1px solid #DDD;
	background:#FFF;
}

.tbl_files td br {
	display:none;
}

.tbl_files td.pdf {
	font-weight:normal;
	color:#FFF;
	background:#dd1a1a;
}


.tbl_files td.pdf a {
	padding:1.5em 0 1.5em 40px;
	background:url(../images/xl_03.png) no-repeat 0 12px;
	color:#FFF;
	text-decoration:none;
}


.tbl_files td.pdf a:hover {
	text-decoration:underline;
}


.tbl_files td.excel {
	font-weight:normal;
	color:#FFF;
	background:#42a53e;
}


.tbl_files td.excel a {
	padding:1.5em 0 1.5em 40px;
	background:url(../images/xl_06.png) no-repeat 0 13px;
	color:#FFF;
	text-decoration:none;
}


.tbl_files td.excel a:hover {
	text-decoration:underline;
}

@media screen and (max-width:768px) {
h5.title_flow {
	font-size:1.5em;
	text-align:center;
	margin:0 0 20px;
}

.tbl_files {
	width:100%;
	border:none;
	border-collapse: collapse;
	font-size:.9em;
}

.tbl_files th {
	background:#004da0;
	color:#FFF;
	font-weight:bold;
	padding:1.5em .5em;
	text-align:center;
	vertical-align: middle;
	width:1em;
	border-bottom:1px solid #DDD;
}

.tbl_files td {
	color:#004da0;
	font-weight:bold;
	padding:1.5em .5em;
	vertical-align: middle;
	border-bottom:1px solid #DDD;
}

.tbl_files td br {
	display:block;
}

.tbl_files td.pdf a {
	padding:1.5em 0 1.5em 35px;
	background:url(../images/xl_03.png) no-repeat 0 5px;
	color:#FFF;
	text-decoration:none;
}


.tbl_files td.excel a {
	padding:1.5em 0 1.5em 35px;
	background:url(../images/xl_06.png) no-repeat 0 5px;
	color:#FFF;
	text-decoration:none;
}
}

a.btn_login {
	display:inline-block;
	text-align:center;
	padding:1.5em 3em;
	background:#FFF;
	border:2px solid #CCC;
	color:#000;
	text-decoration: none;
	font-weight:bold;
	position:relative;
}


a.btn_login:hover {
	background:#F1F2F2;
}


a.btn_login::after {
	display:block;
	content: "";
	width:10px;
	height:10px;
	border-top:2px solid #F00;
	border-right:2px solid #F00;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-6px;
}


a.btn_login br {
	display:none;
}


@media screen and (max-width:768px) {
a.btn_login br {
	display:block;
}
}


/* お問い合わせ一覧 */
h4.ttl_business {
	font-size:1.5em;
	padding:25px 30px;
	position: relative;
	margin:0 0 35px;
	color:#FFF;
	font-weight:bold;
	background:#348ccc;
}

h4.ttl_business::before {
	content: "";
	width:18px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}


h4.ttl_family {
	font-size:1.5em;
	padding:25px 30px;
	position: relative;
	margin:0 0 35px;
	color:#FFF;
	font-weight:bold;
	background:#68bb65;
}

h4.ttl_family::before {
	content: "";
	width:18px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}



@media print, screen and (max-width:1024px){
h4.ttl_business {
	font-size:1.4em;
	padding:15px 20px;
	position: relative;
	margin:0 0 20px;
	color:#FFF;
	font-weight:bold;
	background:#348ccc;
}

h4.ttl_business::before {
	content: "";
	width:15px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}

h4.ttl_family {
	font-size:1.4em;
	padding:15px 20px;
	position: relative;
	margin:0 0 20px;
	color:#FFF;
	font-weight:bold;
	background:#68bb65;
}

h4.ttl_family::before {
	content: "";
	width:15px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}
}


ul.service_news_list {
	width:90%;
	margin:0 auto 50px;
}

ul.service_news_list li {
	padding:0;
	border-bottom:1px solid #AAA;
}

ul.service_news_list li a {
	display:block;
	padding:2em 50px 2em 15px;
	text-decoration:none;
	color:#000;
	position:relative;
}

ul.service_news_list li a:hover {
	background:#f1f2f2;
}


ul.service_news_list li a span {
	display:block;
	font-size:1.2em;
	color:#004da0;
	margin:0;
	padding:0 0 5px;
}


ul.service_news_list li a::after {
	display:block;
	content: "";
	width:10px;
	height:10px;
	border-top:2px solid #F00;
	border-right:2px solid #F00;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-6px;
}


/* mega menu parts */
.block_search_suffer {
	margin-top:80px;
}



@media screen and (max-width:768px) {
ul.service_news_list {
	width:95%;
	margin:0 auto 50px;
}

ul.service_news_list li {
	padding:0;
	border-bottom:1px solid #AAA;
}

ul.service_news_list li a {
	display:block;
	padding:1em 50px 1em 15px;
	text-decoration:none;
	color:#000;
	position:relative;
}

ul.service_news_list li a:hover {
	background:#f1f2f2;
}


ul.service_news_list li a span {
	display:block;
	font-size:1.0em;
	color:#004da0;
	margin:0;
	padding:0 0 5px;
}


ul.service_news_list li a::after {
	display:block;
	content: "";
	width:10px;
	height:10px;
	border-top:2px solid #F00;
	border-right:2px solid #F00;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-6px;
}
}







@media screen and (max-width:1024px) {
.block_search_suffer {
	margin-top:20px;
}
}


/* activity background settings */
.bg_activity {
	width:100%;
	background:url(../images/bg_corporate.jpg) no-repeat center center;
	background-size:cover;
	padding:0 0 150px;
	margin:0 0 30px;
}

.bg_activity img {
	width:100%;
}


@media screen and (min-width:376px) and (max-width:375px) {
.bg_activity {
	width:100%;
	background:url(../images/bg_corporate.jpg) no-repeat center center;
	background-size:cover;
	padding:0 0 100px;
	margin:0 0 30px;
}

.bg_activity img {
	width:100%;
}
}


@media screen and (max-width:375px) {
.bg_activity {
	width:100%;
	background:url(../images/bg_corporate.jpg) no-repeat center center;
	background-size:cover;
	padding:0 0 50px;
	margin:0 0 30px;
}

.bg_activity img {
	width:100%;
}
}


.btn_backOriginalLocation {
	width:100%;
	text-align:right;
	padding:20px 0;
}

.btn_backOriginalLocation a {
	display:inline-block;
	padding:.5em 1em;
	border:1px solid #0f6bce;
	color:#0f6bce;
	text-align:center;
}


.letter-space-narrow {
	letter-spacing: -0.05em;
}

/* 20180404追加 */
.sp_mb20 {
	margin-bottom:0px;
}

@media screen and (max-width:768px) {
.sp_mb20 {
	margin-bottom:20px;
}
}


.block_thanks {
	padding:65px 120px;
	border: 1px solid #c1c1c1;
    max-width: 723px;
    display: block;
    margin: 90px auto 40px auto;
	background-color: #edf6ff;
}


.list_thanks {
	width:723px;
	margin:0 auto 140px;
	overflow:hidden;
}


@media screen and (max-width:768px) {
.block_thanks {
	padding:25px;
	border: 1px solid #c1c1c1;
    max-width: 723px;
    display: block;
    margin: 90px auto 40px auto;
	background-color: #edf6ff;
}
	
.list_thanks {
	width:100%;
	margin:0 auto 80px;
	overflow:hidden;
}
}


.list_thanks li {
	width:32%;
	float:left;
	margin:0 0 0 2%;
}


.list_thanks li:nth-child(1) {
	width:32%;
	float:left;
	margin:0;
}


.list_thanks li a {
	display:block;
	width:100%;
	padding:22px;
	border-radius: 4px;
	color:#FFF;
	text-decoration: none;
    cursor: pointer !important;
	text-align:center;
}

.list_thanks li a.thanks_corporate {
	background:#004da0;
}

.list_thanks li a.thanks_business {
	background:#348ccc;
}

.list_thanks li a.thanks_family {
	background:#68bb65;
}


@media screen and (min-width:421px) and (max-width:768px) {
.list_thanks li {
	width:48%;
	float:left;
	margin:0 0 20px 4%;
}


.list_thanks li:nth-child(odd) {
	width:48%;
	float:left;
	margin:0 0 20px;
}
}

@media screen and (max-width:420px) {
.list_thanks li, .list_thanks li:nth-child(1), .list_thanks li:nth-child(odd) {
	width:100%;
	float:none;
	margin:0 0 10px;
}	
}