@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

Table of Contents (common css)

--------------------------------------------------

0. Foundation

     0-1. Reset

     0-2. Base

     0-3. Config

1. Layout

     1-1. #l-document

     1-2. #l-header

     1-3. #l-container

                1-3-1. #l-main

                1-3-2. #l-sub

     1-4. #l-footer

     1-5. #l-navGlobal

     1-6. page-header

     1-7. layoutType

2. Object

     2-1. Component a.k.a Module

                2-1-1.  Wrap     [wrp-***]

                2-1-2.  Box      [box-***]

                2-1-3.  Table    [tbl-***]

                relative;.  Headings [hdg-lv*]

                2-1-5.  Nav      [nav-***]

                2-1-6.  List     [lst-***]

                2-1-7.  Button   [btn-***]

                2-1-8.  Anchor   [acr-***]

                2-1-9.  Text     [txt-***]

                2-1-10. Icon     [icn-***]

                2-1-11. Label    [lbl-***]

                2-1-12. Form     [frm-***]

                2-1-13. Error    [err-***]

                2-1-14. Panel    [pnl-***]

                2-1-15. Media    [mda-***]

                2-1-16. UI

     2-2. Utility

                2-2-1. clearfix

                2-2-2. margin,padding [mb10,pt20]

                2-2-3. Object-Oriented CSS

                2-2-4. Grid System [grid-***]

                2-2-5. CSS Animation [act-***]

                2-2-6. WebFont

     2-3. State [is-***]

     2-4. OverLayerConfig [z-index]

     2-5. Project



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



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

 [0. Foundation]

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



/* 0-1. Reset

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

html{

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}

body{

    margin: 0;

    padding: 0;

}

a{

    background: transparent;

}

a:focus{

    outline: thin dotted;

}

a:active,

a:hover{

    outline-width: 0;

}

html,div,span,object,iframe,

h1,h2,h3,h4,h5,h6,p,blockquote,pre,

a,abbr,acronym,address,code,del,em,img,strong,

dl,dt,dd,ol,ul,li,

fieldset,form,label,

table,caption,tbody,tfoot,thead,tr,th,td{

    margin: 0;

    padding: 0;

    vertical-align: baseline;

}

article,aside,footer,header,small,nav,section,figure,figcaption,main{

    margin: 0;

    padding: 0;

    display: block;

    vertical-align: baseline;

    list-style: none;

    background: transparent;

    outline: none;

}

audio,canvas,progress,video{

    display: inline-block;

}

audio:not([controls]){

    display: none;

    height: 0;

}

progress{

    vertical-align: baseline;

}

template,

[hidden]{

    display: none;

}

ul,ol{

    list-style-type: none;

}

table{

    border: none;

    border-collapse: collapse;

    border-spacing: 0;

}

img{

    line-height: 1;

    vertical-align: baseline;

    outline: none;

}

a img{

    border: none;

    outline: none;

}

sub,sup{

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

hr{

    box-sizing: content-box;

    height: 0;

}

dt,dd,li,

th,td,

input,textarea{

    text-align: left;

    vertical-align: top;

}

button{

    border: none;

}

input,textarea,button{

    margin: 0;

    padding: 0;

}

.Main__content input{

    border: 1px solid #dad7d3;

    height: auto;

    padding: 2px 5px;

}

.Main__content textarea{

    border: 1px solid #dad7d3;

    height: 78px;

/*  resize: none;*/

}

button,label{

    background: transparent;

    cursor: pointer;

}

button,select{

    text-transform: none;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"]{

    -webkit-appearance: button;

    cursor: pointer;

}

button[disabled],

input[disabled]{

    cursor: default;

}

input[type="checkbox"],

input[type="radio"]{

    box-sizing: content-box;

    padding: 0;

}

