/*--------------------------------- page_header --------------------------------*/ #price_page .page_header {background: url("../img/price/page_tit_bg.jpg") top center no-repeat; width: 100%; height: 300px; padding: 70px 0 0; box-sizing: border-box;} #price_page .page_header .page_tit {color: #55cfc8; font-size: 20px; font-weight: 500; margin: 0 auto 15px; text-align: center;} #price_page .page_header .page_tit span {font-size: 40px; margin-bottom: 20px; font-weight: 700; display: block;} #price_page .page_header p {text-align: center;} #price_page .sec_tit_ty_01 .sec_tit {margin-bottom: 30px;} #price_page .sec_tit_ty_01 .sec_tit span {display: inline; font-size: 30px;} #price_page .sec_tit_ty_01 .sec_tit span.icon {margin-right: 20px;} @media screen and (max-width: 768px) { #price_page .page_header {background: url("../img/price/sp_page_tit_bg.jpg") top center no-repeat; width: 100%; height: auto; padding: 6.6vw 0;} #price_page .page_header .page_tit {font-size: 4.5vw;} #price_page .page_header .page_tit span {font-size: 7vw; margin-bottom: 1vw;} #price_page .page_header p {text-align: left; font-size: 14px;} #price_page .sec_tit_ty_01 .sec_tit {margin-bottom: 0;} #price_page .sec_box_01 .sec_tit_ty_01 .sec_tit {display: flex; align-items: center; justify-content: flex-start; width: 100%;} #price_page .sec_box_01 .sec_tit_ty_01 .sec_tit span.icon {font-size: 4vw; width:20%; display: block; margin-left: 15px; margin-right: 0;} #price_page .sec_box_01 .sec_tit_ty_01 .sec_tit span.txt {font-size: 4.5vw; width:80%; display: block; text-align: left;} } #price_page .sec_01 {padding-bottom: 70px;} #price_page .sec_01 .wrap {width: 100%;} #price_page .sec_01 .wrap .bl_pic {width:420px; float: left; display: flex; justify-content: space-between;} #price_page .sec_01 .wrap figure img {margin-bottom: 5px;} #price_page .sec_01 .wrap figure figcaption {font-size: 14px; text-align: center;} #price_page .sec_01 .wrap p {width: calc(100% - 450px); float: right; display: inline;} #price_page .sec_01 .wrap p span {font-size: 14px; line-height: 1.6; display: block; margin-top: 5px;} @media screen and (max-width: 767px) { #price_page .sec_01 {padding-bottom: 30px;} #price_page .sec_01 .wrap .bl_pic {width: 100%;} #price_page .sec_01 .wrap figure {width: 100%; margin-bottom: 10px; } #price_page .sec_01 .wrap figure:first-child {margin-right: 2vw; } #price_page .sec_01 .wrap figure figcaption {font-size:10px;} #price_page .sec_01 .wrap p {width: 100%;} #price_page .sec_01 .wrap p span {font-size: 10px;} } @media screen and (max-width: 320px) { } #price_page .sec_box_01 {padding-bottom: 50px;} #price_page .sec_box_01 p {margin-bottom: 30px;} #price_page .sec_box_01 p:last-child {margin-bottom: 0;} @media screen and (max-width: 767px) { #price_page .sec_box_01 {padding-bottom: 30px;} #price_page .sec_box_01 p {margin-bottom: 20px;} } #price_page .sec_box_02 {padding-bottom: 50px;} #price_page .sec_box_02 .sec_header {text-align: center; margin-bottom: 30px;} #price_page .sec_box_02 .sec_header p {margin-bottom: 15px; line-height: 1.8; text-align: center;} #price_page .sec_box_02 .sec_header figure {width: 280px;margin: 0 auto;} #price_page .sec_box_02 .wrap_table {width: 710px; margin: 0 auto 30px;} #price_page .sec_box_02 .wrap_table .sec_tit_lv02 {color: #55cfc8; font-size: 30px; font-weight: 500; text-align: center; margin-bottom: 15px; line-height: 1;} #price_page .sec_box_02 .wrap_table table {border-top: solid 1px #55cfc8; border-left: solid 1px #55cfc8;} #price_page .sec_box_02 .wrap_table table th , #price_page .sec_box_02 .wrap_table table td {border-bottom: solid 1px #55cfc8; border-right: solid 1px #55cfc8; padding: 10px 15px; color: #55cfc8; font-size: 18px; font-weight: 500; line-height: 1; vertical-align: middle;} #price_page .sec_box_02 .wrap_table table th {background: #e8f9f8;} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) th {width: 250px;} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) td {width: calc((100% - 430px) - 2);} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) td:last-child {width: 180px;} #price_page .sec_box_02 .wrap_table table td:first-of-type {background: #f8f8f8;} #price_page .sec_box_02 .wrap_table table td:not(:first-of-type) {text-align: right;} #price_page .sec_box_02 .wrap_table table td.sum{background: #fffde2;} #price_page .sec_box_02 .wrap_table:last-of-type {margin-bottom: 0;} #price_page .sec_box_02 .wrap_table .txt_tax {color: #55cfc8; text-align: right;} @media screen and (max-width: 767px) { #price_page .sec_box_02 {padding-bottom: 30px;} #price_page .sec_box_02 .sec_header {margin-bottom: 10px;} #price_page .sec_box_02 .sec_header p {margin-bottom: 5px;} #price_page .sec_box_02 .wrap_table {width: 100%; margin: 0 auto 10px;} #price_page .sec_box_02 .wrap_table .sec_tit_lv02 {font-size: 20px; margin-bottom: 10px;} #price_page .sec_box_02 .wrap_table table th , #price_page .sec_box_02 .wrap_table table td {font-size: 14px; padding: 10px;} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) th {width: 80px;} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) td {width: calc((100% - 170px) - 2);} #price_page .sec_box_02 .wrap_table table tr:nth-of-type(1) td:last-child {width: 90px;} } #price_page .sec_box_03 {padding-bottom: 60px;} #price_page .sec_box_03 .wrap {width: 100%; max-width: 750px; margin: 0 auto;} #price_page .sec_box_03 .wrap ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;} #price_page .sec_box_03 .wrap ul li {width: calc((100% - 20px) / 3); margin-bottom: 15px;} #price_page .sec_box_03 .wrap ul li img {margin-bottom: 10px;} #price_page .sec_box_03 .wrap ul li figcaption {text-align: center; color: #55cfc8; font-weight: 700; line-height: 1.4} #price_page .sec_box_03 .wrap figure {width: 510px; margin: 0 auto 50px;} #price_page .sec_box_03 table {width: 710px; margin: 0 auto; border-top: solid 1px #55cfc8; border-left: solid 1px #55cfc8;} #price_page .sec_box_03 table th , #price_page .sec_box_03 table td {border-bottom: solid 1px #55cfc8; border-right: solid 1px #55cfc8; padding: 10px 15px; color: #55cfc8; font-size: 18px; line-height: 1; vertical-align: middle;} #price_page .sec_box_03 table th {font-weight: 500; background: #f8f8f8;} #price_page .sec_box_03 table td {text-align: center;} @media screen and (max-width: 767px) { #price_page .sec_box_03 {padding-bottom: 30px;} #price_page .sec_box_03 .wrap ul li {width: calc((100% - 20px) / 3); margin-bottom: 10px;} #price_page .sec_box_03 .wrap figure {width: 100%; margin-bottom: 20px} #price_page .sec_box_03 .wrap ul li figcaption {font-size: 3.1vw;} #price_page .sec_box_03 table {width: 100%;} #price_page .sec_box_03 table th , #price_page .sec_box_03 table td {font-size: 14px;} } @media screen and (max-width: 420px) { #price_page .sec_box_03 table th , #price_page .sec_box_03 table td {font-size: 12px; padding: 10px 5px;} }