@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {height: 1814px;background: url('../images/land/contentsmain-back01.png') no-repeat top center;position: relative;margin: -96px 0 0;}
#contentsmain .inner-Box {width: 1100px;margin: 0 auto;position: relative;padding-top: 382px;}
#contentsmain .main-text {width: 425px;color: #fff;margin-left: 545px;}
#contentsmain .main-text .en {font-size: 16px;line-height: 1;letter-spacing: 0.1em;margin-bottom: 20px;}
#contentsmain .main-text h2 {font-size: 48px;line-height: 1.45;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 25px;}
#contentsmain .main-text .lead {font-size: 18px;line-height: 2;font-weight: 500;letter-spacing: 0.05em;}
#contentsmain .trouble-Box {width: 710px;margin: 191px auto 110px;}
#contentsmain .trouble-Box h3 {font-size: 35px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #004080;margin-bottom: 19px;text-align: center;}
#contentsmain .trouble-Box ul li {height: 80px;background: #f1f1f1;margin-bottom: 10px;display: flex;align-items: center;padding: 0 45px 0 81px;font-size: 20px;line-height: 1.5;letter-spacing: 0.02em;position: relative;}
#contentsmain .trouble-Box ul li:before {content: "";width: 26px;height: 26px;background: url('../images/land/contentsmain-ch01.svg') no-repeat center center/contain;position: absolute;left: 45px;top: 28px;}
#contentsmain .tel-Box {width: 900px;height: 306px;margin: 0 auto;background: url('../images/land/contentsmain-back02.png') no-repeat center center/cover;position: relative;text-align: center;color: #fff;padding-top: 56px;}
#contentsmain .tel-Box:before {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#contentsmain .tel-Box > * {position: relative;z-index: 1;}
#contentsmain .tel-Box .ttl {font-size: 30px;line-height: 1.3333;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 17px;}
#contentsmain .tel-Box .sp-tel-link {display: flex;width: 489px;height: 98px;margin: 0 auto 9px;background: #004080;border-radius: 50px;align-items: center;justify-content: center;position: relative;color: #fff;font-size: 36px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;padding-right: 31px;}
#contentsmain .tel-Box .sp-tel-link:before {content: "";width: 33px;height: 25px;background: url('../images/land/contentsmain-tel.svg') no-repeat center center/100% auto;margin-right: 15px;}
#contentsmain .tel-Box > p:last-child {font-size: 16px;line-height: 1.875;letter-spacing: 0.02em;font-weight: 400;}
#contents01 {background: url('../images/land/contents01-back01.png') no-repeat top center;background-size: cover;color: #fff;padding: 112px 0 149px;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .ttl-Box {text-align: center;position: relative;}
#contents01 .ttl-Box h2 {font-size: 44px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 48px;}
#contents01 .ttl-Box > img {width: 73px;height: auto;position: absolute;right: 197px;top: -32px;}
#contents01 .ttl-Box > p {font-size: 16px;line-height: 1.875;letter-spacing: 0.02em;}
#contents01 .point-title {height: 73px;background: #b19558;display: flex;align-items: center;justify-content: center;font-size: 32px;line-height: 1;font-weight: 500;letter-spacing: 0.05em;margin: 88px auto 83px;}
#contents01 .point-title span {font-size: 43px;margin: 0 2px;}
#contents01 .point-list {display: flex;justify-content: space-between;}
#contents01 .point-list li {width: 330px;}
#contents01 .point-head {height: 56px;position: relative;display: flex;align-items: flex-start;margin-bottom: 16px;}
#contents01 .point-head .num {width: 78px;font-size: 30px;line-height: 1;color: #82abd4;position: relative;padding-top: 1px;top: -8px;}
#contents01 .point-head .num:after {content: "";width: 76px;height: 52px;background: url('../images/land/contents01-line.svg') no-repeat center center/contain;position: absolute;left: -6px;top: 7px;}
#contents01 .point-head h4 {font-size: 28px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;}
#contents01 .point-list picture {display: block;width: 330px;height: 200px;margin-bottom: 30px;overflow: hidden;}
#contents01 .point-list picture img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents01 .point-list li > p {font-size: 16px;line-height: 1.875;letter-spacing: 0.02em;}
#contentsbanner {padding: 112px 0 100px;}
#contentsbanner .inner-Box {width: 1200px;margin: 0 auto;position: relative;text-align: center;}
#contentsbanner h2 {font-size: 35px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #004080;margin-bottom: 42px;}
#contentsbanner .inner-Box > p {font-size: 16px;line-height: 1.875;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 64px;}
#contentsbanner .mbtnn a {width: 530px;height: 80px;margin: 0 auto;background: #b19558;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;position: relative;}
#contentsbanner .mbtnn a img {width: 24px;height: 24px;position: absolute;right: 39px;top: 28px;}
#contentsbanner ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 46px;}
#contentsbanner ul li{ margin:0 30px 30px 0; }
#contentsbanner ul li:nth-child(3n){ margin-right:0; }

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

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

