@charset "utf-8";
/*
Theme Name: IDEX
Author: ATSUPPORT
*/

/* **************************
Common
************************** */

html {
    font-size: 16px;
    font-family: -apple-system,
    BlinkMacSystemFont,
    '.SFNSDisplay-Regular',
    'メイリオ',
    Meiryo,
    'ヒラギノ角ゴ ProN W3',
    'Hiragino Kaku Gothic Pro',
    Verdana,
    Arial,
    Sans-Serif;
    line-height: 1;
    color:#000;
    letter-spacing: 0.01em;
    word-wrap: break-word;
}
img {
    max-width: 100%;
    vertical-align: top;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #000;
    transition: .3s;
}
a:hover {
    opacity: .7;
}
.ff-ho {
        font-family: 'Hammersmith One',
        Sans-Serif;
}
    .sp-only {
        display: none;
    }

.page-wrap main > section {
    margin-top:-80px;
    padding-top:80px;
}
@media screen and (max-width: 414px) {
    .cnt-img {
        margin:0 auto;
        display: block;
    }
}

/* **************************
Style
************************** */
.mb0 {
    margin-bottom: 0 !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb1em {
    margin-bottom: 1em !important;
}


/* **************************
Header
************************** */
header {
    border-top: 10px solid #041a63;
}
.header-wrap {
    width:1000px;
    margin: 0 auto;
}
.header-top {
    padding: 13px 0 10px;
}
.header-top ul {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}
.header-top ul li a {
    color: #a3a3a3;
    letter-spacing: -0.05em;
}
.header-top ul li span {
    font-size: 11px;
}
.header-top ul li:first-child {
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px solid #a3a3a3
}
.header-bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.header-contact {
    display: flex;
}
.header-contact-tel {
    margin-right: 10px;
    margin-top: 3px;
}
.header-contact-tel p {
    font-size: 13px;
    color: #a3a3a3;
    margin-bottom: 9px;
}
.header-contact-tel address {
    font-style: normal;
    font-size: 13px;
    color: #23b2ca;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
}
.header-contact-tel address span:nth-child(2) {
    font-size: 18px;
    margin-left: 5px;
    line-height: 0.9;
}
.header-contact-mail a {
    background: #23b2ca;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    width: 169px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
#global-nav > ul {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
#global-nav > ul > li > a{
    display: block;
    padding: 20px 0;
}
#global-nav input{
        display: none;
    }
    .sub-menu{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
@media screen and (min-width: 480px){
    .fixed-navi #global-nav > ul > li > a{
        padding: 34px 0;
    }
    #global-nav label{
        display: none;
    }
    /* 矢印 */
    #global-nav > ul > li:nth-child(-n+3) > a{
        position: relative;
    }
    #global-nav > ul > li:nth-child(-n+3) > a::after{
        content: '';
        position: absolute;
        z-index: 9;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0, 166, 183, 0);
    }
    #global-nav > ul > li:nth-child(-n+3):hover > a::after{
        border-bottom: 8px solid rgba(0, 166, 183, 1);
    }
    #global-nav > ul > li:hover > a{
        color: #00a6b7;
    }
    /* サブメニュー */
    .sub-menu{
        position: absolute;
        z-index: 9;
        top: 163px;
        left: 0;
        background: #00a6b7;
        opacity: 0;
    }
    .sub-menu-inner{
        width: 600px;
        padding: 35px 0;
        margin: 0 auto;
    }
    .fixed-navi .sub-menu{
        top: 80px;
    }

    #global-nav > ul > li:nth-child(-n+4):hover .sub-menu{
        width: 100%;
        opacity: 1;
        height: auto;
    }
    .menu-title{
        font-size: 18px;
        padding-bottom: 13px;
        border-bottom: 1px solid #fff;
        color: #fff;
    }
    .sub-menu-list-wrap{
        display: flex;
        justify-content: space-between;
        padding-top: 22px;
    }
    .sub-menu-list_l, .sub-menu-list_r{
        display: flex;
        flex-direction: column;
    }
    .sub-menu-list_l a{
        color: #fff;
        line-height: 1.75;
        font-size: 16px;
    }
    .sub-menu-list_r a{
        display: flex;
        width: 275px;
        font-size: 16px;
    }
    .sub-menu-list_r > li:not(:last-child){
        margin-bottom: 28px;
    }
    .sub-menu-list_r a span{
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        font-size: 14px;
        width: 100%;
    }
}

