@charset "UTF-8";
@media screen and (min-width: 768px),print {
/* ==========================================================================================================
  共通
=========================================================================================================== */
.text-common {font-size: 16px;font-weight: 500;letter-spacing: 0.05em;line-height: 34px;}

/* ==========================================================================================================
  top
=========================================================================================================== */
#top {padding: 21px 0 120px 0;}
#top .inner {width: 1100px;margin: 0 auto;display: flex;gap: 30px;}
#top .textArea {padding-top: 66px;}
#top .textArea h2 {font-size: 36px;font-weight: bold;letter-spacing: 0.06em;line-height: 58px;margin-bottom: 46px;}
#top .textArea .text01 {margin-bottom: 14px;}
#top .textArea .text02 {margin-bottom: 14px;}
#top .textArea .text03 { }

/* ==========================================================================================================
  con01
=========================================================================================================== */
#con01 {background: #F8F8F8;padding-top: 152px;}
#con01 .inner {width: 1100px;margin: 0 auto;display: flex;gap: 41px;}
#con01 .img {position: relative;padding-top: 7px;}
#con01 figure {position: absolute;top: -32px;left: 30px;}
#con01 .textArea { }
#con01 .textArea h2 {font-size: 30px;font-weight: bold;letter-spacing: 0.06em;line-height: 46px;margin-bottom: 26px;}
#con01 .textArea .text01 { }

/* ==========================================================================================================
  con02
=========================================================================================================== */
#con02 {background: #F8F8F8;padding-top: 112px;}
#con02 .inner {width: 1100px;margin: 0 auto;display: flex;gap: 83px;}
#con02 .img {position: relative;padding-top: 7px;}
#con02 figure {position: absolute;top: -32px;left: 30px;}
#con02 .textArea { }
#con02 .textArea h2 {font-size: 30px;font-weight: bold;letter-spacing: 0.06em;line-height: 46px;margin-bottom: 26px;}
#con02 .textArea .text01 {margin-bottom: 14px;}
#con02 .textArea .text02 {margin-bottom: 14px;}

/* ==========================================================================================================
  con03
=========================================================================================================== */
#con03 {background: #F8F8F8;padding-top: 135px;padding-bottom: 117px;}
#con03 .inner {width: 1100px;margin: 0 auto;display: flex;gap: 51px;}
#con03 .img {position: relative;padding-top: 7px;}
#con03 figure {position: absolute;top: -32px;left: 30px;}
#con03 .textArea { }
#con03 .textArea h2 {font-size: 30px;font-weight: bold;letter-spacing: 0.06em;line-height: 46px;margin-bottom: 26px;}
#con03 .textArea .text01 {margin-bottom: 14px; }
#con03 .textArea .text02 {margin-bottom: 14px; }

/* ==========================================================================================================
  con04
=========================================================================================================== */
#con04 {padding: 110px 0 120px 0;}
#con04 .inner { width: 1100px;margin: 0 auto;}
#con04 .inner h2 {text-align: center;font-size: 36px;font-weight: bold;letter-spacing: 0.06em;line-height: 58px;position: relative;margin-bottom: 95px;}
#con04 .inner h2::after {content: '';background: url(../images/concept/con04-en.png) no-repeat top center;width: 248px;height: 30px;position: absolute;bottom: -42px;left: 50%;transform: translateX(-50%);}
#con04 .inner ul {display: flex;gap: 18.8px;margin-bottom: 60px;}
#con04 .inner ul li { }
#con04 .inner ul li a { }
#con04 .inner .more {text-align: center;}

/* ==========================================================================================================
  con05
=========================================================================================================== */
#con05 {background: url(../images/concept/con05-bg.jpg) no-repeat top center;/* height: 660px; */padding-top: 589px;}
#con05 .inner { }
#con05 .box {width: 1280px;margin: 0px auto 0;background: #fff;padding: 62px 313px 63px 313px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);}
#con05 .box h2 {text-align: center;font-size: 36px;font-weight: bold;letter-spacing: 0.06em;line-height: 58px;margin-bottom: 53px;position: relative;}
#con05 .box h2::after {content: '';width: 83px;height: 1px;background: #7DB9C9;position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}
#con05 .box p {text-align: center;}


/* ==========================================================================================================
  con06
=========================================================================================================== */
#con06 {padding: 128px 0 59px;}
#con06 .inner {width: 530px;margin: 0 auto;}
#con06 h2 {text-align: center;margin-bottom: 53px;}
#con06 ul {display: flex;gap: 40px;}
#con06 li {}






}
@media screen and (max-width: 767px) {
  /* ==========================================================================================================
  共通
=========================================================================================================== */
.text-common {font-size: 3.865vw;font-weight: 500;letter-spacing: 0.05em;line-height: 8.213vw;order: 6;}

/* ==========================================================================================================
  top
=========================================================================================================== */
#top {padding: 4.831vw 0 14.976vw 0;}
#top .inner {padding: 0 2.899vw;display: grid;gap: 2.899vw;}
#top .textArea { display: contents;}
#top .textArea h2 {font-size: 6.28vw;font-weight: bold;letter-spacing: 0.06em;line-height: 10.145vw;order: -2;text-align: center;}
#top .textArea .text01 {margin-bottom: -0.483vw;}
#top .textArea .text02 {margin-bottom: -0.483vw;}
#top .textArea .text03 { }
#top .top-img {order: -1;margin-bottom: 1.208vw;}

/* ==========================================================================================================
  sp con01
=========================================================================================================== */
#con01 {background: #F8F8F8;padding-top: 15.942vw;}
#con01 .inner { padding: 0 2.899vw; display: grid;gap: 4.348vw;}
#con01 .img {padding-top: 1.691vw;display: contents;}
#con01 figure {order: 1;width: 14.251vw;padding-left: 0.966vw;}
#con01 .con01-img {order: 3;}
#con01 .textArea { display: contents;}
#con01 .textArea h2 {font-size: 5.797vw;font-weight: bold;letter-spacing: 0.06em;line-height: 9.179vw;margin-bottom: -1.449vw;order: 2;}
#con01 .textArea .text01 { order: 4;}

/* ==========================================================================================================
  sp con02
=========================================================================================================== */
#con02 {background: #F8F8F8;padding-top: 10.386vw;}
#con02 .inner {padding: 0 2.899vw;display: grid;gap: 3.865vw;}
#con02 .img {padding-top: 1.691vw;display: contents;}
#con02 figure {order: 1;width: 17.874vw;padding-left: 0.966vw;}
#con02 .con02-img {order: 3;}
#con02 .textArea { display: contents;}
#con02 .textArea h2 {font-size: 5.797vw;font-weight: bold;letter-spacing: 0.06em;line-height: 9.179vw;margin-bottom: -0.242vw;order: 2;}
#con02 .textArea .text01 {order: 4;margin-bottom: -1.691vw;}
#con02 .textArea .text02 {margin-bottom: -1.449vw;}

/* ==========================================================================================================
  sp con03
=========================================================================================================== */
#con03 {background: #F8F8F8;padding-top: 9.662vw;padding-bottom: 14.976vw;}
#con03 .inner {padding: 0 2.899vw;display: grid;gap: 3.623vw;}
#con03 .img {padding-top: 1.691vw;display: contents;}
#con03 figure {order: 1;width: 17.874vw;padding-left: 0.966vw;}
#con03 .con03-img {order: 3;}
#con03 .textArea { display: contents;}
#con03 .textArea h2 {font-size: 5.797vw;font-weight: bold;letter-spacing: 0.06em;line-height: 9.179vw;margin-bottom: -0.242vw;order: 2;}
#con03 .textArea .text01 { order: 4;}

/* ==========================================================================================================
sp  con04
=========================================================================================================== */

#con04 {padding: 16.184vw 0 17.391vw 0;}
#con04 .inner { padding: 0 4.106vw;}
#con04 .inner h2 { text-align: center; font-size: 5.797vw;font-weight: bold;letter-spacing: 0.06em;line-height: 8.213vw;position: relative;margin-bottom: 17.633vw;}
#con04 .inner h2::after {content: '';background: url(../images/concept/con04-en.png) no-repeat top center;width: 60.145vw;height: 8.696vw;position: absolute;bottom: -10.87vw;left: 50%;transform: translateX(-50%);}
#con04 .inner ul {display: grid;gap: 3.937vw;margin-bottom: 4.831vw;}
#con04 .inner ul li { }
#con04 .inner ul li a { }
#con04 .inner .more {text-align: center;}

/* ==========================================================================================================
  con05
=========================================================================================================== */
#con05 {background: url(../images/concept/sp-con05-bg.jpg) no-repeat top center;background-size: 100% auto;padding-top: 53.14vw;}
#con05 .inner { }
#con05 .box {width: 94.203vw;margin: 0px auto 0;background: #fff;padding: 5.556vw 6.039vw 7.246vw 6.039vw;box-shadow: 0 0 15px rgba(0,0,0,0.16);}
#con05 .box h2 {text-align: center;font-size: 5.797vw;font-weight: bold;letter-spacing: 0.06em;line-height: 14.01vw;margin-bottom: 4.831vw;position: relative;}
#con05 .box h2::after {content: '';width: 12.077vw;height: 0.242vw;background: #7DB9C9;position: absolute;bottom: -1.449vw;left: 50%;transform: translateX(-50%);}
#con05 .box p { }

/* ==========================================================================================================
  con06
=========================================================================================================== */
#con06 {padding: 18.599vw 0 11.111vw;}
#con06 .inner {padding: 0 2.899vw;}
#con06 h2 {text-align: center;width: 41.546vw;margin: 0 auto 39px;}
#con06 ul {display: grid;gap: 3.865vw;}
#con06 li {}







}