@charset "utf-8";

/*=================================================================
== css rough index =====

-- reset
-- html tag base setting
-- base ---------------------------
---- layout
---- module
---- common
------ block (component)
---- header
---- sub
---- footer
---- section-individual
---- page-individual
-- only SP ------------------------
-- for PC -------------------------
---- [similar to base]
-- for PC special width ----------
-- for tablet ----------------------
-- universal module

=================================================================*/

/*______ reset __________________________________________________________________________*/
/*
html5 Reset 2018.07.14
kaz
Revised based on

html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

cite,em,var {
font-style: normal;
}

ins,u {
text-decoration: none;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote::before,blockquote::after,q::before,q::after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

input,button,select {
vertical-align: middle;
}

input:focus {
outline: none;
}

option {
padding: 0;
}

img {
margin: 0;
vertical-align: top;
line-height: 0;
}

*,*::before,*::after {
box-sizing: border-box;
}

/* for slick use on display-flex */
* {min-height: 0;min-width : 0;}


/*#____ html_tag _=====================================================*/
html {
font-size: 10px;
}

body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, 'メイリオ', meiryo, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

a {
color: #00d;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {transition: opacity 0.3s ease-out;}
a:hover img {opacity: 0.5;}
a.no-hover img {opacity: 1;}

br {
letter-spacing: normal;
}

em {
color: #e00;
}

strong {
}

del {
text-decoration: line-through;
}

ol li {
margin: 0 0 0 2em;
line-height: 1.6;
}

table {
width: 100%;
font-size: 100%;
line-height: 1.6;
}

th,td {
text-align: left;
padding: 0.4em 0.5em;
border: solid 3px #169f53;
}

th {
padding: 0.4em 0.5em;
background: #169f53;
font-weight: normal;
text-align: center;
color: #fff;
}

input,button,select,textarea {
font-size: 1em;
/*
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
*/
white-space: normal;
}

input,button {
padding: 0 0.35em;
}

textarea {
width: 100%;
padding: 0.25em 0.5em;
white-space: pre-wrap;
}

button,input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}

input[type=radio],input[type=checkbox] {
position: relative;
top: -0.1em;
}

input[type=image] {
padding: 0;
border: none;
}


/*###################################################################*/
/*#____#### base ##################### _________________________________________#*/
/*###################################################################*/
/*#____ layout _================================================*/
html,body {
display: flex;
flex-direction: column;
}

body {
min-height: 100vh;
font-size: 1.8rem;
background: url(../img/bg_base.jpg) no-repeat 50% bottom;
background-size: 100% auto;
}

body::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: url(../img/bg_base.jpg) no-repeat 50% bottom;
background-size: 100% auto;
transform: rotateZ(180deg);
z-index: -1;
}

.wrap {
display: flex;
flex-direction: column;
flex: 1 0 auto;
}

.main {
flex: 1;
}

.main img {
max-width: 100%;
}

.footer {
overflow-y: hidden;
}