@media screen and (max-width: 480px){
    .header-wrap {
        width: 100%;
    }
    #global-nav>ul {
        width: 100%;
    }
    .header-contact {
        display: none;
    }
    .header-top {
        display:none;
    }
    header {
        border-top: 0;
    }
    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
    }
    .header-bottom{
        margin-bottom: 0;
        z-index: 9999;
    }
    #hero, .page-header{
        margin-top: 54px;
    }
    .menu-title, .sub-menu-list_r{
        display: none;
    }
    .header-wrap{
        display: flex;
        padding: 6px 10px;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 0;
        z-index: 9;
        background: #fff;
    }
    #nav_toggle{
        display: block;
        position: relative;
        min-width: 34px;
        width: 34px;
        height: 30px;
        z-index: 9999;
    }
    #nav_toggle span{
        display: block;
        position: absolute;
        width: 35px;
        height: 6px;
        left: 50%;
        border-radius: 3px;
        transform: translateX(-50%);
        background: #23b2ca;
        transition: .3s ease-in-out;
    }
    #nav_toggle span:nth-child(1){
        top: 0;
    }
    #nav_toggle span:nth-child(2){
        top: 12px;
    }
    #nav_toggle span:nth-child(3){
        top: 24px;
    }
    .stop{
        height: 100%;
        overflow: hidden;
    }
    .open #nav_toggle span:nth-child(1) {
        top: 11px;
        left: 0;
        transform: rotate(45deg);
    }
    .open #nav_toggle span:nth-child(2) {
        top: 11px;
        width: 0;
    }

    .open #nav_toggle span:nth-child(3) {
        top: 11px;
        left: 0;
        transform: rotate(-45deg);
    }
    .menu-wrap{
        background: #fff;
        color: #000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        display: none;
        font-size: 29px;
        transition: opacity .6s ease, visibility .6s ease;
        text-align: left;
        padding-top: 82px;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }
    .submenu-top,
    .submenu-bottom{
        display: flex;
    }
    .submenu-top address,
    .submenu-bottom a{
        display: flex;
        align-items: center;
        height: 82px;
    justify-content: center;
    }
    .submenu-contact-tel, .submenu-contact-eng{
        border-right: solid 1px #c8e3e8;
    }
    .submenu-contact-tel, .submenu-contact-fax, .submenu-bottom > div{
        width: 50%;
    }
    .submenu-top address{
        font-size: 16px;
        font-style: normal;
        color: #23b2ca;
    }
    .submenu-bottom{
        font-size: 13px;
        background: #23b2ca;
    }
    .submenu-bottom span{
        color: #fff;
    }
    .submenu-top img{
        width: 31px;
    }
    .submenu-bottom img{
        width: 16px;
    }
    .icon-co{
        margin-right: 5px;
    }
    #global-nav ul{
        flex-direction: column;
        padding: 0;
    }
    #global-nav > ul > li{
        position: relative;
    }
    #global-nav > ul > li > a{
        padding: 20px 0 20px 40px;
    }
    #global-nav label{
        position: absolute;
        left: 310px;
        top: 28px;
        transform: translateY(-50%);
        color: #23b2ca;
        padding: 8px 16px;
        transition: .3s;
    }
    #global-nav a {
        width: 100%;
        font-size: 16px;
        border-bottom: 1px solid #c8e3e8;
        padding: 20px 0 20px 60px;
    }

#global-nav .sub-nav-btn:checked + label{
    transform:translateY(-50%) rotate(90deg);
    transition: .3s;
}
.sub-nav-btn:checked ~ .sub-menu {
        display: block;
        height: auto;
        opacity: 1;
        box-sizing: border-box;
    }
    .sub-menu-list_l a{
        display: block;
    }
}
/* **************************
Hero
************************** */
#hero {
    position: relative;
}

.heromv {
    width: 100%;
    vertical-align:bottom;
}
@media screen and (max-width: 414px) {

}

/* **************************
Index
************************** */
.home h2 {
    font-size: 28px;
    text-align: center;
    font-weight: normal;
}

#solutions {
    color: #23b2ca; 
}
#solutions h2 {
    padding: 32px 0;
}
#solutions ul {
    display: flex;
    justify-content: center;
    background: #e2f2f2;
    padding: 55px 0 70px;
}
#solutions ul li {
    width:293px;
    height: 225px;
    position: relative;
}
#solutions ul li:not(:last-child) {
    margin-right: 22px;
}
#solutions ul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .2);
}
#solutions ul li a span {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left:0;
    display: flex;
    align-items: center;
    background: rgba(35, 178, 202, 0.90);
    width: 100%;
    height: 95px;
    padding: 13px;
}
#solutions ul li a span::after {
    content: '';
    border-bottom: 1px solid #fff;
    width: 52px;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    bottom: 13px;
    left: 13px;
}
#solutions ul li:nth-child(1){
    background: url(images/top-sol-01.jpg)no-repeat;
}
#solutions ul li:nth-child(2){
    background: url(images/top-sol-02.jpg)no-repeat;
}
#solutions ul li:nth-child(3){
    background: url(images/top-sol-03.jpg)no-repeat;
}
#solutions ul li:nth-child(2) a span{
    background: #000;
}
#solutions ul li:nth-child(3) a span{
    background: #fff;
    color: #000;
}
#solutions ul li:nth-child(3) a span::after{
    border-bottom: 1px solid #23b2ca;
}
#product {
    background: url(images/top-prod-back.png) center / cover;
    padding: 35px 0 80px;
}
#product img{
    display: block;
    margin: 0 auto;
    transform: translateY(11%);
}
#product h2 {
    color: #fff;
    margin-bottom: 48px;
}
#product ul {
    display: flex;
    justify-content: center;
}
#product ul li {
    width: 230px;
    height: 225px;
    background: #fff;
}
#product ul li a{
    display: block;
    padding: 25px;
}
#product ul li:not(:last-child) {
    margin-right: 60px;
}
#product ul li h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
#product ul li h3::after {
    content: '';
    border-bottom: 1px solid #23b2ca;
    width: 52px;
    margin: 12px auto 0;
    display: block;
}
#product ul li h3 .subtitle {
    font-size: 13px;
    color: #515151;
    display: block;
    margin-bottom: 5px;
}
.top-dd-menu {
    width: 100%;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 2fr 1fr 1fr;
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-rows: 265px auto;
    -ms-grid-rows: 265px auto;
}
.top-dd-btn {
    font-size: 16px;
    border: 1px solid #000;
    padding: 25px 0;
    text-align: center;
    background: #fff;
    width: 284px;
    display: inline-block;
}
.top-dd-btn:hover {
    background: #23b2ca;
    border: 1px solid #23b2ca;;
    color: #fff;
    opacity: 1;
}
.top-dd-menu h2{
    line-height: 1.38;
}
.top-dd-menu p{
    line-height: 1.69;
}
#demo {
    background: url(images/top-grid-back-02.png)no-repeat center / cover;
    padding: 50px 0;
    text-align: center;
    grid-column: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