input[type="search"]{

    -webkit-appearance: textfield;

    box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration{

    -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner{

    padding: 0;

    border: 0;

}

textarea{

    overflow: auto;

    vertical-align: top;

}

:focus{

    outline: none;

}



/* 0-2. Base

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

html{

    overflow-y: scroll;


}

html.wf-active{

}

body{

    font-family:Arial,Helvetica,sans-serif;

}

@media only screen and (min-width:768px){

    .Main__content{

        font-feature-settings : "palt";

        font-family: Arial,Helvetica,sans-serif;

    }

}

html,body{

    width: 100%;

    height: 100%;

}

h1,h2,h3,h4,h5,h6{

    font-size: 100%;

    font-weight: bold;

}

table{

    width: 100%;

}

.Main__content input, .Main__content textarea, .Main__content button{

    font-family:Arial,Helvetica,sans-serif;

    font-size: 100%;

}

@media only screen and (min-width:768px){

    .Main__content input, .Main__content textarea, .Main__content button{

        font-family: "Noto Sans Japanese";

    }

}

strong{

    font-weight: bold;

}

em{

    font-weight: bold;

}

sup{

    vertical-align: 0.6em;

    font-size: 70%;

}





/* 0-3. Config

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

.Main__content {

    font-size: 14px;

    color: #222;

    background: #fff;

    min-height: 100%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .Main__content {

        font-size: 12px;

    }

}

a{

    color: #222;

    text-decoration: none;

}

a:focus {

    outline: none;

}

h1,h2,h3,h4,h5,h6{

    line-height: 1.4;

}

p{

    line-height: 1.8;

}

dt,dd,li,

th,td,

input,

textarea,

button{

    line-height: 1.6;

}

input{

    font-size: 16px;

    box-sizing: border-box;

}

select{

    display: block;

}

textarea{

    width: 100%;

    display: block;

    font-size: 16px;

    box-sizing: border-box;

}





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

 [1. Layout]

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

/* 1-1. #l-document

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

#l-document{

    position: relative;

}

@media only screen and (min-width:1px) and (max-width:767px){

    #l-document{



    }

}

/* 1-2. #l-header

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

.header{

    padding: 45px 0 45px 74px;

}

.header__dropdown{

    display: table;

    width: 100%;

}

.header__dropdown__title,

.header__dropdown__inner{

    display: table-cell;

    vertical-align: middle;

}

.header__dropdown__title{

    width: 105px;

    font-size: 15px;

}

.header__dropdown__title a{

    // display: inline-block;

    color: #fff;

    padding: 4px 10px;

    font-size: 14px;

    font-weight: 500;

    background: #0e2e92;

    text-align: center;

}

.header__dropdown__title span:last-child{

    display: none;

}

.header__nav{

    overflow: hidden;

}

.header__nav li{

    display: inline-block;

    float: left;

    margin-left: 12px;

    padding: 5px 10px;

    opacity: 0;

}

.is-first-load .header__nav li {

    -webkit-animation: fadeDown 1s ease both;

    animation: fadeDown 1s ease both;

}

.is-first-load .header__nav li:nth-child(2) {

    animation-delay: 0.2s;

}

.is-first-load .header__nav li:nth-child(3) {

    animation-delay: 0.3s;

}

.is-first-load .header__nav li:nth-child(4) {

    animation-delay: 0.4s;

}

.is-first-load .header__nav li:nth-child(5) {

    animation-delay: 0.5s;

}

@-webkit-keyframes fadeDown {

    from {

        opacity: 0;

        transform: translate3d(0, -20%, 0);

    }

    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}

@keyframes fadeDown {

    from {

        opacity: 0;

        transform: translate3d(0, -20%, 0);

    }

    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}

.is-after-load .header__nav li {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

.header__nav li a{

    display: block;

    position: relative;

    font-size: 14px;

    font-weight: 500;

}

.header__nav li a:before {

    content: "";

    background: #0e2e92;

    height: 2px;

    left: 0;

    right: 0;

    width: 0;

    max-width: 100%;

    position: absolute;

    bottom: -3px;

    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);

}

.header__nav li.is-current a:before,

.header__nav li a:hover:before{

    width: 100%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .header{

        padding: 12px 0;

        background: #f5f5f5;

        margin-bottom: 14px;

        position: relative;

        z-index: 300;

    }

    .header.is-opened{

        padding: 17px 0 14px;

    }

    .header__dropdown__title{

        width: 100%;

        font-size: 11px;

    }

    .header__dropdown__title span{

        padding: 3px 9px;

    }

    .header__dropdown__title span:last-child{

        display: inline-block;

        background: none;

        color: #222;

        font-size: 15px;

        font-weight: bold;

        line-height: 1.3333;

        vertical-align: middle;

    }

    .header__dropdown__title{

        display: block;

    }

    .header__dropdown__inner{

        display: none;

    }

    .header__dropdown__title:after{

        content: '\e905';

        display: block;

        position: absolute;

        right: 35px;

        top: 15px;

        font-family: "sekisui";

        font-style: normal;

        font-weight: normal;

        height: 1em;

        vertical-align: top;

        width: 1em;

        font-size: 28px;

        color: #0e2e92;

        transform: rotate(-90deg);

    }

    .is-opened .header__dropdown__inner{

        background: #f5f5f5;

    }

    .header__nav li{

        display: block;

        float: none;

        text-align: center;

        border-bottom: 1px solid #ccc;

        padding: 0;

        margin-left: 0;

    }

    .header__nav li a{

        padding: 16px;

        font-size: 15px;

    }

    .header__nav li.is-current a:before,

    .header__nav li a:hover:before{

        content: none;

    }

    .header__nav li a span{

        display: inline-block;

        position: relative;

    }

    .header__nav li.is-current a span:before{

        content: "";

        height: 2px;

        background: #0e2e92;

        left: 0;

        right: 0;

        margin: auto;

        position: absolute;

        bottom: -16px;

    }

    .is-opened .header__dropdown__title:after{

        transform: rotate(90deg);

        right: 10px;

    }

}

@media only screen and (min-width:768px) and (max-width:1000px){

    .header {

        padding: 45px 0 45px 10px;

        font-size: 13px;

    }

    .header__nav li{

        margin-left: 8px;

        padding: 5px 5px;

    }

}

@media only screen and (min-width:768px){

    .header__dropdown__inner{

        display: block !important;

    }

}

/* icon */

.icon__area .icon__header {

    position: absolute;

    top: 10px;

    right: 10px;

    z-index: 50;

}

.icon__area .icon__header > li {

    float: left;

    width: 46px;

    height: 46px;

    text-align: center;

}

.icon__area .icon__header > li > a {

    display: block;

    box-sizing: border-box;

    padding: 16px 0;

    z-index: 50;

    position: relative;

}

.icon__area .icon__header > li:first-child > a {

    border: none;

}

.icon__area .icon_open__container {

    width: 100%;

    padding-left: 180px;

    box-sizing: border-box;

    background: url("/ir/outline/assets/img/bg_menu.png");

    position: fixed;

    top: 0;

    right: -101%;

    min-height: 760px;

    overflow-y: auto;

    z-index: 40;

    transition: right 600ms ease;

    -webkit-transition: right 600ms ease;

}

.icon__area .icon_open__container.is--open {

    right: 0;

}

.icon__area .icon__header.is--open {

    position: fixed;

}

.icon__area .icon_open__close_btn {

    position: absolute;

    top: 24px;

    left: 210px;

}



/* search */

.icon__area .search__container {

}

.icon__area .search__container .search__inner {

    position: absolute;

    top: 58px;

    right: 92px;

}

.icon__area .search__container input {

    display: table-cell;

    vertical-align: middle;

    width: 428px;

    height: 48px;

    background-color: #fff;

    border: none;

    box-sizing: border-box;

    padding: 0 25px 0 65px;

    line-height: 1;

    border-radius: 0;

}

.icon__area .search__container .search__icon {

    position: absolute;

    top: 12px;

    left: 15px;

}



/* language */

.icon__area .language__container ul {

    position: absolute;

    top: 58px;

    right: 25px;

}

.icon__area .language__container ul li {

    float: left;

    margin-left: 25px;

    padding-left: 25px;

    border-left: 1px solid #0e3092;

}

.icon__area .language__container ul li:first-child {

    margin-left: 0;

    padding-left: 0;

    border-left: none;

}

.icon__area .language__container ul li a {

    font-size: 16px;

    font-weight: bold;

    color: #0e3092;

    line-height: 1;

}



/* rss */

.icon__area .rss__container {

    padding: 85px 0 0 0

}

.icon__area .rss__container .rss__inner {

    margin-left: 180px;

    padding-left: 2%

}

.icon__area .rss__container .rss__ttl {

    text-align: left;

}

.icon__area .rss__container ul {

    margin-top: 40px;

}

.icon__area .rss__container ul li {

    text-align: left;

}

.icon__area .rss__container ul li a {

    font-size: 16px;

    font-weight: bold;

    color: #3d3d3d;

    line-height: 2.25;

}



/* modal sitemap 190408修正*/

@media only screen and (min-width:768px) {

	.bg-modal-sitemap{

		width: 100%;

		height: 100%;

		background: #000;

		opacity: 0.8;

		position: absolute;

		z-index: 300;

		top: 0;

	}

	.modal-sitemap{

		display: none;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 400;

		padding: 130px 70px!important;

	}

	.modal-sitemap ul{

		overflow-y: scroll!important;

                height: 225px;

                margin: 0 30px 25px;

	}

   	.modal-sitemap li {margin-bottom:10px;}

	.modal-sitemap li a:hover,

	.modal-sitemap li a:hover span{

		text-decoration: underline;

	}

	.modal-sitemap .modal-close{

		position: absolute;

		top: 50px;

		right: 70px;

		cursor: pointer;

	}

}

@media only screen and (min-width:1px) and (max-width:767px){

	.bg-modal-sitemap,

	.modal-sitemap{

		display: none!important;

	}

}

@media print{

	.modal-sitemap{

		display: none;

	}

}



/* 1-3. #l-container

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

#l-container {

    margin-left: 180px;

    position: relative;

}

@media only screen and (min-width:1px) and (max-width:767px){

    #l-container{

        margin: 0;

    }

    .bg-modal{

        width: 100%;

        height: 100%;

        background: #000;

        opacity: 0.8;

        position: absolute;

        z-index: 300;

        top: 0;

    }

}/* endMedia */



/* 1-3-1. #l-main

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

#l-main {

    display: block;

}

/* 1-3-2. #l-sub

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



/* 1-4. #l-footer

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

.nav-footer{

    background: #f5f5f5;

    text-align: center;

    margin-top: 160px;

}

.nav-footer__inner{

    background: #717681;

}

.nav-footer__link{

    margin: 0 auto;

    font-size: 0;

    display: table;

    width: auto;

}

.nav-footer__link li{

    display: table-cell;

    vertical-align: middle;

}

.nav-footer__link li a{

    display: block;

    padding: 28px 20px;

    color: #fff;

    font-size: 16px;

    position: relative;

    transition: all 0.3s ease;

}

.nav-footer__link li.is-current a,

.nav-footer__link li a:hover {

    background: #f5f5f5;

    color: #222;

    opacity: 1;

}

.nav-footer__sub{

    display: none;

}

.nav-footer__sub__title{

    font-weight: 200;

    padding: 90px 0 60px;

    font-size: 30px;

    border-bottom: 3px solid #ccc;

    max-width: 1000px;

    margin: 0 auto;

}

.nav-footer__sub.is-active{

    display: block;

}

.nav-footer__sub__title span{

    display: inline-block;

    position: relative;

}

.nav-footer__sub__title span:before{

    content: "";

    height: 3px;

    position: absolute;

    bottom: -63px;

    background: #0e2e92;

    left: 0;

    right: 0;

    margin: auto;

    width: 160px;

}

.nav-footer__sub__title span:after{

    content: "";

    position: absolute;

    bottom: -68px;

    left: 0;

    right: 0;

    margin: auto;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 5px 0 5px;

    border-color: #0e2e92 transparent transparent transparent;

}

.nav-footer__sub__cat{

    margin-top: 23px;

    padding-bottom: 60px;

}

.nav-footer__sub__cat li{

    display: inline-block;

    margin: 0 10px;

}

.nav-footer__sub__cat li a{

    display: block;

    padding: 10px 0 6px;

    position: relative;

    font-size: 14px;

    font-weight: 500;

}

.nav-footer__sub__cat li.is-current a:before,

.nav-footer__sub__cat li a:hover:before,

.lst-link-ir li a:hover:before{

    width: 100%;

}

.nav-footer__sub__cat li a:before,

.lst-link-ir li a:before{

    content: '';

    position: absolute;

    width: 0;

    max-width: 100%;

    height: 2px;

    background: #0e2e92;

    bottom: 0;

    left: 0;

    right: 0;

    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);

}



.lst-link-ir {

    margin: 0 auto;

    padding: 20px 0;

}

.lst-link-ir li {

    display: inline-block;

    text-align: center;

    padding: 0 22px;

}

.lst-link-ir li a {

    position: relative;

    font-weight: normal;

    font-size: 13px;

    padding-bottom: 5px;

}

@media only screen and (min-width:1300px) and (max-width:1500px){

    .lst-link-ir{

        padding-right: 200px;

    }

}

@media only screen and (min-width:768px) and (max-width:1160px){

    .nav-footer__link{

        overflow: hidden;

    }

    .nav-footer__link li a{

        padding: 20px 7px;

        font-size: 10px;

    }

    .nav-footer__sub__title{

        padding: 60px 0 20px;

    }

    .nav-footer__sub__title span:before{

        bottom: -23px;

    }

    .nav-footer__sub__title span:after{

        bottom: -28px;

    }

    .lst-link-ir li {

        padding: 0 15px;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .nav-footer{

        margin-top: 100px;

    }

    .nav-footer__inner{

        overflow-x: scroll;

        -webkit-overflow-x: scroll;

    }

    .nav-footer__sub__title{

        display: none;

    }

    .nav-footer__link li a{

        padding: 20px;

        font-size: 14px;

        font-weight: 500;

        white-space: nowrap;

    }

    .nav-footer__link li a:hover {

        background: #717681;

    }

    .nav-footer__sub__cat{

        padding-bottom: 0px;

    }

    .nav-footer__sub__cat li{

        display: block;

        text-align: center;

        border-bottom: 1px solid #ccc;

    }

    .nav-footer__sub__cat li.is-current a{

        border-bottom: 0;

    }

    .nav-footer__sub__cat li.is-current a span{

        position: relative;

    }

    .nav-footer__sub__cat li a {

        padding: 18px 0;

    }

    .nav-footer__sub__cat li a:before,

    .lst-link-ir li a:before {

        display: none;

    }

    .nav-footer__sub__cat li a,

    .nav-footer__sub__cat li a:hover{

        border-bottom: 0;

    }

    .nav-footer__sub__cat li.is-current a span:before{

        content: "";

        height: 1px;

        background: #0e2e92;

        left: 0;

        right: 0;

        margin: auto;

        bottom: -20px;

        position: absolute;

    }

    .lst-link-ir {

        display: block;

        margin: 0 -20px 0;

        padding: 0;

    }

    .lst-link-ir li {

        display: inline-block;

        padding: 0;

        width: 50%;

        box-sizing: border-box;

        border-bottom: 1px solid #e6e6e6;

        float: left;

    }

    .lst-link-ir li:nth-child(even) {

        border-left: 1px solid #e6e6e6;

    }

    .lst-link-ir li a {

        display: block;

        padding: 10px 15px;

    }

}/* endMedia */

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

.footer {

    position: relative;

}

.footer__upper {

    background: #0e3092;

    text-align: center;

    padding: 25px 0 20px;

}

.footer__upper img {

    width: 406px;

}

.footer__middle {

    background: #e9ecf3;

}

.footer__middle__inner {

    max-width: 1093px;

    padding: 25px 20px 33px;

    margin: 0 auto;

}

.footer__middle__link {

    display: none;

}

.footer__middle__list {

    font-size: 0;

}

.footer__middle__list > li {

    display: inline-block;

    width: 20%;

    padding-right: 20px;

    box-sizing: border-box;

}

.footer__middle__title {

    font-size: 13px;

    font-weight: bold;

    border-bottom: 1px solid #0e3092;

    padding-left: 10px;

    margin-top: 15px;

    margin-bottom: 7px;

    padding-bottom: 2px;

}

.footer__middle__list ul li {

    font-size: 13px;

    position: relative;

    padding-left: 10px;

    line-height: 1.833;

}

.is--notouch .footer__middle__list ul li a:hover {

    opacity: 1;

    text-decoration: underline;

}

.footer__middle__list ul li:before {

    content: '';

    display: block;

    position: absolute;

    border: 3px solid transparent;

    border-left: 3px solid #0e3092;

    top: 7px;

    left: 0;

}

.footer__sitelogo {

    margin-top: 47px;

    text-align: center;

}

.footer__lower {

    background: #0e3092;

    position: relative;

    z-index: 200;

    height: 28px;

}

.footer__lower__inner {

    padding: 0 20px;

    margin: 0 auto;

    padding-top: 7px;

}

.footer__lower ul {

    float: left;

}

.footer__lower ul li {

    float: left;

    border-left: 1px solid #fff;

    padding-left: 8px;

    margin-left: 8px;

    line-height: 10px;

}

.footer__lower ul li:first-child {

    border: none;

    padding: 0;

    margin: 0;

}

.footer__lower ul li a {

    font-size: 10px;

    color: #fff;

}

.footer__lower ul li a:link,

.footer__lower ul li a:visited ,

.footer__lower ul li a:active {

    color: #fff;

}

.footer__copyright {

    font-family: 'Roboto Condensed',sans-serif;

    color: #fff;

    float: right;

    font-size: 10px;

    letter-spacing: 0.1em;

}

.pagetop {

    position: absolute;

    bottom: 0;

    right: 70px;

    left: 0;

    z-index: 5;

    transition: opacity .3s;

    opacity: 0;

    height: 58px;

    text-align: right;

    pointer-events: none;

}

.pagetop a {

    display: inline-block;

    width: 58px;

    background: url("/company/rikujou/assets/images/cmn-btn-pagetop01.png") no-repeat center;

    height: 58px;

    font-size: 0;

    pointer-events: auto;

}

.pagetop.is-show {

    opacity: 1;

}

.pagetop.is-fixed {

    position: fixed;

    bottom: 0;

}

.sitemap.is-visiblePc {

    position: absolute;

    bottom: 0;

    right: 130px;

    padding: 10px;

    box-sizing: border-box;

    opacity: 0;

    transition: opacity .3s;

}

.sitemap.is-visiblePc.is-show {

    opacity: 1;

}

.sitemap.is-visiblePc.is-fixed {

    position: fixed;

    bottom: 0;

}

.sitemap.is-visiblePc p{

    line-height: 1.3;

    padding: 15px 10px;

    color: #fff;

    text-align: center;

    box-sizing: border-box;

    font-weight: 500;

    display: block;

    background-color: #009DA5;

    cursor: pointer;

}

.btn-sitemap{

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}

.btn-sitemap:hover{

    opacity: 0.7;

}

@media only screen and (min-width:1px) and (max-width:1300px) {

    .pagetop {

        height: 40px;

        bottom: 0;

        right: 0;

    }

    .pagetop a {

        width: 59px;

        background: url("/company/rikujou/assets/images/cmn-btn-pagetop01-sp.png") no-repeat center;

        background-size: 59px auto;

        height: 40px;

        font-size: 0;

    }

    .sitemap.is-visiblePc {

        bottom: 0;

        right: 58px;

        padding: 5px;

    }

    .sitemap.is-visiblePc p{

        padding: 8px 10px;

    }

}

@media only screen and (min-width:1px) and (max-width:1153px) {

    .footer__middle__list {

        margin: 0 -10px;

    }

    .footer__middle__list > li {

        padding: 0 10px;

        box-sizing: border-box;

    }

}

@media only screen and (min-width:1px) and (max-width:959px) {

    .footer__upper {

        height: 65px;

        padding: 16px 0;

        box-sizing: border-box;

    }

    .footer__upper img {

        width: 260px;

        margin: 0 auto;

    }

    .footer__middle__inner {

        width: 100%;

        padding: 4px 1px 0;

        box-sizing: border-box;

    }

    .footer__middle__link {

        display: block;

    }

    .footer__middle__link li {

        float: left;

        padding: 0 2px;

        width: 33.33333333333%;

        box-sizing: border-box;

        margin-bottom: 4px;

    }

    .footer__middle__link li a {

        display: block;

        border: 1px solid #919cc4;

        font-size: 12px;

        color: #636363;

        text-align: center;

        height: 50px;

        line-height: 50px;

        font-weight: bold;

    }

    .footer__middle__list {

        display: none;

    }

    .footer__sitelogo {

        margin: 0;

        padding: 27px 0;

    }

    .footer__sitelogo img {

        width: 163px;

        height: auto;

    }

    .footer__lower {

        height: auto;

    }

    .footer__lower__inner {

        padding: 0;

    }

    .footer__lower ul {

        position: static;

        padding-top: 9px;

        margin: 0 auto;

        width: 300px;

        text-align: center;

        float: none;

    }

    .footer__lower ul li {

        float: none;

        display: inline-block;

        font-size: 10px;

        margin-bottom: 5px;

        letter-spacing: -0.06em;

    }

    .footer__lower ul li.is--noborder {

        border: none;

        margin-left: 0;

        padding-left: 0;

    }

    .footer__copyright {

        float: none;

        text-align: center;

    }

    .footer__lower .footer__copyright img {

        display: none;

    }

}



@media only screen and (min-width:1px) and (max-width:767px) {

    .pagetop {

        height: 25px;

    }

    .pagetop a {

        width: 37px;

        background-size: 37px;

        height: 25px;

    }

}

@media only screen and (min-width:768px) and (max-width:959px){

    .footer__upper {

        height: 72px;

    }

    .footer__upper img {

        width: 325px;

        height: auto;

    }

    .footer__sitelogo img {

        width: 262px;

    }

}

/* 1-5. #navGlobal

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



/* 1-6. layoutType

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

.box-heading {

    padding: 0 70px 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 60px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-heading {

        padding: 0 20px 5px;

        margin-bottom: 35px;

    }

}

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

 [2. Object]

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



/* 2-1. Component a.k.a Module

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

/*2-1-1.  Wrap     [wrp-***]*/

.wrp-container {

    width: 100%;

    padding: 0 70px;

    margin: 0 auto;

    box-sizing: border-box;

}



.wrp-text {

    margin-bottom: 115px;

}

.wrp-text p + p {

    margin-top: 35px;

}

.wrp-text p + .wrp-text__button {

    margin-top: 20px;

}

.wrp-text__button .btn {

    margin-right: 20px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .wrp-container {

        padding: 0 20px;

    }

    .wrp-text {

        margin-bottom: 55px;

    }

    .wrp-text__button .btn {

        margin: 0 0 10px;

        width: 100%;

        max-width: none;

    }

    .wrp-text p + p {

        margin-top: 15px;

    }

}



.wrp-text--sm {

    margin-bottom: 60px;

}

.wrp-text--sm p + p {

    margin-top: 15px;

}

.wrp-text--sm p + .wrp-text__button {

    margin-top: 25px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .wrp-text--sm {

        margin-bottom: 40px;

    }

    .wrp-text--sm p + .wrp-text__button {

        margin-top: 15px;

    }

}





/*2-1-2.  Box      [box-***]*/

.box-lead{

    border-top: 2px solid #0e2e92;

    border-bottom: 2px solid #0e2e92;

    box-sizing: border-box;

    padding: 44px 55px 53px;

    margin-bottom: 114px;

}

.box-lead p{

    font-size: 18px;

    line-height: 1.83;

}

.box {

    background-color: #fff;

    border: 1px solid #ccc;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-lead {

        border-top: 1px solid #0e2e92;

        border-bottom: 1px solid #0e2e92;

        box-sizing: border-box;

        padding: 28px 0px 19px;

        margin-bottom: 40px;

    }

    .box-lead p{

        font-size: 14px;

    }

}

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

.box-media {

    display: table;

    width: 100%;

    margin: 32px 0 -2px;

}

.box-media__image {

    text-align: center;

    display: table-cell;

    width: 29%;

    vertical-align: top;

    padding-top: 7px;

    padding-right: 30px;

}

.box-media__image img {

    width: 100%;

}

.box-media__text {

    display: table-cell;

    vertical-align: top;

}

.box-media__text__title {

    font-size: 16px;

    margin-bottom: 7px;

    letter-spacing: 0.06em;

    line-height: 30px;

    font-weight: bold;

}

.box-media__text__title small {

    display: inline-block;

    font-weight: normal;

    letter-spacing: 0;

    font-size: 14px;

}

.box-media__text__content{

    position: relative;

}

.box-media__text__content small{

    font-size: 13px;

    display: block;

}

.box-media__text p.txt-signature {

    letter-spacing: 0;

    line-height: 23px;

}

.box-media__lead{

    border: 1px solid #000;

    line-height: 2;

    padding: 21px 31px;

    margin: 39px 0;

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

    .box-media {

        margin: 17px 0 40px;

    }

    .box-media__image {

        display: block;

        width: 100%;

        margin-bottom: 5px;

        padding-top: 0;

        padding-right: 0;

    }

    .box-media__text{

        display: block;

        width: 100%;

        padding: 0;

    }

    .box-media__text .box-media__text__title {

        font-size: 14px;

        line-height: 23px;

        letter-spacing: 0.015em;

        margin-bottom: 0;

    }

    .box-media__text p.txt-signature {

        font-size: 12px;

        letter-spacing: 0.015em;

        line-height: 17px;

    }

    .box-media__text__content{

        padding-left: 13px;

        line-height: 1.4;

        font-size: 12px;

    }

    .box-media__text__content a{

        display: block;

    }

    .box-media__text__content small{

        font-size: 9px;

    }

    .box-media__lead{

        border: 1px solid #030000;

        margin: 19px 0;

        line-height: 1.5;

        padding: 10px 15px 8px;

    }

}

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

.box-cm {

    margin: 20px 0 55px;

}

.box-cm__inner {

    display: table;

    width: 100%;

}

.box-cm__content {

    display: table-cell;

    vertical-align: top;

    padding-right: 140px;

}

.box-cm__image {

    display: table-cell;

    vertical-align: top;

    text-align: center;

    width: 31%;

    padding-top: 5px;

}

.box-cm__image img {

    width: 100%;

}

.box-cm__content__text {

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 20px;

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

    .box-cm{

        margin: 20px 0 34px;

    }

    .box-cm__content {

        display: block;

        padding-right: 0;

        margin-bottom: 15px;

    }

    .box-cm__image {

        display: block;

        width: 100%;

    }

    .box-cm__content__text {

        font-size: 14px;

        line-height: 23px;

        margin-bottom: 17px;

    }

}

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

.box-article {

    padding: 50px 50px 30px;

}

.box-article__inner {

    display: table;

    width: 100%;

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px;

}

.box-article__image {

    display: table-cell;

    vertical-align: top;

    width: 30%;

    text-align: center;

    font-size: 0;

}

.box-article__image img {

    width: 100%;

}

.box-article__content {

    display: table-cell;

    vertical-align: top;

    padding-left: 60px;

}

.box-article__content p {

    letter-spacing: 0.06em;

}

.box-article__content p + p{

    margin-top: 15px;

}

.box-article__content p.txt-note {

    font-size: 13px;

    line-height: 20px;

}

.box-article__button {

    text-align: center;

    margin-top: 30px;

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

    .box-article {

        padding: 20px;

    }

    .box-article__inner {

        border-bottom: 0;

        padding-bottom: 0;

    }

    .box-article__image {

        display: block;

        width: 100%;

        margin-bottom: 15px;

    }

    .box-article__image img {

        width: 114px;

    }

    .box-article__content {

        display: block;

        width: 100%;

        padding-left: 0;

    }

    .box-article__content p {

        font-size: 14px;

        line-height: 23px;

        letter-spacing: 0.015em;

    }

    .box-article__content p + p{

        margin-top: 10px;

    }

    .box-article__content p.txt-note {

        font-size: 10px;

        line-height: 15px;

    }

    .box-article__content p + .box-article__link {

        margin-top: 30px;

    }

    .box-article__button {

        margin-top: 35px;

    }

}



.box-agree {

    text-align: center;

    border-top: 1px solid #ccc;

    padding: 55px 0 0;

}

.box-agree__button {

    margin-top: 25px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-agree {

        padding: 25px 0 0;

    }

    .box-agree__button {

        margin-top: 15px;

    }

}



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

.box-revision {

    margin-bottom: 23px;

}

.box-revision p {

    line-height: 23px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-revision {

        margin-bottom: 15px;

    }

    .box-revision p {

        font-size: 12px;

        line-height: 17px;

    }

}

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

.box-more {

    text-align: center;

    padding: 55px 20px 0;

    border-top: 1px solid #ccc;

    margin-top: 100px;

}

.box-more__text {

    margin-bottom: 22px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-more {

        margin-top: 60px;

        padding: 35px 20px 0;

    }

    .box-more__text {

        margin-bottom: 10px;

    }

}

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

.box-main-visual {

    background: #e6e6e6;

    padding: 20px 70px;

    margin: 0 auto;

    box-sizing: border-box;

}

.box-main-visual__inner{

    margin: 0!important;

}

.box-main-visual__inner .box-main-visual__image{

    padding: 0;

}

.box-main-visual__block{

    display: block;

    border-left: solid 4px #0e3092;

    background-color: #fff;

    padding: 0;

    position: relative;

}

.box-main-visual__block + .box-main-visual__block{

    margin-top: 20px;

}

.box-main-visual__block > div{

    margin: 0;

    padding: 23px 20px;

    

}

.box-main-visual__block .bg-before{

    background: url('/ir/outline/assets/img/bg-top-01.png') top right no-repeat;

}

.box-main-visual__block .bg-after{

    background: url('/ir/outline/assets/img/bg-top-02.png') top right no-repeat;

}

.box-main-visual__block .txt-sm{

    font-size: 24px;

    line-height: 26px;

    letter-spacing: 0.025em;

    font-weight: bold;

    color: #0e3092;

}

.box-main-visual__block .txt-sm span{

    font-size: 16px;

    line-height: 48px;

    letter-spacing: 0.05em;

    border: solid 2px;

    font-weight: normal;

    vertical-align: middle;

    margin-right: 5px;

    padding: 0 5px;

}

.box-main-visual__block .txt-lg{

    font-size: 36px;

    line-height: 44px;

    letter-spacing: 0.025em;

    

}

.box-main-visual__block .txt-link{

	background-color: #fff;

	font-size: 16px;

	padding: 0 10px;

	position: absolute;

	bottom: 0px;

	right: 10px;

}

.box-main-visual__block .txt-link i{

    color: #0e3092;

}

.box-main-visual__block.block-calendar{

    height: 100%;

}

.box-main-visual__block.block-calendar > div{

    padding: 60px 10px 60px 30px;

}

.box-main-visual__block.block-calendar img{

    padding-top: 60px;

}

.box-main-visual__block .block-keiei{

    background: none;

    display: table;

    width: 100%;

    box-sizing: border-box;

    min-height: auto;

}

.box-main-visual__block .block-keiei > div{

    display: table-cell;

    vertical-align: top;

}

.box-main-visual__block .block-keiei__img{

    text-align: center;

    

}

.box-main-visual__block .block-keiei__img img{

    width: 100%

    

}



.box-main-visual__inner > .grid-col--4{

    padding: 0 0 0 15px;

}

.box-main-visual__side {

    box-sizing: border-box;

    position: relative;

    padding-bottom: 50px;

    background: #fff;

    vertical-align: top;

}

.box-main-visual__button {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}

.box-main-visual__title {

    font-size: 24px;

    font-weight: bold;

    border-bottom: 1px solid #e6e6e6;

    padding: 20px 25px;

    line-height: 1.3;

}

.box-main-visual__title small {

    font-size: 14px;

    font-weight: normal;

    line-height: 1;

}

.box-main-visual__link {

    padding: 20px 25px;

    font-size: 14px;

}

.box-main-visual__link > li {

    padding: 0 0 5px;

}

.box-main-visual__link > li + li {

    border-top: 1px solid #e6e6e6;

    padding-top: 15px;

}

.box-main-visual__link__title {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 5px;

}

.box-main-visual__link ul li {

    margin-bottom: 5px;

}

.box-main-visual__link ul li a {

    padding-left: 20px;

    text-indent: -20px;

    display: inline-block;

}

.box-main-visual__button .btn{

    width: 100%;

    max-width: unset;

    padding: 12px;

}

.btn-main-visual{

    background: #fff;

}

.btn-main-visual a{

    display: block;

    padding: 10px;

}

@media only screen and (min-width:1px) and (max-width:1200px){

    .box-main-visual__image,

    .box-main-visual__side {

        display: block;

        width: auto;

    }

    .box-main-visual__inner > div{

        width: 100%;

    }

    .box-main-visual__block .block-keiei{

        min-height: auto;

    }

    .box-main-visual__inner > .grid-col--4 {

        padding: 0;

    }

    .box-main-visual__side {

        margin: 10px 0 0;

    }

    .box-main-visual__image__text{

        bottom: 20px;

        padding: 15px;

    }

}

@media only screen and (min-width:768px) and (max-width:1320px){

    .box-main-visual__block .bg-before,

    .box-main-visual__block .bg-after{

        padding-bottom: 50px;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-main-visual {

        padding: 10px;

        margin-top: 0;

    }

    .box-main-visual__block > div{

        padding: 15px 10px;

    }

    .box-main-visual__block .bg-before,

    .box-main-visual__block .bg-after{

        background-size: 50%;

    }

    .box-main-visual__block .txt-sm{

        font-size: 14px;

        line-height: 16px;

    }

    .box-main-visual__block .txt-sm span{

        font-size: 12px;

        line-height: 22px;

        padding: 3px;

    }

    .box-main-visual__block .txt-lg{

        font-size: 22px;

        line-height: 30px;

        margin-top: 5px;

    }

    .box-main-visual__block .txt-link{

        font-size: 10px;

        padding: 0 5px;

        bottom: 5px;

        right: 5px;

    }

    .box-main-visual__block.block-calendar > div{

        padding: 20px 10px 30px;

    }

    .box-main-visual__block.block-calendar img{

        padding-top: 0;

        display: none;

    }

    .box-main-visual__block .block-keiei{

        display: block;

        min-height: auto;

        background: none;

    }

    .box-main-visual__block .block-keiei > div{

        display: block;

    }

    .box-main-visual__block .block-keiei__img{

        text-align: center;

        margin-top: 15px;

    }

    .box-main-visual__title {

        font-size: 18px;

        padding: 8px 15px 15px;

    }

    .box-main-visual__title small {

        font-size: 10px;

    }

    .box-main-visual__link {

        padding: 10px 15px;

        font-size: 12px;

    }

    .box-main-visual__link > li {

        padding-bottom: 10px;

    }

    .box-main-visual__link > li + li {

        padding-top: 10px;

    }

    .box-main-visual__link__title {

        font-size: 14px;

        margin-bottom: 10px;

    }

    .box-main-visual__link ul li {

        margin-bottom: 5px;

    }

    .box-main-visual__link ul li a,.box-main-visual__link ul li.no-link {

        background: #f5f5f5;

        padding: 12px 10px;

        text-indent: 0;

        display: block;

    }

    .box-main-visual__link ul li.no-link{

        background: transparent;

    }

    .box-main-visual__side {

        padding-bottom: 40px;

    }

}

@media only screen and (min-width:1px) and (max-width:420px){

    .box-main-visual__block .bg-before,

    .box-main-visual__block .bg-after{

        padding-bottom: 30px;

    }

}

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

@media only screen and (min-width:1px) and (max-width:960px){

    .box-newsletter__main,

    .box-newsletter__side {

        display: block;

        width: auto;

    }

    .box-newsletter__side {

        padding: 60px 0 0;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-newsletter__side {

        padding: 40px 0 0;

    }

}



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

.box-banner-side {

    margin-bottom: 30px;

}

.box-banner-side a {

    display: block;

    text-align: center;

    font-size: 0;

}

.box-banner-side a img{

    width: 100%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-banner-side {

        margin-bottom: 20px;

    }

    .box-banner-side a + a {

        margin-top: 10px;

    }

}



/*2-1-3.  Table    [tbl-***]*/





.box-table {

    overflow: auto;

}

.tbl-base{

    border: 1px solid #ccc;

    min-width: 500px;

    max-width: 1000px;

    margin-bottom: 5px;

}

.tbl-base td,

.tbl-base th{

    vertical-align: middle;

}

.tbl-base thead th,

.tbl-base thead td{

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    background: #f5f5f5;

    font-weight: normal;

    padding: 15px 20px;

    box-sizing: border-box;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    font-weight: normal;

}

.tbl-base tbody tr th{

    letter-spacing: 0;

    padding: 18px 20px;

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

    background: #f5f5f5;

    box-sizing: border-box;

    width: 33%;

    text-align: center;

    font-weight: normal;

}

.tbl-base tbody tr:last-child th{

    border-bottom: 0;

}

.tbl-base tbody tr.ruikei th,

.tbl-base tbody tr.ruikei td{

    font-weight: bold;

    border-bottom: double 4px #ccc;

}

.tbl-base tbody tr td{

    padding: 20px;

    box-sizing: border-box;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    width: 33%;

    text-align: center;

}

.tbl-base tbody tr td p{

    line-height: 1.64;

    margin-bottom: 1px;

}

@media only screen and (min-width: 1px) and (max-width: 767px){

    .tbl-base {

        font-size: 10px;

    }

    .tbl-base{

        margin-top: 9px;

        margin-bottom: 0;

        font-size: 10px;

        margin-top: 0;

    }

    .tbl-base thead th{

        padding: 5px 10px;

    }

    .tbl-base thead th:first-child {

        width: 100px;

    }

    .tbl-base thead th:nth-child(2){

        width: 90px;

    }

    .tbl-base tbody tr th{

        line-height: 1.5;

        font-size: 10px;

        padding: 5px 10px;

    }

    .tbl-base tbody tr td{

        padding: 10px;

    }

    .tbl-base tbody td,

    .tbl-base tbody th{

        vertical-align: middle;

    }

    .tbl-base tbody tr td p{

        font-size: 10px;

        line-height: 1.5;

        margin-bottom: 0;

    }

    .tbl-base .tbl-time{

        padding: 12px 0 12px 12px;

    }

    .tbl-base tbody tr.tbl-base__special th{

        padding-left: 15px;

    }

    .tbl-base tbody tr.tbl-base__special th span{

        padding: 5px 5px;

    }

    .tbl-base tbody tr.tbl-base__special th:before,

    .tbl-base tbody tr.tbl-base__special th:after{

        left: 15px;

    }

}

.tbl-base02{

    font-size: 14px;

    border: 1px solid #ccc;

    max-width: 1000px;

    margin-bottom: 12px;

}

.tbl-base02 * {
  word-wrap: normal;
  word-break: normal;
}
.tbl-base02 td,

.tbl-base02 th{

    vertical-align: middle;

}

.tbl-base02 thead th,

.tbl-base02 thead td{

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    background: #717681;

    font-weight: normal;

    color: #fff;

    padding: 13px 20px;;

    box-sizing: border-box;

    display: table-cell;

    vertical-align: middle;

}

.tbl-base02 thead th{

    width: 20%;

}

.tbl-base02 thead th:first-child{

    width: 40%;

}

.tbl-base02 thead td{

    background: #dbdce0;

    color: #000;

}

.tbl-base02 tbody tr th{

    background: #f5f5f5;

    font-weight: 500;

    padding: 18px 20px;

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

    box-sizing: border-box;

    width: 290px;

}

.tbl-base02 tbody tr td{

    padding: 20px;

    box-sizing: border-box;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    text-align: right;

}

@media only screen and (min-width: 1px) and (max-width: 767px){

    .tbl-base02 {

        margin-top: 9px;

        margin-bottom: 0;

        font-size: 10px;

        margin-top: 0;

    }

    .tbl-base02 thead th{

        padding: 3px 10px 5px 10px;

    }

    .tbl-base02 tbody tr th{

        line-height: 1.5;

        font-size: 10px;

        padding: 3px 10px 5px 10px;

    }

    .tbl-base02 tbody tr td{

        padding: 3px 10px 5px 15px;

    }

    .tbl-base02 tbody td,

    .tbl-base02 tbody th{

        vertical-align: middle;

    }

    .tbl-base02 tbody tr td p{

        font-size: 10px;

        line-height: 1.5;

        margin-bottom: 0;

    }

}

.box-table::-webkit-scrollbar-track,

.box-table--sm::-webkit-scrollbar-track,

.box-time .wrp-container::webkit-scrollbar-track {

    border-radius: 6px;

    background-color: transparent;

}



.box-table::-webkit-scrollbar,

.box-table--sm::-webkit-scrollbar,

.box-time .wrp-container::-webkit-scrollbar {

    width: 15px;

    height: 10px;

    background-color: transparent;

}



.box-table::-webkit-scrollbar-thumb,

.box-table--sm::-webkit-scrollbar-thumb,

.box-time .wrp-container::-webkit-scrollbar-thumb {

    border-radius: 6px;

    background-color: #ccc;

}

@media only screen and (min-width: 1px) and (max-width: 767px){

    .box-table::-webkit-scrollbar,

    .box-table--sm::-webkit-scrollbar,

    .box-time .wrp-container::-webkit-scrollbar

    {

        height: 7px;

        background-color: transparent;

    }

}



.tbl-base--02 {

    margin-bottom: 60px;

}

.tbl-base--02 tbody tr th,

.tbl-base--02 tbody tr td{

    width: 25%;

}

@media only screen and (min-width: 1px) and (max-width: 767px){

    .tbl-base--02 {

        margin-bottom: 20px;

    }

}





/*relative;.  Headings [hdg_lv*]*/

.hdg-lv1{

    font-size: 36px;

    line-height: 1.34;

}

.hdg-lv2{

    font-size: 28px;

    letter-spacing: 0.06em;

    margin-top: 50px;

    margin-bottom: 50px;

}

.hdg-lv2 small{

    font-size: 14px;

    display: block;

    letter-spacing: 0;

}

.hdg-lv3{

    font-size: 18px;

    font-weight: bold;

    color: #0e2e92;

    display: block;

    background: #edeff0;

    text-align: left;

    vertical-align: middle;

    border-left: 5px solid #0e2e92;

    box-sizing: border-box;

    padding: 14px 0 14px 17px;

    margin-bottom: 25px;

}

.hdg-lv3 small{

    display: inline-block;

    font-size: 13px;

    font-weight: normal;

}

.hdg-lv4 {

    font-size: 18px;

    margin: 0 0 20px;

}

@media only screen and (max-width: 767px) and (min-width: 1px){

    .hdg-lv1{

        font-size: 20px;

    }

    .hdg-lv2{

        font-size: 18px;

        margin-bottom: 32px;

    }

    .hdg-lv2 small{

        font-size: 8px;

    }

    .hdg-lv3{

        font-size: 15px;

        border-left: 3px solid #0e2e92;

        padding: 8px 0 8px 12px;

        margin-bottom: 10px;

    }

    .hdg-lv3 small{

        font-size: 9px;

    }

    .hdg-lv4 {

        font-size: 14px;

        margin: 0 0 15px;

    }

}

/*2-1-5.  Nav      [nav-***]*/

.nav-breadcrumb {

    font-size: 10px;

    text-align: left;

    padding: 15px 150px 0 0;

    position: relative;

    z-index: 1;

    display: inline-block;

}

.nav-breadcrumb li {

    display: inline-block;

}

.nav-breadcrumb li a {

    text-decoration: none;

}

.nav-breadcrumb li a:hover {

    text-decoration: underline;

}

.nav-breadcrumb li:after {

    content: "\e904";

    font-family: "sekisui";

    font-style: normal;

    font-weight: normal;

    height: 1em;

    padding: 0 0.6em;

    vertical-align: top;

    width: 1em;

}

.nav-breadcrumb li.is-current::after {

    display: none;

}

@media only screen and (max-width: 767px) and (min-width: 1px){

    .nav-breadcrumb{

        font-size: 7px;

        padding: 18px 0 0;

    }

}

.box-link-site{

    position: relative;

    width: auto;

    display: block;

    margin-top: -25px;

    text-align: right;

    z-index: 0;

}

.box-link-site p{

    display: inline-block;

}

.box-link-site p a{

    color: #666;

}

.box-link-site p a .icon {

    color: #0e2e92;

    margin-right: 0.5em;

}

@media only screen  and (min-width: 1px) and (max-width: 767px){

    .box-link-site{

        display: none;

    }

}

.pc_only {

    display: block !important;

}

.pc_only.ib {

    display: inline-block !important;

}

.sp_only {

    display: none !important;

}

br.pc_only {

    display: inline-block !important;

}

span.inline-block {

    display: inline-block;

}

a,

.is--a:before {

    transition: opacity 400ms ease;

    -webkit-transition: opacity 400ms ease;

}

.is--notouch a:hover {

    opacity: 0.8;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

a.is--disabled {

    pointer-events: none;

}

.is--a:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

    background-color: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: "alpha(opacity=0)";

}

.is--notouch .is--a:hover {

    cursor: pointer;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

.is--notouch .is--a:hover:before {

    opacity: 0.2;

}

.be--link {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 1px;

    overflow: hidden;

    text-indent: -100000%;

}

.nav__container  {

    position: fixed;

    width: 180px;

    height: 100%;

    z-index: 100;

    background: #fff;

}

.nav__container .nav__bg__shadow {

    position: absolute;

    left: 180px;

    top: 0;

    width: 3px;

    height: 100%;

    display: block;

    background: url("/ir/outline/assets/img/bg_nav.png") center top repeat-y;

    /*z-index: 101;*/

    z-index: -1;

}

.nav__container .nav__bg__forhide {

    background: #fff;

    width: 180px;

    padding-top: 10px;

    margin-top: -10px;

}

.nav__container .nav__body__inner {

    background: #fff;

}

.nav__container .nav__logo {

    position: relative;

    z-index: 110;

    height: 100px;

    text-align: center;

    box-sizing: border-box;

    padding: 34px 0;

    background: #fff;

}

.nav__container .nav__logo a:hover {

    opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "alpha(opacity=100)";

}



/* main menu */

.nav__container .nav__menu > li {

    width: 180px;

    height: 38px;

    position: relative;

    background-color: #fff;

    background-position: left center;

    background-repeat: no-repeat;

    transition: background-color 200ms ease;

    -webkit-transition: background-color 200ms ease;

}

.nav__container .nav__menu > li:before {

    content: '';

    display: block;

    position: absolute;

    width: 3px;

    height: 20px;

    top: 8px;

    left: 15px;

    background-color: #0e3092;

}

.nav__container .nav__menu > li:after{

    display: none;

}

.nav__container .nav__menu > li > a {

    display: block;

    box-sizing: border-box;

    padding: 14px 0;

    padding-left: 30px;

    height: 100%;

    font-size: 0;

    text-indent: -100000%;

    position: relative;

    z-index: 110;

}

.nav__container .nav__menu li > a:before {

    content: '';

    position: absolute;

    right: -1px;

    top: 50%;

    margin-top: -8px;

    background: url("/ir/outline/assets/img/img_box_arrow.png") left top no-repeat;

    width: 0px;

    height: 17px;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

}

.nav__container .nav__menu li.is--open > a:before {

    width: 11px;

}

.nav__container .nav__menu > li.nav01 {

    background-image: url("/ir/outline/assets/img/tx_nav_01.png");

}

.nav__container .nav__menu > li.nav02 {

    background-image: url("/ir/outline/assets/img/tx_nav_02.png");

}

.nav__container .nav__menu > li.nav03 {

    background-image: url("/ir/outline/assets/img/tx_nav_03.png");

}

.nav__container .nav__menu > li.nav04 {

    background-image: url("/ir/outline/assets/img/tx_nav_04.png");

}

.nav__container .nav__menu > li.nav05 {

    background-image: url("/ir/outline/assets/img/tx_nav_05.png");

}

.nav__container .nav__menu > li.nav06 {

    background-image: url("/ir/outline/assets/img/tx_nav_06.png");

}

.nav__container .nav__menu > li.nav07 {

    background-image: url("/ir/outline/assets/img/tx_nav_07.png");

}

.nav__container .nav__menu > li.is--open {

    background-color: #0e3092;

    background-position: -180px center;

}

.nav__container .nav__menu > li.is--open:before {

    background-color: #fff;

}

.nav__container .nav__menu > li.is--open:after {

    border: 3px solid transparent;

    border-left: 7px solid #fff;

}

.is--notouch .nav__container .nav__menu > li:hover {

    background-color: #0e3092;

    background-position: -180px center;

}

.is--notouch .nav__container .nav__menu > li:hover:before {

    background-color: #fff;

}



/* sub menu */

.nav__container .nav__sub_menu {

    position: relative;

    width: 160px;

    height: auto;

    padding: 0;

    margin: 11px 0 0 10px;

    z-index: 110;

    border-top: 1px solid #0e3092;

}

.nav__container .nav__sub_menu li {

    box-sizing: border-box;

    border-bottom: 1px solid #0e3092;

}

.nav__container .nav__sub_menu li a {

    display: block;

    line-height: 0;

}

.nav__container .nav__earthquake {

    position: relative;

    width: 160px;

    height: auto;

    margin: 9px 0 0 10px;

    z-index: 110;

}

.nav__container .nav__earthquake li {

    margin-bottom: 6px;

}

.nav__container .nav__earthquake li a {

    display: block;

    background-color: #f5f5f5;

    line-height: 0;

}

.is--notouch .nav__container .nav__sub_menu li a:hover,

.is--notouch .nav__container .nav__earthquake li a:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha(opacity=70)";

}

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

.nav_open__container {

    width: 100%;

    padding-left: 180px;

    box-sizing: border-box;

    position: fixed;

    top: 0;

    left: -101%;

    overflow-y: auto;

    z-index: -1;

    transition: left 600ms ease;

    -webkit-transition: left 600ms ease;

    display: none;

}

.nav_open__container a img {

    transition: all 400ms ease;

    -webkit-transition: all 400ms ease;

}

.nav__menu li.is--open .nav_open__container {

    left: 0;

}

.nav_open__subcontainer {

    padding: 1.94% 1.265% 2.7%;

    margin-bottom: 0;

    border-left: 1px solid #c4c4c4;

    box-sizing: border-box;

    background: url("/ir/outline/assets/img/bg_menu.png");

}

.nav_open__container .nav_open__ttl {

    margin: 0 0 16px 1.2987%;

    text-align: left;

    font-size: inherit;

    letter-spacing: inherit;

    font-family: inherit;



}

.nav_open__container .nav_open__ttl a {

    color: #0e3092;

    font-weight: bold;

  padding-bottom: 4px;

}

.nav_open__container .nav_open__ttl a span {

    font-size: 24px;

    line-height: 1;

    font-weight: bold;

    color: #0e3092;

    transition: color 400ms ease;

    -webkit-transition: color 400ms ease;

  margin-right: 3px;

}

.nav_open__container .nav__ttl {

    position: relative;

    font-size: 18px;

    line-height: 1;

    font-weight: bold;

    color: #3d3d3d;

    padding: 0.88% 0 0.88% 13px;

    margin: 0 0 0 1.2987%;

}

.nav_open__container .nav__ttl:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: -2px;

    width: 3px;

    height: 20px;

    margin-top: 0.88%;

    background: #000;

}

.nav_open__container .nav_open__txt {

    display: inline-block;

    margin: 5px 5px 6px 9px;

    font-size: 16px;

    color: #3d3d3d;

    line-height: 1.2;

    font-weight: bold;

}

.nav_open__container .nav_open__box {

    float: left;

    width: 22.4026%;

    padding: 0 0 10px;

    margin: 0 1.2987% 2.5974%;

    background-color: #fff;

}

.nav_open__container .nav_open__box.is--nomargin_bottom {

    margin-bottom: 0;

}

.nav_open__container .nav_open__box .nav_open__img {

    width: 100%;

    box-sizing: border-box;

    border: 3px solid transparent;

}

.nav_open__container .nav_open__boxbtn {

    float: left;

    width: 22.4026%;

    min-height: 1px;

    padding: 0;

    margin: 0 1.2987% 2.5974%;

}

.nav_open__container .nav_open__boxbtn a {

    display: block;

    width: 100%;

    padding: 8px;

    box-sizing: border-box;

    border: 1px solid #adadad;

    margin-top: 12px;

    text-align: center;

}

.nav_open__container .nav_open__boxbtn a:first-child {

    margin-top: 0;

}

.nav_open__container .nav_open__boxbtn a .nav_open__txt {

    margin: 0;

    line-height: 1.3125;

    width: 100%;

}

.nav_open__container a.is--pdf:after {

    content: '';

    display: inline-block;

    background: url("/ir/outline/assets/img/ic_pdf2.png") left top no-repeat;

    background-size: 100% auto;

    width: 23px;

    height: 24px;

    margin-left: 0;

    vertical-align: sub;

}

.nav_open__container .nav_open__detail li {

    line-height: 1;

    padding: 0 9px;

}

.nav_open__container .nav_open__detail li span,

.nav_open__container .nav_open__detail li a {

    color: #3d3d3d;

    font-size: 13px;

    line-height: 1.75;

}

.nav_open__container .nav_open__detail li a .is--indent {

    display: inline-block;

    text-indent: -1em;

    padding-left: 1em;

}

.nav_open__container .nav_open__close_btn {

    position: absolute;

    right: 30px;

    top: 24px;

}



/* hover */

.is--notouch .nav_open__container a:hover {

    opacity: 1;

}

.is--notouch .nav_open__container a:hover .nav_open__txt,

.is--notouch .nav_open__container .nav_open__detail li a:hover .is--indent {

    text-decoration: underline;

}

.is--notouch .nav_open__container a:hover img {

    opacity: 0.8;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

.is--notouch .nav_open__container .nav_open__ttl a:hover {

    border-bottom: 1px solid #0e3092;

}

.is--notouch .nav_open__container .nav_open__detail a:hover {

    text-decoration: underline;

}

.is--notouch .nav_open__container .nav_open__boxbtn a:hover {

    border-color: #777;

}

.is--notouch .nav_open__container .nav_open__boxbtn a:hover .nav_open__txt {

    text-decoration: none;

}

.is--notouch .nav_open__container .nav_open__box a:hover .inline-block {

    text-decoration: underline;

}

/*---------- nav01 ----------*/

.nav_open__container.nav01__container .nav_open__box .img__inner {

    position: relative;

}

.nav_open__container.nav01__container .nav_open__box .img__inner .img__txt {

    position: absolute;

    width: 29.761%;

    max-width: 77px;

    top: 21%;

    left: 17%;

}

.nav_open__container.nav01__container .nav_open__box .img__inner .img__txt img {

    width: 100%;

}

/*---------- nav02 ----------*/

.nav_open__container.nav02__container .nav_open__boxbtn {

    margin-top: -1.5584%;

}

.nav_open__container.nav02__container .nav_open__box .img__inner {

    position: relative;

}

.nav_open__container.nav02__container .nav_open__box .img__inner .img__txt {

    position: absolute;

    width: 50.793%;

    max-width: 128px;

    top: 33%;

    left: 6%;

}

.nav_open__container.nav02__container .nav_open__box .img__inner .img__txt img {

    width: 100%;

}

.nav_open__container.nav02__container  .nav_open__detail li.is--nav02_01,

.nav_open__container.nav02__container  .nav_open__detail li.is--nav02_02,

.nav_open__container.nav02__container  .nav_open__detail li.is--nav02_03,

.nav_open__container.nav02__container  .nav_open__detail li.is--nav02_04 {

    margin-top: 5px;

}

/*---------- nav03 ----------*/



/*---------- nav04 ----------*/

.nav_open__container.nav04__container .nav_open__box {

    padding: 0 0 3px;

}

.nav_open__container.nav04__container .nav_open__boxbtn a {

    display: table-cell;

    vertical-align: middle;

    width: 500px;

}

.nav04__container .nav_open__search {

    border-top: 1px solid #3c3c3c;

    border-bottom: 1px solid #3c3c3c;

    margin: 0 1.2987% 1.81818%;

    padding: 0.5% 0;

}

.nav04__container .nav_open__search__ttl {

    display: table-cell;

    width: 25%;

    height: 100%;

}

.nav04__container .nav_open__search__ttl .search__ttl {

    font-size: 18px;

    line-height: 19px;

    font-weight: bold;

    color: #3d3d3d;

    padding-left: 33px;

    background: url("/ir/outline/assets/img/ic_product_search.png") 4px center no-repeat;

    background-size: auto auto;

}

.nav04__container .nav_open__search__ttl .search__txt {

    font-size: 13px;

    line-height: 1.33;

    color: #3d3d3d;

    margin: 6px 0 0 0;

}

.nav04__container .nav_open__search ul {

    display: table-cell;

    vertical-align: middle;

    width: 75%;

    height: 100%;

    margin-top: 0;

}

.nav04__container .nav_open__search ul li {

    display: inline-block;

    width: 31.3%;

    max-width: 300px;

    height: auto;

    margin-left: 2.5%;

    position: relative;

    background-color: #fff;

    transition: opacity 400ms ease;

    -webkit-transition: opacity 400ms ease;

}

.is--notouch .nav04__container .nav_open__search ul li:hover {

    opacity: 0.8;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

.nav04__container .nav_open__search ul li:first-child {

    margin-left: 1.1%;

}

.nav04__container .nav_open__search ul li:before {

    content: '';

    display: block;

    width: 16px;

    height: 16px;

    background: #3d3d3d url("/ir/outline/assets/img/ic_arrow.png") center center no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -8px;

    right: 0;

}

.nav04__container .nav_open__search ul li a {

    position: relative;

    display: block;

    font-size: 16px;

    font-weight: bold;

    height: auto;

    padding: 5px 5px;

    text-align: center;

    border: 1px solid #3d3d3d;

    box-sizing: border-box;

    color: #3d3d3d;

}

/*---------- nav05 ----------*/

.nav_open__container.nav05__container .nav_open__box {

    padding: 0 0 3px;

}

/*---------- nav06 ----------*/

.nav_open__container.nav06__container .nav_open__box {

    padding: 0 0 3px;

}

.nav06__container .contact__box {

    background-color: #fff;

    padding: 20px 0;

    width: 72.38%;

    margin: 0 1.2987% 2.5974%;

}

.nav06__container .contact__box .contact__mail__inner {

}

.nav06__container .contact__box .mail__ttl {

    float :left;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.25;

    color: #3d3d3d;

    padding: 2px 0 0 46px;

    margin: 18px 0 0 3.588%;

    background: url("/ir/outline/assets/img/ic_nav06_mail.png") left center no-repeat;

    background-size: auto auto;

}

.nav06__container .contact__box .mail__btn {

    float :left;

    display: inline-block;

    width: 31.5%;

    max-width: 300px;

    height: auto;

    margin: 10px 0 10px 3.2296%;

    position: relative;

    background-color: #fff;

    transition: opacity 400ms ease;

    -webkit-transition: opacity 400ms ease;

}

.is--notouch .nav06__container .contact__box .mail__btn:hover {

    opacity: 0.8;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

.nav06__container .contact__box .mail__btn:before {

    content: '';

    display: block;

    width: 16px;

    height: 16px;

    background: #3d3d3d url("/ir/outline/assets/img/ic_arrow.png") center center no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -8px;

    right: 0;

}

.nav06__container .contact__box .mail__btn a {

    position: relative;

    display: block;

    font-size: 16px;

    font-weight: bold;

    height: auto;

    padding: 5px 5px;

    text-align: center;

    border: 1px solid #3d3d3d;

    box-sizing: border-box;

    color: #3d3d3d;

}

.nav06__container .contact__box .contact__tel__inner {

}

.nav06__container .contact__box .tel__ttl {

    float :left;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.25;

    color: #3d3d3d;

    padding: 2px 0 0 46px;

    margin: 13px 0 0 3.588%;

    background: url("/ir/outline/assets/img/ic_nav06_tel.png") left center no-repeat;

    background-size: auto auto;

}

.nav06__container .contact__box .tel__detail {

    float :left;

    width: 80%;

    margin: 10px 0 6px 4.5454%;

}

.nav06__container .contact__box .tel__txt li {

    float: left;

}

.nav06__container .contact__box .tel__txt li:first-child {

    margin-right: 3%;

}

.nav06__container .contact__box .tel__txt li span {

    font-size: 16px;

    font-weight: bold;

    color: #3d3d3d;

    margin-right: 5px;

}

.nav06__container .contact__box .tel__txt li img {

    vertical-align: baseline;

    position: relative;

    top: 2px;

}

.nav06__container .contact__box .tel__hour {

    display: block;

    font-size: 16px;

    font-weight: bold;

    color: #3d3d3d;

    margin-bottom: 6px;

}

.nav06__container .contact__box .tel__caution {

    padding: 0;

}

.nav06__container .contact__box .tel__caution li {

    font-size: 13px;

    line-height: 1.5;

    padding-left: 1em;

    text-indent: -1em;

}

.nav06__container .contact__box .tel__reception {

    font-size: 13px;

    line-height: 1.5;

}

.nav06__container .contact__box .contact__fax__inner {

}

.nav06__container .contact__box .fax__ttl {

    float :left;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.25;

    color: #3d3d3d;

    padding: 2px 0 0 46px;

    margin: -1px 0 0 3.588%;

    background: url("/ir/outline/assets/img/ic_nav06_fax.png") left center no-repeat;

    background-size: auto auto;

}

.nav06__container .contact__box .fax__number {

    float :left;

    display: inline-block;

    margin: 0 0 0 4.5454%;

}



/*---------- nav07 ----------*/

.nav07__container .nav__box {

    background-color: #fff;

    padding: 20px 0;

    margin: 0 1.2987% 2.5974%;

}

.nav07__container .nav__box ul {

    width: 64%;

    min-width: 600px;

    margin: 0 auto;

}

.nav07__container .nav__box ul li {

    float: left;

    width: 22.224%;

    min-width: 130px;

    margin: 1.388%;

    text-align: center;

    box-sizing: border-box;

    border: 1px solid #3d3d3d;

    transition: opacity 400ms ease;

    -webkit-transition: opacity 400ms ease;

}

.is--notouch .nav07__container .nav__box.nav__box__category ul li:hover {

    opacity: 0.8;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}

.is--notouch .nav07__container .nav__box.nav__box__year ul li:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha(opacity=70)";

}

.nav07__container .nav__box ul li.all {

    background-color: #a0a0a0;

    border-color: #a0a0a0;

}

.nav07__container .nav__box ul li.pressrelease {

    background-color: #cc6666;

    border-color: #cc6666;

}

.nav07__container .nav__box ul li.event {

    background-color: #cc99cc;

    border-color: #cc99cc;

}

.nav07__container .nav__box ul li.product {

    background-color: #158a7f;

    border-color: #158a7f;

}

.nav07__container .nav__box ul li.ir {

    background-color: #5b80b6;

    border-color: #5b80b6;

}

.nav07__container .nav__box ul li.csr {

    background-color: #30a1d2;

    border-color: #30a1d2;

}

.nav07__container .nav__box ul li.company {

    background-color: #978474;

    border-color: #978474;

}

.nav07__container .nav__box ul li.recruit {

    background-color: #b28559;

    border-color: #b28559;

}

.nav07__container .nav__box ul li a {

    position: relative;

    display: block;;

    font-size: 16px;

    line-height: 1.3125;

    font-weight: bold;

    padding: 13px 8px;

    color: #3d3d3d;

}

.nav07__container .nav__box ul li.product a,

.nav07__container .nav__box ul li.company a,

.nav07__container .nav__box ul li.recruit a {

    letter-spacing: 1em;

    text-indent: 1em;

}

.nav07__container .nav__box.nav__box__category ul li a {

    color: #fff;

}

.nav_open__container.nav07__container .nav_open__boxbtn {

    margin-top: 0.85%;

}

.nav_open__container.nav07__container .nav_open__boxbtn a {

    padding: 20px 8px;

}

@media screen and (max-width: 767px) {

/*---------- utils ----------*/

    .pc_only {

        display: none !important;

    }

    .pc_only.ib{

        display: none !important;

    }

    .sp_only {

        display: block !important;

    }

    br.sp_only {

        display: inline-block !important;

    }

/*---------- nav ----------*/

    .nav__container {

        width: 100%;

        min-width: 320px;

        background: none;

        position: static;

        height: auto;

        z-index: 400;

    }

    .nav__container .nav__header__inner {

        width: 100%;

        height: 50px;

        background: none;

        background-color: #fff;

        position: relative;

        z-index: 200;

    }

    .nav__container .nav__header__inner .nav__logo {

        z-index: 0;

        padding: 0;

        height: 50px;

    }

    .nav__container .nav__header__inner .nav__logo a {

        display: block;

        position: absolute;

        top: 15px;

        left: 12px;

        padding: 0;

        width: 76px;

        height: 21px;

        background: url("/ir/outline/assets/img/tx_corporate_logo_sp.png");

        background-size: 100% auto;

    }

    .nav__container .nav__body__inner {

        position: absolute;

        width: 100%;

        top: -579px;

        z-index: 50;

        min-width: 320px;

    }

    .nav__container .nav__header__inner .nav__logo img {

        display: none;

    }

    .nav__container .nav__menu,

    .nav__container .nav__sub_menu,

    .nav__container .nav__club,

    .nav__container .nav__earthquake {

        background: url("/ir/outline/assets/img/bg_menu_sp.png");

        width: 100%;

    }

    .nav__container .nav__menu > li:before{

        height: 19px;

        left: 20px;

        top: 12px;

    }

    .nav__container .nav__menu > li:after{

        content: '';

        display: block;

        width: 11px;

        height: 44px;

        background: url("/ir/outline/assets/img/ic_menu_arrow_down_sp.png") left center no-repeat;

        background-size: 100% auto;

        position: absolute;

        right: 20px;

        top: 0;

    }

    .nav__container .nav__menu > li {

        background-color: transparent;

        width: 100%;

        height: 44px;

        overflow-y: hidden;

        box-sizing: border-box;

        border-bottom: 1px solid #969696;

        background-position: 30px top;

        background-size: auto 43px;

        background-color: #f5f5f5;

    }

    .nav__container .nav__menu > li.nav01 {

        background-image: url("/ir/outline/assets/img/tx_nav_01_sp.png");

    }

    .nav__container .nav__menu > li.nav02 {

        background-image: url("/ir/outline/assets/img/tx_nav_02_sp.png");

    }

    .nav__container .nav__menu > li.nav03 {

        background-image: url("/ir/outline/assets/img/tx_nav_03_sp.png");

    }

    .nav__container .nav__menu > li.nav04 {

        background-image: url("/ir/outline/assets/img/tx_nav_04_sp.png");

    }

    .nav__container .nav__menu > li.nav05 {

        background-image: url("/ir/outline/assets/img/tx_nav_05_sp.png");

    }

    .nav__container .nav__menu > li.nav06 {

        background-image: url("/ir/outline/assets/img/tx_nav_06_sp.png");

    }

    .nav__container .nav__menu > li.nav07 {

        background-image: url("/ir/outline/assets/img/tx_nav_07_sp.png");

    }

    .nav__container .nav__menu > li > a {

        display: block;

        padding: 0;

    }

    .nav__container .nav__menu li > a:before {

        display: none;

    }

    .nav__container .nav__menu > li.is--open {

        background-color: transparent;

        background-position: 30px top;

    }

    .nav__container .nav__menu > li.is--open:before {

        background-color: #0e3092;

    }

    .nav__container .nav__menu > li.is--open:after {

        background-image: url("/ir/outline/assets/img/ic_menu_arrow_up_sp.png");

        border: none;

    }

    .is--notouch .nav__container .nav__menu > li:hover {

     background-color: transparent;

     background-position: 30px top;

    }

    .is--notouch .nav__container .nav__menu > li:hover:before {

        background-color: #0e3092;

    }

    /* sub menu */

    .nav__container .nav__sub_menu {

        height: 65px;

        padding: 0 1.25%;

        margin: 0;

        box-sizing: border-box;

        background: #f5f5f5;

        border-top: none;

        border-bottom: 1px solid #969696;

    }

    .nav__container .nav__sub_menu li {

        border-bottom: none;

    }

    .nav__container .nav__sub_menu li a {

        width: 32.083%;

        float: left;

        margin-top: 7px;

        height: 50px;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #fff;

        background-size: 82px 38px;

        margin-left: 0.625%;

        margin-right: 0.625%;

        box-sizing: border-box;

        border: 1px solid #0e3092;

    }

    .nav__container .nav__sub_menu li.sub_menu01 a {

        background-image: url("/ir/outline/assets/img/tx_nav_sub01_sp.png");

    }

    .nav__container .nav__sub_menu li.sub_menu02 a {

        background-image: url("/ir/outline/assets/img/tx_nav_sub02_sp.png");

    }

    .nav__container .nav__sub_menu li.sub_menu03 a {

        background-image: url("/ir/outline/assets/img/tx_nav_sub03_sp.png");

    }

    .nav__container .nav__sub_menu li img {

        display: none;

    }



    /* club */

    .nav__container .nav__club {

        margin: 0;

        border: none;

        border-bottom: 1px solid #969696;

        height: 48px;

    }

    .nav__container .nav__club a {

        display: block;

        height: 100%;

        box-sizing: border-box;

        padding: 15px 0;

        background: url(/assets/img/top/sp/tx_club.png) center center no-repeat;

        background-size: 181px 16px;

    }

    .nav__container .nav__club img {

        display: none;

    }

    /* earthquake */

    .nav__container .nav__earthquake {

        margin: 0;

    }

    .nav__container .nav__earthquake li {

        width: 100%;

        height: 48px;

        background-color: #f5f5f5;

        margin-bottom: 0;

        border-bottom: 1px solid #969696;

    }

    .is--notouch .nav__container .nav__earthquake a:hover {

        background-color: transparent;

    }

    .nav__container .nav__earthquake li a:after {

        display: none;

    }

    .nav__container .nav__earthquake .earthquake01 a {

        display: block;

        width: 100%;

        height: 100%;

        background: url("/ir/outline/assets/img/tx_earthquake01_sp.png") center center no-repeat;

        background-size: 163px 14px;

    }

    .nav__container .nav__earthquake .earthquake02 a {

        display: block;

        width: 100%;

        height: 100%;

        background: url("/ir/outline/assets/img/tx_earthquake02_sp.png") center center no-repeat;

        background-size: 225px 14px;

    }

    .nav__container .nav__earthquake img {

        display: none;

    }

    /* sp btn */

    .nav__sp_btn {

        display: block;

        width: 29px;

        height: 33px;

        position: absolute;

        top: 10px;

        right: 10px;

    }

    .nav__sp_btn span,

    .nav__sp_btn span:before,

    .nav__sp_btn span:after {

        display: block;

        position: absolute;

        width: 29px;

        height: 3px;

        background: #0e3092;

        transition: all 400ms ease;

        -webkit-transition: all 400ms ease;

    }

    .nav__sp_btn span {

        top: 8px;

    }

    .nav__sp_btn span:before {

        content: '';

        top: -8px;

    }

    .nav__sp_btn span:after {

        content: '';

        top: 8px;

    }

    .nav__sp_btn img {

        position: absolute;

        top: 22px;

    }

    .nav__container.is--open .nav__sp_btn span {

        background: none;

    }

    .nav__container.is--open .nav__sp_btn span:before {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        top: -1px;

    }

    .nav__container.is--open .nav__sp_btn span:after {

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

        top: -1px;

    }

    /* nav search */

    .nav__header__inner .nav__search_btn {

        position: absolute;

        top: 15px;

        right: 137px;

    }

    .search_open__container {

        background: url("/ir/outline/assets/img/bg_menu_sp.png");

        width: 100%;

        box-sizing: border-box;

        padding: 20px 10px;

        position: relative;

        z-index: 51;

        position: absolute;

        top: -20px;

    }

    .search_open__container .search_open__icon {

        position: absolute;

        top: 29px;

        left: 20px;

    }

    .search_open__container input {

        float: left;

        display: block;

        width: 83%;

        height: 30px;

        background-color: #fff;

        border: none;

        box-sizing: border-box;

        padding-left: 30px;

        padding-right: 10px;

        padding-top: 5px;

        padding-bottom: 0;

        vertical-align: middle;

        font-size: 12px;

        line-height: 1;

        border-radius: 0;

    }

    .search_open__container .search__send_btn {

        float: left;

        display: block;

        width: 15%;

        height: 30px;

        margin-left: 2%;

        text-align: center;

        background-color: #0e3092;

        font-size: 13px;

        padding: 5px 0;

        box-sizing: border-box;

        color: #fff;

    }

    /* nav language */

    .nav__header__inner .nav__language_btn {

        position: absolute;

        top: 15px;

        right: 100px;

    }

    .language_open__container {

        background: url("/ir/outline/assets/img/bg_menu_sp.png");

        width: 100%;

        box-sizing: border-box;

        padding: 20px 0;

        position: relative;

        z-index: 51;

        position: absolute;

        top: -20px;

    }

    .language_open__list li {

        float: left;

        width: 33.333%;

        padding-right: 1%;

        padding-left: 1%;

        box-sizing: border-box;

        border-left: 1px solid #0e3092;

        text-align: center;

    }

    .language_open__list li:first-child {

        margin-left: 0;

        border-left: none;

    }

    .language_open__list li a {

        font-size: 13px;

        font-weight: bold;

        color: #0e3092;

    }

    /* nav rss */

    .nav__header__inner .nav__rss_btn {

        position: absolute;

        top: 15px;

        right: 60px;

    }

    .rss_open__container {

        background: url("/ir/outline/assets/img/bg_menu_sp.png");

        width: 100%;

        box-sizing: border-box;

        padding: 20px 10px 20px 30px;

        position: relative;

        z-index: 51;

        position: absolute;



        top: -360px;

    }

    .rss_open__list {

        margin-top: 15px;

    }

    .rss_open__list li {

        height: 32px;

    }

    .rss_open__list li a {

        font-size: 13px;

        font-weight: bold;

        color: #3d3d3d;

        line-height: 32px;

    }

/*---------- main ----------*/

    .main__container {

        margin: 0;

    }

    .main__container .main__img ul {

        width: 100%;

        padding-top: 82.5%;

    }

    .main__container .main__img ul li {

        height: 100%;

    }

    .main__container .main__img ul li a {

        display: block;

        height: 100%;

        background-size: cover;

    }

        

    

    .main__container .main__img ul li.main__img01 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2020/02/19/200220_sp_jp.png);

    }

    

    .main__container .main__img ul li.main__img02 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2018/05/16/ph_main_01.jpg);

    }

    

    .main__container .main__img ul li.main__img03 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2020/01/06/main_el_sp.png);

    }

    

    .main__container .main__img ul li.main__img04 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2020/04/01/main_at_concept_sp_1.jpg);

    }

    

    .main__container .main__img ul li.main__img05 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2020/10/27/ph_main_02_2.jpg);

    }

    

    .main__container .main__img ul li.main__img06 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2018/12/26/ja_esg_main_01.jpg);

    }

    

    .main__container .main__img ul li.main__img07 a {

        background-image: url(/assets/top/__icsFiles/afieldfile/2018/05/16/ph_main_04.jpg);

    }

    



    .main__container .main__img img {

        display: none;

    }

    .main__container .main_slide__button li a {

        width: 24px;

        margin: 12px 2px 0;

    }

    .main__bnr {

        padding: 10px 0 0;

    }

    .main__bnr li {

        float: none;

        width: 100%;

        margin: 0 0 5px 0;

    }

    .main__bnr .main__bnr__img {

        float: left;

        width: 33.281%;

        padding-top: 33.281%;

        background-size: cover;

    }

    .main__bnr .main__bnr__img li {

        height: 100%;

        background-size: cover;

    }

    .main__bnr .main__bnr__housing .main__bnr__img li.bnr__img01{

        background-image: url("/ir/outline/assets/img/ph_bnr_housing_01_sp.jpg");

    }

    .main__bnr .main__bnr__housing .main__bnr__img li.bnr__img02{

        background-image: url("/ir/outline/assets/img/ph_bnr_housing_02_sp.jpg");

    }

    .main__bnr .main__bnr__housing .main__bnr__img li.bnr__img03{

        background-image: url("/ir/outline/assets/img/ph_bnr_housing_03_sp.jpg");

    }

    .main__bnr .main__bnr__infra .main__bnr__img li.bnr__img01{

        background-image: url("/ir/outline/assets/img/ph_bnr_infra_01_sp.jpg");

    }

    .main__bnr .main__bnr__infra .main__bnr__img li.bnr__img02{

        background-image: url("/ir/outline/assets/img/ph_bnr_infra_02_sp.jpg");

    }

    .main__bnr .main__bnr__infra .main__bnr__img li.bnr__img03{

        background-image: url("/ir/outline/assets/img/ph_bnr_infra_03_sp.jpg");

    }

    .main__bnr .main__bnr__plastic .main__bnr__img li.bnr__img01{

        background-image: url("/ir/outline/assets/img/ph_bnr_plastic_01_sp.jpg");

    }

    .main__bnr .main__bnr__plastic .main__bnr__img li.bnr__img02{

        background-image: url("/ir/outline/assets/img/ph_bnr_plastic_02_sp.jpg");

    }

    .main__bnr .main__bnr__plastic .main__bnr__img li.bnr__img03{

        background-image: url("/ir/outline/assets/img/ph_bnr_plastic_03_sp.jpg");

    }

    .main__bnr .main__bnr__ttl {

        float: left;

        width: 62%;

        background-repeat: no-repeat;

        background-position: 6px center;

        padding: 6px 0 0 0;

        margin-left: 8px;

        box-sizing: border-box;

    }

    .main__bnr .main__bnr__housing .main__bnr__ttl {

        background-image: url("/ir/outline/assets/img/tx_ttl_housing_sp.png");

        background-size: 51px 26px;

        height: 26px;

    }

    .main__bnr .main__bnr__infra .main__bnr__ttl {

        background-image: url("/ir/outline/assets/img/tx_ttl_infra_sp.png");

        background-size: 144px 40px;

        height: 40px;

    }

    .main__bnr .main__bnr__plastic .main__bnr__ttl {

        background-image: url("/ir/outline/assets/img/tx_ttl_plastic_sp.png");

        background-size: 167px 26px;

        height: 26px;

    }

    .main__bnr .main__bnr__txt {

        float :left;

        width: 61%;

        font-size: 12px;

        line-height: 1.28;

        padding: 6px 8px 0;

        letter-spacing: -0.03em;

        margin-bottom: 0;

    }

    .main__bnr .main__bnr__img img,

    .main__bnr .main__bnr__ttl img {

        display: none;

    }

