@charset "UTF-8";
html {
	position: relative!important;
	z-index: 100000000!important;
}
#container {
	position: relative;
	z-index: 0;
}
/*--------------------------
 BR
----------------------------*/
.BRPC {
    display: none!important;  
}
.BRSM {

}
/*--------------------------
 FIX
----------------------------*/
.gotop_wrapper {
    display: none;
}
.gotop {
	position: fixed;
	bottom: 100px;
	right: 20px;
	text-decoration: none;
	color: white;
	font-size: 14px;
	display: none;
	background-image: url(../images/related_files/pageup.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	z-index: 1000;
}
/*--------------------------
 SWIPE MESSAGE
----------------------------*/
.swipe_message {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
}
.swipe_message span {
    padding-left: 10px;
}
.swipe_message img {
    width: 20px;
    height: auto;
}

/*--------------------------
 FOOTER
----------------------------*/
.footer_wrapper {
     width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 40px;
}
.footer_wrapper::after {
    content: "";
    display: block;
    clear: both;
}
.footer_wrapper a {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    display: block;
}
.footer_wrapper a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.footer_official {
	
}
.footer_official::after {
    content: "";
    display: block;
    clear: both;
}
.footer_chars {
	font-feature-settings: "palt";
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.footer_logo {
    margin-left: auto;
    margin-right: auto;
    width: 275px;
    padding-bottom: 5px;
}
.footer_logo img {
    width: 100%;
    height: auto;
}
.footer_kanri {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.05em;
}
.footer_address {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.03em;
    font-style: normal;
}

.footer_spec_list {
    margin-top: 30px;
    text-align: center;
}
.footer_spec_list li {
    font-size: 10px;
    line-height: 18px;
}
/*--------------------------
 FOOTER COPYRIGHT
----------------------------*/
.copyright {
    padding-top: 30px;
    padding-bottom: 80px;
    text-align: center;
}
.copyright small{
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0.05em;
    font-weight: 300;
}
.copyright small span {
    display: block;
}
/*--------------------------
 BOTTOM
----------------------------*/
.bottom_back {
    /*background-image: url(../images/footer_contact_back.webp);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;*/
    /*background-color: #325b83;*/
}
.bottom_wrapper {
    position: relative;
    text-align: center;
    font-feature-settings: "palt";
    padding-top: 20px;
    padding-bottom: 0px;

    margin-left: auto;
    margin-right: auto;
}
.bottom_contact_sentense {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.08em;
    padding-bottom: 20px;
}
.bottom_contact_tel {
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 0.08em;
    padding-bottom: 5px;
    padding-top: 20px;

    border-top-color: #000;
    border-top-style: dotted;   
    border-top-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
.bottom_contact_tel a {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    display: block;
    color: #003f87;
}
.bottom_contact_tel a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.bottom_contact_tel span {
    font-size: 14px;
    line-height: 56px;
    letter-spacing: 0.08em;
    padding-bottom: 30px;
    padding-right: 5px;
    vertical-align: baseline;
}
.bottom_contact_shop {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    padding-top: 20px;
}
.bottom_contact_date {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.03em;
    padding-bottom: 30px;
}
.bottom_contact_date span {
    padding-left: 0px;
    display: block;
}

/*--------------------------
 SECTION TITLE
----------------------------*/
.section_title_type01 {
   text-align: center;
   padding-bottom: 30px;
}
.section_title_type01_eng {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 0.3em;
    padding-bottom: 10px;
}
.section_title_type01_shoulder {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.1em;
    padding-bottom: 5px;
}
.section_title_type01_p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.03em;
}
/*--------------------------
 AD BUTTON COPY
----------------------------*/
.adbutton_copy {
    text-align: center;
    padding-bottom: 30px;
    font-feature-settings: "palt";
}
.adbutton_copy_title {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.03em;
    padding-bottom: 15px;
}
.adbutton_copy_p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.05em;
}
/*--------------------------
 AD BUTTON
----------------------------*/
.adbutton_wrapper {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.adbutton_wrapper::after {
    content: "";
    display: block;
    clear: both;
}
.adbutton_left {
    margin-bottom: 20px;
}
.adbutton_right {

}
/*--------------------------
 AD BUTTON KIRA DOUBLE
----------------------------*/
.button_kira_wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.button_kira {
    font-size: 20px;
    line-height: 34px;
    /*background: #155376;*/
    color: #fff;    
    display: inline-block;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 12px;
    position: relative;
    text-decoration: none;
    background-image: url(../images/arrow_white.svg);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 20px auto;
    width: 100%;
    text-align: center;
    /*
	-webkit-box-shadow: 10px 10px 0px 0px #969696;
    box-shadow: 3px 3px 5px #969696;
    */
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button_kira_p {
    /*padding-left: 30px; */ 
	letter-spacing: 0.1em;
}
.button_kira_col01 {
    background: #569fba;
}
.button_kira_col01:hover {
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.button_kira_col02 {
    background: #a19a80;
}
.button_kira_col02:hover {
    opacity: 0.6;
	filter: alpha(opacity=60);
}
.button_kira:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.button_kira::after {
	animation: 4s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
}
@keyframes shine {
	20% {
		left: 150%;
	}
	100% {
		left: 150%;
	}
}
/*--------------------------
 BOTTOM ANNOTATION
----------------------------*/
.bottom_annotation {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-top: 0px;
    padding-left: 10px;
}
.bottom_annotation li {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.02em;
    background-image: url(../images/related_files/reference_mark.svg);
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-size: 10px auto;
    padding-left: 15px;
    padding-bottom: 3px;
}
/*--------------------------
 LOCATION
----------------------------*/
.location_wrapper {
    margin-top: 0px;
    padding-bottom: 50px;
}
/*--------------------------
 LOCATION LIST 2
----------------------------*/
.location_list_double01 {
    margin-top: 20px;      
}
.location_list_double02 {
    font-feature-settings: "palt";
    margin-top: 30px;
}
.location_list_double {
    margin-left: 40px;
    margin-right: 40px;
}

.location_list_double::after {
    content: "";
    display: block;
    clear: both;
}
.location_list_double li {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
}
.location_list_double li span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.02em;
}
.location_list_double li:nth-child(2n) {
    margin-right: 0%;
}
.location_list_double li img {
    width: 100%;
    height: auto;
}

.location_list_double li figcaption {
    padding-top: 10px;
    padding-bottom: 30px;
}

/*--------------------------
 LOCATION LIST 3
----------------------------*/
.location_list_three_wrapper {
    font-feature-settings: "palt";
}
.location_list_three {
    padding-bottom: 30px;
}
.location_list_three::after {
    content: "";
    display: block;
    clear: both;
}
.location_list_three li {
    width: 49%;
    margin-right: 2%;
    float: left;
}
.location_list_three li:nth-child(2n) {
    margin-right: 0%;
}
.location_list_three li img {
    width: 100%;
    height: auto;
}
.location_list_three li figcaption {
    padding-top: 7px;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.00em;
    padding-bottom: 13px;
    padding-left: 10px;
}

.location_list_three li figcaption span {
    font-size: 10px;
	line-height: 12px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: baseline;
}
.location_list_push {
    
}
.location_list_push li {
    margin-bottom: 2%;

}
.location_list_push li img {
    width: 100%;
}
/*--------------------------
 GOOGLE MAP IFRAME
----------------------------*/
.googlemap {
	margin-top: 20px;
    padding-bottom: 40px;
}
.ggmap {
	position: relative;
	height: 350px;
	/*overflow: hidden;*/
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
}
/*--------------------------
 SMART HEAD LOGO
----------------------------*/
.smart_head_logo {
    position: fixed!important;
    top: 0px!important;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;


    background-image: url(../images/transparent_white5.png);
    background-position: center center;
    background-size: 5px 5px;
    background-repeat: repeat;
    height: 50px;
    z-index: 100;
}
.smart_head_logo img {
    width: 270px;
    height: auto;
    padding-top: 12px;
}
/*--------------------------
 MAIN IMAGE
----------------------------*/
.main_image {
    position: relative;
    z-index: 0;
    padding-top: 50px;
    
}
.main_image_back {
    display: none;    
}
.main_image_back img {
    width: 100%;
    height: auto;
}
.main_image_back_sm {
    width: 100%;
    height: auto;
}
.main_image_back_sm img {
    width: 100%;
    height: auto;
}
.main_image_caption {
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.02em;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/*--------------------------
 APPEAL
----------------------------*/
.appeal_back {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0px;
    background-color: #569fba;
}
.appeal_pc_wrapper {
    margin-left: 20px;
    margin-right: 20px;
}
.appeal_pc {
    display: none;
}
.appeal_pc img {
    width: 100%;
    height: auto;
}
.appeal_xs {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 360px;
}
.appeal_xs img {
    width: 100%;
    height: auto;
}
/*--------------------------
 COPY
----------------------------*/
.copy_wrapper {
    margin-left: auto;
    margin-right: auto;
    font-feature-settings: "palt";
    text-align: center;
    padding-top: 60px;
}
.copy_name {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0.05em;
    padding-bottom: 5px;
}
.copy_sholder {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0.05em;
    /*font-style: italic;*/
    color: #569fba;
    padding-bottom: 20px;
}
.copy_app {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.05em;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 260px;
    margin-left: auto;
    margin-right: auto;

    border-left-color: #569fba;
    border-left-style: solid;
    border-left-width: 2px;

	border-right-color: #569fba;
    border-right-style: solid;
    border-right-width: 2px;

    border-top-color: #569fba;
    border-top-style: solid;
    border-top-width: 2px;

    border-bottom-color: #569fba;
    border-bottom-style: solid;
    border-bottom-width: 2px; 
    background-color: #FFF;
}
.copy_wrapper_bottom_use {
    background-color: #eaf2f1!important;
    padding-bottom: 10px!important;
    padding-top: 80px!important;
    margin-bottom: 0px!important;
}
/*--------------------------
 PLAN
----------------------------*/
.plan_title {
    background-image: url(../images/plan/plan_img.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
}
.plan_wrapper {
    margin-left: auto;
    margin-right: auto;
    font-feature-settings: "palt";
    padding-bottom: 30px;
}
.plan_title h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    text-align: center;
    padding-top: 60px;
}
/*--------------------------
 PLAN SPEC
----------------------------*/
.plan_spec {
    margin-bottom: 10px;
    padding-top: 30px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.plan_spec_eng {
    margin-left: 20px;
}
.plan_spec_eng_alpha {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0.05em;
}
.plan_spec_eng_type {
    font-size: 20px;
    line-height: 60px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    padding-left: 5px;
}
.plan_spec_mado {
    font-size: 35px;
    line-height: 50px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    padding-left: 20px;
}
/*--------------------------
 PLAN DESCRIPTION
----------------------------*/
.plan_desc {
    margin-left: 20px;
    margin-top: 10px;
}
.plan_desc {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
}
.plan_desc_area {
    font-size: 26px;
    line-height: 14px;
    letter-spacing: 0.05em;
    padding-left: 10px;
    padding-right: 3px;
}
.plan_desc_unit {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.05em;
    margin-right: 10px;
}
.plan_sentence {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.03em;
    margin-left: 10px;
    margin-top: 10px;
}
.plan_desc_balcony {
    display: block;
    padding-top: 5px;
    margin-left: 180px;
    margin-top: -32px;
}
/*--------------------------
 PLAN MADORI
----------------------------*/
.plan_madori {
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;

    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;

    margin-bottom: 30px;
    margin-top: 20px;
}
.plan_madori::after {
    content: "";
    display: block;
    clear: both;
}
.plan_madori_left {
    text-align: center;
    padding-bottom: 20px;
}
.plan_madori_left img {
    width: 100%;
    height: auto;
}
.plan_madori_right {
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: center;
    background-color: #f6f7f9;
    padding-bottom: 20px;
}
.plan_madori_right img {
    width: 100%;
    height: auto;
}
.plan_madori_head01 {
    height: 10px;
}
.plan_madori_head02 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 10px;
    background-color: #f7931e;
    color: #FFF;
    /*height: 40px;*/
    margin-bottom: 10px;
}
/*--------------------------
 PLAN SELECT TAB
----------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {
  /*margin-top: -83px!important;*/
  margin-top: 20px!important;
  margin-bottom: 50px!important;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 95%;
  margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
  /*width: calc(100%/3);*/
  width: 79%;
  height: 70px;
  /*border-bottom: 3px solid #192e5d;*/
  background-color: #d9d9d9;
  line-height: 70px;
  font-size: 20px;
  text-align: center;
  color: #808080;
  display: block;
  float: left;
  text-align: left;
  font-weight: bold;
  transition: all 0.1s ease;
  letter-spacing: 0.05em;
  /*margin-bottom: 10px;*/
  padding-left: 5%;
  margin-top: 20px;

  margin-left: 30px!important;

  background-image: url(../images/tab_arrow_gray.svg);
  background-position: center right 20px;
  background-size: 15px auto;
  background-repeat: no-repeat;
}

.tab_item:first-of-type {
  margin-top: 40px!important;
}

.tab_item:hover {
  opacity: 0.5;
}
.tab_item span {
    /*display: none;*/
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 20px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#ATYPE:checked ~ #ATYPE_content,
#BTYPE:checked ~ #BTYPE_content,
#CTYPE:checked ~ #CTYPE_content,
#DTYPE:checked ~ #DTYPE_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #569fba;
  color: #fff;

  background-image: url(../images/tab_arrow_white.svg);
  background-position: center right 20px;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
/*--------------------------
 EQUIPMENT
----------------------------*/
.equipment_wrapper {
    padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e2e1da;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 80px;
}
.equipment_list {
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
}
.equipment_list::after {
    content: "";
    display: block;
    clear: both;
}
.equipment_list li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
}
.equipment_list li:nth-child(3n) {
    margin-right: 0%!important;
}
.equipment_list li img {
    width: 100%;
    height: auto;
}
/*--------------------------
 ACCESS
----------------------------*/
.access_wrapper {
    padding-top: 0px;
	padding-bottom: 100px;
    background-color: #eaf2f1;
}
.access_image {
    display: none;
    
}
.access_image li img {
    width: 100%;
    height: auto;
}
.access_image_xs {
    width: 100%;
    padding-top: 30px;
}
.access_image_xs img {
    width: 100%;
    height: auto;
}
.access_draw {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 70px;
}
.access_draw_pc {
    display: none;
}
.access_draw_pc img {
    width: 100%;
    height: auto;
}

.access_draw_xs {
    padding-top: 10px;
}
.access_draw_xs img {
    width: 100%;
    height: auto;
}
/*--------------------------
 ACCESS SCROLL
----------------------------*/
.access_draw_scroll_wrapper {
    padding-top: 30px;
    padding-bottom: 60px;
    margin-left: 20px;
    margin-right: 20px;
}
.access_draw_scroll {
    margin-top: 10px;
	width: 100%;
    overflow-x: scroll;
}
.access_draw_scroll img {
    width: 1000px;
}
/*--------------------------
 ACCESS LIST 2
----------------------------*/
.access_list_double01 {
    margin-top: 20px;      
}
.access_list_double02 {
    font-feature-settings: "palt";
}
.access_list_double {
    margin-left: 20px;
    margin-right: 20px;
}

.access_list_double::after {
    content: "";
    display: block;
    clear: both;
}
.access_list_double li {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
}
.access_list_double li span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.02em;
}
.access_list_double li:nth-child(2n) {
    margin-right: 0%;
}
.access_list_double li img {
    width: 100%;
    height: auto;
}

.access_list_double li figcaption {
    padding-top: 10px;
    padding-bottom: 25px;
}

/*--------------------------
 CONCEPT
----------------------------*/
.concept_wrapper {
    background-image: url(../images/concept_back.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 60px;
    position: relative;
    padding-top: 60px;
    padding-bottom: 120px;
}
.concept_wrapper::after {
    content: "";
    display: block;
    clear: both;
}
.concept_image {
    margin-top: 20px;
}
.concept_image img {
   width: 100%;
   height: auto;
   
}
.concept_copy {
    max-width: 250px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
.concept_copy img {
   width: 100%;
   height: auto;
}
/*--------------------------
 LIFE INFORMATION（LOCATION）
----------------------------*/
.lifeinfo_wrapper {
    background-color: #f9f5e9;
    padding-bottom: 100px;
}
.lifeinfo_title_img_wrapper {
    position: relative;
    z-index: 0!important;
    width: 100%;
}
.lifeinfo_title_img {
    width: 100%;
}
.lifeinfo_title_img img {
    width: 100%;
    height: auto;
}
.lifeinfo_title {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lifeinfo_title_eng {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.05em;
}

.lifeinfo_center_box {
    font-feature-settings: "palt";
    margin-top: 20px;
    text-align: center;
}
.lifeinfo_center_image {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.lifeinfo_center_image img {
    width: 100%;
    height: auto;
}
.lifeinfo_center_shoulder {
    font-size: 22px;
    line-height: 42px;
    letter-spacing: 0.08em;
    padding-top: 20px;
    padding-bottom: 30px;
    
}
.lifeinfo_center_shoulder br {
    
}
.lifeinfo_center_p {
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0.05em;
    padding-bottom: 50px;
}

/*--------------------------
 LIFE INFORMATION（LOCATION） BOTSU
----------------------------*/
.lifeinfo_box {
    margin-left: 0px;
    margin-right: 20px;
    font-feature-settings: "palt";
    padding-bottom: 20px;
    margin-top: 30px;
}
.lifeinfo_box::after {
    content: "";
    display: block;
    clear: both;
}
.lifeinfo_left {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.lifeinfo_right {
    margin-left: 20px;
}
.lifeinfo_shoulder {
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0.1em;
    padding-top: 0px;
    padding-bottom: 20px;
}
.lifeinfo_p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.05em;
    padding-bottom: 10px;
}
.lifeinfo_right img {
    width: 100%;
    height: auto;
}
/*--------------------------
 SECTION TITLE
----------------------------*/
.section_title_wrapper {
    position: relative;
    z-index: 0;
}
.section_title {
    
}
.section_title img {
    width: 100%;
    height: auto;
}
.secimgpc {
    display: none;
}
.secimgxs {
    
}
.section_title_chars {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.section_title_chars_eng {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0.1em;
    padding-bottom: 5px;
}
.section_title_chars_copy {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.05em;
    
}
/*--------------------------
 SECTION TITLE ILLEGULAR
----------------------------*/
.section_title_chars_eng_lifeinfo {
    letter-spacing: 0.1em!important;
}
/*--------------------------
 SECTION TITLE NON
----------------------------*/
.section_title_wrapper_non {
    position: relative;
    z-index: 0;
}
.section_title_char_nons {
    padding-top: 60px;
    text-align: center;
    padding-bottom: 40px;
}
.section_title_chars_eng_non {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.2em;
    padding-bottom: 10px;
}
/*--------------------------
 OUTLINE
----------------------------*/
.outline_back {
    background-color: #f2f2f2;
    padding-bottom: 40px;
    padding-top: 10px;
    margin-bottom: 0px!important;
}
.outline_wrapper {
    position: relative;
}

/*--------------------------
 OUTLINE SUB TITLE
----------------------------*/
.outline_sub_title {
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    padding-top: 0px;
    letter-spacing: 0.05em;
    padding-bottom: 20px;
}
/*--------------------------
 OUTLINE TABLE
----------------------------*/
.outline_table {
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px dotted #999999;
    margin-bottom: 20px;
    
}
.outline_table tr {
	border-top: 1px dotted #999999;
	
}
.outline_table tr th {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	background-color: #e6e6e6;
}
.outline_table tr td {
	font-size: 14px;
	line-height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

.table_cap{
	width:calc(100% - 40px);
	margin:0 auto;
	font-size:11px;
	line-height: 1.6;
}
.table_cap a{
	color:#569fba;
	text-decoration:underline;
}


/*--------------------------
 OUTLINE TABLE ILLEGULAR
----------------------------*/
.outline_table_push {
    padding-top: 0px!important;	
}
.outline_table_bottom_push {
    padding-bottom: 30px!important;	
}
.outline_table_tr_gray {
    background-color: #f7f3f3!important;	
}

/*--------------------------
 MADORI SINGLE
----------------------------*/
.madori-tab-wrapper {
        margin-left: 10px;
        margin-right: 10px;
}
/*--------------------------
 MADORI SINGLE A
----------------------------*/
.tab-btn-A {
        
    }
.btn-A {
        flex-basis: 45%;
        text-align: left;
        margin-bottom: 20px;
    }
.btn-A a {
        display: block;
        position: relative;
        font-size: 20px;
        padding: 20px;
        text-decoration: none;
        line-height: 1.2;
        color: #808080;
        background-color: #e6e6e6;
        cursor: pointer;
        background-image: url(../images/tab_arrow_gray.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;

        -webkit-transition: all .3s;
        transition: all .3s;

        padding-left: 30px;
}
.btn-A a.is-active {
        background-color: #a19a80;
        background-image: url(../images/tab_arrow_white.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;
        color: #FFF;
}
.btn-A a:hover {
        opacity: 0.6!important;
        filter: alpha(opacity=60)!important;
        -ms-filter: "alpha(opacity=60)"!important;
}
.tab-contents-item-A {
        display: none;
        width: 100%;
        height: 500px;
        justify-content: center;
        padding-top: 20px;
        margin-bottom: 50px;
}
.tab-contents-item-A img {
        width: 100%;
        height: auto;   
}
.tab-contents-item-A.is-active {
        display: flex;
        /*background-color: #ececec;*/

}
.tab-contents-item-A>p {
        margin: auto;
        height: 40px;
        opacity: 0;
}
.tab-contents-item-A.is-active>p {
      animation:  fadeinAnime 2s forwards;
}

@keyframes fadeinAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        }
    }
/*--------------------------
 MADORI SINGLE B
----------------------------*/
.tab-btn-B {
        
    }
.btn-B {
        flex-basis: 45%;
        text-align: left;
        margin-bottom: 20px;
    }
.btn-B a {
        display: block;
        position: relative;
        font-size: 20px;
        padding: 20px;
        text-decoration: none;
        line-height: 1.2;
        color: #808080;
        background-color: #e6e6e6;
        cursor: pointer;
        background-image: url(../images/tab_arrow_gray.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;

        -webkit-transition: all .3s;
        transition: all .3s;

        padding-left: 30px;
}
.btn-B a.is-active {
        background-color: #a19a80;
        background-image: url(../images/tab_arrow_white.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;
        color: #FFF;
}
.btn-B a:hover {
        opacity: 0.6!important;
        filter: alpha(opacity=60)!important;
        -ms-filter: "alpha(opacity=60)"!important;
}
.tab-contents-item-B {
        display: none;
        width: 100%;
        height: 500px;
        justify-content: center;
        padding-top: 20px;
        margin-bottom: 50px;
}
.tab-contents-item-B img {
        width: 100%;
        height: auto;   
}
.tab-contents-item-B.is-active {
        display: flex;
        /*background-color: #ececec;*/

}
.tab-contents-item-B>p {
        margin: auto;
        height: 40px;
        opacity: 0;
}
.tab-contents-item-B.is-active>p {
      animation:  fadeinAnime 2s forwards;
}

@keyframes fadeinAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        }
    }
/*--------------------------
 MADORI SINGLE C
----------------------------*/
.tab-btn-C {
        
    }
.btn-C {
        flex-basis: 45%;
        text-align: left;
        margin-bottom: 20px;
    }
.btn-C a {
        display: block;
        position: relative;
        font-size: 20px;
        padding: 20px;
        text-decoration: none;
        line-height: 1.2;
        color: #808080;
        background-color: #e6e6e6;
        cursor: pointer;
        background-image: url(../images/tab_arrow_gray.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;

        -webkit-transition: all .3s;
        transition: all .3s;

        padding-left: 30px;
}
.btn-C a.is-active {
        background-color: #a19a80;
        background-image: url(../images/tab_arrow_white.svg);
        background-position: center right 20px;
        background-size: 15px auto;
        background-repeat: no-repeat;
        color: #FFF;
}
.btn-C a:hover {
        opacity: 0.6!important;
        filter: alpha(opacity=60)!important;
        -ms-filter: "alpha(opacity=60)"!important;
}
.tab-contents-item-C {
        display: none;
        width: 100%;
        height: 500px;
        justify-content: center;
        padding-top: 20px;
        margin-bottom: 50px;
}
.tab-contents-item-C img {
        width: 100%;
        height: auto;   
}
.tab-contents-item-C.is-active {
        display: flex;
        /*background-color: #ececec;*/

}
.tab-contents-item-C>p {
        margin: auto;
        height: 40px;
        opacity: 0;
}
.tab-contents-item-C.is-active>p {
      animation:  fadeinAnime 2s forwards;
}

@keyframes fadeinAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        }
    }

/*--------------------------
 SECTION TITLE  V3
----------------------------*/
.section_title_v3_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.section_title_v3 {
    
}
.section_title_v3 {
    width: 400px;
    height: auto;
}
.section_title_v3_noimg {
    padding-top: 180px;
    text-align: center;
    margin-bottom: 0px;
}

.white {
	color: #fff !important;
}