#demo h2 {
    font-size: 26px;
    color: #0e1833;
    margin-bottom: 18px;
}
#demo p {
    font-size: 13px;
    margin-bottom: 8px;
}
#column {
    background: url(images/top-grid-back-02.png)no-repeat center / cover;
    padding: 57px;
    grid-column: 2 / 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-row: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
#column h2 {
    text-align: left;
    margin-bottom: 21px;
    color: #0e1833;
}
#company {
    background: url(images/top-grid-back-03.png)no-repeat center / cover;
    padding: 20px 30px;
    grid-column: 2 / 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1 / 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}
#company a {
    display: block;
    height: 100%;
    border: solid 1px rgba(226, 242, 242, 1);
    padding: 15px 20px;
}
#company a span {
    height: 100%;
    background: rgba(226, 242, 242, 0.9);
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#catalog{
    grid-column: 3 / 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1 / 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    background: url(images/top-grid-back-04.png)no-repeat center / cover;
    padding: 20px 30px;
}
#catalog a{
    display: block;
    height: 100%;
    border: solid 1px rgba(4, 26, 99, 1);
    padding: 15px 20px;
}
#catalog a span{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    background: rgba(4, 26, 99, 0.9);
    color: #fff;
    line-height: 1.16;
}
#approach {
    background: url(images/top-grid-back-05.jpg)no-repeat center / cover;
    padding: 20px 30px;
    grid-column: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}
#approach a {
    display: block;
    height: 100%;
    border: solid 1px rgba(226, 242, 242, 1);
    padding: 15px 20px;
}
#approach a span {
    height: 100%;
    background: rgba(226, 242, 242, 0.9);
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#column {
    background: url(images/top-grid-back-02.png)no-repeat center / cover;
    padding: 57px;
    grid-column: 2 / 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-row: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
#column h2 {
    text-align: left;
    margin-bottom: 21px;
    color: #0e1833;
}
#news {
    width:1000px;
    margin: 0 auto;
    padding: 70px 0 64px;
}
#news h2 {
    width:290px;
    text-align: left;
    background: linear-gradient(transparent 50%, #e2f2f2 50%);
    margin-bottom: 27px;
}
#news ul li {
    margin-bottom: 33px;
}
#news .news-meta {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#news .date {
    margin-right: 35px;
}
#news .cat {
    color: #fff;
    font-size: 13px;
    background:#23b2ca;
    width: 139px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#news h3 {
    font-weight: normal;
    line-height: 1.3;
}
.top-news-wrap{
    display: flex;
    justify-content: space-between;
}
.top-news{
    width: 710px;
}
.back a{
    text-decoration: underline;
}
.top-news .back {
    text-align: right;
    font-size: 13px;
}
.top-news > a {
    text-decoration: underline;
}

.color1 {
    background: #041a63 !important;
    color: #fff !important;
}
.color2 {
    background: #f4ea76 !important;
    color:#60605e !important;
}
.color3 {
    background: #e4e5ea !important;
    color: #60605e !important;
}
@media screen and (min-width: 480px){
    
    #demo {
    margin-top: 10px;
    margin-right: 20px;
}
    #approach {
    margin-top: 10px;
    margin-right: 20px;
}
#column {
    margin-top: 10px;
}
#company {
    margin-top: 10px;
    margin-right: 10px;
}
#catalog{
    margin-top: 10px;
}

}

@media screen and (max-width: 480px){
    .top-dd-menu{
        display: block;
    }

    #column {
        background: url(images/top-grid-back-02.png)no-repeat 20% / cover;
    }
    #news {
        width: 100%;
        padding: 40px 10px;
    }
    .top-news-wrap {
        flex-wrap: wrap;
    }
    .top-news,
    .top-news-wrap>ul {
        width: 100%;
    }
    .top-banner {
        margin: 40px auto 0;
    }
    
    #solutions ul {
        flex-wrap: wrap;
    }
    #solutions ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .top-dd-btn{
        padding: 16px 0;
        margin-top: 30px;
    }
    #column h2{
        text-align: center;
    }
    #demo{
        height: 310px;
        padding: 45px 0;
    }
    #product ul {
        flex-wrap: wrap;
        padding: 0 10px;
    }
    #product ul li {
        width: 100%;
        height: auto;
    }
    #product ul li:not(:last-child) {
        margin-right: 0;
    }
    #product ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #product ul li:not(:last-child) {
        margin-bottom: 25px;
    }
    #product img {
        transform:none;
    }
    #product ul li h3 {
        margin: 0 auto;
    }
    #approach, #company, #catalog{
        padding: 10px 15px;
    }
    #approach a span,#company a span,#catalog a span{
        height: 80px;
    }
}