/*---------- news ----------*/

    .news__area {

        margin-top: 15px;

        padding: 0;

    }

    .news__area:before {

        width: 155px;

        left: 10px;

    }

    .news__area .news__ttl__inner {

        margin-bottom: 18px;

    }

    .news__area .news__ttl {

        float: none;

        width: 153px;

        height: 18px;

        background: url("/ir/outline/assets/img/tx_ttl_news_sp.png");

        background-size: 100% auto;

        margin: 12px 0 0 12px;

    }

    .news__area .news__ttl img {

        display: none

    }

    .news__area .news__sort {

        float: none;

        margin: 15px 5px 0 5px;

    }

    .news__area .news__sort li {

        margin: 0 0.312% 4px 0.312%;

    }

    .news__area .news__sort li:first-child {

        margin: 0 0.312% 4px 0.312%;

    }

    .news__area .news__sort li {

        width: 24%;

        height: 34px;

        margin-left: 0.5%;

        margin-right: 0.5%;

    }

    .news__area .news__sort li:first-child {

        margin-left: 0.5%;

    }

    .news__area .news__sort li a {

        width: 100%;

        height: 34px;

    }

    .news__area .news__sort li a img {

        display: none;

    }

    .news__area .news__sort .news__sort__all a {

        background: url("/ir/outline/assets/img/tx_sort_all_sp.png") center center no-repeat;

        background-size: 35px 13px;

    }

    .news__area .news__sort .news__sort__pressrelease a {

        background: url("/ir/outline/assets/img/tx_sort_pressrelease_sp.png") center center no-repeat;

        background-size: 41px 25px;

    }

    .news__area .news__sort .news__sort__event a {

        background: url("/ir/outline/assets/img/tx_sort_event_sp.png") center center no-repeat;

        background-size: 46px 13px;

    }

    .news__area .news__sort .news__sort__product a {

        background: url("/ir/outline/assets/img/tx_sort_product_sp.png") center center no-repeat;

        background-size: 26px 13px;

    }

    .news__area .news__sort .news__sort__ir a {

        background: url("/ir/outline/assets/img/tx_sort_ir_sp.png") center center no-repeat;

        background-size: 15px 13px;

    }

    .news__area .news__sort .news__sort__csr a {

        background: url("/ir/outline/assets/img/tx_sort_csr_sp.png") center center no-repeat;

        background-size: 25px 13px;

    }

    .news__area .news__sort .news__sort__company a {

        background: url("/ir/outline/assets/img/tx_sort_company_sp.png") center center no-repeat;

        background-size: 26px 13px;

    }

    .news__area .news__sort .news__sort__recruit a {

        background: url("/ir/outline/assets/img/tx_sort_recruit_sp.png") center center no-repeat;

        background-size: 26px 13px;

    }



    .news__list {

        margin-left: -1.23%;

    }

    .news__list > li {

        width: 48.77%;

        height: 292px;

        margin-left: 1.23%;

        margin-right: 0;

        margin-bottom: 0.888%;

    }

    .news__list > li:first-child {

        margin-left: 1.23%;

    }

    .news__list li .news__wrap:before {

        width: 15px;

        height: 15px;

        background: #0e3092 url("/ir/outline/assets/img/ic_arrow_sp.png") center center no-repeat;

        background-size: 4px 6px;

    }

    .news__list li .news__item__date {

        float: none;

        clear: both;

        margin-left: 10px;

    }

    .news__list li .news__item__txt {

        font-size: 14px;

        padding: 8px 10px 27px 10px;

    }

    .news__list li .is--new {

        background: url("/ir/outline/assets/img/tx_tag_new_sp.png");

        background-size: 100% auto;

        width: 27px;

        height: 27px;

    }

    .news__list li .news__tag_list {

        margin: 10px 10px 0 0;

    }

    .news__list li .news__tag_list li {

        width: 66px;

        height: 19px;

    }

    .news__list li .is--pressrelease {

        background-image: url("/ir/outline/assets/img/tx_tag_pressrelease_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--event {

        background-image: url("/ir/outline/assets/img/tx_tag_event_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--product {

        background-image: url("/ir/outline/assets/img/tx_tag_product_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--ir {

        background-image: url("/ir/outline/assets/img/tx_tag_ir_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--csr {

        background-image: url("/ir/outline/assets/img/tx_tag_csr_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--company {

        background-image: url("/ir/outline/assets/img/tx_tag_company_sp.png");

        background-size: auto 11px;

    }

    .news__list li .is--recruit {

        background-image: url("/ir/outline/assets/img/tx_tag_recruit_sp.png");

        background-size: auto 11px;

    }

    .news__list--nohit {

        padding-top: 10px;

    }

    .news__list--nohit p {

        font-size: 16px;

    }

    .news__list_btn a {

        width: 214px;

        height: 40px;

        margin: 26px auto;

        font-size: 14px;

        padding: 11px 10px 11px 0;

        line-height: 1;

    }

    .news__list_btn a img {

        display: none;

    }

    .news__list_btn a:after {

        top: 10px;

        right: 8px;

        width: 17px;

        height: 17px;

        background: #0e3092 url("/ir/outline/assets/img/ic_arrow_sp.png") center center no-repeat;

        background-size: 4px 6px;

    }

/*---------- notice ----------*/

    .notice__area {

        width: 100%;

    }

    .notice__area .notice__inner {

        padding: 18px 20px;

    }

    .notice__area .notice__ttl {

        float: none;

        width: 151px;

        min-width: auto;

        height: 16px;

        background: url("/ir/outline/assets/img/tx_notice_ttl_sp.png") left top no-repeat;

        background-size: auto 16px;

        margin-bottom: 13px;

    }

    .notice__area .notice__ttl img {

        display: none;

    }

    .notice__area .notice__list {

        float: none;

        border: none;

        padding-left: 0;

        margin-top: 0;

        width: 100%;

    }

    .notice__area .notice__list li {

        display: block;

        border-bottom: 1px dotted #000;

        padding: 8px 0;

    }

    .notice__area .notice__list li:first-child {

        border-top: 1px dotted #000;

    }

    .notice__area .notice__list li a {

        font-size: 12px;

        line-height: 1.4;

    }

    .notice__area .notice__list li a .notice__date {

        display: block;

    }

    .notice__area .notice__list li a .notice__txt {

        display: block;

    }

    .notice__area .notice__list_btn {

        position: static;

        display: block;

        font-size: 12px;

        text-align: center;

        padding-bottom: 24px;

    }

    /*---------- banner ----------*/

    .banner__area {

        padding: 18px 0;

    }

    #banner_slide {

    }

    /*---------- new frontier ----------*/

    .newfrontier__area {

        height: 65px;

        padding: 16px 0;

        box-sizing: border-box;

    }

    .newfrontier__area img {

        width: 260px;

        margin: 0 auto;

    }

    /*---------- link ----------*/

    .link__area .link__inner {

        width: 100%;

        padding: 4px 0.3175%;

        box-sizing: border-box;

    }

    .link__area .link__inner .link__list li {

    }

    .link__area .link__inner .link__list li a {

        display: block;

        float: left;

        width: 32.5%;

        margin: 0 0.41665% 4px 0.41665%;

        border: 1px solid #919cc4;

        box-sizing: border-box;

        font-size: 12px;

        color: #636363;

        text-align: center;

        height: 50px;

        box-sizing: border-box;

        padding: 14px 0;

        font-weight: bold;

    }

    .link__area .link__inner .link__logo {

        background: url("/ir/outline/assets/img/tx_footer_corporate_sp.png");

        width: 163px;

        height: 14px;

        background-size: 100% auto;

        margin: 27px auto;

    }

    .link__area .link__inner .link__logo img {

        display: none;

    }

    /*---------- nav open sp ----------*/

    .nav_open__container {

        position: static;

        background: none;

        margin: 0;

        padding: 0;

        left: 0;

    }

    .nav_open__subcontainer {

        background: none;

        padding: 0;

        margin-bottom: 0;

        border-left: none;

    }

    .nav__menu > li.is--open {

        height: auto;

    }

    .nav__container .nav__menu > li.is--open > a {

        padding: 22px 19px 20px 21px;

    }

    .nav__container .nav_open__ttl {

        display: none;

    }

    .nav_open__container .nav__ttl {

        font-size: 13px;

        margin: 0;

        padding-top: 0;

        padding: 10px 0 10px 40px;

        border-top: 1px solid #aaa;

        line-height: 1;

    }

    .nav_open__container .nav__ttl:before {

        left: 30px;

        top: 5px;

        height: 16px;

    }

    .nav_open__container .nav_open__txt {

        margin: 7px 20px 7px 30px;

        font-size: 13px;

        line-height: 1.5;

    }

    .nav_open__container .nav_open__box,

    .nav_open__container .nav_open__boxbtn {

        width: 100%;

        float: none;

        margin: 0;

    }

    .nav_open__container .nav_open__txt_link {

      display: block;

    }

    .nav_open__container .nav_open__txt_link a {

      display: block;

        padding: 10px 0 10px 30px;

        margin-top: 0;

        text-align: left;

        border: none;

        width: 100%;

        font-size: 13px;

        line-height: 1;

        box-sizing: border-box;

    }

    .is--notouch .nav_open__container .nav_open__txt_link a:hover {

        text-decoration: underline;

    }

    .nav_open__container .nav_open__boxbtn a {

        padding: 10px 0 10px 30px;

        margin-top: 0;

        text-align: left;

        border: none;

        border-top: 1px solid #aaa;

    }

    .nav_open__container a.is--pdf:after {

        width: 16px;

        height: 16px;

        background-size: auto 100%;

    }

    .nav_open__container .nav_open__detail  {

    }

    .nav_open__container .nav_open__detail li {

        padding: 0;

    }

    .nav_open__container .nav_open__detail li a {

        padding: 7px 0 7px 40px;

        border-top: 1px solid #aaa;

        font-size: 12px;

        line-height: 1.5;

        display: block;

    }

    .nav_open__container .nav_open__detail li .is--no_link {

        padding: 7px 0 7px 40px;

        border-top: 1px solid #aaa;

        font-size: 12px;

        line-height: 1.5;

        display: block;

    }

    .nav_open__container .nav_open__detail li a .is--indent {

        display: block;

    }

    .nav_open__container .nav_open__box {

        background: none;

        padding: 0;

        border: none;

    }

    .nav_open__container .nav_open__box > a,

    .nav_open__container .nav_open__box > div {

        border-top: 1px solid #aaa;

        padding: 0;

        font-weight: bold;

        display: block;

    }

    .nav_open__container .nav_open__top_page {

        border-top: 1px solid #aaa;

    }

    .is--notouch .nav_open__container a:hover .nav_open__txt,

    .is--notouch .nav_open__container a:hover span {

        text-decoration: underline !important;

    }

    .is--notouch .nav_open__container .nav_open__boxbtn a:hover {

        border-color: #aaa;

    }



    /*---------- nav02 ----------*/

    .nav_open__container.nav02__container .nav_open__boxbtn {

        margin-top: 0;

    }

    .nav_open__container.nav02__container  .nav_open__detail li.is--nav02_01,

    .nav_open__container.nav02__container  .nav_open__detail li.is--nav02_02,

    .nav_open__container.nav02__container  .nav_open__detail li.is--nav02_03,

    .nav_open__container.nav02__container  .nav_open__detail li.is--nav02_04 {

      margin-top: 0;

    }



    /*---------- nav04 ----------*/

    .nav_open__container.nav04__container .nav_open__box {

        padding: 0;

    }

    .nav_open__container.nav04__container .nav_open__boxbtn a {

        display: block;

        width: 100%;

    }

    .nav04__container .nav_open__search {

        border-top: 1px solid #aaa;

        border-bottom: none;

        margin: 0;

        padding: 10px 20px 10px 30px;

    }

    .nav04__container .nav_open__search__ttl {

        display: block;

        width: 100%;

        height: auto;

    }

    .nav04__container .nav_open__search__ttl .search__ttl {

        font-size: 13px;

        line-height: 1;

        padding-left: 20px;

        background: url("/ir/outline/assets/img/ic_product_search.png") 2px center no-repeat;

        background-size: 13px auto;

    }

    .nav04__container .nav_open__search ul {

        display: block;

        width: 100%;

        height: auto;

        margin-top: 7px;

    }

    .nav04__container .nav_open__search ul li a {

        font-size: 12px;

        line-height: 1.4;

    }

    .nav04__container .nav_open__search ul li:before {

        display: none;

    }

    .nav04__container .nav_open__search ul li:last-child a {

        padding: 5px 11px;

    }

    .is--notouch .nav04__container .nav_open__search ul li a:hover * {

        text-decoration: none !important;

    }



    /*---------- nav05 ----------*/





    /*---------- nav06 ----------*/

    .nav_open__container.nav06__container .nav_open__box {

        padding: 0;

    }

    .nav06__container .contact__box {

        background: none;

        border: none;

        border-top: 1px solid #aaa;

        padding: 0;

        width: 100%;

        margin: 0;

    }

    .nav06__container .contact__box .contact__mail__inner {

    }

    .nav06__container .contact__box .mail__ttl {

        float: none;

        width: auto;

        font-size: 13px;

        padding: 10px 25px 0 58px;

        margin: 0 0 0 0;

        background: url("/ir/outline/assets/img/ic_nav06_mail.png") 30px 8px no-repeat;

        background-size: 18px auto;

    }

    .nav06__container .contact__box .mail__btn {

        float : none;

        display: block;

        width: auto;

        max-width: none;

        margin: 10px 30px;

    }

    .nav06__container .contact__box .mail__btn:before {

        display: none;

    }

    .nav06__container .contact__box .mail__btn a {

        font-size: 12px;

        line-height: 1.4;

    }

    .nav06__container .contact__box .contact__tel__inner {

    }

    .nav06__container .contact__box .tel__ttl {

        float: none;

        width: auto;

        font-size: 13px;

        padding: 10px 25px 0 58px;

        margin: 0 0 0 0;

        background: url("/ir/outline/assets/img/ic_nav06_tel.png") 30px 9px no-repeat;

        background-size: 18px auto;

    }

    .nav06__container .contact__box .tel__detail {

        float: none;

        width: auto;

        margin: 6px 0 10px 30px;

    }

    .nav06__container .contact__box .tel__txt li {

    }

    .nav06__container .contact__box .tel__txt li:first-child {

        margin-right: 15px;

    }

    .nav06__container .contact__box .tel__txt li span {

        font-size: 12px;

        margin-right: 5px;

        vertical-align: text-top;

    }

    .nav06__container .contact__box .tel__txt li img {

        display: none;

    }

/* 20191119 */

    .nav06__container .contact__box .tel__tokyo a {

        display: inline-block;

/*        width: 95px; */

        height: 13px;

/*        background: url("/ir/outline/assets/img/tx_nav06_tokyo_tel.png") left top no-repeat; */

        background-size: auto 11px;

/*        border-bottom: 1px solid #3d3d3d; */

    }

    .nav06__container .contact__box .tel__osaka a {

        display: inline-block;

        width: 95px;

        height: 13px;

        background: url("/ir/outline/assets/img/tx_nav06_osaka_tel.png") left top no-repeat;

        background-size: auto 11px;

        border-bottom: 1px solid #3d3d3d;

    }

    .nav06__container .contact__box .tel__hour {

        font-size: 12px;

    }

    .nav06__container .contact__box .tel__caution {

        padding: 0 25px 0 0;

    }

    .nav06__container .contact__box .tel__reception .inline-block {

        display: block;

    }

    .nav06__container .contact__box .contact__fax__inner {

    }

    .nav06__container .contact__box .fax__ttl {

        float: none;

        width: auto;

        font-size: 13px;

        padding: 10px 25px 0 58px;

        margin: 0 0 0 0;

        background: url("/ir/outline/assets/img/ic_nav06_fax.png") 30px 10px no-repeat;

        background-size: 18px auto;

    }

    .nav06__container .contact__box .fax__number {

        float: none;

        display: block;

        margin: 6px 0 10px 30px;

        width: auto;

        height: 13px;

        background: url("/ir/outline/assets/img/tx_nav06_fax.png") left top no-repeat;

        background-size: auto 11px;

    }

    .nav06__container .contact__box .fax__number img {

        display: none;

    }



    /*---------- nav07 ----------*/

    .nav07__container .nav__box {

        background: none;

        padding: 0 22px 0 27px;

        margin: 0;

        border: none;

    }

    .nav07__container .nav__box ul {

        width: 100%;

        min-width: 0;

        margin: -3px 0 10px;

    }

    .nav07__container .nav__box ul li {

        width: 23%;

        min-width: 0;

        margin: 1%;

    }

    .nav07__container .nav__box ul li a {

        font-size: 12px;

        line-height: 1.4;

        padding: 8px 0px;

    }

    .nav07__container .nav__box ul li.product a,

    .nav07__container .nav__box ul li.company a,

    .nav07__container .nav__box ul li.recruit a {

        letter-spacing: 1em;

        text-indent: 1em;

    }

    .nav07__container .nav__box.nav__box__category ul li {

        width: 48%;

    }

    .nav07__container .nav__box.nav__box__category ul li a {

        color: #fff;

    }

    .is--notouch .nav07__container .nav__box ul li a:hover * {

        text-decoration: none !important;

    }

    .nav_open__container.nav07__container .nav_open__boxbtn {

        margin-top: 0;

    }

    .nav_open__container.nav07__container .nav_open__boxbtn a {

        padding: 10px 0 10px 30px;

    }

    /*---------- edt-20161027kaneko136 ----------*/

    .nav_open__box .subTtl {

        font-size: 12px;

        display: block;

        margin-left: 10%!important;

    }

}

/*2-1-6.  List     [lst-***]*/

.box-image{

    display: block;

    overflow: hidden;

    margin-bottom: 63px;

}

.box-image--02{

    margin-top: -26px;

}

.lst-image{

    display: block;

    margin: 14px -15px 0;

}

.lst-image li{

    display: inline-block;

    float: left;

    width: 25%;

    box-sizing: border-box;

    padding: 15px;

    text-align: center;

}

.lst-image__text{

    margin-bottom: 25px;

    display: block;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-image{

        margin: 10px -9px 0;

    }

    .lst-image li{

        width: 50%;

        padding: 9px;

    }

    .lst-image__text{

        font-size: 10px;

        margin-bottom: 0;

    }

    .box-image p{

        font-size: 12px;

    }

}

.lst-news li{

    margin-bottom: 5px;

}

.lst-news li a{

    display: block;

    position: relative;

    background: #f5f5f5;

    padding: 15px 15px 13px 50px;

}

.lst-news li a:before{

    content: "";

    position: absolute;

    top: 20px;

    left: 26px;

    

    width: 12px;

    height: 11px;

    background-size: 12px 11px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-news li a{

        font-size: 12px;

        padding: 8px 15px 8px 30px;

    }

    .lst-news li a:before{

        top: 11px;

        left: 11px;

    }

}

.box-message{

    border-top: 2px solid #0e2e92;

    padding-top: 26px;

    overflow: hidden;

}

.box-message__title,

.box-message__content{

    display: inline-block;

    font-size: 0;

    vertical-align: top;

    float: left;

}

.box-message__title{

    width: 17.3%;

    font-size: 18px;

    font-weight: bold;

    color: #0e2e92;

    padding-top: 11px;

}

.box-message__content{

    width: 82.7%;

}

.lst-message li{

    display: inline-block;

    width: 48%;

    margin-right: 2%;

    box-sizing: border-box;

    padding: 15px;

    border-bottom: 1px solid #ccc;

}

.lst-message li:nth-child(2n+1){

    padding-left: 0;

}

.lst-message li:nth-child(2n){

    padding-right: 0;

}

.lst-message li a {

    font-size: 14px;

    position: relative;

    padding: 0 0 0 20px;

    font-weight: bold;

}

.lst-message li a:before{

    content: "";

    position: absolute;

    top: 5px;

    left: 0;

    width: 12px;

    height: 11px;

    

    background-size: 12px 11px;

}

.lst-message li a:hover{

    text-decoration: underline;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-message{

        padding-top: 0;

        border-top: 1px solid #0e2e92;

    }

    .box-message__title,

    .box-message__content{

        display: block;

        width: 100%;

    }

    .box-message__title{

        font-size: 14px;

        margin-bottom: 12px;

    }

    .lst-message li{

        display: block;

        width: 100%;

        margin-right: 0;

        padding: 0;

    }

    .lst-message li a{

        display: block;

        font-size: 12px;

        padding: 11px 0 11px 20px;

    }

    .lst-message li a:before{

        top: 15px;

    }

}

.box-note__title{

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 16px;

}

.lst-note {

    counter-reset: section;

}

.lst-note li{

    margin-bottom: 10px;

}

.lst-note li:before {

    counter-increment: section;

    content:  counter(section) ". ";

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-note__title{

        font-size: 14px;

    }

    .box-note__text{

        font-size: 12px;

    }

    .lst-note{

        font-size: 12px;

    }

}



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

.lst-volumn {

    margin: 15px 0 5px;

}

.lst-volumn li {

    font-size: 16px;

    line-height: 30px;

    text-indent: -1.9em;

    padding-left: 4em;

}

.lst-volumn li span:first-child {

    display: inline-block;

    padding-right: 13px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-volumn {

        margin: 10px 0;

    }

    .lst-volumn li {

        font-size: 14px;

        line-height: 23px;

    }

    .lst-volumn li span:first-child {

        padding-right: 10px;

    }

}

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

.lst-dealing {

    counter-reset: section;

}

.lst-dealing__title:before {

    counter-increment: section;

    content:  counter(section) ". ";

}

.lst-dealing li {

    display: table;

    width: 100%;

    position: relative;

    border-top: 1px solid #ccc;

    font-size: 16px;

    letter-spacing: 0.06em;

}

.lst-dealing li:before {

    content: "";

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 9px solid #052d93;

    display: block;

    position: absolute;

    z-index: 1;

    top: -4px;

    left: 0;

    right: 0;

    margin: auto;

}

.lst-dealing li:first-child {

    border-top: 0;

}

.lst-dealing li:first-child:before {

    content: none;

}

.lst-dealing__title {

    display: table-cell;

    vertical-align: top;

    width: 260px;

    padding: 18px 20px 17px 80px;

    box-sizing: border-box;

    font-weight: bold;

}

.lst-dealing__text {

    display: table-cell;

    vertical-align: top;

    padding: 17px;

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

    .lst-dealing li {

        font-size: 14px;

        letter-spacing: 0.015em;

    }

    .lst-dealing li:before {

        border-left: 7px solid transparent;

        border-right: 7px solid transparent;

        border-top: 10px solid #052d93;

    }

    .lst-dealing__title {

        display: block;

        width: 100%;

        text-align: center;

        padding: 10px 0 13px;

    }

    .lst-dealing__text {

        display: block;

        width: 100%;

        padding: 0 0 15px;

    }

}



.lst-booklet > li {

    margin-bottom: 115px;

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

    .lst-booklet {

        margin: 0 -20px;

    }

    .lst-booklet > li {

        padding: 0 20px 40px;

        margin-bottom: 35px;

        border-bottom: 1px solid #f5f5f5;

    }

}



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

.lst-dot {

    margin-top: 5px;

}



.lst-dot li {

    text-indent: -0.5em;

    padding-left: 0.5em;

    position: relative;

}

.lst-dot li:before {

    content: "・";

}

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

.lst-revision {

    counter-reset: section;

}

.lst-revision li:before {

    counter-increment: section;

    content:  counter(section) ". ";

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-revision {

        font-size: 12px;

    }

    .lst-revision li {

        line-height: 17px;

    }

}

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

.lst-banner {

    margin: 60px -15px;

}

.lst-banner li a {

    position: relative;

    font-size: 0;

    overflow: hidden;

    display: block;

}

.lst-banner li a img{

    width: 100%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-banner {

        margin: 20px -15px;

    }

    .lst-banner li {

        text-align: center;

        margin-bottom: 5px;

    }

    .lst-banner li a{

        display: inline-block;

    }

}

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

.lst-rss {

    text-align: right;

    margin-top: -50px;

}

.lst-rss li {

    display: inline-block;

}

.lst-rss li + li {

    margin-left: 20px;

}

.lst-rss li a {

    color: #ff8c00;

}

.lst-rss li a .icon {

    font-size: 25px;

    vertical-align: middle;

    margin: 0;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-rss {

        margin-top: -42px;

    }

    .lst-rss li a .icon {

        font-size: 18px;

        position: relative;

        top: -2px;

    }

}

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

.lst-news-ir {

    margin: 20px 0;

}

.lst-news-ir li {

    border-bottom: 1px solid #e6e6e6;

}

.lst-news-ir li a {

    display: table;

    width: 100%;

    box-sizing: border-box;

    padding: 18px 0;

}

.lst-news-ir li a > span {

    display: table-cell;

    vertical-align: top;

}

.lst-news__date {

    width: 121px;

}

.lst-news__label {

    width: 95px;

    padding-right: 15px;

    line-height: 1;

}

.lst-news__label .lbl {

    width: 95px;

    border-radius: 0;

    font-size: 13px;

    margin: 0;

    vertical-align: top;

}

.lst-news-ir li a .acr-type01 {

    display: inline-block;

}

.lst-news-ir li a .acr-type01:after{

    width: 100%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-news-ir {

        margin: 10px 0 20px;

    }

    .lst-news-ir li a {

        padding: 15px 0;

    }

    .lst-news-ir li a > span {

        display: inline-block;

        width: auto;

    }

    .lst-news__label .lbl {

        width: auto;

        font-size: 9px;

        vertical-align: middle;

    }

    .lst-news__label {

        padding: 0 0 0 10px;

    }

    .lst-news-ir .acr-type01 {

        display: block;

        font-weight: bold;

        margin-left: 5px;

        line-height: 1.4;

    }

}



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

.lst-banner-side li {

    margin-bottom: 10px;

    border: solid 1px #e6e6e6;

}

.lst-banner-side li .bnr-img{

    padding: 15px;

    display: inline-block;

    background: #e6e6e6;

    width: 64px;

    box-sizing: border-box;

}

.lst-banner-side li .bnr-txt{

    font-size: 14px;

    padding: 20px 15px;

    vertical-align: top;

    display: inline-block;

}

@media only screen and (min-width:1px) and (max-width:1300px){

    .lst-banner-side {

        margin-bottom: 20px;

    }





    .lst-banner-side li .bnr-img{

        padding: 12px 15px;

        width: 50px;

        height: 50px;

    }

    .lst-banner-side li .bnr-img img{

        width: 20px;

    }

    .lst-banner-side li .bnr-txt {

        font-size: 12px;

        padding: 15px 10px;

    }

}



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

.lst-link-side li {

    border-bottom: 1px solid #e6e6e6;

    padding: 15px 0;

}

.lst-link-side li a {

    display: inline-block;

}

.lst-link-side li a .icon {

    margin-left: 0;

}



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

.lst-button {

    margin: 0 -5px;

}

.lst-button li {

    display: inline-block;

    padding: 0 5px;

    box-sizing: border-box;

}

.lst-button a.acr-type01:after{

    width: 100%;

    opacity: 1;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-button li{

        width: 100%;

        display: block;

        margin-top: 10px;

    }

}

.lst-form{

    padding-left: 20px;

}

.lst-form li {

    margin-bottom: 15px;

    list-style-type: disc;

}

.box-form{

    background: #ccc;

    text-align: center;

    padding: 30px 20px 10px;

    margin-bottom: 30px;

    overflow: hidden;

    margin-top: 40px;

}

.box-form__title{

    font-size: 18px;

    color: #052d93;

    margin-bottom: 15px;

}

.lst-box-form__content{

    background: #fff;

    padding: 20px;

    box-sizing: border-box;

}

.lst-box-form__title{

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

}

.lst-box-form__title:before{

    content: "";

    width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 10px solid #052d93;

    display: block;

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.lst-box-form {

    margin: 0 -10px;

}

.lst-box-form li{

    width: 50%;

    padding: 10px;

    box-sizing: border-box;

    float: left;

}

.lst-box-form__button a{

    display: block;

}

.box-form .btn {

    padding-left: 0;

    padding-right: 0;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-form{

        padding: 15px 10px 10px;

        margin-bottom: 20px;

        margin-top: 20px;

    }

    .box-form__title{

        font-size: 16px;

        margin-bottom: 5px;

        line-height: 1.643;

    }

    .lst-box-form__content{

        padding: 15px 20px;

    }

    .lst-box-form__title{

        padding-bottom: 10px;

        margin-bottom: 10px;

        font-size: 15px;

    }

    .lst-box-form__title:before{

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 7px solid #052d93;

    }

    .lst-box-form {

        margin: 0;

    }

    .lst-box-form li{

        width: 100%;

        float: none;

    }

    .lst-box-form__button a{

        margin: 0 auto;

    }

}







/*2-1-7.  Button   [btn-***]*/

.btn{

    display: inline-block;

    font-size: 16px;

    box-sizing: border-box;

    padding: 12px 46px;

    font-weight: 500;

    text-align: center;

    position: relative;

    border: solid 2px #0e2e92;

    color: #fff;

    background: #0e2e92;

    -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

    transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

.btn:hover {

    color: #0e2e92;

    background: #fff;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .btn{

        font-size: 12px;

        max-width: 280px;

        width: 100%;

        padding: 10px 15px;

    }

}

/*2-1-8.  Anchor   [acr-***]*/

.acr-inline {

    color: #052d93;

    text-decoration: underline;

}

.acr-type01 {

    -webkit-transition: opacity 400ms cubic-bezier(0.22, 0.61, 0.36, 1);

    transition: opacity 400ms cubic-bezier(0.22, 0.61, 0.36, 1);

}

.acr-type01:hover {

    opacity: 0.8;

}

.acr-type01 em {

    font-weight: normal;

    font-style: normal;

    color: #be302d;

    word-break: break-all;

}

.acr-type01 em.xlsx{

    color: #217346;

}

.acr-type01 em .icon,

.acr-type01 small .icon {

    font-size: 125%;

    padding-left: 0.5em;

}

.acr-type01 b {

    font-weight: normal;

}

.acr-type01 b .icon {

    color: #222;

}

.acr-type01 small{

    display: inline-block;

    color: #be302d;

}

.acr-type01 .icon-external-link {

    font-size: 125%;

}

.acr-type01 .icon-volume,

.acr-type01 .icon-video,

.acr-type01 .icon-arrow-square,

.no-link .icon-volume,

.no-link .icon-video,

.no-link .icon-arrow-square

 {

    position: relative;

    color: #052d93;

    font-size: 1.2em;

    margin-right: 0.3em;

    vertical-align: baseline;

}

.no-link,

.no-link .icon-volume,

.no-link .icon-video,

.no-link .icon-arrow-square{

    color: darkgray;

}

a.acr-type01,

a .acr-type01{

    position: relative;

}

.lst-file a.acr-type01:after,

.lst-file a .acr-type01:after,

.page-document-invite a.acr-type01:after,

.page-top .lst-file-top a.acr-type01:after,

.page-top .lst-file-top a .acr-type01:after{

    width: 100%;

}

a.acr-type01:hover,

a:hover .acr-type01,

a.acr-type01:hover small{

    text-decoration: underline #000;

}



/* ****example****** */



.video-icon:before {

    content: url("/ir/outline/assets/img/videocam-24px.svg");

    display: inline-block;

    width: 5px;

    height: 5px;

  }





@media only screen and (min-width:1px) and (max-width:767px){

    .acr-type01 span {

        font-size: 12px;

    }

}



/*2-1-9.  Text     [txt-***]*/

.txt-note {

    font-size: 13px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .txt-note {

        font-size: 10px;

    }

}

.txt-lead {

    margin-bottom: 105px;

    letter-spacing: 0.015em;

}

.txt-right {

    text-align: right;

    margin-bottom: 10px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .txt-lead {

        margin: 0 -20px 35px;

        padding: 0 20px 35px;

        border-bottom: 1px solid #ccc;

    }

    .txt-right {

        font-size: 12px;

        margin-bottom: 15px;

    }

}



/*2-1-10. Icon     [icn-***]*/



/*2-1-11. Label    [lbl-***]*/

.lbl{

    color:#fff;

    display: inline-block;

    line-height: 1.6;

    border-radius: 2px;

    padding: 0 9px;

    margin-right: 9px;

    text-align: center;

}

.lbl--red{

    background: #fb0029;

}

.lbl--blue{

    background: #03a9f4;

}

.lbl--green{

    background: #00acc1;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lbl{

        font-size: 12px;

        padding: 0 5px;

    }

}

.lbl-type01 {

    background: #339999;

}

.lbl-type02 {

    background: #30a1d2;

}

.lbl-type03 {

    background: #5b80b6;

}

/*2-1-12. Form     [frm-***]*/

.Main__content ::-webkit-input-placeholder{

  padding: 2px 6px 4px;

  font-size: 13px;

  color: #999;

}

.Main__content ::-moz-placeholder{

  padding: 8px;

  font-size: 13px;

  color: #999;

  opacity: 1;

}

.Main__content :-ms-input-placeholder{

  padding: 8px;

  font-size: 13px;

  color: #999;

}

.Main__content :-moz-placeholder{

  padding: 8px;

  font-size: 13px;

  color: #999;

}



.Main__content .input {

    border: 0;

    background: #f5f5f5;

    padding: 18px 20px 17px;

    box-sizing: border-box;

    resize: none;

    height: auto;

}

.Main__content .input:focus {

    background: #f5f5f5;

}

.input--full {

    width: 100%;

}

.input--half {

    width: 50%;

}

.input--error{

    background-color: #fee1e5;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .Main__content .input {

        padding: 9px 15px;

    }

    .input--full,

    .input--half {

        width: 100%;

    }

}





.input--radiocheck {

    position: relative;

    padding-left: 30px;

    display: block;

}

.input--radiocheck input {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.lst-input__error:before{

    content: '';

    width: 20px;

    height: 20px;

    display: block;

    background-color: #fee1e5;

    position: relative;

    top: 21px;

    left: -4px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .input--radiocheck input {

        top: 6px;

        left: 1px;

        transform: translateY(0);

        width: 12px;

        height: 12px;

    }

    .lst-input__error:before{

        top: 23px;

        left: -2px;

    }

}



.select {

    background: #f5f5f5;

    width: 50%;



    position: relative;

    overflow: hidden;

}

.select:after {

    content: '\e904';

    display: block;

    width: 66px;

    background: #f5f5f5;

    font-size: 23px;

    text-align: center;

    line-height: 60px;

    font-family: "sekisui";

    font-style: normal;

    font-weight: normal;

    speak: none;

    text-decoration: inherit;

    position: absolute;

    right: 0;

    top: 0;

    pointer-events: none;

}

.select select {

    border: 0;

    background: none;

    width: 100%;

    padding: 20px;

    font-size: 16px;

    -webkit-appearance: none;

    -moz-appearance: none;

}

.select.select__error select{

    background-color: #fee1e5;

}

.select.select__error:after{

    background-color: #fee1e5;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .select {

        width: 100%;

    }

    .select:after {

        line-height: 40px;

        font-size: 14px;

        width: 40px;

    }

    .select select {

        padding: 10px 15px 11px;

        font-size: 14px;

    }

}



.frm__table {

    border: 1px solid #ececec;

}

.frm__table__item {

    border-bottom: 1px solid #ececec;

    padding: 30px;

    display: table;

    width: 100%;

    box-sizing: border-box;

}

.frm__table__title,

.frm__table__content {

    display: table-cell;

    vertical-align: top;

}

.frm__table__title {

    font-weight: bold;

    padding-left: 10px;

    width: 19.7228%;

    box-sizing: border-box;

    padding-top: 15px;

}

.frm__table__check .frm__table__title {

    padding-top: 0;

}

.frm__table__title.required span:after {

    content: "※";

    color: #fa1435;

    font-size: 10px;

    position: relative;

    top: -5px;

    right: -5px;

}

.frm__table__note {

    font-size: 13px;

    margin: 5px 0 -10px;

}

.frm__error {

    color: #fa1435;

    padding-top: 5px;

}

.frm__button {

    text-align: center;

    padding: 60px 45px;

    position: relative;

}

.frm__clear {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.frm__clear .btn {

    font-size: 14px;

    border: solid 1px;

    border-radius: 6px;

    padding: 4px 13px;

    background: none;

    color: #0e2e92;

}

.frm__back{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.frm__back .btn{

    font-size: 14px;

    border: solid 1px;

    border-radius: 6px;

    padding: 4px 13px;

}

.frm__back .btn:before {

    content: '\e905';

    display: inline-block;

    font-size: 14px;

    padding-right: 10px;

    font-family: "sekisui";

}

.frm__note {

    font-size: 14px;

    margin-bottom: 10px;

}

.frm__note:before {

    content: "※";

    color: #fa1435;

}

.frm-note {

    margin-top: 30px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .frm {

        margin: 0 -20px;

    }

    .frm__note {

        padding: 0 20px;

        font-size: 12px;

        margin-bottom: 15px;

    }

    .frm__table {

        border-bottom: 0;

        border-left: 0;

        border-right: 0;

    }

    .frm__table__item,

    .frm__table__title,

    .frm__table__content {

        display: block;

        width: auto;

    }

    .frm__table__item {

        padding: 15px 20px;

    }

    .frm__table__title {

        font-weight: normal;

        margin-bottom: 5px;

        padding: 0;

    }

    .frm__table__title.required span:after {

        font-size: 8px;

        right: -3px;

    }

    .frm__table__note {

        margin-bottom: 0;

    }

    .frm__button {

        padding: 20px;

    }

    .frm__clear {

        position: static;

        margin-bottom: 20px;

        transform: translateY(0);

        text-align: left;

    }

    .frm__clear .btn {

        width: auto;

        font-size: 12px;

        font-weight: bold;

        border-radius: 5px;

        min-width: 65px;

    }

    .frm__back{

        position: static;

        margin-bottom: 20px;

        transform: translateY(0);

        text-align: left;

    }

    .frm__back .btn{

        width: auto;

        font-size: 12px;

        font-weight: bold;

        border-radius: 5px;

    }

    .frm-note {

        margin-top: 15px;

    }

}



.lst-input li {

    margin-bottom: 5px;

}

.lst-input li:last-child {

    margin-bottom: 0;

}

.lst-input--inline li {

    display: inline-block;

    margin-bottom: 0;

    margin-right: 35px;

}

.lst-input--inline li + li {

    margin-right: 35px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .lst-input--inline li {

        min-width: 72px;

        margin-right: 25px;

    }

    .lst-input--inline li + li {

        margin-right: 25px;

    }

}



/*2-1-13. Error    [err-***]*/



/*2-1-14. Panel    [pnl-***]*/



/*2-1-15. Media    [mda-***]*/



/*2-1-16. UI*/



/* 2-2. Utility

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

/*2-2-1. clearfix [ModernType]*/

#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,.wrp-container:after,

.clearfix:after{

    display: block;

    clear: both;

    content: "";

}

/*2-2-2. margin,padding [mb10,pt20]*/

/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}.mb200{margin-bottom: 200px!important;}

/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}



/*2-2-3. Object-Oriented CSS [OOCSS]*/

.right{

    text-align: right!important;

}

.center{

    text-align: center!important;

}

.left{

    text-align: left!important;

}

.top{

    vertical-align: top!important;

}

.middle{

    vertical-align: middle!important;

}

.bottom{

    vertical-align: bottom!important;

}

ul.list li{

    margin-bottom: 6px;

    margin-left: 26px;

    list-style-type: disc!important;

}

ol.list li{

    margin-bottom: 1em;

    margin-left: 23px;

    list-style-type: decimal!important;

}

.word{

    display: inline-block;

    text-indent: 0;

}

.right{

    text-align: right!important;

}

.center{

    text-align: center!important;

}

.left{

    text-align: left!important;

}

/* for RWD */

.fluid-image{

    max-width: 100%;

    height: auto;

}

.video-container{

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container embed{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

/* 2-2-4. Grid System [grid-***] */

.grid-row{

    margin-right: -10px;

    margin-left: -10px;

    overflow: hidden;

    width: auto;

}

.grid-col,

.grid-col--1,

.grid-col--2,

.grid-col--3,

.grid-col--4,

.grid-col--5,

.grid-col--6,

.grid-col--7,

.grid-col--8,

.grid-col--9,

.grid-col--10,

.grid-col--11,

.grid-col--12{

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    float: left;

    box-sizing: border-box;

}

.grid-col--1{width: 8.33333333333%}

.grid-col--2{width: 16.6666666667%;}

.grid-col--3{width: 25%;}

.grid-col--4{width: 33.3333333333%;}

.grid-col--5{width: 41.6666666667%;}

.grid-col--6{width: 50%;}

.grid-col--7{width: 58.3333333333%;}

.grid-col--8{width: 66.6666666667%;}

.grid-col--9{width: 75%;}

.grid-col--10{width: 83.3333333333%;}

.grid-col--11{width: 91.6666666667%;}

.grid-col--12{width: 100%;}

@media only screen and (min-width:1px) and (max-width:767px){

    .grid-col--1,

    .grid-col--2,

    .grid-col--3,

    .grid-col--4,

    .grid-col--5,

    .grid-col--6,

    .grid-col--7,

    .grid-col--8,

    .grid-col--9,

    .grid-col--10,

    .grid-col--11{

        width: 100%;

    }



    .grid-colTablet--6{

        width: 50%;

        position: relative;

        min-height: 1px;

        padding-right: 5px;

        padding-left: 5px;

        float: left;

        box-sizing: border-box;

    }

    .grid-colTablet--4{

        width: 33.33%;

        position: relative;

        min-height: 1px;

        padding-right: 5px;

        padding-left: 5px;

        float: left;

        box-sizing: border-box;

    }

}/* endMedia */

/* 2-2-5. CSS Animation [act-***] */



/* 2-2-6. WebFont */

@font-face {

    font-family: 'sekisui';

    src:  url('/ir/assets/font/sekisui.eot');

    src:  url('/ir/assets/font/sekisui.eot#iefix') format('embedded-opentype'),

          url('/ir/assets/font/sekisui.ttf') format('truetype'),

          url('/ir/assets/font/sekisui.woff') format('woff'),

          url('/ir/assets/font/sekisui.svg#sekisui') format('svg');

    font-weight: normal;

    font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {

    font-family: 'sekisui' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.icon-rss:before { content: "\e909";}

.icon-arrow-right:before { content: "\e904";}

.icon-arrow-left:before { content: "\e905";}

.icon-arrow-square:before { content: "\e908";}

.icon-arrow-circle:before { content: "\e907";}

.icon-arrow-small:before { content: "\e903";}

.icon-line:before { content: "\e906";}

.icon-zoom-in:before { content: "\e902";}

.icon-doc:before { content: "\e900";}

.icon-external-link:before { content: "\e901";}

.icon-camera:before { content: "\e8fc";}

.icon-check:before { content: "\e5ca";}

.icon-download:before { content: "\e258";}

.icon-volume:before { content: "\e050";}



.icon-video:before {

    content: url(/ir/outline/assets/img/video.svg)!important;

}



.icon-pdf,

.icon-pdf .icon,

.icon-pptx,

.icon-pptx .icon{

    color: #be302d;

}

.icon-xlsx,

.icon-xlsx .icon{

    color: #217346;

}



/* 2-3. State [is-***]

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

.is-error{

    background: #f9eceb;

}

.is-disabled{

    opacity: 0.3;

}

.is-visiblePc{

    display: block!important;

}

.is-visibleSp{

    display: none!important;

}

.is-visibleTablet{

    display: none!important;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .is-visiblePc{

        display: none!important;

    }

    .is-visibleSp{

        display: block!important;

    }

    .is-visibleTablet{

        display: none!important;

    }

}/* endMedia */

@media only screen and (min-width:768px) and (max-width:1119px){

    .is-visibleTablet{

        display: block!important;

    }

}/* endMedia */



/* 2-4. OverLayerConfig [z-index]

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





/* 2-5. Project



/* .page-top */

.page-top .box-heading {

    margin: 0;

}

.page-top .hdg-lv2 {

    font-size: 24px;

    margin-bottom: 20px;

}

.page-top .box-newsletter {

    margin-bottom: 70px;

}

.page-top .section-info-top {

    background: #e6e6e6;

    padding-bottom: 60px;

}

.page-top .section-info-top .hdg-lv2 {

    color: #fff;

    text-align: center;

    background: #052d93;

    padding: 50px 20px 110px;

    font-size: 30px;

    margin-bottom: 0;

}

.page-top .box-info-top {

    margin-top: -60px;

}

.page-top .lst-info-top > li {

    margin-bottom: 20px;

}

.box-info-top__inner {

    background: #fff;

    height: 375px;

}

.box-info-top .bg-info-document {

    background: #fff url("/ir/outline/assets/img/top-bg-info01.jpg") no-repeat bottom right;

}

.box-info-top .bg-info-manage {

    background: #fff url("/ir/outline/assets/img/top-bg-info02.jpg") no-repeat bottom right;

}

.box-info-top .bg-info-results {

    background: #fff url("/ir/outline/assets/img/top-bg-info03.jpg") no-repeat bottom right;

}

.box-info-top .bg-info-others {

    background: #fff url("/ir/outline/assets/img/top-bg-info04.jpg") no-repeat bottom right;

}

.box-info-top .bg-info-stock {

    background: #fff url("/ir/outline/assets/img/top-bg-info05.jpg") no-repeat bottom right;

}

.page-top .box-info-top__title {

    font-size: 18px;

    letter-spacing: 0.06em;

    border-bottom: 2px solid #e6e6e6;

    padding: 26px 20px;

    margin-bottom: 20px;

}

.page-top .box-info-top__title span {

    display: inline-block;

    padding-left: 15px;

    position: relative;

    line-height: 1.2;

}

.page-top .box-info-top__title span:before {

    content: "";

    display: block;

    width: 4px;

    height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    background: #052d93;

}

.page-top .box-info-top__title .icon {

    color: #052d93;

}

.page-top .box-info-top__content {

    padding: 0 30px 25px;

}



.page-top .box-info-top__content li + li {

    margin-top: 10px;

}

.box-info-top__inner--last{

    display: none;

}



.page-top .box-info-top__inner ul li {

	margin-bottom: 10px;

}



.box-info-top .box-info-top__inner--last{

    display: block;

}

.page-top .box-info-top__inner--last .box-info-top__title {

    background: #f5f5f5;

    border-bottom: 2px solid #f5f5f5;

    margin-bottom: 0;

}

.page-top .box-info-top__inner--last .box-info-top__content {

    padding: 0;

}

.page-top .box-info-top__inner--last .box-info-top__content li {

    padding: 10px 30px;

}

.page-top .box-info-top__inner--last .box-info-top__content li + li {

    margin: 0;

}

.page-top .box-info-top__inner--last .box-info-top__content li:nth-child(even) {

    background: #f5f5f5;

}

.page-top .box-info-top__inner--last .box-info-top__content .lst-number {

    counter-reset: number;

}

.page-top .box-info-top__inner--last .box-info-top__content .lst-number li:before {

    counter-increment: number;

    content: counter(number) ". ";

    color: #052d93;

    font-weight: bold;

    font-size: 150%;

}

.page-top .nav-footer{

    margin-top: 0;

}

@media only screen and (min-width:768px) and (max-width:959px){

    .box-newsletter__main,

    .box-newsletter__side{

        width: 100%;

    }

}

@media only screen and (min-width:768px){

    .page-top .box-info-top__inner--last .box-info-top__content li a:hover {

        opacity: 1;

        text-decoration: underline;

    }

}

.page-top .acr-type01 {

    line-height: 1.4;

}

.page-top .nav-footer .nav-footer__inner,

.page-top .nav-footer .nav-footer__sub{

    display: none;

}

.page-top .section-review-top {

    margin-bottom: 110px;

}

.page-top .section-review-top .center {

    margin-top: 35px;

}

.box-info-top__note {

    display: none;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-top .box-heading {

        margin-bottom: 0;

    }

    .page-top .hdg-lv2 {

        font-size: 18px;

        margin-bottom: 25px;

    }

    .page-top .box-newsletter {

        margin-bottom: 60px;

    }

    .page-top .section-info-top {

        padding-bottom: 1px;

    }

    .page-top .section-info-top .hdg-lv2 {

        font-size: 18px;

        padding: 35px 20px 55px;

    }

    .page-top .box-info-top {

        margin-top: -30px;

    }

    .page-top .box-info-top__title {

        font-size: 14px;

        padding: 14px 15px;

        border-bottom: 1px solid #e6e6e6;

        margin-bottom: 15px;

    }

    .page-top .box-info-top__title span:before {

        width: 2px;

        height: 15px;

    }

    .page-top .lst-info-top > li {

        margin-bottom: 30px;

    }

    .page-top .box-info-top__content {

        padding: 0 20px 15px;

    }

    .box-info-top .bg-info-document {

        background: #fff url("/ir/outline/assets/img/top-bg-info01.jpg") no-repeat bottom right;

        background-size: 280px auto;

    }

    .box-info-top .bg-info-manage {

        background: #fff url("/ir/outline/assets/img/top-bg-info02.jpg") no-repeat bottom right;

        background-size: 280px auto;

    }

    .box-info-top .bg-info-results {

        background: #fff url("/ir/outline/assets/img/top-bg-info03.jpg") no-repeat bottom right;

        background-size: 280px auto;

    }

    .box-info-top .bg-info-others {

        background: #fff url("/ir/outline/assets/img/top-bg-info04.jpg") no-repeat bottom right;

        background-size: 100% auto;

    }

    .box-info-top .bg-info-stock {

        background: #fff url("/ir/outline/assets/img/top-bg-info05.jpg") no-repeat bottom right;

        background-size: 100% auto;

    }

    .page-top .box-info-top__inner--last .box-info-top__content li {

        padding: 10px 20px;

    }

    .box-info-top__note {

        display: block;

        font-size: 10px;

        background: #f5f5f5;

        padding: 6px 20px;

    }

    .page-top .section-review-top {

        display: none;

    }

}



/* .page-sitemap */

.lst-info-top > li {

    margin-bottom: 20px;

}

.box-info-top__title {

    font-size: 18px;

    letter-spacing: 0.06em;

    border-bottom: 2px solid #e6e6e6;

    padding: 26px 20px;

    margin-bottom: 20px;

}

.box-info-top__title span {

    display: inline-block;

    padding-left: 15px;

    position: relative;

    line-height: 1.2;

}

.box-info-top__title span:before {

    content: "";

    display: block;

    width: 4px;

    height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    background: #052d93;

}

.box-info-top__title .icon {

    color: #052d93;

}

.box-info-top__content {

    padding: 0 30px 25px;

}

.box-info-top__content li + li {

    margin-top: 10px;

}

@media only screen and (min-width:768px) and (max-width:960px){

    .lst-info-top > li {

        width: 50%;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-info-top {

        margin-top: -30px;

    }

    .box-info-top__title {

        font-size: 14px;

        padding: 14px 15px;

        border-bottom: 1px solid #e6e6e6;

        margin-bottom: 15px;

    }

    .box-info-top__title span:before {

        width: 2px;

        height: 15px;

    }

    .lst-info-top > li {

        margin-bottom: 30px;

    }

    .box-info-top__content {

        padding: 0 20px 15px;

    }

}



/*--------------------document---------------------*/

.box-media-ir{

    display: table;

    width: 100%;

    margin-bottom: 40px;

}

.box-media-ir__left,

.box-media-ir__right{

    display: table-cell;

    vertical-align: middle;

    padding: 0 15px;

    box-sizing: border-box;

    width: 50%;

}

.box-media-ir__left{

    padding-left: 0;

}

.box-media-ir__right{

    padding-right: 0;

}

.box-media-ir__inner{

    border: 1px solid #d7d7d7;

    display: block;

}

.box-media-ir__inner a{

    display: block;

}

.lst-document-ir{

    margin-left: -15px;

    margin-right: -15px;

}

.lst-document-ir li{

    line-height: 0;

    font-size: 0;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 40px;

}

.lst-document-ir li>a{

    display: block;

    overflow: hidden;

}

.lst-document-ir__inner{

    border: 1px solid #d7d7d7;

}

.lst-document-ir__image,

.lst-document-ir__image__ptn02{

    text-align: center;

    background: #f5f5f5;

    border-bottom: 1px solid #d7d7d7;

}

.box-media-ir__image img,

.lst-document-ir__image img{

    width: 100%;

}

.lst-document-ir__image__ptn02{

	position: relative;

    padding: 15px 0;

}

.lst-document-ir__image__ptn02 img{

    display: block;

    width: 40%;

    height: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

	box-shadow: 0 0 8px gray;

  }

.box-media-ir__link,

.lst-document-ir__link{

    font-size: 16px;

    padding : 10px 15px 10px 20px;

}

.box-media-ir__link span,

.lst-document-ir__link span{

    line-height: 1.4;

    position: relative;

}

.box-media-ir__link span small,

.lst-document-ir__link span small{

    display: inline;

}

.box-media-ir__link span:before,

.lst-document-ir__link span:before{

    content: "\e908";

    font-family: 'sekisui' !important;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    color: #052d93;

    margin-right: 0.5em;

    font-size: 1.2em;

    vertical-align: baseline;

}

.box-media-ir__inner:hover .box-media-ir__link span,

.lst-document-ir__inner:hover span {

    text-decoration: underline;

}

.box-media-ir__text,

.lst-document-ir__text{

    font-size: 13px;

    padding: 0 22px 16px;

    line-height: 1.5;

}

.page-document .section-file-top {

    margin: 65px auto 80px;

    padding: 30px;

    background: #f5f5f5;

}

.page-document .section-file-top h2{

    font-size: 18px;

    margin-bottom: 20px;

}

.page-document .section-file-top a:hover {

    text-decoration: underline;

}

.page-document .lst-file-top:after {

    content: "";

    display: block;

    clear: both;

}

.page-document .lst-file-top li {

    width: 33.33%;

    box-sizing: border-box;

    padding: 5px 10px;

    float: left;

    font-size: 13px;

}

.page-document .lst-file-top li a:before{

    content: "\e908";

    font-family: 'sekisui' !important;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    color: #052d93;

    font-size: 1.2em;

    vertical-align: baseline;

    margin-right: 0.5em;

}

.page-document .lst-file-top li a.volume:before{

    content: "\e050";   

    font-size: 1.3em;

}



@media only screen and (min-width:996px) and (max-width:1400px){

    .page-document .lst-file-top li {

        width: 50%;

    }

}

@media only screen and (min-width:768px) and (max-width:995px){

    .lst-document-ir li{

        width: 50%;

    }

    .page-document .lst-file-top li {

        width: 100%;

        padding: 5px 0;

    }

    .page-document .section-file-top {

        margin-bottom: 45px;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-media-ir{

        margin-bottom: 17px;

    }

    .box-media-ir__left,

    .box-media-ir__right{

        display: block;

        width: 100%;

        padding: 0;

    }

    .box-media-ir__left{

        margin-bottom: 20px;

    }

    .lst-document-ir{

        margin-left: -10px;

        margin-right: -10px;

    }

    .lst-document-ir li{

        width: 50%;

        padding-left: 10px;

        padding-right: 10px;

        margin-bottom: 20px;

    }

    .box-media-ir__link,

    .lst-document-ir__link{

        font-size: 12px;

        padding: 5px 10px;

        text-indent: 0;

    }

    .lst-document-ir__link span{

        padding-left: 0;

    }

    .box-media-ir__text,

    .lst-document-ir__text{

        font-size: 10px;

        padding: 0 12px 10px;

    }

    .page-document .section-file-top {

        margin: 30px auto;

        padding: 20px;

    }

    .page-document .lst-file-top li {

        width: 100%;

        padding: 5px 0;

    }

    .page-document .section-review-top {

        display: none;

    }

}

/*-------------------box-time--------------------*/

.box-time{

    background: #f5f5f5;

    margin: 0 0 67px;

}

.box-time.fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    padding-left: 180px;

    border-bottom: 1px solid #fff;

    box-sizing: border-box;

    z-index: 30;

}

.lst-time-toggle {

    display: none;

}

.lst-time{

    display: table;

    margin: 0 auto;

    padding: 14px 0;

}

.lst-time li{

    display: table-cell;

    vertical-align: middle;

    position: relative;

    padding: 15px 20px;

}

.lst-time li:first-child:before{

    display: none;

}

.lst-time li:before{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -4px;

    width: 1px;

    height: 8px;

    background: #7a7a7a;

}

.lst-time li a{

    display: block;

    text-align: center;

    position: relative;

}

.lst-time li a:hover{

    opacity: 1;

}

.lst-time li a:before{

    content: '';

    background: #0e2e92;

    height: 2px;

    left: 0;

    right: 0;

    width: 0;

    max-width: 100%;

    position: absolute;

    bottom: -3px;

    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);

}

.lst-time li a:hover:before{

    width: 100%;

}

@media only screen and (min-width:768px) and (max-width:995px){

    .box-time{

        overflow-x: scroll;

        margin: 0 0 50px;

    }

    .lst-time {

        min-width: 756px;

    }

    .lst-time li a{

        font-size: 12px;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-document-jigyou .box-content{

        margin-top: 73px;

    }

    .box-time {

        margin-bottom: 35px;

    }

    .box-time .wrp-container {

        display: none;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        max-height: 200px;

        padding: 0;

    }

    .lst-time-toggle {

        position: relative;

        display: block;

        padding: 10px 20px;

        text-align: center;

    }

    .lst-time-toggle:after {

        content: "";

        position: absolute;

        top: -2px;

        right: 20px;

        width: 11px;

        height: 44px;

        background: url("/ir/outline/assets/img/ic_menu_arrow_down_sp.png") left center/100% auto no-repeat;

    }

    .lst-time-toggle.is--open:after {

        background-image: url("/ir/outline/assets/img/ic_menu_arrow_up_sp.png");

    }

    .lst-time {

        display: block;

        padding: 0;

        border-top: 1px solid #ccc;

    }

    .lst-time li {

        display: block;

        padding: 0;

        border-bottom: 1px solid #ccc;

    }

    .lst-time li:before {

        display: none;

    }

    .lst-time li a {

        padding: 8px 20px;

    }

    .lst-time li a:before {

        display: none;

    }

}

.box-news{

    margin-bottom: 53px;

}

.page-document-jigyou .nav-footer{

    margin-top: 120px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-news{

        margin-bottom: 42px;

    }

    .page-document-jigyou .nav-footer{

        margin-top: 75px;

    }

}



/*------------------------account-------------------------*/

.page-account .nav-footer{

    margin-top: 120px;

}

.box-account{

    margin-bottom: 80px;

}

.box-account__title{

    padding: 32px 0 7px;

    font-weight: bold;

}

.box-account__title small{

    font-size: 13px;

    display: inline-block;

    font-weight: normal;

}

.lst-account{

    margin-bottom: 27px;

}

.lst-account li{

    border-bottom: 1px solid #ccc;

    position: relative;

    padding: 13px 10px 12px 0;

}

.lst-account li:last-child{

    border-bottom: 2px solid #ccc;

}

.lst-account .correct {

    padding-left: 1.5em;

}

.lst-account li a{

    display: inline-block;

    position: relative;

}



.lst-account li .lst-account__spec{

    padding-top: 5px;

}

.lst-account__link{

    display: table;

}

.lst-account li .lst-account__link__sound{

    display:table-cell;

    vertical-align: middle;

}

.lst-account li .lst-account__link__sound > span {

    padding: 4px 20px;

    font-size: 13px;

    margin-left: 10px;

}

.lst-account li .lst-account__link__sound > span i{

    font-size: 1.5em;

    vertical-align: text-bottom;

    margin-right: 0.2em;

    color: #052d93;

}

.lst-account li .lst-account__link__sound > span i.icon-video{

    vertical-align: baseline;

}

.lst-account li .lst-account__link__sound > span span{

    color: #052d93;

}

.lst-account li .lst-account__link__sound:hover{

    text-decoration: underline;

}

.lst-account li .lst-account__link__file{

    display: table-cell;

    vertical-align: middle;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-account .box-content{

        margin-top: 73px;

    }

    .box-account {

        margin-bottom: 40px;

    }

    .box-account__title small{

        font-weight: normal;

        font-size: 9px;

        white-space: normal;

    }

    .lst-account li {

        padding: 0;

    }

    .lst-account li a{

        display: block;

        font-size: 12px;

        padding: 6px 10px 3px 18px;

    }

    .lst-account li a:before{

        top: 12px;

        width: 8px;

        height: 8px;

        background-size: 8px auto;

    }

    .lst-account__link{

        margin-bottom: 7px;

        display: block;

        text-align: center;

    }

    .lst-account li .lst-account__link__file,

    .lst-account li .lst-account__link__sound{

        display: block;

        padding: 0;

    }

    .lst-account li .lst-account__link__file{

        text-align: left;

    }

    .lst-account li:last-child a{

        padding: 9px 18px 8px;

    }

    .lst-account li .lst-account__link__sound{

        margin: 0 auto;

        text-align: center;

    }

    .lst-account li:last-child .lst-account__link__sound{

        margin: 0 auto;

        text-align: center;

        padding: 0;

    }

    .box-account__title{

        padding: 16px 0 0;

    }

    .lst-account li .lst-account__link__sound > span{

        font-size: 10px;

        padding: 2px 15px 2px 25px;

        display: inline-block;

        margin-left: 0;

    }

    .lst-account{

        margin-bottom: 11px;

    }

    .page-account .nav-footer{

        margin-top: 80px;

    }

}



/* .page-document */

.page-document-summary .box-heading,

.page-document-yuhou .box-heading,

.page-document-jigyou .box-heading,

.page-document-invite .box-heading {

    margin-bottom: 0;

}

.page-document-summary .box-content,

.page-document-yuhou .box-content {

    margin-top: 0;

}

.page-document-invite .acr-type01 small{

    padding-left: 0;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-document-summary .box-heading,

    .page-document-yuhou .box-heading,

    .page-document-jigyou .box-heading,

    .page-document-invite .box-heading {

        margin-bottom: 35px;

    }

}

/*------------------------/ir/index.html--------------------------*/





/*------------------------/ir/results/index.html--------------------------*/



/*------------------------/ir/results/housing_order/index.html--------------------------*/

.page-results-housing_order .box-table{

    margin-bottom: 60px;

    margin-top: 20px;1

}

.page-results-housing_order .tbl-base--01 {

    table-layout: fixed;

}

.page-results-housing_order .tbl-base--01 thead th {

    width: 30%;

}

.page-results-housing_order .tbl-base--01 thead th:first-child {

    width: 40%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-results-housing_order .box-table{

        margin-bottom: 40px;

        margin-top: 10px;

    }

}



/*------------------------/ir/stocks/soukai/index.html--------------------------*/

@media only screen and (min-width:768px){

    .page-stocks-soukai .box-heading {

        margin-bottom: 0;

    }

}

.page-stocks-soukai .box-content{

    margin-top: 0;

}

.page-stocks-soukai .box-time{

    margin-bottom: 111px;

}

.page-stocks-soukai .hdg-lv4{

    font-size: 16px;

}

.box-information{

    margin-bottom: 47px;

}

.box-information__inner{

    display: table;

    width: 100%;

    max-width: 1000px;

}

.box-information__image,

.box-information__content{

    display: table-cell;

    vertical-align: top;

}

.box-information__image{

    width: 25%;

    padding-right: 40px;

}

.tbl-information tr{

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

}

.tbl-information{

    max-width: 1000px;

    border-top: 1px solid #ccc;

}

.tbl-information th{

    background: #f5f5f5;

    border-right: 1px solid #ccc;

    padding: 18px 20px;

    font-weight: normal;

    min-width: 56px;

    vertical-align: middle;

}

.tbl-information td{

    padding : 20px;

    vertical-align: middle;

}

.wrp-lst-file{

    margin-top: 30px;

}

.lst-file .icon-doc{

    color: #be302d;

}

.lst-file li {

    border-bottom: 1px solid #ccc;

    position: relative;

    padding: 13px 10px 18px 0;

}

.lst-file li:only-child{

    border-bottom: none;

}

.lst-file li a {

    display: inline-block;

    position: relative;

}

.box-general {

    border-bottom: 2px solid #ccc;

    padding-bottom: 33px;

}

.box-general .hdg-lv4{

    margin-bottom: 9px;

}

.box-general__text{

    padding: 43px 0 15px;

}

.box-report{

    font-size: 14px;

    margin-bottom: 108px;

    margin-top: 33px;

}

.box-report .hdg-lv4{

    margin-bottom: 17px;

}

.tbl-report tr{

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

}

.tbl-report{

    max-width: 1000px;

    border-top: 1px solid #ccc;

}

.tbl-report th{

    background: #f5f5f5;

    border-right: 1px solid #ccc;

    padding: 18px 20px;

    font-weight: normal;

    width: 25%;

    vertical-align: middle;

}

.tbl-report td{

    padding: 20px;

}

.tbl-report td p,

.tbl-report td .lst-note{

    line-height: 2;

    margin-bottom: 34px;

}

.tbl-report td p:last-child,

.tbl-report td .lst-note:last-child{

    margin-bottom: 0;

}

.box-shareholders .hdg-lv3{

    margin-bottom: 12px;

}

.lst-shareholders__text{

    padding-bottom: 55px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-stocks-soukai .box-time{

        margin-bottom: 45px;

    }

    .box-information{

        margin-bottom: 23px;

    }

    .tbl-information{

        font-size: 10px;

    }

    .tbl-information th,

    .tbl-information td{

        padding: 5px 10px;

    }

    .box-report{

        margin-bottom: 20px;

        margin-top: 20px;

    }

    .box-general{

        padding-bottom: 20px;

    }

    .box-general__text{

        padding: 21px 0 10px;

        font-size: 12px;

    }

    .tbl-report td p,

    .tbl-report td .lst-note{

        margin-bottom: 10px;

    }

    .tbl-report td .lst-note{

        font-size: 10px;

    }

    .lst-file li {

        padding: 10px 10px 10px 0;

    }

    .lst-file li a{

        font-size: 12px;

    }

    .box-information__image, .box-information__content{

        display: block;

        width: 100%;

    }

    .box-information__image{

        text-align: center;

        margin-bottom: 10px;

        padding-right: 0;

    }

    .tbl-report th{

        padding: 5px;

        min-width: auto;

        width: 30%;

        vertical-align: middle;

        text-align: center;

    }

    .tbl-information{

        font-size: 10px;

    }

    .tbl-report{

        font-size: 10px;

    }

    .box-shareholders .hdg-lv3{

        margin-bottom: 5px;

        padding-bottom: 0;

    }

    .lst-shareholders__text{

        padding-bottom: 15px;

    }



}





/*------------------------/ir/stocks/soukai/1304262_1500.html--------------------------*/

.page-stocks-soukai .wrp-lst-file .lst-file li:last-child,

.page-stocks-soukai-detail .wrp-lst-file .lst-file li{

    border-bottom: none;

}

.page-stocks-soukai-detail .box-information{

    margin-top: 87px;

}

.page-stocks-soukai-detail .nav-footer{

    margin-top: 0;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-stocks-soukai-detail .box-information {

        margin-top: 20px;

    }

}

/*------------------------/ir/stocks/dividend/index.html--------------------------*/

.page-stocks-dividend .box-policy{

    margin: 88px 0 56px;

}

.page-stocks-dividend .box-policy p{

    line-height: 2.1;

}

.page-stocks-dividend .box-policy .hdg-lv3{

    margin-bottom: 31px;

}

.page-stocks-dividend .tbl-treasury--02 th:first-child,

.page-stocks-dividend .tbl-treasury--02 th:nth-child(2) {

    width: 30%;

}



.page-stocks-dividend .box-trends .right small,

.page-stocks-dividend .box-treasury tr .tbl-treasury__price small{

    display: inline-block;

    font-size: 0.8em;

}

.box-trends{

    margin-bottom: 94px;

}

.box-trends .wrap-income{

    max-width: 1000px;

}

.box-trends .wrap-income .inner-income{

    max-width: 700px;

    margin: 0 auto;

    padding: 20px 20px 30px 30px;

    border: solid 1px #ccc;

    box-sizing: border-box;

    position: relative;

}

.box-trends .wrap-income .inner-income h4{

    margin-bottom: 30px;

}

.box-trends .wrap-income .inner-income small{

    position: absolute;

    bottom: 35px;

    left: 10px;

}

.box-trends__note{

    font-size: 13px;

    margin-top: 10px;

}

.tbl-trends tr{

    font-weight: normal;

    vertical-align: middle;

}

.tbl-trends tr th{

    font-weight: normal;

    background: #f5f5f5;

}

.box-trends__table{

    margin-top: 38px;

    display: block;

}

.tbl-trends{

    max-width: 1000px;

    border-top: 1px solid #ccc;

    border-left: 1px solid #ccc;

}

.tbl-trends tr th{

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    box-sizing: border-box;

    text-align: center;

    vertical-align: middle;

}

.tbl-trends tr th:first-child{

    padding: 16px;

    min-width: 100px;

}

.tbl-trends tr td{

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

    padding: 14px;

    vertical-align: middle;

}

.tbl-trends tr .tbl-treasury__price{

    text-align: right;

}

.box-treasury{

    padding: 30px 0;

}

.box-treasury .hdg-lv3{

    margin-bottom: 30px;

}

.tbl-treasury{

    max-width: 1000px;

    border-top: 1px solid #ccc;

    border-left: 1px solid #ccc;

}

.tbl-treasury tr th{

    background: #f5f5f5;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    width: 20%;

    padding: 16px;

    text-align: center;

    font-weight: normal;

    vertical-align: middle;

}

.tbl-treasury tr td{

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

    padding: 18px 20px;

    text-align: left;

    vertical-align: middle;

}

.tbl-treasury tr .tbl-treasury__price{

    text-align: right;

}

.box-releases{

    border-top: 1px solid #ccc;

    padding-top: 30px;

    margin-bottom: 59px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-stocks-dividend .box-policy{

        margin: 30px 0 28px;

    }

    .page-stocks-dividend .box-policy .hdg-lv3{

        margin-bottom: 10px;



    }

    .page-stocks-dividend .box-treasury {

        padding-bottom: 20px;

    }

    .box-trends__table{

        margin-top: 19px;

    }

    .box-trends{

        margin-bottom: 0;

    }

    .box-trends__note{

        font-size: 10px;

        margin-top: 3px;

    }

    .tbl-trends{

        font-size: 10px;

    }

    .tbl-trends tr td,

    .tbl-trends tr th{

        padding: 5px 10px;

    }

    .box-treasury{

        padding-bottom: 0;

    }

    .tbl-treasury{

        font-size: 10px;

        min-width: 400px;

    }

    .tbl-treasury tr th,

    .tbl-treasury tr td{

        padding: 5px 10px;

    }

    .tbl-treasury tr .tbl-treasury__price{

        padding-right: 10px;

    }

    .box-trends .wrap-income{

        display: none;

    }

}

/*------------------------/ir/stocks/irinfo/index.html--------------------------*/

.page-stocks-irinfo .hdg-lv3 small{

    font-size: 14px;

    font-weight: bold;

}

.page-stocks-irinfo .box-content{

    margin-top: 89px;

}

.page-stocks-irinfo .box-shareholders .hdg-lv3{

    margin-bottom: 38px;

}

.page-stocks-irinfo .box-shareholders{

    margin: 78px 0;

}

.page-stocks-irinfo .box-shareholders__note{

    font-size: 13px;

}

.page-stocks-irinfo .tbl-treasury{

    margin-bottom: 15px;

}

.page-stocks-irinfo .tbl-treasury--01 {

    table-layout: fixed;

}

.page-stocks-irinfo .tbl-treasury--01 th {

    width: 25%;

}

.page-stocks-irinfo .tbl-treasury--01 th:first-child {

    width: 50%;

}

.box-distribution {

    margin-bottom: 118px;

}

.box-distribution__chart{

    max-width: 1000px;

    height: auto;

    text-align: center;

    margin-bottom: 20px;

}

.box-distribution__chart img{

    max-width: 100%;

}

.box-distribution__supplementary{

    margin-top: 40px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-stocks-irinfo .box-shareholders{

        margin: 39px 0;

        font-size: 10px;

    }

    .page-stocks-irinfo .box-content{

        margin-top: 30px;

    }

    .box-distribution__chart{

        margin-bottom: 10px;

    }

    .box-distribution__supplementary{

        margin-top: 14px;

    }

    .page-stocks-irinfo .box-shareholders__note{

        font-size: 10px;

    }

    .page-stocks-irinfo .tbl-treasury{

        margin-bottom: 3px;

    }

    .box-distribution{

        margin-bottom: 59px;

    }

}

/*------------------------/ir/stocks/bond/index.html--------------------------*/

.page-stocks-bond .box-table{

    margin-bottom: 60px;

}

.page-stocks-bond .tbl-base--03-1,

.page-stocks-bond .tbl-base--03-2 {

    table-layout: fixed;

}

.page-stocks-bond .tbl-base--03-1 th {

    width: 17%;

}

.page-stocks-bond .tbl-base--03-2 th {

    width: 34%;

}

.page-stocks-bond .tbl-base--03-1 th:first-child,

.page-stocks-bond .tbl-base--03-2 th:first-child {

    width: 32%;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-stocks-bond .box-table{

        margin-bottom: 40px;

    }

}

/*------------------------/ir/stocks/analyst/index.html--------------------------*/

.page-stocks-analyst .txt-tbl-base--03 {

    max-width: 800px;

}

.page-stocks-analyst .tbl-base--03 {

    table-layout: fixed;

    max-width: 800px;

}

.page-stocks-analyst .tbl-base--03 th:first-child {

    width: 60%;

}

.page-stocks-analyst .tbl-base--03 td {

    text-align: left;

}



/*------------------------/ir/document/annual/index.html--------------------------*/

.page-document-annual .box-heading{

    margin-bottom: 0;

}

.page-document-annual .txt-lead{

    margin-bottom: 35px;

    line-height: 2;

}

.page-document-annual .hdg-lv2 span{

    font-size: 18px;

    font-weight: normal;

}

.box-annual__title{

    font-size: 18px;

    margin-bottom: 25px;

}

.box-annual-file + .box-annual__title {

    margin-bottom: 20px;

}

.box-annual{

    display: table;

    width: 100%;

}

.box-annual__box{

    display: table-cell;

    width: 50%;

    box-sizing: border-box;

    background: #f5f5f5;

}



.box-annual__box--left {

    position: relative;

    padding: 15px 30px 15px 15px;

}

.box-annual__box--left:before {

    content: "";

    position: absolute;

    top: 0;

    right: -15px;

    width: 30px;

    height: 100%;

    background: #fff;

}

.box-annual__box--right {

    padding: 15px 15px 15px 30px;

}

.box-annual__left,

.box-annual__right {

    display: table-cell;

    width: 50%;

    box-sizing: border-box;

}

.box-annual__left{

    padding-right: 20px;

}

.box-annual__right{

    padding-left: 20px;

}

.box-link01__note{

    font-size: 13px;

    display: block;

    padding-left: 20px;

}

.box-annual__image{

    margin-bottom: 18px;

    text-align: center;

}

.box-link01{

    margin-bottom: 8px;

}

.box-annual-file{

    border: 1px solid #ccc;

    margin: 30px 0 55px;

    padding: 23px 29px 18px;

}

.box-annual-file .box-link01__note{

    padding-left: 0;

}

.box-link02{

    margin-bottom: 50px;

}

.box-link02__title{

    color: #052d93;

    font-size: 16px;

    border-bottom: 1px solid #052d93;

    font-weight: bold;

    display: block;

    line-height: 1.9;

    padding-bottom: 5px;

}

.lst-link02 li{

    border-bottom: 1px solid #ccc;

    padding: 12px 0;

}

.lst-link02__note__sub{

    padding-left: 20px;

}

.lst-link02__note{

    margin-top: 22px;

    padding-left: 16px;

    font-size: 13px;

}

.lst-link02__note li{

    padding-bottom: 2px;

}

.box-link03__content__title{

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 12px;

    line-height: 1.2;

}

.box-link03__content__title + p {

    line-height: 2;

    margin: 5px auto 15px;

}

.box-link03__content__title span{

    font-weight: normal;

    font-size: 13px;

}

.box-link03__content__title span:first-child{

    padding-left: 5px;

}

.box-link03{

    margin-top: 60px;

}

.lst-link03 li{

    border-bottom: 1px solid #ccc;

    padding: 15px 0;

}

.lst-link03 li a{

    display: inline-block;

}

.box-link03__content{

    margin-bottom: 53px;

}

.page-document-annual .nav-footer{

    margin-top: 120px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .page-document-annual .box-time {

        margin-bottom: 35px;

    }

    .page-document-annual .hdg-lv2{

        margin-bottom: 16px;

    }

    .page-document-annual .hdg-lv2 span{

        font-size: 12px;

    }

    .page-document-annual .txt-lead{

        margin-bottom: 0;

        padding-bottom: 17px;

        border-bottom: 0;

    }

    .box-annual__box,

    .box-annual__left,

    .box-annual__right {

        display: block;

        width: 100%;

    }

    .box-annual__box--left,

    .box-annual__box--right {

        padding: 10px;

        margin-bottom: 10px;

    }

    .box-annual__box--left:before {

        display: none;

    }

    .box-annual__left {

        padding-right: 0;

    }

    .box-annual__right {

        padding-left: 0;

    }

    .box-annual__image{

        margin-bottom: 9px;

    }

    .box-annual-file{

        margin: 10px 0 27px;

        padding: 15px 15px 10px;

    }

    .box-annual__title{

        margin-bottom: 13px;

    }

    .lst-link02 li{

        padding: 8px 0;

    }

    .box-link02{

        margin-bottom: 17px;

    }

    .box-link03{

        margin-top: 0;

    }

    .box-link03 li{

        padding: 10px 0;

    }

    .box-link03 li a{

        display: block;

    }

    .box-link03__content__title{

        font-size: 14px;

    }

    .box-link03__content__title span{

        font-size: 10px;

        line-height: 1.6;

    }

    .box-link03__content__title span:first-child {

        padding-left: 0;

    }

    .box-link03__content{

        margin-bottom: 25px;

    }

    .page-document-annual .nav-footer{

        margin-top: 60px;

    }

}

/*------------------------/ir/calendar/index.html--------------------------*/

.box-chart{

    text-align: center;

    margin: 90px auto 85px;

    line-height: 0;

    max-width: 1340px;

}

.box-chart img{

    margin-bottom: 30px;

}

.box-calendar{

    margin-bottom: 57px;

}

.lst-calendar li{

    display: block;

    box-sizing: border-box;

    padding: 0 15px;

}

.lst-calendar li {

    display: block;

    border-bottom: 1px solid #ccc;

    padding: 15px 0;

}

.lst-calendar__date{

    display: inline-block;

    vertical-align: middle;

    min-width: 102px;

    box-sizing: border-box;

}

.lbl-calendar{

    font-size: 13px;

    background: #01579b;

    border-radius: 0;

    text-align: center;

    width: 42px;

    box-sizing: border-box;

    padding: 0 5px;

}

.lbl-calendar--blue{

    background: #03a9f4;

}

.lbl-calendar--lg{

    width: 96px;

}

.page-calendar .box-time{

    margin-bottom: 60px;

}

.page-calendar .hdg-lv3{

    margin-bottom: 12px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-chart{

        margin-top: 40px;

        margin-bottom: 30px;

    }

    .box-chart img{

        margin-bottom: 10px;

    }

    .page-calendar .box-time {

        margin-bottom: 35px

    }

    .lst-calendar__date{

        display: block;

    }

    .lst-calendar__container{

        display: block;

    }

}



/*------------------------/ir/stocks/holdermemo/index.html--------------------------*/

.box-holdermemo {

    background: #f5f5f5;

    padding: 20px;

    box-sizing: border-box;

    margin: 20px 0;

}

.box-holdermemo__text{

    font-weight: bold;

    margin-bottom: 10px;

}

.box-holdermemo__note{

    margin-top: 30px;

}

.box-holdermemo dl{

    display: block;

    margin-top: 10px;

    font-weight: bold;

}

.box-holdermemo dt, dd{

    display: inline-block;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-holdermemo {

        font-size: 12px;

    }

    .box-holdermemo__note{

        font-size: 10px;

        margin-top: 20px;

    }

}





/*------------------------/ir/disclaimer/index.html--------------------------*/



@media only screen and (min-width:1px) and (max-width:767px){

    .page-disclaimer .txt-lead{

        padding-bottom: 0;

        border-bottom: none;

    }

}



/*------------------------/ir/document/event_other.html--------------------------*/

.page-document-other .wrp-text__button{

    padding-left: 30px;

    margin-bottom: 20px;

}

.page-document-other .wrp-text__button span {

    display: block;

    margin-bottom: 5px;

}

.box-faq{

    margin-bottom: 50px;

}

.box-faq__title{

    font-size: 18px;

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    padding: 15px 0;

    margin-bottom: 15px;

}

.box-faq__content{

    margin-bottom: 15px;

    padding-bottom: 10px;

}

.box-faq__question,

.box-faq__anwser{

    position: relative;

    padding-left: 23px;

}

.box-faq__question:before{

    content: 'Q';

    position: absolute;

    top: 18px;

    left: 10px;

    font-size: 18px;

    color: #0e2e92;

    font-weight: bold;

    line-height: 0.9;

}

.box-faq__question{

    background: #edeff0;

    padding: 15px 20px 15px 30px;

}

.box-faq__anwser:before{

    content: 'A';

    position: absolute;

    top: 18px;

    left: 10px;

    font-size: 18px;

    font-weight: bold;

    line-height: 0.9;

}

.box-faq__anwser{

    padding: 14px 0 14px 30px;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .box-faq{

        margin-bottom: 30px;

    }

    .box-faq__title {

        font-size: 14px;

        padding: 10px 0;

    }

    .box-faq__content {

        margin-bottom: 10px;

    }

    .box-faq__anwser {

        padding-bottom: 0;

    }

    .box-faq__question:before,

    .box-faq__anwser:before {

        font-size: 16px;

    }

    .page-document-other .box-content{

        margin-top: 0;

    }

    .page-document-other .wrp-text__button{

        margin: 5px 0 10px;

    }

    .page-document-other .wrp-text__button .btn{

        margin-bottom: 20px;

    }

}



/*------------------------/ir/document/factbook/--------------------------*/

.txt-update{

    text-align: right;

    margin-bottom: 20px;

}

.box-book{

    margin: 0 -15px 50px;

}

.box-book__left,

.box-book__right{



    float: left;



    width: 50%;

    text-align: center;

    padding: 0 15px;

    box-sizing: border-box;

}

.box-book__title{

    color: #0e2e92;

    display: block;

    background: #edeff0;

    padding: 14px 0 14px 17px;

    font-weight: bold;

}

.box-book__content{

    border: 1px solid #edeff0;

    padding: 15px;

}

.box-book__content a:hover {

    text-decoration: underline;

}

.box-book__image span{

    display: block;

}

.box-book__text{

    text-align: left;

    padding: 15px 0;

}

@media only screen and (min-width:1px) and (max-width:767px){

    .txt-update{

        margin-bottom: 10px;

    }

    .box-book{

        margin: 0 0 25px;

    }

    .box-book__title{

        padding: 10px;

    }

    .box-book__left,

    .box-book__right{

        float: none;

        padding: 0;

        margin: 0 0 15px;

        width: 100%;

    }

}



/*------------------------/ir/results/fact_sheet/--------------------------*/

.results-fact-lead{

    max-width: 1500px;

}

.results-fact-lead__about {

    margin: 15px 0;

    background: #0e2e92;

    display: table;

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

}

.results-fact-lead__about span{

    display: table-cell;

    width: 25%;

    color: #fff;

    font-size: 16px;

    text-align: center;

}

.results-fact-lead__text{

    display: inline-block;

    width: calc(100% - 400px);

    padding-right: 30px;

}

.results-fact-lead__img{

    display: inline-block;

    width: 360px;

    max-width: 100%;

    vertical-align: top;

}

.results-fact-lead__img img{

    width: 100%;

}

.results-fact-table {

    margin-left: -10px;

    margin-right: -10px;

    margin-top: 70px;

    max-width: 1520px;

}

.results-fact-table h3 {

    margin: 15px 0;

    background: #0e2e92;

    padding: 10px;

    color: #fff;

    font-size: 16px;

    font-weight: normal;

}

.page-results-fact_sheet .box-table{

    width: 50%;

    box-sizing: border-box;

    float: left;

    padding: 0 10px;

    vertical-align: top;

}

.page-results-fact_sheet .box-table p {

    position: relative;

}

.page-results-fact_sheet .box-table .border {

    border-bottom: double 4px #ccc;

}

.results-fact-img{

    margin: 50px auto 70px;

    text-align: center;

}

.results-fact-img img{

    max-width: 90%;

    margin-top: -30px;

}

.results-fact-img img.img-fact{

    margin-top: -50px;

}

.results-fact-img .hdg-lv4,

.results-fact-img p{

    position: relative;

    z-index: 1;

    margin-bottom: 0;

}

@media only screen and (min-width:1px) and (max-width:1300px){

    .results-fact-lead__about {

        display: block;

    }

    .results-fact-lead__about span {

        display: inline-block;

        width: 49%;

    }

    .results-fact-lead__text{

        display: block;

        width: 100%;

        padding-right: 0;

        margin-bottom: 10px;

    }

    .results-fact-lead__img{

        display: block;

    }

    .results-fact-table {

        margin-left: 0;

        margin-right: 0;

        display: block;

    }

    .page-results-fact_sheet .box-table{

        width: 100%;

        padding: 0;

        margin-bottom: 0;

        display: block;

    }

    .results-fact-img img,

    .results-fact-img img.img-fact{

        margin-top: -90px;

    }

}

@media only screen and (min-width:1px) and (max-width:767px){

    .results-fact-lead__about span {

        font-size: 12px;

        text-align: left;

    }

    .results-fact-lead__text{

        margin-bottom: 20px;

    }

    .results-fact-table {

        margin-top: 40px;

    }

    .results-fact-table h3 {

        font-size: 15px;

    }

    .results-fact-img {

        margin: 20px auto 0;

    }

    .results-fact-img img,

    .results-fact-img img.img-fact{

        margin-top: -30px;

    }

}





/*------------------------/ir/stocks/stock_quote/--------------------------*/



.box-time-quote{

    margin: -30px 0 80px;

    border-bottom: 1px solid #e8e8e8;

}

.lst-time-quote{

    display: table;

}

.lst-time-quote li{

    display: table-cell;

    vertical-align: middle;

    position: relative;

    padding: 0 12px;

}

.lst-time-quote li:before{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -15px;

    width: 1px;

    height: 30px;

    background: #e8e8e8;

}

.lst-time-quote li:last-child:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    margin-top: -15px;

    width: 1px;

    height: 30px;

    background: #e8e8e8;

}

.lst-time-quote li a{

    display: block;

    font-size: 14px;

    padding: 15px 10px;

    text-align: center;

    position: relative;

    white-space: nowrap;

}

.lst-time-quote li a:before{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    margin: 0 auto;

    width: 0;

    height: 3px;

    background: #052d93;

    transition: all .6s cubic-bezier(1,0,0,1);

}

.lst-time-quote li:hover a {

    opacity: 1;

}

.lst-time-quote li:hover a:before,

.lst-time-quote li.is-current a:before,

.lst-time-quote li a.is-active:before{

    width: 100%;

}

@media only screen and (min-width:1px) and (max-width:995px){

    .box-time-quote{

        margin: 0 0 50px;

        border: 0;

        position: relative;

    }

    .box-time-quote:after {

        content: "";

        display: block;

        border-top: 1px solid #e8e8e8;

        position: absolute;

        bottom: 9px;

        left: 0;

        right: 0;

    }

    .box-time-quote .wrp-container {

        overflow-x: scroll;

        padding: 10px 20px;

    }

    .lst-time-quote {

        position: relative;

    }

    .lst-time-quote li {

        padding: 0 5px;

    }

    .lst-time-quote li:before,

    .lst-time-quote li:last-child:after {

        height: 15px;

        margin-top: -8px;

    }

    .lst-time-quote li a{

        font-size: 12px;

        padding: 8px 10px;

    }

    .lst-time-quote li a:before {

        height: 2px;

    }

}

.personal,.legacy{

    max-width: 750px;

    margin:0 auto;

}

.btnArea3 {

    display:flex;

    flex-wrap:wrap;

}

.btnArea3 li{

    margin-left: 5px;

}







/*190405*/



.icon-arrow-circle2:before {

    content: "\e050";}



/* 190521 */

.results-wrap {

display: flex;

justify-content:space-between;

}

.results-wrap > div {

 width:45%;

 box-sizing: border-box;

}

@media only screen and (max-width: 767px) and (min-width: 1px) {

.results-wrap {

display: block;

}

.results-wrap > div {

 width:100%;

}

}



/* サイトマップ共通化に伴う */

.ir-search .box-info-top__inner ul {

    margin: 0 30px 25px;

}

.ir-search .box-info-top__inner {

  height:520px;

}

.page-top .box-info-top__inner ul li {

    margin-bottom: 10px;

}



.modal-sitemap .box-info-top__inner {

  height: 375px;

}



@media only screen and (max-width: 767px) and (min-width: 1px) {

  .ir-search .box-info-top__inner {

    height: auto;

    padding-bottom: 30px;

  }

}





/*アーカイブページ*/

#ir-document-archive .section-ir-audio {

    margin-bottom: 60px;

}
@media only screen and (min-width:1380px) {
  #ir-document-archive .section-ir-audio {
    display: flex;
  }
}
@media only screen and (max-width: 1379px) and (min-width: 768px) {
  #wrap-investor-growth .section-ir-audio .ir-audio__txt {
    margin: 10px auto;
    box-sizing: border-box;
    max-width: 710px;
}
}
/*@media only screen and (max-width:1379px) {
  #ir-document-archive .section-ir-audio {
    display: flex;
    flex-flow: column;
}*/


#ir-document-archive .section-ir-audio .ir-audio__tmb {

    margin-right: 40px;

}

    

#ir-document-archive .section-ir-audio .ir-audio__tmb img {

    display: inline-block;

    vertical-align: bottom;

    width: 400px;

    border: solid 1px #ccc;

}
.section-ir-audio .ir-audio__tmb .image__frame--movie {
      position: relative;
}
.section-ir-audio .ir-audio__tmb .image__frame--movie::before {
      display: inline-block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 40px;
      height: 40px;
      border: 1px solid #004ea1;
      background-color: #004ea1;
      content: "";
      z-index: 2;
    }
.section-ir-audio .ir-audio__tmb .image__frame--movie::after {
      background-image: url("/app-files/img/sprite/icon.svg#modal2-usage");
      background-repeat: no-repeat;
      background-position: 0 0;
      content: "";
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      z-index: 3;
    }
.section-ir-audio .ir-audio__tmb .image__frame--movie::before:hover {
      background-color: #fff;
        }
.section-ir-audio .ir-audio__tmb .image__frame--movie::after:hover {
      background-color: #fff;
      background-image: url("/app-files/img/sprite/icon.svg#modal3-usage");
        }


#ir-document-archive .ir-audio__tmb__txt {

    width: 100%;

    box-sizing: border-box;

    margin-top: 10px;

    text-align: center;

}



