@charset "UTF-8";
img {width: 100%;}

figure{position: relative;}

.contents {
    background: #ecebe5;
}


.ttl h3{
color: #918260;
}
.ttl small{
color: #918260;
}
.ttl h3 span{
color: #918260;
}


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

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

/* tab_Area */
.tab_Area {
margin: 70px auto;
justify-content:center;
}
.tab_Area li{
font-size: 18px;
width: 100%;
max-width: 400px;
margin: 0 15px;
}

.tab_Area li a {
position: relative;
display: block;
width: 100%;
color: #7a6a56;
letter-spacing: 0.16em;
font-feature-settings: "palt";
text-align: center;
padding: 14px 0;
background: rgba(122,106,86,.2);
transition: 0.3s;
box-sizing: border-box;
}
.tab_Area li a:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: url(../../equipment/images/equipment_tab_bar.jpg) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
}
.tab_Area li a:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: url(../../equipment/images/equipment_tab_bar.jpg) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
}
.tab_Area li a:hover{
    color: #fff;
	background: #7a6a56;

    transition: 0.3s;
}

.tab_Area li.here{
    position: relative;
}
.tab_Area li.here a{
color: #fff;
pointer-events: none;
background: #7a6a56;
}



/* common */
#content_Wrap figure {
    position: relative;
}
.copy {
  text-align: center;
  font-size: 26px;
  color: #333;
  padding-bottom: 20px;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.sub_copy {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  padding-bottom: 60px;
  letter-spacing: 0.08em;
}

.in-box {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}

.con_box {
}
.con_box h4 {
    font-size: 20px;
    color: #053345;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}
.con_box h4 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}
.con_box h4 span a {
    color: #053345;
}
.con_box h4 span.sub {
    font-size: 13px;
    color: #fff;
    margin-right: 0.5em;
    padding: 4px 4px 3px;
    background: #595757;
    vertical-align: text-bottom;
}
.con_box h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.column2 ul li .notes_list li {
    width: 100% !important;
    font-size: 12px;
    line-height: 1.5;
    margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
    .column2 ul li .notes_list li {
        margin-bottom: 0 !important;
    }
}


.con_box p {
    font-size: 14px !important;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}

.con_box p.line-h {
    line-height: 1.2 !important;
    text-indent: 1em;
    padding-left: -1em;
}
.con_box p.ta_j{ text-align: justify;}

.sm_txt {
    font-size: 12px !important;
    padding-left: 0 !important;
}

.con_box p.sm_txt {
    font-size: 12px !important;
    padding-left: 0 !important;
}
    .under_P {
        padding: 8px 0 0;
    }
.cap_L_top {
    left: 5px;
    text-align: left;
    bottom: auto;
    top: 10px;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
}
.cap_L_top02 {
    left: 0px;
    text-align: left;
    bottom: auto;
    top: -13px;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
}
.column .in-box{
z-index: 1;
}
.column0 {
margin-top: -2%;
    margin-bottom: 60px;
}
.column0 .in-box.bg01{
background: #e6eeee;
padding: 1.666666666666667%;
border: 1px solid #00375f;
box-sizing: border-box;
z-index: 0;
}
.column1 {
    margin-bottom: 60px;
}

.column1.cat_last {
    margin-bottom: 100px;
}
.column1 .notes_list {
    margin-top: 10px;
}
.column1 .notes_list li {
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
}

.column1 .in-box.bg02{
background: #f7efe3;
padding: 1.666666666666667%;
}
.column2 {
    margin-bottom: 60px;
}

.column2.moving {
    margin-bottom: 20px;
}

.column2.cat_last {
    margin-bottom: 100px;
}

.column2 ul.flex {
    justify-content: space-between;
}

.column2 ul li {
    width: calc((100% - 4%) / 2);
    max-width: 480px;
}

.column2 ul li p.Txt_p {
    font-size: 14px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}

.column2 p.Txt_p {
    font-size: 14px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}

.column2.moving ul li:nth-child(1) {
    width: 100%;
    max-width: 760px;
    margin-right: 3.90625%;
}

.column2.moving ul li:nth-child(2) {
    width: 100%;
    max-width: 228px;
}

.column3 {
    margin-bottom: 60px;
}

.column3 ul.flex {
    justify-content: space-between;
}

.column3 ul li {
    width: calc((100% - 4%) / 3);
    max-width: 324px;
}

.column3.restroom ul li {
    width: 100%;
    max-width: 324px;
}

.column3 ul li p.Txt_p {
    font-size: 13px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}

.column3.restroom ul li p sup {
    vertical-align: super;
    font-size: 10px;
}

.column3 ul li h4 {
    letter-spacing: 0.05em;
    padding-top: 20px;
}

.column4 {
    margin-bottom: 60px;
}

.column4 ul.flex {
    justify-content: space-between;
}

.column4 ul li {
    width: calc((100% - 6.4%) / 4);
    max-width: 234px;
}

.column4 ul li p.Txt_p {
    font-size: 13px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}

.column4 ul li h4 {
    letter-spacing: 0.05em;
    padding-top: 20px;
}
.layout04.camera ul.flex li .column3{ margin-bottom: 0;}
.layout04.camera ul.flex li .column3 ul{ justify-content: space-between;}
.layout04.camera ul.flex li .column3 ul li{
    width: calc((100% - 4%) / 3);
    margin-right: 0;
}

/* 個別 */

.sec01 .flex .flex01 figure {
    max-width: 320px;
/*    margin-bottom: 20px;*/
}
.sec01 .flex .flex01 h4:nth-of-type(2) {
    margin-top: 30px;
}
.sec01 .flex .flex01 h5 {
    font-size: 15px;
}

.column2 .flex .flex01 h5 {
    font-size: 15px;
    padding-top: 14px;
    margin-bottom: 6px;
}

.sec01 .flex .flex02 .sm_txt {
    margin-top: 10px;
    letter-spacing: 0rem;
}


.sec02 .flex li p {
    min-height: 6.2rem;
}
.flex.algn-spe{
justify-content: flex-start;
flex-direction: column;
}
.flex.algn-spe div{
min-height: 183px;
}
.flex-style {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.icon.flex{
justify-content: space-between;
}
.icon.flex figure{
width: 18.058455114822547%;
margin: 0 0 16px;
}


@media only screen and (max-width: 767px) {
    .sec02 .flex li p {
        min-height: auto;
    }
    .flex.algn-spe div{
        min-height: 0;
    }
}

/*
.sec03 ul.flex li:nth-child(1) {
    width: 35%;
    margin-right: 3%;
}

.sec03 ul.flex li:nth-child(2) {
    width: 62%;
    max-width: none;
}

@media only screen and (max-width: 767px) {
    .sec03 ul.flex li:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }

    .sec03 ul.flex li:nth-child(2) {
        width: 100%;
        max-width: none;
    }
}
*/

.sec04 .txt_n {
    min-height: 3.2rem;
}

.sec04 .sm_txt {
    min-height: 4.3rem;
}

.sec04 .flex li:first-child .sm_txt {
    min-height: 8.2rem;
}

.sec05 .sm_txt {
    min-height: 3rem;
}

/*
.sec05 .flex li:first-of-type p {
    min-height: 7.1rem;
}
*/

@media only screen and (max-width: 768px) {
    .sec04 .txt_n {
        min-height: auto;
    }

    .sec04 .sm_txt {
        min-height: auto;
    }

    .sec04 .flex li:first-child .sm_txt {
        min-height: auto;
    }

    .sec05 .sm_txt {
        min-height: auto;
    }

/*
    .sec05 .flex li:first-of-type p {
        min-height: 2.6rem;
    }
*/
}

.pt45 {
    padding-top: 45px;
}

.pt90 {
    padding-top: 90px;
}

.em8 {
    padding-top: 8em;
}

.mark {
    font-size: 10px;
    position: relative;
    top: -5px;
}


.layout04 ul.flex li:nth-child(1) {
    width: 66%;
    margin-right: 3%;
    max-width: none;
}


@media only screen and (min-width: 768px) {
    .layout04 ul.flex li:nth-child(1) p:not(.sm_txt) {
        min-height: 4.9rem;
    }
    .layout04.camera ul.flex li:nth-child(1) p:not(.sm_txt) {
        min-height: 0;
    }
}

.layout04 ul.flex li:nth-child(2) {
    width: 31%;
}

@media only screen and (max-width: 767px) {
    .layout04 ul.flex li:nth-child(1) {
        width: 100%;
        margin-right: 0;
        max-width: none;
    }

    .layout04 ul.flex li:nth-child(2) {
        width: 100%;
    }
    .layout04 ul.flex li:nth-child(2) figure{
        width: 75%;
        margin: 0 auto;
    }

    .layout04.camera ul.flex li .column3 ul li:nth-child(2) figure{ width: 100%;}
}



.bouhan_sensor ul li.txt {
    width: 64%;
    max-width: 64%;
}
.bouhan_sensor ul li h4 {
    padding-top: 0;
}

.sec_btm h4 {
    margin-bottom: 20px;

}
.sec_btm .flex01{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sec_btm .flex01_1 {
    margin-bottom: 20px;
}

.sec_btm .ttl_flex {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.sec_btm p {
    padding-bottom: 0;
}

.sec_btm .ttl_flex .ttl_flex01 p {
    padding-bottom: 0;
    color: #053345;
    font-size: 18px;
    margin-right: 10px;
    line-height: 1.5;

}

.sec_btm .ttl_flex .ttl_flex02 h5 {
    color: #053345;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.3;
    padding-top: 0;
}

.sec_btm .ttl_flex .ttl_flex02 span {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.sec_btm .flex01_1 .subttl {
    color: #fff;
    background-color: #053345;
    padding: 8px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sec_btm .flex01_2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

.sec_btm .flex01_2 .flex01_2_txt {
    width: 66%;
}

.sec_btm .flex01_2 figure {
    width: 29%;
}
.sec_btm .flex01_2 figure figcaption{
    font-size: 12px;
    line-height: 1.2;
}

.sec_btm .flex01_3 {
    margin-bottom: 20px;
}

.sec_btm .flex01_4{
    margin-bottom: 0;
}

.sec_btm .flex02_2 {
		padding-top: 20px;
}
/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {



}


/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
	#content_Wrap .cap_Txt_fontS {
	    position: absolute;
	    font-size: 9px;
	    bottom: 10px;
	    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ",sans-serif;
	    transform: rotate(0.028deg);
	}

	.cap_L_top {
	    top: 5px;
	    font-size: 12px;

	}
	.lower_ttl{
      padding-top: 30%;
      margin-bottom: 30px;
  }

	/* tab_Area */
    .tab_Area {
        width:98%;
        justify-content: space-between;
        margin: 0 auto 30px;
    }
    .tab_Area:nth-of-type(2) {
        margin: 70px auto 0;
    }
    .tab_Area li{
    position: relative;
    font-size: 12px;
    font-feature-settings: "palt";
    width: 48%;
    max-width: 100%;
    margin: 0;
    }

    .tab_Area li:last-child{
        margin: 0;
    }
    .tab_Area li a{
        line-height: 1.2;
    }
    .tab_Area li:first-child a{
        
    }


    .copy {
        font-size: 22px;
        padding-bottom: 30px;
        line-height: 1.5;
    }

    .sub_copy {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 50px;
    }


    .con_box h4 {
        font-size: 16px;
        padding-bottom: 4px;
        line-height: 1.4;
    }

    .con_box h4.font_s17 {
        font-size: 16px;
    }

    .con_box h4.font_s14 {
        font-size: 15.6px;
    }

    .con_box h4 span {
        padding-left: 0px;
    }

    .con_box p {
        letter-spacing: 0;
        line-height: 1.6;
    }
    .con_box.camera{
    margin: 0 auto 40px;
    }
.column0 {
    margin-top: -2%;
    margin-bottom: 40px;
}
    .column1 {
        margin-bottom: 40px;
    }
    .column1.cat_last {
        margin-bottom: 60px;
    }
    .column2 {
        margin-bottom: 40px;
    }

    .column2.cat_last {
        margin-bottom: 60px;
    }
    .column2.cat_last > ul > li:not(:last-child){ margin-bottom: 0;}

    .column2 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .column2 ul li {
        width: 100%;
        max-width: none;
    }

    .column2 ul.line1 li {
        width: 49%;
        max-width: 490px;
    }

    .column2 ul li:not(:last-child) {
        margin-bottom: 40px;
    }

    .column2 ul.line1 li:not(:last-child) {
        margin-bottom: 0;
    }

    .column2.mg li:not(:last-child) {
        margin-bottom: 40px;
    }

    .column2.secblock ul li:not(:last-child) {
        margin-bottom: 10px;
    }
    .column2.secblock ul li.flex01 {
        margin-bottom: 20px;
    }
    .column2.secblock ul li.flex01.mg20 {
        margin-bottom: 20px!important;
    }
    .column2.secblock ul li.flex01.mg10 {
        margin-bottom: 10px;
    }
    .column2.secblock ul li#greening:not(:last-child) {
        margin-bottom: 20px;
    }

    .column2 ul li p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    }

    .column2 p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    }

    .column2.moving ul li:nth-child(1) {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }

    .column2.moving ul li:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }

    .column3 {
        margin-bottom: 40px;
    }

    .column3 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .column3 ul li {
        width: 100%;
        max-width: 100%;
    }
    .column3 ul.line1 li {
        margin: 14px auto;
    }
    .column3.restroom ul li {
        width: 100%;
        max-width: 100%;
    }

    .column3 ul.line1 li {
        width: calc((100% - 3%) / 3);
    }

    .column3 ul li:not(:last-child) {
        margin-bottom: 30px;
    }

    .column3 ul.line1 li:not(:last-child) {
        margin-bottom: 10px;
    }

    .column4 {
        margin-bottom: 40px;
    }

    .column4 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .column4 ul.line1 {
        justify-content: space-between;
        /* align-items: flex-start; */
        flex-wrap: wrap;
    }

    .column4 ul li {
        width: 100%;
        max-width: 100%;
    }

    .column4 ul.line1 li {
        width: 49%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .column4 ul.line1 li p {
        letter-spacing: 0.1em;
    }

    .column4 ul.line1 li figure {
        margin-top: auto;
    }
    .bouhan_sensor.column3 ul.line1 li {
        width: 46%;
        margin: 0;
    }
    .bouhan_sensor.column3 ul.line1 li.txt {
        width: 50%;
    }


    .sec_btm .ttl_flex .ttl_flex02 h5 {
        font-size: 16px;
    }

    .sec_btm .ttl_flex .ttl_flex02 h5 span {
        font-size: 12px;
    }
.cap_L_top02 {
position: absolute;
    left: 0px;
    text-align: left;
    bottom: auto;
    top: -13px;
    font-size: 10px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
}
.column0 .in-box.bg01 {
    padding: 9px;
    border: 1px solid #00375f;
}
.column1 .in-box.bg02 {
    padding: 10px;
    }
    .icon.flex figure {
    display: none;
}
    .sec_btm figure.sp {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 499px) {
    .flex.algn-spe div {
        min-height: unset;
    }
    #content .cap_L_top {
        left: 0;
        text-align: left;
        bottom: auto;
        top: -10px;
        font-size: 10px;
        letter-spacing: 0;
        color: #000;
        font-feature-settings: "palt";
    }
    .sec_btm .flex01_1 {
        margin-bottom: 30px;
    }
    .sec_btm .flex01_2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .sec_btm .flex01_2 .flex01_2_txt {
        width: 60%;
    }

    .sec_btm .flex01_2 figure {
        width: 35%;
    }
    .sec_btm .flex01_3 {
        margin-bottom: 30px;
    }
    .sec_btm .flex02_1 {
        margin-bottom: 0;
    }

		.sec_btm .flex02_2 {
				padding-top: 0px;
		}

.sp_mb0 { margin-bottom: 0!important; }
.sp_pb0 { padding-bottom: 0!important; }

}





/*20230919*/
a {
	text-decoration: none;
}
section {
	width: 100%;
	padding: 0;
	margin-bottom: 150px;
}
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.inner_1000 {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}
.pagettl {
	padding: 40px 0;
	background: url(../images/structure_ttl.jpg);
	background-size: cover;
}
.pagettl p {
    color: #bdad91;
	font-size: 28px;
    line-height: 1;
}
.pagettl p img {
	width: auto;
}
.pagettl p span {
	display: block;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.pankuzu a {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
}
.pankuzu li {
    display: inline-block;
    margin-right: 6px;
    color: #999;
}
.pankuzu li:last-child a {
    color: #999999;
    font-size: 12px;
}

#notes_Area {
	padding: 0px 0 80px;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.notes.inner p {
	font-size: 12px;
	font-weight: bold;
}

h3.structure_ttl_h3 {
    font-size: 20px;
	font-weight: bold;
    color: #5a5349;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
	border-bottom: 1px solid rgba(90,83,73,.5);
	margin-bottom: 20px;
}
h3.structure_ttl_h3 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}
.structure_box h5 {
    font-size: 15px;
    padding-top: 14px;
    margin-bottom: 6px;
}

.structure_box {
	margin-bottom: 60px;
}
.structure_box h4 {
	display: flex;
	align-items: center;
	color: #5a5349;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(90,83,73,.5);
}
.structure_box h4 span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: #a30000;
	padding: 3px 5px;
	margin-left: 10px;
}
.flex48-48 {
	justify-content: space-between;
}
.flex48-48 li {
	display: flex;
	width: 48%;
	justify-content: space-between;
	flex-direction: column;
}