/* **************************
Footer - Contact
************************** */
.top-contact-inner {
    display: flex;
    justify-content: space-between;
    width:834px;
    padding: 34px 22px 37px 36px;
    background: #eff4f4;
    margin:0 auto 35px;
}
.top-contact h2 {
    font-size: 26px;
    margin-bottom: 40px;
    color: #0e1833;
    font-weight: normal;
    text-align: left;
}
.top-contact li {
    font-size: 13px;
    color: #0e1833;
    line-height: 1.7;
}
.top-contact-inner-num {
    background: #fff;
    padding: 28px 47px 25px 32px; 
    color: #0e1833;
}
.top-contact-inner-num > div {
    display: flex;
    align-items: center;
}
.top-contact-inner-num .tel {
    margin-bottom: 35px;
}
.top-contact-inner-num span:nth-child(1) {
    font-size: 21px;
    margin-right: 12px;
}
.top-contact-inner-num span:nth-child(2){
    margin-right: 27px;
}
.top-contact-inner-num span:nth-child(3) {
    font-size: 31px;
    font-weight: bold;
}
.top-contact-inner-num span img{
    width: 42px;
}
.top-contact .btn {
    width: 375px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #23b2ca;
    color: #fff;
    font-size: 18px;
    margin: 0 auto 30px;
}
.top-contact .btn:hover {
    opacity: 1;
    color: #23b2ca;
    background: #fff;
    border: 1px solid #23b2ca;
}
@media screen and (max-width: 414px) {
    .top-contact-inner {
        flex-wrap: wrap;
        width: 100%;
        padding: 0px 10px 34px 10px
    }
    .top-contact-inner-info,
    .top-contact-inner-num {
        width: 100%;
    }
    .top-contact-inner-num {
        padding: 28px 25px 25px;
    }
    .top-contact-inner-num span:nth-child(3) {
        font-size: 24px;
    }
    .top-contact h2 {
        text-align: center;
        margin-bottom: 33px;
        margin-top: -14px;
    }
    .top-contact-inner-info>ul {
        margin-left: 30px;
        margin-bottom: 38px;
    }

    .top-contact-inner-num .tel {
        margin-bottom: 30px;
    }

    .top-contact-inner-num span:nth-child(2) {
        margin-right: 20px;
    }
    .top-contact-inner-num span:nth-child(1) {
        font-size: 18px;
        margin-right: 10px;
    }

    .top-contact-inner-num span img {
        width: 30px;
    }
    .top-contact .btn {
        width: 85%;
        height: 52px;
    }
}



/* **************************
Footer Top
************************** */
footer {
    background: #eff4f4;
}
.footer-top {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0 54px;
}
.footer-menu {
    display: flex;
}
.footer-menu-inner:not(:last-child) {
    margin-right:60px;
}
.footer-menu-inner h2 {
    font-size: 16px;
    border-left: 5px solid #23b2ca;
    padding-left: 7px;
    margin-bottom:15px;
    text-align: left;
    font-weight: normal;
}
.footer-left {
    padding-right: 80px;
    margin-right: 80px;
    position: relative;
}
.footer-left::after {
    content:'';
    border-left:1px solid #282727;
    height: 130px;
    display: inline-block;
    position: absolute;
    top: 50px;
    right: 0;
}
.footer-left ul li {
    line-height: 1.7;
    font-size: 13px;
    padding-left: 14px;
}
.foooter-right ul li {
    line-height: 2.5;
    font-size: 13px;
}
@media screen and (max-width: 414px) {
.footer-menu {
    flex-wrap: wrap;
}
.footer-menu-inner {
    width: 100%;
}
.footer-menu-inner >ul {
    display: none;
}
.footer-menu-inner>h2 {
    display: none;
}
.footer-menu-inner>a {
padding: 25px 0 25px 15px;
border-bottom:1px solid #e2f2f2;
position: relative;
}
.footer-menu-inner:first-child a {
    border-top: 1px solid #e2f2f2;
}
.footer-menu-inner:not(:last-child) {
    margin-right: 0;
}
.footer-menu-inner a::after {
    position: absolute;
    right:20px;
    top:calc(50% - 6px);
    content: url(images/sp-arrow.svg);
    display: inline-block;
    height: 12px;
    width: 7px;
}
.footer-left {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}
.footer-top {
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    padding: 0 0 14px;
}
.foooter-right {
    width: 100%;
    margin-top: 35px;
}
.foooter-right >ul {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    height: 280px;
    width: 100%;
    padding: 0 10px;
}
.foooter-right>ul li {
    width: 50%;
    padding: 0 20px;
    line-height: 1.8;
    margin-bottom:20px;
}
.foooter-right>ul li:nth-child(5) {
    margin-bottom: 40px;
}
.footer-left::after {
    display: none;
}
}

/* **************************
Footer Bottom
************************** */
.footer-bottom {
    background: #e2eaea;
    padding: 36px 0;
}
.footer-logo{
    width: 1000px;
    margin: 0 auto 15px;
}
.footer-bottom address {
    font-size: 13px;
    font-style: normal;
    width:1000px;
    margin: 0 auto;
    line-height: 1.4;
    padding-left: 6px;
}
.footer-copy {
    background: #041a63;
    padding: 6px 0;
    text-align: center;
}
.footer-copy small {
    color: #fff;
    font-size: 13px;
}
@media screen and (max-width: 414px) {
    .footer-logo,
    .footer-bottom address {
        width: 100%;
        text-align: center;
    }
}

