@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.titleimg { margin-bottom: 7.6271186441%; background: url("/img/product/mainimg_sp.png") center/cover no-repeat; }
@media screen and (max-width: 769px) { .titleimg { margin-bottom: 45px; } }
@media screen and (min-width: 1180px) { .titleimg { margin-bottom: 90px; } }
.titleimg__wrap { position: relative; height: 200px; }
.titleimg__wrap h2 { font-size: 2.5rem; position: absolute; top: 50%; left: 4%; letter-spacing: 0.1em; font-family: 黎ミン R, Reimin Regular, YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: normal; color: #000; transform: translate(0, -50%); }
@media (min-width: 769px) { .titleimg__wrap h2 { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.6496350365 ); } }
@media (min-width: 1180px) { .titleimg__wrap h2 { font-size: 4rem; } }

.bland__logo { padding-bottom: 7.6271186441%; border-bottom: solid 1px #EBEBEB; }
@media screen and (max-width: 769px) { .bland__logo { padding-bottom: 45px; } }
@media screen and (min-width: 1180px) { .bland__logo { padding-bottom: 90px; } }
.bland__logo-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }
.bland__logo-list li { flex: 0 1 30%; width: 30%; max-width: 30%; margin-bottom: 3.3898305085%; }
@media screen and (max-width: 769px) { .bland__logo-list li { margin-bottom: 20px; } }
@media screen and (min-width: 1180px) { .bland__logo-list li { margin-bottom: 40px; } }
.bland__logo-list p { text-align: center; font-size: 1.2rem; }
@media (min-width: 769px) { .bland__logo-list p { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
@media (min-width: 1180px) { .bland__logo-list p { font-size: 1.3rem; } }

.product__logo { width: 65%; max-width: 300px; margin: 0 auto 20px; }
.product__concept { font-size: 2rem; margin-bottom: 5.0847457627%; color: #002C83; text-align: center; }
@media (min-width: 769px) { .product__concept { font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
@media (min-width: 1180px) { .product__concept { font-size: 2.6rem; } }
@media screen and (max-width: 769px) { .product__concept { margin-bottom: 30px; } }
@media screen and (min-width: 1180px) { .product__concept { margin-bottom: 60px; } }
.product__img-box { margin: 0 calc(50% - 50vw) 40px; }
.product__txt { font-size: 1.5rem; text-align: justify; }

.merit__list-wrap { background: #FAFAFA; padding: 40px 2%; }
.merit__list-wrap li { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5423728814%; }
@media screen and (max-width: 769px) { .merit__list-wrap li { margin-bottom: 15px; } }
@media screen and (min-width: 1180px) { .merit__list-wrap li { margin-bottom: 30px; } }
.merit__list-wrap li:last-child { margin-bottom: 0; }
.merit__num { flex: 0 1 auto; width: auto; max-width: auto; position: relative; margin-right: 5px; font-size: 1.5rem; color: #fff; z-index: 2; }
.merit__num:after { position: absolute; content: ""; display: block; width: 30px; height: 30px; top: 43%; left: 50%; background: #002C83; border-radius: 50px; transform: translate(-50%, -50%); z-index: -1; }
.merit__txt { font-size: 1.4rem; flex: 0 1 90%; width: 90%; max-width: 90%; font-weight: bold; text-align: justify; }
@media (min-width: 769px) { .merit__txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
@media (min-width: 1180px) { .merit__txt { font-size: 1.5rem; } }

.product__wrap li { margin-bottom: 5.9322033898%; }
@media screen and (max-width: 769px) { .product__wrap li { margin-bottom: 35px; } }
@media screen and (min-width: 1180px) { .product__wrap li { margin-bottom: 70px; } }
.product__contents-img-box { margin-bottom: 1.2711864407%; }
@media screen and (max-width: 769px) { .product__contents-img-box { margin-bottom: 7.5px; } }
@media screen and (min-width: 1180px) { .product__contents-img-box { margin-bottom: 15px; } }
.product__contents-title { font-size: 2rem; letter-spacing: 0.05em; font-weight: normal; }
@media (min-width: 769px) { .product__contents-title { font-size: calc( 2rem + ( 1vw - 7.69px ) * -0.4866180049 ); } }
@media (min-width: 1180px) { .product__contents-title { font-size: 1.8rem; } }
.product__contents-title span { font-size: 1.1rem; }
@media (min-width: 769px) { .product__contents-title span { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .product__contents-title span { font-size: 1.3rem; } }
.product__contents-txt { font-size: 1.4rem; text-align: justify; }
.product .online a:after { top: 45%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg { background: url("/img/product/mainimg_pc.png") center/cover no-repeat; }
  .titleimg__wrap { height: 370px; }
  .bland__logo { padding-bottom: 7.6271186441%; border-bottom: solid 1px #EBEBEB; } }
@media screen and (min-width: 769px) and (max-width: 769px) { .bland__logo { padding-bottom: 45px; } }
@media screen and (min-width: 769px) and (min-width: 1180px) { .bland__logo { padding-bottom: 90px; } }
@media screen and (min-width: 769px) { .bland__logo-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }
  .bland__logo-list li { flex: 0 1 21%; width: 21%; max-width: 21%; margin-bottom: 3.3898305085%; } }
@media screen and (min-width: 769px) and (max-width: 769px) { .bland__logo-list li { margin-bottom: 20px; } }
@media screen and (min-width: 769px) and (min-width: 1180px) { .bland__logo-list li { margin-bottom: 40px; } }

@media screen and (min-width: 769px) { .product__logo { margin: 0 auto 35px; }
  .product__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .product__img-box { flex: 0 1 45%; width: 45%; max-width: 45%; margin: 0 auto; }
  .product__txt { flex: 0 1 50%; width: 50%; max-width: 50%; margin-bottom: 0; line-height: 2; }
  .merit__list-wrap { padding: 50px 5%; }
  .merit__txt { flex: 0 1 95%; width: 95%; max-width: 95%; }
  .product__wrap li { flex: 0 1 23%; width: 23%; max-width: 23%; margin-bottom: 5.9322033898%; } }
@media screen and (min-width: 769px) and (max-width: 769px) { .product__wrap li { margin-bottom: 35px; } }
@media screen and (min-width: 769px) and (min-width: 1180px) { .product__wrap li { margin-bottom: 70px; } }

/*------------------------------
		1024px以上
------------------------------*/
@media screen and (min-width: 961px) { .merit__txt { flex: 0 1 97%; width: 97%; max-width: 97%; } }
/*------------------------------
		1200px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */