@charset 'utf-8';/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%
}
*,:before,:after {
    background-repeat:no-repeat;
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
:before,:after {
    text-decoration:inherit;
    vertical-align:inherit
}
* {
    padding:0;
    margin:0
}
audio:not([controls]) {
    display:none;
    height:0
}
hr {
    overflow:visible
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display:block
}
summary {
    display:list-item
}
small {
    font-size:80%
}
[hidden],template {
    display:none
}
abbr[title] {
    border-bottom:1px dotted;
    text-decoration:none
}
a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover {
    outline-width:0
}
code,kbd,pre,samp {
    font-family:monospace,monospace
}
b,strong {
    font-weight:bolder
}
dfn {
    font-style:italic
}
mark {
    background-color:#ff0;
    color:#000
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
input {
    border-radius:0
}
button,[type=button],[type=reset],[type=submit],[role=button] {
    cursor:pointer
}
[disabled] {
    cursor:default
}
[type=number] {
    width:auto
}
[type=search] {
    -webkit-appearance:textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
textarea {
    overflow:auto;
    resize:vertical
}
button,input,optgroup,select,textarea {
    font:inherit
}
optgroup {
    font-weight:700
}
button {
    overflow:visible
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style:0;
    padding:0
}
button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    outline:1px dotted ButtonText
}
button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance:button
}
button,select {
    text-transform:none
}
button,input,select,textarea {
    background-color:transparent;
    border-style:none;
    color:inherit
}
select {
    -moz-appearance:none;
    -webkit-appearance:none
}
select::-ms-expand {
    display:none
}
select::-ms-value {
    color:currentColor
}
legend {
    border:0;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
img {
    border-style:none
}
progress {
    vertical-align:baseline
}
svg:not(:root) {
    overflow:hidden
}
audio,canvas,progress,video {
    display:inline-block
}
@media screen {
    [hidden~=screen] {
        display:inherit
    }
    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position:absolute!important;
        clip:rect(0 0 0 0)!important
    }
    
}
[aria-busy=true] {
    cursor:progress
}
[aria-controls] {
    cursor:pointer
}
[aria-disabled] {
    cursor:default
}
::-moz-selection {
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
::selection {
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
body {
    line-height:1
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:"";
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
* {
    margin:0;
    padding:0
}
*,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:62.5%
}
body,html {
    line-height:1.6
}
body {
    font-family:Noto Sans CJK JP,Noto Sans JP,Yu Gothic Medium,"游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size:1.4rem;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;
    word-wrap:break-word;
    overflow-wrap:break-word;
    font-weight:300
}
a,body {
    color:#111
}
a {
    text-decoration:none;
    color:#333
}
a:hover {
    text-decoration:none;
    opacity:.8
}
h1,h2,h3,h4,h5,h6,b,strong {
    font-weight:700
}
img {
    vertical-align:top
}
button,input,select,textarea {
    background-color:transparent;
    border:none;
    cursor:pointer;
    outline:none;
    padding:0;
    font-size:1.5rem
}
:focus {
    outline:none
}
li {
    list-style-type:none
}
pre {
    background-color:#3c3c3c;
    color:#fff;
    padding:0 20px;
    margin:20px auto 100px;
    overflow:auto;
    max-width:1240px
}
@media screen and (min-width:768px) {
    .disp-sp {
        display:none!important
    }
    
}
@media screen and (max-width:767px) {
    .disp-pc {
        display:none!important
    }
    
}
@media screen and (min-width:560px) {
    .l-header {
        width:960px;
        margin:0 auto;
        padding:30px 0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative
    }
    .header__logo {
        width:640px
    }
    .header__txt {
        min-width:320px;
        font-size:1.5rem
    }
    .header-nav {
        position:absolute;
        left:0;
        bottom:-50px;
        width:100%;
        height:50px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header-nav>a {
        font-weight:700;
        font-size:1.3rem;
        height:50px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .l-contents {
        border-top:solid 50px #f2f1ee
    }
    .kanban {
        width:100%;
    }
    .kanban__ttl {
        color:#000;
        font-size:5.4rem;  
        width:800px;
        margin:0 auto;
 
    }
/*
    .kanban__ttl:before {
        content:'';
        width:50px;
        height:5px;
        background-color:#cc2c1d;
        position:absolute;
        left:0;
        bottom:-10px
    }
    .kanban:before {
        content:'';
        background-image:url(https://www.sekaia.co.jp/aus_center/wp-content/themes/aus/go8/img/left.png);
        background-position:left -130px top;
        background-size:1200px auto;
        width:1000px;
        height:350px;
        position:absolute;
        left:0;
        top:0
    }
    .kanban:after {
        content:'';
        background-image:url(https://www.sekaia.co.jp/aus_center/wp-content/themes/aus/go8/img/right.png);
        background-position:right -90px top -35px;
        background-size:450px auto;
        width:1000px;
        height:420px;
        position:absolute;
        right:0;
        top:0
    }
*/
    .l-inner {
        width:800px;
        margin:0 auto
    }
    .go8__head2 {
        font-size:2.8rem;
        margin-bottom:20px
    }
    .go8__head3 {
        color:#cc2c1d;
        font-size:2rem;
        margin-bottom:20px
    }
    .go8__img {
        margin:20px 0 40px
    }
    .go8__img-sup {
        margin-top:40px
    }
    .go8__list li {
        padding-left:20px;
        margin-bottom:10px
    }
    .go8__list li:before {
        font-size:1rem;
        content:'●';
        color:#000;
        margin:0 5px 0 -15px;
        position:relative;
        top:-1px
    }
    .imagtxt {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 2fr 1fr;
    }
    .imagtxt__txt {
        line-height:1.8;
    }
    .imagtxt__img--right {
        
    }
    .sitemap {
        border-top:1px solid #eee;
        margin:100px auto 50px;
        padding-top:50px
    }
    .sitemap-inner {
        width:960px;
        margin:0 auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .sitemap dt {
        font-weight:700;
        font-size:1.3rem;
        margin-bottom:10px
    }
    .sitemap dd {
        font-size:1.2rem
    }
    .sitemap__link {
        text-decoration:underline
    }
    .footer {
        border-top:1px solid #eee;
        font-size:1.2rem
    }
    .footer address {
        font-size:1.1rem;
        padding-top:20px;
        margin-bottom:5px
    }
    .footer .jcross {
        background-image:url(https://www.sekaia.co.jp/img/footer/jcross_100.png);
        background-repeat:no-repeat;
        background-position:left center;
        background-size:contain;
        padding-left:40px;
        padding-top:7px;
        margin-top:10px
    }
    .footer .p_copy {
        text-align:center;
        padding:5px 0;
        background-color:#cc2c1d;
        margin-top:30px;
        color:#fff
    }
    .footer-inner {
        margin:0 auto;
        width:960px
    }
    .red_waku {
        padding:30px 10px 10px;
        text-align:center;
		background-color: #F8F5F1;
    }
    .p_red {
        font-size:1.6rem;
        color:#177977;
		font-weight: bold;
    }
    .p_red+p {
        margin-top:10px
    }
    .w_waku {
        position:relative
    }
    .w_waku .float_r {
        position:absolute;
        right:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px);
        max-width:120px;
        height:auto
    }
    .w_waku .float_r.adjust1 {
        max-width:50px
    }
    .w_waku .float_r.adjust2 {
        max-width:70px
    }
    .w_waku .table_g8 {
        margin-top:30px;
        margin-right:0;
        margin-bottom:30px;
        margin-left:0
    }
    .w_waku .table_g8 table {
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        font-size:1.2rem
    }
    .w_waku .table_g8 td {
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding:20px;
        text-align:left;
        background-color:#fff
    }
    .w_waku .table_g8 th {
        padding:10px;
        background-color:#177977;
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd;
        text-align:center;
        width:120px;
		color: #fff;
    }
    .column2_g8 {
        display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
    }
    .column2_g8 ul li {
        padding-left:20px;
        margin-bottom:10px
    }
    .column2_g8 ul li img {
        max-height:45px;
        width:auto;
        margin-top:10px
    }
    .column2_g8 ul li:before {
        font-size:1rem;
        content:'●';
        color:#000;
        margin:0 5px 0 -15px;
        position:relative;
        top:-1px
    }
    .text-wrap p {
        margin:20px 0
    }
    .uni-img {
        width:100%;
        height:295px
    }
    .object-fit-img {
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:center;
        object-position:center;
        font-family:'object-fit: cover;
         object-position: center;
        '
    }
    .l-float_r {
        float:right;
        margin:0 0 30px 30px
    }
    .c-btn {
        text-align:center;
        margin:30px 0 50px
    }
    .c-btn a {
        width:200px;
        margin:0 auto;
        background-color:#FFBF01;
        color:#000;
        display:inline-block;
        padding:10px 0;
        font-weight:700
    }
    .u-center {
        text-align:center
    }
    .u-mb-xs {
        margin-bottom:10px
    }
    .u-mb-s {
        margin-bottom:20px
    }
    .u-mb-m {
        margin-bottom:30px
    }
    .u-mb-l {
        margin-bottom:40px
    }
    .u-mb-xl {
        margin-bottom:50px
    }
    .u-mb-xxl {
        margin-bottom:80px
    }
    .u-vt-s {
        margin-top:20px;
        margin-bottom:20px
    }
    .u-link {
        text-decoration:underline
    }
    
}
@media screen and (max-width:559px) {
    .l-header {
        width:100%;
        margin:0 auto;
        padding-top:10px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative
    }
    .header__logo {
        width:94vw;
        margin:0 auto
    }
    .header__logo img {
        width:100%;
        height:auto
    }
    .header__txt {
        font-size:1rem;
        text-align:center;
        width:100%;
        margin-top:5px;
        background-color:#cc2c1d;
        color:#fff;
        padding:2px 0
    }
    .header-nav-wrap {
        background-color:#f2f1ee;
        overflow-x:scroll;
        padding:0 10px;
        border-bottom:solid 1px #ccc
    }
    .header-nav {
        font-size:0;
        height:40px;
        white-space:nowrap
    }
    .header-nav>a {
        font-weight:700;
        font-size:1.2rem;
        display:inline-block;
        height:100%;
        margin-right:15px;
        padding-top:10px
    }
    .kanban {
        width:100%;
    }
    .kanban__ttl {
        color:#000;
        font-size:2.4rem;
    }
/*
    .kanban__ttl:before {
        content:'';
        width:50px;
        height:5px;
        background-color:#cc2c1d;
        position:absolute;
        left:0;
        bottom:-10px
    }
    .kanban:before {
        content:'';
        background-image:url(https://www.sekaia.co.jp/aus_center/wp-content/themes/aus/go8/img/left.png);
        background-position:left -130px top;
        background-size:900px;
        width:100%;
        height:120px;
        position:absolute;
        left:0;
        top:0
    }
    .kanban:after {
        content:'';
        background-image:url(https://www.sekaia.co.jp/aus_center/wp-content/themes/aus/go8/img/right.png);
        background-position:right -90px top -35px;
        background-size:300px auto;
        width:100%;
        height:120px;
        position:absolute;
        right:0;
        top:0
    }
*/
    .l-inner {
        margin:20px 15px 0
    }
    .go8__head2 {
        font-size:1.8rem;
        margin-bottom:20px
    }
    .go8__head3 {
        color:#cc2c1d;
        font-size:1.6rem;
        margin-bottom:20px
    }
    .go8__head4 {
        font-size:1.5rem;
        margin-bottom:20px
    }
    .go8__img {
        margin:20px 0 40px
    }
    .go8__img img {
        width:100%;
        height:auto
    }
    .go8__img-sup {
        margin-top:20px
    }
    .go8__list li {
        padding-left:20px;
        margin-bottom:10px
    }
    .go8__list li:before {
        font-size:1rem;
        content:'●';
        color:#000;
        margin:0 5px 0 -15px;
        position:relative;
        top:-1px
    }
    .uni-img {
        width:100%;
        height:auto
    }
    .imagtxt {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr;
    }
    .imagtxt__txt {
        line-height:1.8;
        margin-bottom:20px;
    }
    .imagtxt__img img {
        width:100%;
        height:auto;
    }
    .red_waku {
        padding:30px 10px 10px;
        text-align:center;
		background-color: #F8F5F1;
    }
    .p_red {
        font-size:1.6rem;
        color:#177977;
		font-weight: bold;
    }
    .p_red+p {
        margin-top:10px
    }
    .l-float_r {
        margin:0 0 30px;
        width:100%;
        height:auto
    }
    .column2_g8 {
        display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
    }
    .column2_g8 ul li {
        padding-left:20px;
        margin-bottom:10px
    }
    .column2_g8 ul li img {
        max-height:30px;
        width:auto;
        margin-top:10px
    }
    .column2_g8 ul li:before {
        font-size:1rem;
        content:'●';
        color:#000;
        margin:0 5px 0 -15px;
        position:relative;
        top:-1px
    }
    .column2_g8+.column2_g8 {
        margin-left:10px
    }
    .w_waku {
        position:relative
    }
    .w_waku .float_r {
        position:absolute;
        right:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px);
        max-width:80px;
        height:auto
    }
    .w_waku .float_r.adjust1 {
        max-width:50px
    }
    .w_waku .float_r.adjust2 {
        max-width:70px
    }
    .w_waku .float_r+.go8__head3 {
        width:70vw
    }
    .w_waku .table_g8 {
        margin-top:30px;
        margin-right:0;
        margin-bottom:30px;
        margin-left:0
    }
    .w_waku .table_g8 table {
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        font-size:1.2rem
    }
    .w_waku .table_g8 td {
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding:20px;
        text-align:left;
        background-color:#fff
    }
    .w_waku .table_g8 th {
        padding:10px;
        background-color:#177977;
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd;
        text-align:center;
        width:80px;
		color: #fff;
    }
    .sitemap {
        border-top:1px solid #eee;
        padding-top:30px
    }
    .sitemap-inner {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:0 15px
    }
    .sitemap dl {
        margin:0 20px 20px 0
    }
    .sitemap dt {
        font-weight:700;
        font-size:1.3rem;
        margin-bottom:10px
    }
    .sitemap dd {
        font-size:1.2rem
    }
    .sitemap__link {
        text-decoration:underline
    }
    .footer {
        border-top:1px solid #eee;
        font-size:1.2rem;
        padding:0 15px
    }
    .footer address {
        font-size:1.1rem;
        padding-top:20px;
        margin-bottom:5px
    }
    .footer .jcross {
        background-image:url(https://www.sekaia.co.jp/img/footer/jcross_100.png);
        background-repeat:no-repeat;
        background-position:left center;
        background-size:contain;
        padding-left:50px;
        padding-top:7px;
        margin-top:10px
    }
    .footer .p_copy {
        text-align:center;
        padding:5px 0;
        background-color:#cc2c1d;
        margin:30px -15px 0;
        color:#fff
    }
    .footer-inner {
        margin:0 auto
    }
    .c-btn {
        text-align:center;
        margin:30px 0 50px
    }
    .c-btn a {
        width:200px;
        margin:0 auto;
        background-color:#FFBF01;
        color:#000;
        display:inline-block;
        padding:10px 0;
        font-weight:700
    }
    .u-center {
        text-align:center
    }
    .u-mb-xs {
        margin-bottom:10px
    }
    .u-mb-s {
        margin-bottom:20px
    }
    .u-mb-m {
        margin-bottom:30px
    }
    .u-mb-l {
        margin-bottom:40px
    }
    .u-mb-xl {
        margin-bottom:50px
    }
    .u-mb-xxl {
        margin-bottom:80px
    }
    .u-vt-s {
        margin-top:20px;
        margin-bottom:20px
    }
    .u-link {
        text-decoration:underline
    }
    
}


/* modal
-----------------------------------------------*/
.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.bg_onetime_popup.js_active {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    max-width: 800px;
  min-width:400px;
    background-color: #fff;
    cursor: pointer;
}

.onetime_popup_title {
    position: relative;
    padding: 10px 50px;
    margin: 0px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
}
.onetime_popup_title:before,
.onetime_popup_title:after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #000;
    content: "";
}
.onetime_popup_title:before {
    transform: rotate(45deg);
}
.onetime_popup_title:after {
    transform: rotate(-45deg);
}

.onetime_popup_content {
    padding: 5px 20px 20px;
    text-align: center;
}
@media screen and (min-width:768px) {
  .c-table {
    width: 100%;
    margin-bottom: 20px
  }
  .c-table.w600 {
    width: 100%;
    max-width: 600px;
	  margin: auto;
  }
  .c-table td,
  .c-table th {
    border: 1px solid #e8e8e8;
    padding: 10px 15px
  }
	.c-table td.lank {
		text-align: center;
		font-weight: bold;
		color: #177977;
	}
	.c-table td.lank.gray {
		font-weight: bold;
		color: #000;
	}

  .c-table th {
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: left
  }

  .c-table .pc-w50 {
    width: 50px
  }

  .c-table .pc-w60 {
    width: 60px
  }

  .c-table .pc-w70 {
    width: 70px
  }

  .c-table .pc-w80 {
    width: 80px
  }

  .c-table .pc-w90 {
    width: 90px
  }

  .c-table .pc-w100 {
    width: 100px
  }

  .c-table .pc-w110 {
    width: 110px
  }

  .c-table .pc-w120 {
    width: 120px
  }

  .c-table .pc-w130 {
    width: 130px
  }

  .c-table .pc-w140 {
    width: 140px
  }

  .c-table .pc-w150 {
    width: 150px
  }

  .c-table .pc-w200 {
    width: 200px
  }

  .c-table .pc-w250 {
    width: 250px
  }

  .c-table .pc-w300 {
    width: 300px
  }

  .c-table .pc-w10per {
    width: 10%
  }

  .c-table .pc-w20per {
    width: 20%
  }

  .c-table .pc-w30per {
    width: 30%
  }

  .c-table .pc-w40per {
    width: 40%
  }

  .c-table .pc-w50per {
    width: 50%
  }

  .c-table .pc-w60per {
    width: 60%
  }

  .c-table .pc-w70per {
    width: 70%
  }

  .c-table .pc-w80per {
    width: 80%
  }

  .c-table .pc-w90per {
    width: 90%
  }

  .c-table .pc-w100per {
    width: 100%
  }
  .lg-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .col-lg-1 {
    -webkit-flex-basis: 8.33333333%;
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%
  }

  .col-lg-2 {
    -webkit-flex-basis: 16.66666667%;
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%
  }

  .col-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .col-lg-4 {
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%
  }

  .col-lg-5 {
    -webkit-flex-basis: 41.66666667%;
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%
  }

  .col-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .col-lg-7 {
    -webkit-flex-basis: 58.33333333%;
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%
  }

  .col-lg-8 {
    -webkit-flex-basis: 66.66666667%;
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%
  }

  .col-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .col-lg-10 {
    -webkit-flex-basis: 83.33333333%;
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%
  }

  .col-lg-11 {
    -webkit-flex-basis: 91.66666667%;
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%
  }

  .col-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .col-lg-mr-5 {
    margin-right: 5px
  }

  .col-lg-mr-10 {
    margin-right: 10px
  }

  .col-lg-mr-15 {
    margin-right: 15px
  }

  .col-lg-mr-20 {
    margin-right: 20px
  }

  .col-lg-mb-50 {
    margin-bottom: 50px
  }
	.under-nav-wrap {
		background-color:#f2f1ee;
		width: 100%;
		max-width: 900px;
		margin: 0px auto 50px;
	}
	.under-nav{
		width:100%;
		height:50px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;-ms-flex-pack:distribute;
		justify-content:space-around;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center}
	.under-nav>a{font-weight:700;font-size:1.3rem;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}

@media screen and (max-width:767px) {
	
	.under-nav-wrap{background-color:#f2f1ee;overflow-x:scroll;padding:0 10px;border-bottom:solid 1px #ccc; margin-bottom: 30px;}
	.under-nav{font-size:0;height:40px;white-space:nowrap}
	.under-nav>a{font-weight:700;font-size:1.2rem;display:inline-block;height:100%;margin-right:15px;padding-top:10px}

  .c-table td,
  .c-table th {
    border: 1px solid #e8e8e8;
    padding: 5px
  }

  .c-table th {
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: left;
  }
}
td.gray {
	background-color: #eee;
}



@media screen and (min-width:768px) {
    .breadcrumb {
        width: 960px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .breadcrumb li:after {
        content: "＞";
        display: inline-block;
        margin: 0 10px
    }

    .breadcrumb li:last-child:after {
        display: none
    }
}

@media screen and (max-width:767px) {
    .breadcrumb {
        padding: 10px 10px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
        font-size: 1.1rem
    }

    .breadcrumb li:after {
        content: "＞";
        display: inline-block;
        margin: 0 10px
    }

    .breadcrumb li:last-child:after {
        display: none
    }
}

@media screen and (min-width:768px) {
    .article-body {
        padding-bottom: 100px
    }

    .article h1 {
        font-size: 3rem;
        font-weight: 700;
        position: relative;
        margin-bottom: 10px
    }

    .article h1.go8:after {
        content: "Go8";
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        font-size: 1.8rem;
        background-color: #d1171e;
        padding: 10px 0;
        text-align: center;
        letter-spacing: -1px;
        color: #fff;
        border-radius: 25px;
        width: 50px;
        height: 50px;
        font-weight: 400
    }

    .article-author-name {
        font-size: 1.6rem;
        margin-bottom: 12px
    }

    .article-date {
        font-size: 1.2rem;
        color: #666
    }

    .article-info,
    .article-visual {
        margin-bottom: 20px
    }

    .article-info {
        color: #666
    }

    .article-body {
        border-top: 1px solid #e8e8e8;
        padding-top: 30px
    }

    .article-body h3 {
        color: #222;
        font-weight: 700;
        font-size: 1.8rem;
        margin-bottom: 10px
    }

    .article-body h4 {
        color: #167977;
        font-weight: 700;
        padding-left: 20px;
        position: relative;
        font-size: 1.6rem;
        margin-bottom: 10px
    }

    .article-body h4:before {
        position: absolute;
        left: 0;
        top: 6px;
        content: "";
        background-image: url(../../img/sprite.png);
        background-position: -100px -55px;
        width: 16px;
        height: 16px
    }

    .article-body h2 {
        font-size: 2.4rem;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        background-color: #167977
    }

    .article-body h2,
    .article-body p {
        margin-bottom: 30px
    }

    .parts-ttl {
        background-color: #167977;
        color: #fff;
        text-align: center;
        font-size: 2.2rem;
        margin-bottom: 24px;
        padding: 5px 0
    }

    .related-parts__name,
    .voice-parts__name {
        margin-bottom: 8px
    }
}

@media screen and (max-width:767px) {
    .article-body {
        padding-bottom: 40px
    }

    .article {
        padding: 0 10px
    }

    .article .c-headline {
        margin: 0 0 20px
    }

    .article h1 {
        font-size: 2rem;
        font-weight: 700;
        position: relative;
        margin-bottom: 10px
    }

    .article h1.go8:after {
        content: "Go8";
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        font-size: 1rem;
        background-color: #d1171e;
        padding: 6px 0 0;
        text-align: center;
        letter-spacing: -1px;
        color: #fff;
        border-radius: 25px;
        width: 25px;
        height: 25px;
        font-weight: 400
    }

    .article-author-name {
        font-size: 1.6rem;
        margin-bottom: 12px
    }

    .article-date,
    .article-info {
        font-size: 1.2rem
    }

    .article-date {
        color: #666
    }

    .article-read,
    .article-visual {
        margin-bottom: 20px
    }

    .article-body h3 {
        color: #222;
        font-weight: 700;
        font-size: 1.8rem;
        margin-bottom: 10px
    }

    .article-body h4,
    .article-img {
        margin-bottom: 10px
    }

    .article-body h4 {
        color: #167977;
        font-weight: 700;
        padding-left: 20px;
        position: relative;
        font-size: 1.6rem
    }

    .article-body h4:before {
        position: absolute;
        left: 0;
        top: 6px;
        content: "";
        background-image: url(../../img/sprite.png);
        background-position: -100px -55px;
        width: 16px;
        height: 16px
    }

    .article-body p {
        margin-bottom: 20px
    }

    .article-body h2 {
        font-size: 2rem;
        margin-bottom: 16px
    }

    .article-body h2,
    .article .parts-ttl {
        color: #fff;
        text-align: center;
        padding: 5px 0;
        background-color: #167977
    }

    .article .parts-ttl {
        font-size: 2.2rem;
        margin-bottom: 24px
    }

    .parts-ttl {
        background-color: #167977;
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
        margin-bottom: 8px;
        padding: 5px 0
    }

    .related-parts,
    .voice-parts {
        padding: 20px 10px
    }

    .related-parts__ttl,
    .voice-parts__ttl {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 8px
    }

    .related-parts__img,
    .related-parts__name,
    .voice-parts__img,
    .voice-parts__name {
        margin-bottom: 8px
    }

    .related-parts__txt,
    .voice-parts__txt {
        font-size: 1rem;
        color: #666;
        margin-bottom: 12px;
        padding-bottom: 12px
    }
}

.main {
    background-color: #fff
}

.article-body {
    border-top: none;
    padding-top: 0
}

@media screen and (min-width:768px) {
    .article-body {
        width: 750px;
        margin: 0 auto
    }
}