/* **************************
Page Common
************************** */
.page-header {
    width: 100%;
    background: #eff4f4 url(images/common-pagetitle.jpg) no-repeat right;
    height: 210px;
    display: flex;
    align-items: center;
}
.page-header h1,
.page-header .page-title {
    width: 1000px;
    margin:0 auto;
    font-size: 32px;
    font-weight: normal;
}
#breadcrumb {
    padding: 9px 0 31px;
}
#breadcrumb ul {
    width: 1000px;
    margin: 0 auto;
    display: flex;
}
#breadcrumb ul li:not(:last-child)::after {
    content: '>';
    margin: 0 4px;
}
#breadcrumb ul li,
#breadcrumb ul li a {
    color: #939393;
    font-size: 13px;
}
.page-wrap {
    width: 1000px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.page-wrap aside {
    width: 230px;
}
.page-wrap aside ul li {
    border-bottom: 1px solid #d0d1d1;
    height: 100px;
}
.page-wrap aside ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    color: #000;
    position: relative;
    line-height: 1.3;
}
.page-wrap aside ul li a::after {
    content: url(images/icon-link.svg);
    width: 15px;
    height: 17px;
    position: absolute;
    right: 0;
    bottom: 39px;
}
.page-wrap aside ul li a span {
    padding-right: 37px;
    width: 100%;
}
.page-wrap main {
    width: 730px;
    margin-bottom: 120px;
}
.page-wrap main h2 {
    background: url(images/icon-h2.svg) no-repeat;
    background-size: 27px 27px;
    padding-left: 36px;
    font-size: 26px;
    min-height: 27px;
    font-weight: bold; 
    margin-bottom: 24px;
    line-height: 1.17;
    letter-spacing: 0.07em;
}
.page-wrap aside .current {
    width: 100%;
    height: 109px;
    background: #eff4f4;
    padding-left: 13px;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #00a6b7;
}
.page-wrap main .secstt {
    margin-bottom: 40px;
}
.page-wrap main section {
    margin-bottom: 40px;
}
.page-wrap main h3::first-line {
    line-height: 1;
}
.page-wrap main h3 {
    background: url(images/icon-h3.png) no-repeat;
    background-size: 19px 19px;
    padding-left: 36px;
    font-size: 21px;
    min-height: 19px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 0.07em;
    line-height: 1.3;
}
.page-wrap main p {
    line-height: 1.6;
}
.page-wrap main p a {
    color: #356cb4;
}
.full-width main {
    width: 100%;
}
.header-contact-mail a span:first-child{
    margin-right: 5px;
}
.header-contact-mail a span:first-child img{
    width: 16px;
}
.pnbtn{
    display: block;
    position: relative;
    background: #00a6b7;
    width: 370px;
    height: 65px;
    padding: 26px 0;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    border:1px solid #00a6b7;
}
.pnbtn::before{
    content: '';
    position: absolute;
    width: 70px;
    height: 1px;
    background: #fff;
    left: 0;
    top: 50%;
}
.pnbtn:hover {
    color: #00a6b7;
    background: #fff;
    border:1px solid #00a6b7;
    transition: .3s
}
.pnbtn:hover::before {
    background: #00a6b7;
}
.page-wrap main p {
    margin-bottom: 16px;
}
.flxbox{
    display: flex;
    justify-content: space-between;
}
.flxbox2{
    display: flex;
}
.item-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.item-list li{
    width: calc((100% - 22px) / 3);
    border: solid 1px #d0d1d1;
}
.item-list li:not(:nth-child(3n)){
    margin-right: 11px;
}
.item-list li:nth-child(n+4){
    margin-top:30px;
}
.item-list li a{
    width: 100%;
    display: block;
    padding: 17px 20px;
    height: 100%;
}
.item-list li div{
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.item-list li h4{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    background: url(images/icon-link.png)top left/15px no-repeat;
    padding-left: 26px;
}
.item-list li h4::first-line{
    line-height: 1;
}
.item-list li p{
    font-size: 15px;
    line-height: 1.3;
}
.pdf-link{
    color: #356cb4;
    margin-left: 15px;
}
.pdf-link::before{
    content: '';
    background: url(images/icon-pdf.svg)no-repeat;
    width: 15px;
    height: 20px;
    display: inline-block;
    margin-right: 3px;
    transform: translateY(4px);
}
.list-box{
    background: #eff4f4;
    border: solid 1px #23b2ca;
}
@media screen and (max-width: 414px) {
    #breadcrumb {
        padding-left:10px;
        padding-right: 10px;
    }
    .page-header {
        background-image: none;
    }
    .page-wrap aside {
        display: none;
    }
    .page-wrap main,
    .page-wrap {
        width: 100%;
    }
    .page-wrap main {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 80px;
    }
    #breadcrumb ul {
        width: 100%;
    }
    .flxbox {
        flex-wrap: wrap;
    }
    .item-list {
        justify-content: center;
    }
    .item-list li {
        width: 60%;
        margin-bottom: 25px;
    }
    .pnbtn {
        width: 90%;
    }
    .page-header h1,
    .page-header .page-title {
        font-size: 21px;
        padding: 0 10px;
    }
    .item-list li:nth-child(n+4) {
        margin-top: 0;
    }
}



/* **************************
Movie
************************** */
.movie-sec iframe {
    margin-bottom: 27px;
    padding-left: 70px;
    width: 560px;
    height: 312px;
}
.movie-sec .description {
    margin-bottom: 25px;
    line-height: 1.5;
}
.movie-sec dl {
    display: flex;
}
.movie-sec dl dd a {
    color: #356cb4;
}
@media screen and (max-width: 414px) {
    .movie-sec iframe {
        width: 100%;
        padding-left: 0;
    }
}

/* **************************
Introduction
************************** */
.intro-wrap {
    display: flex;
}
.intro-wrap > div {
    width: 219px;
}

.intro-wrap>div:not(:last-child) {
    margin-right: 30px;
}
.intro-wrap h4 {
    text-align: center;
    background: #eff4f4;
    border: 1px solid #23b2ca;
    padding: 9px 0;
    margin-bottom: 20px;
    font-weight: normal;
}
.intro-wrap li {
    line-height: 1.4;
    letter-spacing: -0.02em;
    font-size: 15px;
}
.page-id-17 .page-wrap main > section {
    margin-top: -100px;
    padding-top: 100px;
}
@media screen and (max-width: 414px) {
    .intro-wrap {
        flex-wrap: wrap;
    }
    .intro-wrap>div:not(:last-child) {
        margin-right: 0;
    }
    .intro-wrap>div:not(:nth-child(2n)) {
        margin-right: 10px;
    }
    .intro-wrap>div {
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }
}