#ir-document-archive .ir-audio__tmb__txt span {

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 20px;

    padding: 0 7px;

    font-size: 14px;

    line-height: 1.666;

}



@media only screen and (min-width: 1471px) {

    #ir-document-archive .ir-audio__tmb__txt {

        padding-right: 40px;

    }

    

    #ir-document-archive .ir-audio__tmb__txt span {

        padding: 0 10px;

    }

}



#ir-document-archive .section-ir-audio .ir-audio__txt h3 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 5px;

    color: #0e2e92;

    text-align: left;

}



#ir-document-archive .section-ir-audio .ir-audio__txt > ul > li {

    margin-bottom: 10px;

    display: table;

}

    

#ir-document-archive .section-ir-audio .ir-audio__txt__toc {

    margin-bottom: 20px;

}



#ir-document-archive .section-ir-audio .ir-audio__txt__toc > li {

    font-weight: normal;

    border-bottom: solid 1px #ccc;

    padding-bottom: 5px;

    margin-bottom: 5px;

}

    

#ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span {

    display: table-cell;

    vertical-align: middle;

    width: 400px;

}



#ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span:first-child {

    font-weight: bold;

    width: 300px;

}



#ir-document-archive .ir-audio__txt__link {

    display: flex;

}



#ir-document-archive .ir-audio__txt__link > li {

    margin-left: 40px;

}