.flex35-65 {
	
}
.flex35-65 .flex-column {
	width: 35%;
	justify-content: flex-start;
}
.flex35-65 .flex-column .wrap {
	margin-bottom: 30px;
}
.flex35-65 .flex-img {
	width: 65%;
	text-align: right;
}

.flex65-35 {
	justify-content: space-between;
}
.flex65-35 .text_wrap {
	width: 63%;
}
.flex65-35 .img_wrap {
	width: 33%;
}

.flex75-25 {
	justify-content: space-between;
}
.flex75-25 li:first-child {
	width: 73%;
}
.flex75-25 li:last-child {
	width: 23%;
}

.flex65-31 {
	justify-content: space-between;
}
.flex65-31 li:first-child {
	width: 65%;
}
.flex65-31 li:last-child {
	width: 31%;
}




p.text {
	font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
.comment {
	font-size: 12px;
	padding-top: 5px;
}


.structure01-01 .flex01 img {
	width: auto;
}
.structure01-01 .flex01 .comment {
	margin-bottom: 60px;
}
.structure01-01 .flex02 {
	justify-content: flex-start;
}

.structure01-02 {
	margin-bottom: 150px;
}

.structure02-03 li {
	justify-content: flex-start;
}


.security01-02 .text {
	padding-bottom: 10px;
}
.security01-02 .comment {
	padding-top: 0;
	padding-bottom: 20px;
}

.security01-03 ul {
	justify-content: space-between;
	margin-bottom: 60px;
}
.security01-03 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 31%;
}