/* **************************
News Archive
************************** */
.news-archive{
padding-left: 27px;
}
.news-archive li {
    margin-bottom: 21px;
}
.news-archive a {
    display: flex;
}
.news-archive .thumb {
    border: 1px solid #727272;
    width: 100px;
    height: 100px;
    margin-right: 40px;
}
.news-archive .news-meta {
    width: calc(100% - 140px);
}
.news-archive .cat {
    color: #fff;
    font-size: 13px;
    background: #23b2ca;
    width: 139px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 3px;
}

.news-archive .date {
    margin-bottom: 5px;
}
.news-archive .title {
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    background: none;
}

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


/* **************************
Yusou-Page
************************** */
.page-id-25 #m1 img{
    margin-bottom: 20px;
}
.housou-flx-1 div{
    width: 270px;
    margin-right: 25px;
}
.housou-flx-1 p{
    width: calc(100% - 295px);
}
.page-id-25 #m3 ul{
    margin-top:20px;
}
.housou-flx-2 div:first-child{
    width: 217px;
    display: block;
    margin: 0 auto;
}
.housou-flx-2 div img{
    width: 100%;
    margin-bottom: 14px;
}
.housou-flx-2 div:last-child{
    width: calc(100% - 295px);
}
.housou-flx-3_2 ul{
    font-size: 16px;
    line-height: 1.625;
    margin-left: 5px;
}
.housou-flx-3_1{
    align-items: center;
}
.housou-flx-3_1 div:last-child{
    background: #eff4f4;
    border: solid 1px #23b2ca;
    height: 40px;
    width: 270px;
    padding: 11px 0;
    text-align: center;
}
.page-id-25 #m4 h4{
    font-size: 21px;
    margin-bottom: 17px;
}
.page-id-25 #m3 li,#m4 li{
    line-height: 1.625;
}
@media screen and (max-width: 414px) {
    .housou-flx-1>div,
    .housou-flx-1>p {
        width: 100% !important;
    }
    .housou-flx-2>div {
        width: 100% !important;
    }
    .housou-flx-3_1 div:last-child {
        margin:10px auto 0;
    }
.housou-flx-3_2 ul {
    text-indent: -1em;
    padding-left: 2em;
}
.housou-flx-2 div img {
    width: auto;
}
.housou-flx-2 div:first-child {
    text-align: center;
}
.housou-flx-1>div {
    text-align: center;
}
}

/* **************************
Sindou-Page
************************** */
.parts-sin-1{
    flex-wrap: wrap;
}
.parts-sin-1 img:not(:nth-child(4n)){
    margin-right: 33px;
}
.parts-sin-1 img:nth-child(n+5){
    margin-top: 10px;
}
.parts-sin-2 img{
    width: 80px;
    margin-left: 50px;
}
.page-id-27 #m3 h4{
    font-size: 21px;
    margin-bottom: 17px;
}
@media screen and (max-width: 414px) {
    .parts-sin-1 img:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .parts-sin-1 img:not(:nth-child(2n)) {
        margin-right: 20px;
    }
    .parts-sin-1 {
        justify-content: center;
    }
    .parts-sin-1 img:nth-child(n+5) {
        margin-top: 0;
    }
    .parts-sin-1 img:nth-child(n+3) {
        margin-top: 10px;
    }
    .parts-sin-2 img {
        margin-left: 15px;
    }
}

/* **************************
Parts-Page
************************** */
.page-id-29 #m1 img{
    margin-bottom: 20px;
}
.page-id-29 #m1 > section:nth-of-type(2) img{
    display: block;
    margin: 0 auto 20px;
}
.page-id-29 #m2 .item-wrap{
    margin-top: 10px;
}
.page-id-29 #m3 .list-box{
    line-height: 1.625;
    padding: 7px 5px 16px;
}
.parts-flx-1{
    flex-wrap: wrap;
    justify-content: space-between;
}
.parts-flx-1 > div:nth-child(n+3){
    margin-top: 60px;
}
.parts-flx-1 div h4{
    text-align: center;
    font-weight: normal;
}

@media screen and (max-width: 414px) {
    .parts-flx-1>div:nth-child(n+3) {
        margin-top: 25px;
    }
    .parts-flx-1 {
        justify-content: center;
    }
    .parts-flx-1>div:not(:first-child) {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
    .parts-flx-1>div:last-child {
        border-bottom: 0;
    }
    .page-id-29 #m3 .list-box {
        margin-bottom: 30px;
    }
}