#ir-document-archive .ir-audio__txt__link > li:first-child {

    margin-left: 0;

}



@media only screen and (min-width:766px) and (max-width:1500px){

    #ir-document-archive .section-ir-audio {

        display: block;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__tmb {

        margin-right: 0;

        text-align: center;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__tmb img {

        max-width: 100%;

    }

    

    #ir-document-archive .ir-audio__tmb__txt {

        margin-bottom: 20px;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt {

        margin: 0 auto;

        box-sizing: border-box;

        max-width: 800px;

    }

    

    #ir-document-archive .ir-audio__tmb__txt {

        margin: 10px auto 20px;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li {

        width: 100%;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span {

        width: 50%;

        box-sizing: border-box;

    }

       

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span:first-child {

        width: 50%;

        box-sizing: border-box;

    }

    

}

    

@media only screen and (max-width: 767px) and (min-width: 1px) {

    #ir-document-archive .section-ir-audio {

        display: block;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__tmb {

        margin-right: 0;

        width: 100%;

    }



    #ir-document-archive .section-ir-audio .ir-audio__tmb img {

        vertical-align: bottom;

        width: 100%;

        border: solid 1px #ccc;

    }



    #ir-document-archive .section-ir-audio .ir-audio__txt {

        padding: 0;

        border: none;

    }



    #ir-document-archive .section-ir-audio .ir-audio__txt h3 {

        margin-top: 20px;

    }



    #ir-document-archive .section-ir-audio .ir-audio__txt__toc {

        margin-bottom: 20px;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li {

        display: block;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span {

        display: block;

        width: 100%;

    }

    

    #ir-document-archive .section-ir-audio .ir-audio__txt__toc > li > span:first-child {

        display: block;

        width: 100%;

    }



    #ir-document-archive .ir-audio__txt__link {

        display: block;

    }

    

    #ir-document-archive .ir-audio__txt__link > li {

        margin-left: 0;

    }

    #ir-document-archive .section-ir-audio .ir-audio__txt > ul > li {

        display: block;

        margin-bottom: 20px;

    }

}