.header > .inner {background: rgba(255,255,255,0.8);}
.main {background: #f8f6ef;}
.main {background: rgba(255,255,255,0.8);}


/*###################################################################*/
/*#____--- module --------------------- __________________________________________________#*/
/*###################################################################*/
.is-center {
margin: 1.5em 0;
text-align: center;
}


/*#____ list _=====================================================*/
.list {
}

.list .list-body {
margin: -10px 0 0 -10px;
}

.list .list-item {
padding: 10px 0 0 10px;
}

.list .list-elm {
}


/*#____ variable-exp _=================================================*/
.variable-exp {
margin: 0 0 2em;
}

.variable-exp > .area-img > .cont-caption {
margin-top: 0.5em;
}

.variable-exp > .area-text {
padding: 0 0 0 1em;
}

.variable-exp.is-reverse > .area-text {
padding: 0 1em 0 0;
}


/*______ variable-exp_core _____________________________________________________________*/
.variable-exp {display: flex;}.variable-exp > .area-img > .cont-img {width: auto;max-width: none;}
.variable-exp.is-reverse {flex-direction: row-reverse;}.variable-exp *{min-width : auto;}
@media screen and (max-width: 599px) {
.variable-exp.sp-disable {display: block;}.variable-exp.sp-disable > .area-img > .cont-img {width: 100%;}
.variable-exp.sp-disable > .area-text {padding: 1em 0 0;}
}
/*###################################################################*/
/*#____--- header --------------------- __________________________________________________#*/
/*###################################################################*/
.block-header {
margin: -8px 0 0;
padding: 3px 0 10px;
}


/*###################################################################*/
/*#____--- footer --------------------- __________________________________________________#*/
/*###################################################################*/
.footer {
padding: 1.6em;
font-size: 0.8em;
color: #fff;
text-align: center;
}


/*###################################################################*/
/*#____--- common-item ---------------- _______________________________________________#*/
/*###################################################################*/
.section-body > p {
margin: 0 0 1em;
padding-top: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 2.2;
}

.text-btn {
position: relative;
display: inline-block;
padding: 1em;
border: none;
font-weight: bold;
line-height: 1;
cursor: pointer;
transition: all 0.3s;
}

.text-btn:hover {
text-decoration: none;
}

.text-btn.skin-a {
padding: 0.8em 0.5em 0.87em 0.75em;
background: #f5ed6c;
border-radius: 2em;
font-size: 5vw;
color: #16a054;
}

.text-btn.skin-a:hover {
background: #ea9313;
color: #fff;
}

.text-label {
margin: 0 0 0.4em;
padding: 0.2em 0.75em;
background: #169f53;
border-radius: 0.2em;
font-size: 5.6vw;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.8;
}

.label-req {
margin: 0 0 0 0.75em;
padding: 0.1em 0.7em;
background: #fff;
border-radius: 0.3em;
font-size: 0.85em;
color: #e33737;
}

.css-icon {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
margin: -0.35em 0 0;
vertical-align: middle;
}

.css-icon::before,.css-icon::after {
content: '';
position: absolute;
transition: all 0.3s;
}

.css-icon.icon-arrow::before,.css-icon.icon-arrow::after {
width: 0.7em;
height: 0.2em;
top: 0.5em;
right: 0;
margin: -0.25em 0 0;
background: #16a054;
border-radius: 0.2em;
transform: rotate(45deg);
}

.css-icon.icon-arrow::after {
margin: 0.125em 0 0;
transform: rotate(-45deg);
}

.text-btn:hover .css-icon.icon-arrow::before,.text-btn:hover .css-icon.icon-arrow::after {
background: #fff;
}

.block-card {
margin: 0 0 1em;
padding: 1em 8px;
background: #fff;
border: solid 1px #e5e3e3;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0.2em 0.2em 0.25em 0 rgba(0,0,0,0.3);
text-align: center;
}

.block-card.skin-a {
padding: 8px 8px;
background: #edf4ed;
border: solid 1px #c5dcbf;
}

.block-card.skin-b {
padding: 1em 1em;
border: none;
text-align: left;
}

ul.list,ul.list-text {
margin: 0.5em 0;
}

ul.list li {
margin: 0 0 0 1.3em;
list-style: disc;
line-height: 1.77;
}

ul.list-text li {
margin: 0 0 0.6em;
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 1.7;
}

ul.list-text.list4em li {
padding-left: 3.7em;
text-indent: -3.7em;
}


/*#____ heading _=====================================================*/
.heading-basic {
margin: 0 0 0.7em;
padding: 0.5em 0 0;
text-align: center;
font-size: 4.5vw;
}

.heading-basic .cont-text {
display: inline-block;
padding: 0.7em 50px;
background: url(../img/icon_heading_lamp_l.png) no-repeat left 50%
,url(../img/icon_heading_lamp_r.png) no-repeat right 50%;
background-size: 40px 45px;
font-weight: bold;
color: #16a054;
line-height: 1.3;
}

.ruby {
position: relative;
}

.ruby::after {
position: absolute;
content: attr(data-text);
bottom: -1.2em;
left: 50%;
margin: 0 0 0 -0.5em;
font-size: 0.45em;
}


/*#____ table _=======================================================*/
.table-simple {
}

.table-simple th,.table-simple td {
padding: 0.25em 0.75em;
border: solid 1px #ccc;
text-align: left;
}

.table-simple th {
background: #eee;
color: #000;
}

.table-simple thead th {
font-weight: bold;
}

.table-simple .table-heading {
background: #ddd;
font-weight: bold;
text-align: center;
}


.table-responsive {
border-bottom: solid 1px #ccc;
}

.table-responsive th,.table-responsive td {
display: block;
width: 100%;
border-bottom: none;
}


/*#____ form _=======================================================*/
.form-basic .form-text {
width: 100% !important;
padding: 0.3em 0.5em;
font-size: 1.2em;
border: solid 2px #ccc;
}

.form-basic .form-tel,.form-basic .form-fax {
width: 12em !important;
}

.form-basic .form-introducer {
width: 16em !important;
font-size: 0.9em;
}


/*#____ animation _=====================================================*/
.anime-beating {
animation: beating-scale 1s infinite;
}

@keyframes beating-scale {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
}


/*#____ block-btn _=====================================================*/
.block-btn {
margin: 1em 0 1em;
letter-spacing: -0.4em;
text-align: center;
}

.block-btn .cont-item {
display: inline-block;
margin: 0 0.5em 0.5em;
letter-spacing: normal;
}

.block-btn .cont-item.item-wide {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.block-btn input {
max-width: 100%;
}


/*#____ block-sns _=====================================================*/
.block-sns {
margin: 6em 0 1em;
text-align: center;
}

.block-sns .cont-item {
margin: 0 2px;
display: inline-block;
text-align: left;
vertical-align: top;
}


/*###################################################################*/
/*#____--- section ----------------------- __________________________________________________#*/
/*###################################################################*/
.section {
background: #f8f6f0;
padding: 0 8px 5px;
}


/*#____ section-cta _=====================================================*/
.section-cta {
margin: 0 0 3em;
padding-left: 0;
padding-right: 0;
}

.section-cta.cta-01 {
background: none;
}

.section-cta.cta-01 + .section {
margin-top: -100px;
padding-top: 100px;
}

.section-cta .section-body {
position: relative;
padding: 0 8px 1px;
background: #16a054;
color: #fff;
line-height: 1.6;
}

.section-cta .section-body::after {
content: "";
position: absolute;
width: 100%;
height: 32px;
left: 0;
bottom: -30px;
background: linear-gradient(45deg, transparent 49%, #16a054 51%),
linear-gradient(315deg, transparent 49%, #16a054 51%);
background-size: 60px 60px;
background-position: 50% bottom;
}

.section-cta .cont-name {
position: absolute;
top: -15px;
left: 50%;
margin-left: -5em;
padding: 0;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

.section-cta .cont-label {
padding: 1.5em 0 0;
text-align: center;
}

.section-cta .cont-label .cont-text {
padding: 0.2em 1.5em;
background: #d21276;
border-radius: 1em;
color: #fff;
}

.section-cta .block-exp {
margin-left: 2em;
}

.block-exp .cont-item {
position: relative;
}

.section-cta .item-num {
position: absolute;
top: -0.35em;
left: -0.7em;
font-size: 2.4em;
font-family: Times ,serif;
}

.section-cta .item-heading {
margin: 0 0 0.5em;
border-bottom: solid 2px #fff;
font-weight: bold;
}

.section-cta .item-exp {
margin: 0 0 0.75em;
}

.section-cta .area-img {
width: 50vw;
margin: 0 auto 10px;
}


/*#____ section-case _=====================================================*/
.list-case {
margin: 0 0 1em;
}

.list-case .item-heading {
margin: 0 0 0.5em;
font-size: 0.9em;
}

.list-case .item-heading::before {
content: '■';
margin-right: 0.5em;
color: #e89112;
}

.list-case.list .list-item {
padding-bottom: 20px;
}


/*#____ section-example _=====================================================*/
.table-example {
margin: 0 0 2em;
}

.table-example .cont-body {
background: #fff;
line-height: 1.2;
}

.table-example caption {
margin: 0 0 0.75em;
font-weight: bold;
color: #169f53;
text-align: left;
}

.table-example .item-type  {
margin: 0 0.75em 0 0;
padding: 0.2em 0.5em;
background: #169f53;
color: #fff;
}

.table-example thead td {
font-weight: bold;
text-align: center;
}

.table-example thead td:first-child {
background: #169f53;
color: #fff;
}

.table-example thead td:last-child {
background: #dc2472;
color: #fff;
}

.table-example th,.table-example td {
padding: 0.4em 0.5em;
vertical-align: middle;
font-size: 0.9em;
}

.table-example .text-sub {
font-size: 0.83333em;
}

.table-example tr td:nth-child(1),.table-example tr td:nth-child(3),.table-example tr td:nth-child(5) {
border-right-width: 0;
}

.table-example tr td:nth-child(3),.table-example tr td:nth-child(4) {
border-top-width: 0;
border-bottom-width: 0;
}

.table-example tbody tr td:nth-last-child(2),.table-example tbody tr td:last-child {
text-align: right;
}

.table-example tr td:nth-last-child(2) {
border-right-color: #dc2472;
}

.table-example tr td:last-child {
border-color: #dc2472;
}

.table-example tbody tr td:last-child {
padding: 0.1em 0.5em;
font-size: 1.444em;
color: #dc2472;
}

.table-example tbody tr {
border-top: solid 10px #f8f6f0;
}


.table-example tbody tr td:nth-child(3) {
padding-right: 0;
border-right-width: 0;
}

.table-example tbody tr td:nth-child(4) {
padding-left: 1.5em;
border-left-width: 0;
background: url(../img/bg_dec.png) no-repeat left 50%;
background-size: auto 100%;
}


/*#____ section-reason _=====================================================*/
.list-reason {
margin: 1.5em 0;
padding: 1em 0;
background: #fff;
border-radius: 1em;
text-align: center;
}

.doc-01 {
font-size: 1.4rem;
word-break: break-all;
}

.doc-01 .cont-headline {
width: 40vw;
margin: 0.5em 0 1em;
}

.doc-01 .cont-heading {
margin: 0 0 0.75em;
padding: 0.5em 0.5em;
font-size: 1.3em;
font-weight: bold;
border-left: solid 3px #457dad;
}

.doc-01 h4 {
margin: 2em 0 0.75em;
font-weight: bold;
}

.doc-01 p {
line-height: 1.6;
}

.doc-01 a {
color: #000;
text-decoration: underline;
}

.doc-01 a:hover {
text-decoration: none;
}

.doc-02 {
line-height: 1.6;
}

.doc-02 .cont-heading {
margin: 0 0 0.75em;
font-size: 6vw;
text-align: center;
letter-spacing: 0.2em;
}

.doc-02 h4,.doc-02 ol {
margin: 1em 0 0.5em;
font-size: 0.85em;
}

.doc-02 .cont-signature {
font-size: 0.85em;
text-align: right;
}

.doc-02 .cont-footer {
margin: 0.8em 0 0;
font-size: 0.85em;
text-align: center;
}


/*#____ section-effect _=====================================================*/
.fig-effect {
margin: 1.5em 0;
padding: 1em 10px;
background: #fff;
border-radius: 1em;
text-align: center;
}

.list-effect {
margin: 0 0 1em;
}


/*#____ section-form _=====================================================*/
.section-form {
background: none;
}

.table-form > .cont-body {
margin: 0 0 3em;
background: #fff;
font-size: 0.8em;
border-bottom: solid 3px #169f53;
}


/*#____ section-company _=====================================================*/
.section-company {
background: none;
}

.table-company {
background: #fff;
font-size: 0.8em;
}

.table-company a {
color: #000;
}

/*#____ section-thanks _=====================================================*/
.page-thanks {
background-image: url(../img/bg_base_2.jpg);
background-position: 50% top;
}

.page-thanks::before {
display: none;
}

.section-thanks {
background: none;
}


/*###################################################################*/
/*#____--- page ----------------------- __________________________________________________#*/
/*###################################################################*/



/*#____ clearfix-item _=================================================*/
.clearfix::after
{content: '';display: block;clear: both;}


/*###################################################################*/
/*#____#### only SP ################### ________________________________________#*/
/*###################################################################*/
@media screen and (max-width: 599px) {
img {
width: 100%;
height: auto;
}

.table-example .cont-body tr {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.table-example th,.table-example td {
width: 50%;
}

.only-sp {display: block;}
.only-pc {display: none;}
.only-sp-inline {display: inline;}


} /* end of only SP settings (0-599) */
/*###################################################################*/
/*#____#### for PC #################### ________________________________________#*/
/*###################################################################*/
@media screen and (min-width: 600px) {
/*#____ layout _===============================================*/
html {
overflow-x: auto;
}

body {
overflow-x: hidden;
min-width: 1000px;
font-size: 2.0rem;
}


body::before {
height: 2000px;
}

.header > .inner,.wrap,.footer > .inner {
width: 1000px;
margin: 0 auto;
}

.wrap {
flex-direction: row;
}

.main {
order: 2;
}

.sub {
width: 200px;
order: 1;
}

.only-sp {display: none;}
.only-pc {display: block;}
.only-pc-inline {display: inline;}
a[href^="tel:"] {pointer-events: none;}


/*###################################################################*/
/*#____--- module --------------------- __________________________________________________#*/
/*###################################################################*/
.box-protrude {
margin: 0 -160px;
}


/*###################################################################*/
/*#____--- header --------------------- __________________________________________________#*/
/*###################################################################*/
.block-header {
margin-left: -22px;
padding: 43px 0 20px;
}


/*###################################################################*/
/*#____--- footer --------------------- __________________________________________________#*/
/*###################################################################*/



/*###################################################################*/
/*#____--- common-item ---------------- _______________________________________________#*/
/*###################################################################*/
.section-body > p {
line-height: 2.5;
padding-left: 1.5em;
padding-right: 1.5em;
}


.text-btn.skin-a {
font-size: 2em;
}

.text-label {
font-size: 1.65em;
}


/*#____ heading _=====================================================*/
.heading-basic {
font-size: 1.8em;
}

.heading-basic .cont-text {
padding: 0.7em 100px;
background-size: auto auto;
}


/*#____ table _=======================================================*/
.table-responsive th,.table-responsive td {display: table-cell;width: auto;}

.table-simple thead td {
background: #eee;
font-weight: bold;
}

th,td {
text-align: left;
padding: 0.4em 2em;
border: solid 3px #169f53;
}

th {
white-space: nowrap;
}


/*###################################################################*/
/*#____--- section ----------------------- __________________________________________________#*/
/*###################################################################*/
.section {
padding: 0 50px 5px;
}


/*#____ section-cta _=====================================================*/
.section-cta {
padding-left: 0;
padding-right: 0;
}

.section-cta .section-body {
padding: 0 55px 1px;
}

.section-cta .cont-name {
top: -55px;
font-size: 1.8em;
}

.section-cta .cont-label {
padding: 1em 0 0;
}

.section-cta .cont-label .cont-text {
font-size: 1.3em;
}

.section-cta .area-img {
width: auto;
margin: 0 auto 10px;
}


/*#____ section-case _=====================================================*/
.list-case.list .list-body {
margin: 0;
justify-content: space-between;
}

.list-case.list .list-item {
width: 421px;
padding: 10px 0;
}


/*#____ section-example _=====================================================*/

.table-example tbody tr {
border-top: none;
}

.table-example thead td {
background: #169f53;
text-align: center;
color: #fff;
}

.table-example tbody th {
background: #fff;
color: #000;
}

.table-example tr td:nth-child(1),.table-example tr td:nth-child(3),.table-example tr td:nth-child(5) {
border-right-width: 3px;
}

.table-example tr td:nth-child(3),.table-example tr td:nth-child(4) {
border-top-width: 3px;
border-bottom-width: 3px;
}


/*#____ section-reason _=====================================================*/
.doc-01 .cont-headline {
width: auto;
}

.doc-01 .doc-text{
padding: 0 2em;
}

.doc-02 p {
margin: 0 4em;
}

.doc-02 .cont-heading {
font-size: 2em;
}

.doc-02 h4,.doc-02 ol {
margin: 1em 2em 0.5em;
}


/*#____ section-effect _=====================================================*/
.fig-effect {
padding: 2em 0;
}

.list-effect {
margin: 0 20px 1em;
}


.list-effect2 .list-body {
margin-left: -50px;
}

.list-effect2 .list-item {
padding-left: 50px;
}


/*#____ section-form _=====================================================*/
.section-form {
background: none;
}

.table-form > .cont-body {
margin: 0 0 3em;
background: #fff;
font-size: 0.8em;
}

.table-form th {
width: 10em;
text-align: right;
}

.table-form td {
padding: 0.5em 0.8em;
}


/*###################################################################*/
/*#____--- page ----------------------- __________________________________________________#*/
/*###################################################################*/



/*###################################################################*/
/*#____--- module --------------------- _________________________________________________#*/
/*###################################################################*/



/*#____ clearfix-item _==================================================*/



} /* end of for PC settings */
/*###################################################################*/
/*#____#### for PC special width ######### _________________________________________#*/
/*###################################################################*/
@media screen and (min-width: 960px) {.box-protrude-window {margin: 0 calc(((100vw - 100%) / 2) * -1);}}


/*###################################################################*/
/*#____#### for tablet ################# _________________________________________#*/
/*###################################################################*/
@media screen and (min-width: 600px) and (max-width: 959px) {



} /* end of for tablet settings (600-959) */
/*###################################################################*/
/*#____#### universal module ########### __________________________________________#*/
/*###################################################################*/
/*#____ list-core _=================================================*/
.list .list-body {display: flex;flex-wrap: wrap;justify-content: center;}
.list .list-item {display: flex;}.list .list-elm {width: 100%;}
.list-xs-1 .list-item {width: 100%;}.list-xs-2 .list-item {width: 50%;}.list-xs-3 .list-item {width: 33.3%;}
.list-xs-4 .list-item {width: 25%;}.list-xs-5 .list-item {width: 20%;}.list-xs-6 .list-item {width: 16.66%;}
.list-xs-7 .list-item {width: 14.28%;}.list-xs-8 .list-item {width: 12.5%;}
@media screen and (min-width: 600px) {
.list-lg-1 .list-item {width: 100%;}.list-lg-2 .list-item {width: 50%;}.list-lg-3 .list-item {width: 33.3%;}
.list-lg-4 .list-item {width: 25%;}.list-lg-5 .list-item {width: 20%;}.list-lg-6 .list-item {width: 16.66%;}
.list-lg-7 .list-item {width: 14.28%;}.list-lg-8 .list-item {width: 12.5%;}
} /* PC (600-) */
@media screen and (min-width: 600px) and (max-width: 959px) {
.list-sm-1 .list-item {width: 100%;}.list-sm-2 .list-item {width: 50%;}.list-sm-3 .list-item {width: 33.3%;}
.list-sm-4 .list-item {width: 25%;}.list-sm-5 .list-item {width: 20%;}.list-sm-6 .list-item {width: 16.66%;}
.list-sm-7 .list-item {width: 14.28%;}.list-sm-8 .list-item {width: 12.5%;}
} /* tablet (600-959) */