/* **************************
Rental-Page
************************** */
.page-id-37 #m2 h3{
    background: none;
    font-size: 16px;
    font-weight: normal;
    padding-left: 0;
    margin-bottom: 0;
    letter-spacing: 0;
    line-height: 1;
}
/* **************************
Company-Page
************************** */
.page-id-31 dl{
    display: flex;
    flex-wrap: wrap;
    width: 680px;
    border-top:solid 1px #d0d1d1;
    border-left:solid 1px #d0d1d1;
}
.page-id-31 dt{
    background: #eff4f4;
    display: flex;
    width: 30%;
    padding: 0 10px;
    align-items: center;
    border-right: solid 1px #d0d1d1;
    border-bottom: solid 1px #d0d1d1;
}
.page-id-31 dd{
    width: 70%;
    padding: 14px 10px;
    border-right: solid 1px #d0d1d1;
    border-bottom: solid 1px #d0d1d1;
    line-height: 1.375;
}
/*.page-id-31 #m3 dd{
    display: flex;
    justify-content: space-between;
}*/
.page-id-31 dd p{
    width: calc(100% - 150px);
}
.page-id-31 dd span{
    width: 150px;
    display: block;
}
.page-id-31 #m1 p{
    padding: 13px 22px;
}
.page-id-31 #m2 iframe{
    display: block;
    margin: 0 auto;
}
.map-ex{
    text-align: center;
}
.page-id-31 dd .full-width {
    width: 100%;
}
@media screen and (max-width: 414px) {
    .table-wrap {
        width: 100%;
    }
    .page-id-31 iframe {
        width: 100% !important;
    }
    .page-id-31 dl {
        width: 100%;        
    }
}

/* **************************
Contact
************************** */
.contact-list {
    line-height: 1.5;
}
.contact-list li {
    text-indent: -1em;
    padding-left: 1em;
}
.contact-text {
    text-indent: -1em;
    padding-left: 1em;
}
.contact-mailicon {
    width: 30px;
    padding: 6px 5px 0 5px;
}
/*---width 750 900-----*/
.contact-form {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d0d1d1;
    width:900px;
}
.contact-form th {
    background: #eff4f4;
    font-weight: normal;
    text-align: left;
    padding: 20px;
    width: 30%;
    border-bottom: 1px solid #d0d1d1;
    border-right: 1px solid #d0d1d1;
    line-height: 1.4;
}
.contact-form th span {
    color: red;
}
.contact-form td {
    width: 70%;
    padding: 20px 16px;
    border-bottom: 1px solid #d0d1d1;
}
.contact-form td>div>span:first-child {
    margin-right: 10px;
    margin-bottom: 10px;
}
.contact-form td>ul>li:first-child {
    margin-right: 10px;
    margin-bottom: 10px;
}
.check-thr div {
    display: flex;
}

.check-thr div:first-child {
    margin-bottom: 6px;
}
.contact-form input[type="text"],
.contact-form input[type="email"] {
    width: 479px;
}
.contact-form input[type="text"].resize1 {
    width: 279px;
}
.contact-form input[type="text"].resize2 {
    width: 180px;
}
.contact-form input[type="text"].resize3 {
    width: 178px;
}
.contact-form input,
.contact-form textarea {
    border: 1px solid #d0d1d1;
    padding: 5px
}
.contact-form textarea {
    width: 100%;
    height: 280px;
}
.contact-form .error {
    margin-top: 7px;
}
#mw_wp_form_mw-wp-form-439 input[type=submit] {
    background: #23b2ca;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 25px 0;
    width: 370px;
}
.submit-wrap {
    text-align: center;
    margin-top: 40px;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
    margin-right: 0 !important;
}
/*----input resize1 horizontal追加---------*/
@media screen and (max-width: 414px) {
    #mw_wp_form_mw-wp-form-439 input[type=submit] {
        width: 85%;
        height: 52px;
    }
    .contact-form {
        width: 100%;
    }
    .contact-form input[type="text"], .contact-form input[type="email"] {
        width: 100%;
    }
	.contact-form input[type="text"].resize1,
	.contact-form input[type="text"].resize2,
	.contact-form input[type="text"].resize3{
    width: 100%;
}
	.horizontal-item {
		display:block;
		margin-bottom:5px;
	}
	.mw_wp_form .horizontal-item + .horizontal-item {
		margin-left:0 !important;
	}
	.check-thr div {
		display:block;
	}
	.check-thr div:nth-child(1),
	.check-thr div:nth-child(4) {
		margin-bottom:5px;
	}
}