/*さらなる成長へ動画*/

#wrap-investor-growth .section-ir-audio {

    display: flex;

}



#wrap-investor-growth .section-ir-audio .ir-audio__tmb {

    margin-right: 40px;

}

    

#wrap-investor-growth .section-ir-audio .ir-audio__tmb img {

    vertical-align: bottom;

    max-width: 800px;

    border: solid 1px #ccc;

}



#wrap-investor-growth .ir-audio__tmb__txt {

    text-align: center;

    margin-top: 10px;

}



#wrap-investor-growth .ir-audio__tmb__txt span {

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 20px;

    padding: 0 7px;

    font-size: 14px;

    line-height: 1.666;

}



@media only screen and (min-width: 1471px) {

    #wrap-investor-growth .ir-audio__tmb__txt span {

        font-size: 18px;

        padding: 0 10px;

    }

}



#wrap-investor-growth .section-ir-audio .ir-audio__txt {

    padding: 40px 60px;

}



#wrap-investor-growth .section-ir-audio .ir-audio__txt h3 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

    color: #0e2e92;

    text-align: left;

}



#wrap-investor-growth .section-ir-audio .ir-audio__txt > ul > li {

    margin-bottom: 10px;

}

    

#wrap-investor-growth .section-ir-audio .ir-audio__txt__toc {

    margin-bottom: 1em;

}