.security01-05 {
	background: #f7efe3;
	padding: 0px;
	text-align: center;
}
.security01-05 .img {
	display: inline-block;
}
.security01-05 img {
	width: auto;
}
/*
.security01-06 h4 {
    font-size: 20px;
    color: #000;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}
*/







@media screen and (max-width: 767px) {
.tab_Area {
	display: flex !important;
}
a {
	text-decoration: none;
}
section {
	width: 100%;
	padding: 0;
	margin-bottom: 150px;
}
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.inner_1000 {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}
.pagettl {
	padding: 40px 0;
	background: url(../images/structure_ttl.jpg);
	background-size: cover;
}
.pagettl p {
    color: #bdad91;
	font-size: 28px;
    line-height: 1;
}
.pagettl p img {
	width: auto;
	max-width: 100%;
}
.pagettl p span {
	display: block;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.pankuzu a {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
}
.pankuzu li {
    display: inline-block;
    margin-right: 6px;
    color: #999;
}
.pankuzu li:last-child a {
    color: #999999;
    font-size: 12px;
}

#notes_Area {
	padding: 80px 0;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.notes.inner p {
	font-size: 12px;
	font-weight: bold;
}
#notes_Area {
	padding: 10% 3%;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}


h3.structure_ttl_h3 {
    font-size: 18px;
	font-weight: bold;
    color: #5a5349;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
	border-bottom: 1px solid rgba(90,83,73,.5);
	margin-bottom: 20px;
}
h3.structure_ttl_h3 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}
.structure_box h5 {
    font-size: 15px;
    padding-top: 14px;
    margin-bottom: 6px;
}