/* **************************
Single
************************** */
.single h1 {
    background: url(images/icon-h3.svg) no-repeat;
    background-size: 19px 19px;
    padding-left: 36px;
    font-size: 21px;
    min-height: 19px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: 0.07em;
}
.single h1::first-line {
    line-height: 1
}
.single .news-meta,
.single-content {
    margin-left: 37px;
}
.single .news-meta {
    display: flex;
    align-items: center;
    margin-bottom: 46px;
}
.single .news-meta .date {
    margin-right: 15px;
}
.single .news-meta .cat {
    color: #fff;
    font-size: 13px;
    background: #23b2ca;
    width: 139px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-content p {
    margin-bottom: 20px;
}
.single .top-contact-inner {
    margin-top: 80px;
}
@media screen and (max-width: 414px) {
    .single .news-meta,
    .single-content {
        margin-left: 0;
    }
}

/* **************************
Sitemap
************************** */
.sitemap-root,
.sitemap-wrap {
    margin-bottom: 75px;
}
.sitemap-wrap {
    display: flex;
}
.sitemap-wrap > div {
    width: 250px;
}
.sitemap-wrap>div:not(:last-child) {
    margin-right: 40px;
}
.sitemap-wrap h4 {
    background: #eff4f4;
    border: 1px solid #23b2ca;
    padding: 12px 0;
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;
}
.sitemap-wrap h4+ul>li,
.sitemap-root li {
    background: url(images/icon-arrow.svg) no-repeat;
    background-size: 7px 12px;
    background-position: left 2px;
}

.sitemap-wrap h4+ul>li:not(:last-child),
.sitemap-root li:not(:last-child) {
margin-bottom: 25px;
}
.sitemap-wrap h4+ul>li>ul {
    margin-top: 7px;
}
.sitemap-wrap h4+ul>li >ul >li {
    margin-bottom: 7px;
}
.sitemap-wrap h4+ul>li,
.sitemap-root li {
    padding-left: 18px;
}
@media screen and (max-width: 414px) {
    .sitemap-wrap {
        flex-wrap:wrap;
    }
    .sitemap-wrap > div {
        width: 100%;
    }
    .sitemap-wrap>div:not(:last-child) {
        margin-bottom:25px;
    }
    .sitemap-wrap h4+ul>li:not(:last-child),
    .sitemap-root li:not(:last-child) {
        margin-bottom: 13px;
    }
    .sitemap-wrap>div:not(:last-child) {
        margin-right: 0;
    }
}

/* **************************
Demo
************************** */
.demo-wrap {
    display: flex;
}
.demo-wrap >div:first-child {
    margin-right:40px;
}

.demo-list {
    width: 670px;
    padding: 20px;
    border: 1px solid #23b2ca;
    background: #eff4f4;
}
.demo-list li {
    line-height: 1.4;
}

@media screen and (max-width: 414px) {
    .demo-list {
        width: 100%;
    }
    .demo-wrap {
        flex-wrap: wrap;
    }
    .demo-wrap>div {
        width: 100%;
    }
    .demo-wrap>div:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/* **************************
Policy
************************** */
.policy-list {
    line-height: 1.5;
}

/* **************************
Fixed Navi
************************** */
.fixed-navi {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
    background: #fff;
}
.fixed {
    transform: translateY(0);
}
.fixed-navi-wrap {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fixed-navi #global-nav > ul {
    width: 560px;
}
.fixed-navi #global-nav ul li {
    font-size: 13px;
}
.fixed-navi-wrap address span {
    display: block;
    color: #23b2ca;
    font-style: normal;
    font-weight: bold;
}
.fixed-navi-wrap address span:first-child {
    font-size: 13px;
}
.fixed-navi-wrap address span:last-child {
    font-size: 18px;
}

@media screen and (max-width: 414px) {
    .fixed-navi {
        display: none;
    }
}

/* **************************
Catalog
************************** */
.pdf-link2 {
    position: relative;
    padding-left: 39px;
}
.pdf-link2::before {
    content: '';
    background: url(images/icon-pdf.svg) no-repeat;
    position: absolute;
    width: 28px;
    height: 38px;
    bottom: calc(50% - 19px);
    left:0;
    display: inline-block;
}
@media screen and (max-width: 414px) {
    .pdf-link2 {
        display: block;
    }
}

/* **************************
Product
************************** */
.product-half {
    display:flex;
}
.product-half > *:first-child {
    width: 321px;
    margin-right: 21px;
}
.product-half>*:last-child {
    width: 388px;
}
.product-catch {
    font-size: 26px;
    line-height: 1.5;
}
.product-overview {
    display: flex;
    margin-bottom: 90px;
}
.product-img-wrap {
    width: 324px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 14px;
}
.product-img-wrap>div {
    width: 97px;
}
.product-img-wrap >div:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 21px;
}
.product-meta {
    padding-top: 20px;
}
.product-img-wrap>div:nth-child(2),
.product-img-wrap>div:nth-child(3) {
    margin-right: 16px;
}
.product-feature {
    width: 385px;
    height: 190px;
    background: #f8ffff;
    margin-bottom: 20px;
    padding: 0 16px 0 33px;
    display: flex;
    align-items: center;
    line-height: 2;
}
.page-wrap .product-main section {
    margin-bottom: 80px;
}
.product-spec dl {
    display: flex;
    flex-wrap: wrap;
    width: 680px;
    border-top: solid 1px #d0d1d1;
    border-left: solid 1px #d0d1d1;
}

.product-spec dt {
    background: #eff4f4;
    display: flex;
    width: 30%;
    padding: 0 10px;
    align-items: center;
    border-right: solid 1px #d0d1d1;
    border-bottom: solid 1px #d0d1d1;
}

.product-spec dd {
    width: 70%;
    padding: 14px 10px;
    border-right: solid 1px #d0d1d1;
    border-bottom: solid 1px #d0d1d1;
    line-height: 1.375;
}
.product-main-img {
    height: 198px;
}
@media screen and (max-width: 414px) {
    .product-overview {
        display: block;
    }
    .product-img-wrap {
        margin-right: 0;
        width: 100%;
        justify-content: center;
    }
    .product-feature,
    .product-half>*:last-child {
        width: 100%;
    }
    .product-half {
        display: block;
        text-align: center;
    }
    .product-half > p {
        text-align: left;
    }
    .single .product-title {
        background: none;
        font-weight: normal;
        padding-left: 10px;
        margin-bottom: 0;
    }
    .product-catch {
        padding: 0 20px;
    }
    .product-half>*:first-child {
        width: 75%;
        margin: 0 auto;
    }

    .page-wrap .product-main section {
        margin-bottom: 50px;
    }
    .product-spec dl {
        width: 100%;
    }
}

/* **************************
Product Side
************************** */
.page-wrap aside .typehit {
    border-bottom: 3px solid #00a6b7;
    display: flex;
    justify-content:center;
    align-items: center;
    background: #fff;
    padding: 0;
}
.side-type {
    color:#00a6b7;
    padding: 30px 0 0;
    font-weight: bold;
}
.page-wrap .product-aside ul li a span .side-subtitle {
    display: block;
    color: #939393;
    font-size: 13px;
    padding-right: 0;
    margin-bottom: 5px;
}
.page-wrap .product-aside ul li:last-child {
    border-bottom: 3px solid #00a6b7;
}
@media screen and (max-width: 414px) {}