#wrap-investor-growth .section-ir-audio .ir-audio__txt__toc > li {

    font-weight: bold;

}

    

#wrap-investor-growth .section-ir-audio .ir-audio__txt__toc > li > span {

    font-weight: normal;

}



@media only screen and (min-width:766px) and (max-width:1500px){

    #wrap-investor-growth .section-ir-audio {

        display: block;

    }

    #wrap-investor-growth .section-ir-audio .ir-audio__tmb {

        margin-right: 0;

        text-align: center;

    }

    #wrap-investor-growth .section-ir-audio .ir-audio__tmb img {

        max-width: 100%;

    }

    #wrap-investor-growth .ir-audio__tmb__txt {

        margin-bottom: 20px;

    }

    #wrap-investor-growth .section-ir-audio .ir-audio__txt {
      
        margin: 10px auto;
      
        box-sizing: border-box;

        width: 710px;

    }

}

    

@media only screen and (max-width: 767px) and (min-width: 1px) {

    #wrap-investor-growth .section-ir-audio {

        display: block;

    }

    

    #wrap-investor-growth .section-ir-audio .ir-audio__tmb {

        margin-right: 0;

        width: 100%;

    }



    #wrap-investor-growth .section-ir-audio .ir-audio__tmb img {

        vertical-align: bottom;

        width: 100%;

        border: solid 1px #ccc;

    }



    #wrap-investor-growth .section-ir-audio .ir-audio__txt {

        padding: 10px;

    }



    #wrap-investor-growth .section-ir-audio .ir-audio__txt h3 {

        font-size: 18px;

        margin-top: 20px;

    }



    #wrap-investor-growth .section-ir-audio .ir-audio__txt__toc {

        margin-bottom: 20px;

    }

}

/* adjust css
----------------------------------------------*/
.footer-logo__label img {
  vertical-align: top;
}
.footer-copyright__label {
  display: inline;
}