.structure_box {
	margin-bottom: 60px;
}
.structure_box h4 {
	display: flex;
	align-items: center;
	color: #8c5d0a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.structure_box h4 span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: #a30000;
	padding: 3px 5px;
	margin-left: 10px;
}
.flex {
	display: block;
}
.flex48-48 {
	justify-content: space-between;
}
.flex48-48 li {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-direction: column;
	margin-bottom: 10%;
}

.flex35-65 {
	
}
.flex35-65 .flex-column {
	width: 100%;
	justify-content: flex-start;
}
.flex35-65 .flex-column .wrap {
	margin-bottom: 30px;
}
.flex35-65 .flex-img {
	width: 100%;
	text-align: left;
}

.flex65-35 {
	justify-content: space-between;
}
.flex65-35 .text_wrap {
	width: 100%;
}
.flex65-35 .img_wrap {
	width: 100%;
	text-align: center;
}
.flex65-35 .img_wrap img {
	width: auto;
}

.flex75-25 {
	justify-content: space-between;
}
.flex75-25 li:first-child {
	width: 100%;
}
.flex75-25 li:last-child {
	width: 100%;
	text-align: center;
}

.flex65-31 {
	justify-content: space-between;
}
.flex65-31 li:first-child {
	width: 100%;
}
.flex65-31 li:last-child {
	width: 100%;
}




