@charset "UTF-8";
.column::before { background-image: url("../images/access/colimn_sidebar.png"); }

/*-----------------------------
 中ページのmainvisual

------------------------------*/
#main_visual .mv-container .mv-text { left: 10%; top: 40%; transform: translate(0, -50%); }
@media screen and (max-width: 600px) { #main_visual .mv-container .mv-text { left: 50%; top: 50%; transform: translate(-50%, -50%); } }

/*-----------------------------
 concept

------------------------------*/
.concept-sec { position: relative; padding-top: 300px; padding-bottom: 360px; }
.concept-sec .c-logo { position: absolute; z-index: 10; left: 50%; top: 0; transform: translate(-50%, -43.5%); width: 76%; max-width: 960px; }
.concept-sec .c-logo img { width: 100%; height: auto; }
.concept-sec .gawa { position: absolute; z-index: 2; width: 100%; left: 0; top: 0; }
.concept-sec .gawa img { width: 100%; height: auto; }
.concept-sec .bg { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/concept/conc-bg-pc.jpg") no-repeat; background-size: cover; background-position: bottom center; }
.concept-sec .bg img { width: 100%; height: auto; display: none; }
@media screen and (max-width: 1100px) { .concept-sec { padding-top: 25%; padding-bottom: 35%; } }

.c-parth { max-width: 1560px; margin: auto; position: relative; z-index: 5; /**margin-top: -25%;**/ margin-top: -400px; }
.c-parth .img { margin-right: 10%; }
.c-parth .img img { width: 105% !important; }
@media screen and (max-width: 1100px) { .c-parth { margin-top: -40%; } }

.conc-midashi { position: relative; z-index: 7; margin: auto; text-align: center; width: 90%; font-size: 3.4rem; line-height: 1.5; color: #fff; }

.lead-sec { position: relative; z-index: 7; margin: auto; width: 90%; margin-top: 4rem; max-width: 1100px; padding-bottom: 5rem; }
.lead-sec .lead { font-size: 2rem; line-height: 2.8; text-align: center; color: #fff; position: relative; z-index: 7; }
@media screen and (max-width: 1100px) { .lead-sec .lead { font-size: 1.8vw; } }
@media screen and (max-width: 768px) { .lead-sec .lead { font-size: 2.8vw; } }
@media screen and (max-width: 500px) { .lead-sec .lead { font-size: 3.6vw; line-height: 2.5; } }

.conc-photo01, .conc-photo02 { position: absolute; z-index: 4; width: 100%; left: 0; right: 0; }
.conc-photo01 img, .conc-photo02 img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .conc-photo01, .conc-photo02 { display: none; } }

.conc-photo01 { top: 0; }

.conc-photo02 { bottom: 0; }

.conc-photo03 { max-width: 1100px; width: 90%; margin: auto; position: relative; z-index: 6; margin-top: 7rem; }
@media screen and (max-width: 768px) { .conc-photo03 { display: none; } }

.conc-photo04 { width: 88%; margin: auto; position: relative; z-index: 7; margin-top: 1rem; margin-bottom: 5rem; display: none; }
@media screen and (max-width: 768px) { .conc-photo04 { display: block; max-width: 560px; } }

.conc-colum { border: 3px solid #0896d5; padding: 4rem 6rem; background: #fff; border-radius: 2rem; box-sizing: border-box; max-width: 1000px; margin: 6rem auto; width: 88%; display: flex; flex-wrap: wrap; }
.conc-colum .col-img01 { width: 100%; }
.conc-colum .col-img01 img { width: 110%; margin-right: -10%; }
@media screen and (max-width: 600px) { .conc-colum .col-img01 img { width: 126%; margin-left: -13%; margin-right: -13%; } }
.conc-colum .c-col-list { width: 56%; margin-right: 4%; margin-top: 3rem; }
.conc-colum .c-col-list li .ttl-img img { height: 2rem; width: auto; }
.conc-colum .c-col-list li .lead { font-size: 1.5rem; font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; margin-top: 1rem; }
.conc-colum .c-col-list li:nth-child(2) { margin-top: 2rem; padding-top: 2rem; border-top: 2px solid #0896d5; }
.conc-colum .col-photo01 { width: 40%; margin-top: 3rem; }
@media screen and (max-width: 768px) { .conc-colum { padding: 3rem 7%; }
  .conc-colum .c-col-list { width: 100%; margin-right: 0%; margin-top: 1rem; }
  .conc-colum .col-photo01 { width: 100%; } }