#contentsmain {background: url('../images/land/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;position: relative;margin-top: -10vw;margin-bottom: 17vw;}
#contentsmain .inner-Box {width: auto;margin: 0;position: relative;padding-top: 69.9vw;}
#contentsmain .main-text {width: 82.3vw;margin-left: 15.0vw;color: #fff;}
#contentsmain .main-text .en {font-size: 3.2vw;line-height: 1;font-weight: 400;letter-spacing: 0.1em;color: #fff;margin-bottom: 2.7vw;}
#contentsmain .main-text h2 {font-size: 8.5vw;line-height: 1.4;font-weight: 500;letter-spacing: 0.05em;color: #fff;margin-bottom: 4.9vw;}
#contentsmain .main-text .lead {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0;color: #fff;}
#contentsmain .trouble-Box {width: 91.8vw;margin: 26.5vw auto 17.5vw;}
#contentsmain .trouble-Box h3 {font-size: 5.8vw;text-align: center;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #004080;margin-bottom: 6.9vw;}
#contentsmain .trouble-Box ul li {height: auto;background: #f1f1f1;margin-bottom: 2.4vw;display: flex;align-items: center;padding: 2.4vw 2.4vw 2.4vw 12.1vw;font-size: 3.8vw;line-height: 1.625;font-weight: 400;letter-spacing: 0;color: #1a1a1a;position: relative;}
#contentsmain .trouble-Box ul li:first-child {}
#contentsmain .trouble-Box ul li:before {content: "";width: 4.8vw;height: 4.8vw;background: url('../images/land/contentsmain-ch01.svg') no-repeat center center/contain;position: absolute;left: 2.4vw;top: 50%;transform: translateY(-50%);}
#contentsmain .tel-Box {width: 100%;height: 72.5vw;margin: 0;background: url('../images/land/sp-contentsmain-back02.png') no-repeat center center/cover;position: relative;text-align: center;color: #fff;padding-top: 15.2vw;}
#contentsmain .tel-Box:before {width: 100%;height: 100%;background: rgba(8,29,52,0.6);position: absolute;left: 0;top: 0;}
#contentsmain .tel-Box > * {position: relative;z-index: 1;}
#contentsmain .tel-Box .ttl {font-size: 5.3vw;line-height: 1.8182;font-weight: 500;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 3.9vw;}
#contentsmain .tel-Box .sp-tel-link {display: flex;width: 87.0vw;height: 18.8vw;margin: 0 auto 2.4vw;background: #004080;border-radius: 12.1vw;align-items: center;justify-content: center;position: relative;color: #fff;font-size: 6.9vw;line-height: 1;font-weight: 400;letter-spacing: 0.05em;text-align: center;}
#contentsmain .tel-Box .sp-tel-link:before {content: "";width: 5.1vw;height: 5.1vw;background: url('../images/land/contentsmain-tel.svg') no-repeat center center/contain;margin-right: 3.1vw;}
#contentsmain .tel-Box > p:last-child {font-size: 3.6vw;line-height: 2;font-weight: 400;letter-spacing: 0;color: #fff;text-align: center;}
#contents01 {background: url('../images/land/contents01-back01.png') no-repeat top center;background-size: cover;color: #fff;padding: 11.9vw 0 15.9vw;}
#contents01 .inner-Box {width: auto;margin: 0;position: relative;}
#contents01 .ttl-Box {width: 87.0vw;margin: 0 auto;text-align: left;position: relative;}
#contents01 .ttl-Box h2 {font-size: 7.2vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #fff;text-align: left;margin-bottom: 5.7vw;margin-left: 8.2vw;}
#contents01 .ttl-Box > img {width: 13.8vw;height: auto;position: absolute;right: 8.1vw;top: -1.5vw;}
#contents01 .ttl-Box > p {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0;color: #fff;text-align: left;}
#contents01 .point-title {width: 87.0vw;height: 14.5vw;background: #b19558;display: flex;align-items: center;justify-content: center;font-size: 5.2vw;line-height: 1;font-weight: 500;letter-spacing: 0.05em;color: #fff;text-align: center;margin: 14.7vw auto 8.5vw;}
#contents01 .point-title span {font-size: 8.5vw;line-height: 1;font-weight: 500;letter-spacing: 0.05em;color: #fff;margin: 0 0.5vw;position: relative;top: -1vw;}
#contents01 .point-list {display: block;width: 87.0vw;margin: 0 auto;}
#contents01 .point-list li {width: 100%;margin-bottom: 15.6vw;}
#contents01 .point-list li:last-child {margin-bottom: 0;}
#contents01 .point-head {height: 13.5vw;position: relative;display: flex;align-items: flex-start;margin-bottom: 1vw;}
#contents01 .point-head .num {width: 19.7vw;font-size: 7vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: #82abd4;position: relative;padding-top: 0.3vw;}
#contents01 .point-head .num:after {content: "";width: 18.4vw;height: 12.6vw;background: url('../images/land/contents01-line.svg') no-repeat center center/contain;position: absolute;left: -0.4vw;top: 0.9vw;}
#contents01 .point-head h4 {font-size: 5.9vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #fff;text-align: left;position: relative;left: 5.8vw;top: 2vw;}
#contents01 .point-list picture {display: block;width: 87.0vw;height: 52.4vw;margin-bottom: 3.1vw;overflow: hidden;}
#contents01 .point-list picture img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents01 .point-list li > p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #fff;text-align: left;}
#contentsbanner {padding: 14.5vw 0 15.5vw;}
#contentsbanner .inner-Box {width: 87.0vw;margin: 0 auto;position: relative;text-align: left;}
#contentsbanner h2 {font-size: 5.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #004080;text-align: center;margin-bottom: 4.2vw;}
#contentsbanner .inner-Box > p {font-size: 3.9vw;line-height: 1.875;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;margin-bottom: 9.7vw;}
#contentsbanner .mbtnn a {width: 87.0vw;height: 13.0vw;margin: 0 auto;background: #b19558;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 3.3vw;line-height: 1;font-weight: 400;letter-spacing: 0;text-align: center;position: relative;}
#contentsbanner .mbtnn a img {width: 3.9vw;height: 3.9vw;position: absolute;right: 6.7vw;top: 4.6vw;}

#contentsbanner{padding: 15.7vw 0 9.3vw;}
#contentsbanner .inner-Box{margin:0 auto;position:relative;}
#contentsbanner ul{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin: 14.4vw -2.3vw -2vw;}
#contentsbanner ul li{margin: 0 0 5vw;}
#contentsbanner ul li:nth-child(3n){margin-right:0;}

}