p.text {
	font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
p.comment {
	color: #000;
	padding-top: 0;
	font-size: 10px;
}
.comment {
	font-size: 12px;
	padding-top: 5px;
}

.structure01-01 .flex01 figure {
	text-align: center;
}
.structure01-01 .flex01 img {
	width: auto;
}
.structure01-01 .flex01 .comment {
	padding-top: 0;
	margin-bottom: 0%;
}
.structure01-01 .flex01 .comment.mb40 {
	margin-bottom: 6%;
}
.structure01-01 .flex02 {
	justify-content: flex-start;
}

.structure01-02 {
	margin-bottom: 15%;
}

.structure02-03 li {
	justify-content: flex-start;
	margin-bottom: 0;
}
.structure02-04 li {
	margin-bottom: 3%;
}
.structure02-05 li {
	margin-bottom: 3%;
}


.security01-02 .text {
	padding-bottom: 10px;
}
.security01-02 .comment {
	padding-top: 0;
	padding-bottom: 20px;
}

.security01-03 ul {
	justify-content: space-between;
	margin-bottom: 60px;
	display: flex;
}
.security01-03 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 31%;
}


.security01-05 {
	background: #f7efe3;
	padding: 0px;
	text-align: center;
}
.security01-05 .img {
	display: inline-block;
}
.security01-05 img {
	width: auto;
	max-width: 100%;
}
/*
.security01-06 h4 {
    font-size: 18px;
    color: #000;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}
*/
}