@charset "utf-8";

/* -------------------------
治療方用NEW TEMPLATE STYLE
2025.11/15
------------------------- */

/* #########################################################

			PC(641px～)

######################################################### */

/* ========================================================
			BASE			
======================================================== */

.forPC {
  display: block;
 }
.forSP {
  display: none;
 }
.rowReverse {
  flex-direction: row-reverse;
 }

/* ページタイトル書体変更 */

.pagetitle_txt_item {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, "Osaka", "メイリオ", "Meiryo", "小塚ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
 }

#treatment_template2025 {
  padding: 0 0 80px;
 }

.tt2025_block {
  margin: 40px 0 0;
 }
.tt2025_block:first-child {
  margin: 10px 0 0;
 }


.tt2025_txt {
  margin: 30px 0 0;
  font-size: 15px;
  line-height: 25px;
 }
.module_ttl-big + .tt2025_txt {
  margin: 0px 0 0;
 }

.tt2025_subtitle {
  color: #2d4b79;
  font-size: 1.2em;
  font-weight: normal;
 }

video {
  margin: 30px 0 0;
  width: 100%;
 }
.tt2025_subtitle + video {
  margin: 15px 0 0;
 }


/* ========================================================
			PAGE MAIN STYLE			
======================================================== */

#tt2025_page_main h3 img {
  width: 100%;
 }

#tt2025_page_osusume{
  margin: 0px 7.6%;
  padding: 30px;
  border-radius:10px;
  background-color: #f9fbfe;
  border: 2px solid #9fb4d2;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  top: -30px;
  z-index: 5;
  display: flex;
  align-items: center;
 }

#tt2025_page_osusume p{
  padding: 0 1em;
  text-align: center;
  color: #244b7d;
  font-size: 1.4em;
  width: 50%;
  box-sizing:border-box;
 }
#tt2025_page_osusume ul{
  width: 50%;
 }
#tt2025_page_osusume ul li{
  padding: 5px 0;
 }
#tt2025_page_osusume ul li:before {
content:"";
  background: url(./common/osusume_icon.svg) no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: 0 10px 0px 0;
 }

/* ========================================================
			DOUBLE PHOTO			
======================================================== */

.tt2025_double_photo01 {
  margin: 30px 0 0;
  display: flex;
  flex-wrap: wrap;
 }
.module_ttl-big + .tt2025_double_photo01 {
  margin: 0px 0 0;
 }


.tt2025_double_photo01 img{
  width: 100%;
 }
.tt2025_double_photo01 ul:nth-child(odd){
  padding: 0 2% 0 0;
  width: 50%;
  box-sizing:border-box;
 }
.tt2025_double_photo01 ul:nth-child(even){
  padding: 0 0% 0 2%;
  width: 50%;
  box-sizing:border-box;
 }
.tt2025_double_photo01 ul li:nth-child(2){
  padding: 5px 10px 5px 20px;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  background-color: #2d4b79;
 }


/* ========================================================
			DOUBLE PHOTO 02			
======================================================== */

.tt2025_double_photo02 {
  margin: 30px 0 0;
  display: flex;
  flex-wrap: wrap;
 }
.module_ttl-big + .tt2025_double_photo02 {
  margin: 0px 0 0;
 }


.tt2025_double_photo02 img{
  width: 100%;
 }
.tt2025_double_photo02 ul:nth-child(odd){
  padding: 0 2% 0 0;
  width: 50%;
  box-sizing:border-box;
 }
.tt2025_double_photo02 ul:nth-child(even){
  padding: 0 0% 0 2%;
  width: 50%;
  box-sizing:border-box;
 }
.tt2025_double_photo02 ul li:nth-child(1){
  padding: 5px 10px 5px 20px;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  background-color: #2d4b79;
 }

/* ========================================================
			導入薬剤			
======================================================== */

.tt2025_bg {
  background-color: #2d4b79;
  border-radius:20px;
  padding: 30px 30px 60px;
 }
.tt2025_bg h2 {
  margin: 20px 0 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.0em;
 }
.tt2025_bg h2 span{
  border: 1px solid #fff;
  color: #fff;
  font-weight: normal;
  border-radius:20px;
  height: 40px;
  padding: 5px 20px;
 }

.tt2025_d_parts {
  padding: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
 }

.tt2025_d_parts_txt {
  width: 60%;
  box-sizing:border-box;
 }

.tt2025_dpt-left {
  padding: 0 3% 0 0;
 }
.tt2025_dpt-right {
  padding: 0 0% 0 3%;
 }

.tt2025_d_parts_ph {
  width: 40%;
 }
.tt2025_d_parts_ph img{
  width: 100%;
 }

.tt2025_d_parts_txt h3 {
  border-bottom: 1px dotted #fff;
  padding: 0px 0 10px;
  color: #fff;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: normal;
 }
.tt2025_d_parts_txt h3 span{
  border-left: 4px solid #fff;
  padding: 0 0 0 8px;
 }
.tt2025_d_parts_txt h3 em{
  font-size: 0.7em;
  font-style: normal;
 }


.tt2025_d_parts_txt h4 {
  padding: 10px 0 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: normal;
 }
.tt2025_d_parts_txt p {
  padding: 15px 0 0;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
 }

/* ========================================================
			料金表			
======================================================== */

.table_area {
  box-sizing:border-box;
  width: 100%;
 }

.tt2025_table01 {
  width: 100%;
  border-collapse: collapse;
 }
.tt2025_table_title{
  box-sizing:border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px 20px;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  background-color: #5075ab;
 }
.tt2025_table_title span{
  display: block;
 }
.tt2025_table_title span:nth-child(2){
  font-size: 0.8em;
 }
.tt2025_table01 th{
  border: 1px solid #5075ab;
  padding: 15px 20px;
  font-weight: normal;
  line-height: 1.4em;
  text-align: left;
  width: 65%;
  background-color: #f9fbfe;
 }
.tt2025_table01 td{
  border: 1px solid #5075ab;
  padding: 15px 20px;
  width: 35%;
  line-height: 1.4em;
  text-align: right;
 }

/* ========================================================
			ポイント			
======================================================== */

.tt2025_point {
  background-color: #f9fbfe;
  padding: 30px 30px;
 }

.tt2025_point_parts {
  margin: 20px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
 }
.tt2025_point_parts:first-child{
  margin: 0px 0 0;
 }

.tt2025_point_parts li{
  font-size: 15px;
  line-height: 25px;
  box-sizing:border-box;
 }

.tt2025_point_parts img{
  width: 100%;
 }
.tt2025_point_parts li:nth-child(1){
  padding: 0 1% 0 0;
  width: 5%;
 }
.tt2025_point_parts li:nth-child(2){
  padding: 0 3% 0 0;
  width: 20%;
  color:#2d4b79;
  font-weight: bold;
 }
.tt2025_point_parts li:nth-child(3){
  width: 75%;
 }

/* ========================================================
			表記			
======================================================== */


.tt2025_table02 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
 }
.tt2025_table02 td{
  border: 1px solid #5075ab;
  box-sizing:border-box;
  padding: 10px 15px;
  line-height: 1.4em;
 }
.tt2025_table02 a{
  word-break: break-all;
  font-size: 1.0em;
  color: #3eb7c1;
 }

.td01{
  width: 5%;
  text-align: center;
  background-color: #f9fbfe;
 }
.td02{
  width: 35%;
  text-align: left;
  background-color: #f9fbfe;
 }
.td03{
  width: 50%;
  text-align: left;
 }



/* #########################################################

		SP(0～640px)

######################################################### */
@media screen and ( max-width:640px )
{

/* ========================================================
			BASE			
======================================================== */

.forPC {
  display: none;
 }
.forSP {
  display: block;
 }

#treatment_template2025 {
  padding: 0 0 40px;
 }
.tt2025_block {
  margin: 30px 0 0;
 }
.tt2025_block:first-child {
  margin: 10px 0 0;
 }


.tt2025_txt {
  font-size: 14px;
  line-height: 22px;
 }
.tt2025_subtitle {
  font-size: 1.1em;
 }

video {
  margin: 20px 0 0;
  width: 100%;
 }
.tt2025_subtitle + video {
  margin: 10px 0 0;
 }

/* ========================================================
			PAGE MAIN STYLE			
======================================================== */

#tt2025_page_main h3 img {
  width: 100%;
 }

#tt2025_page_osusume{
  margin: 20px 7.6%;
  padding: 20px;
  top: 0px;
  display: block;
 }
#tt2025_page_osusume p{
  padding: 0 1em 1em;
  font-size: 1.2em;
  width: 100%;
 }
#tt2025_page_osusume ul{
  width: 100%;
 }
#tt2025_page_osusume ul li{
  padding: 5px 0;
 }
#tt2025_page_osusume ul li:before {
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin: 0 5px 2px 0;
 }

/* ========================================================
			DOUBLE PHOTO			
======================================================== */

.tt2025_double_photo01 {
  margin: 5px 0 0;
 }

.tt2025_double_photo01 ul:nth-child(odd){
  margin: 15px 0 0;
  padding: 0 0% 0 0;
  width: 100%;
  box-sizing:border-box;
 }
.tt2025_double_photo01 ul:nth-child(even){
  margin: 15px 0 0;
  padding: 0 0% 0 0;
  width: 100%;
 }
.tt2025_double_photo01 ul li:nth-child(2){
  padding: 3px 5px 3px 10px;
  font-size: 14px;
  line-height: 22px;
 }


/* ========================================================
			DOUBLE PHOTO 02			
======================================================== */

.tt2025_double_photo02 {
  margin: 0px 0 0;
 }


.tt2025_double_photo02 ul:nth-child(odd){
  margin: 20px 0 0;
  padding: 0 0% 0 0;
  width: 100%;
 }
.tt2025_double_photo02 ul:nth-child(even){
  margin: 20px 0 0;
  padding: 0 0% 0 0%;
  width: 100%;
 }
.tt2025_double_photo02 ul li:nth-child(1){
  padding: 3px 5px 3px 10px;
  font-size: 14px;
  line-height: 22px;
 }



/* ========================================================
			導入薬剤			
======================================================== */


.tt2025_bg {
  border-radius:10px;
  padding: 15px 15px 30px;
 }

.tt2025_bg h2 {
  margin: 15px 0 0;
  font-size: 18px;
 }


.tt2025_d_parts {
  padding: 30px 0 0;
 }

.tt2025_d_parts_txt {
  width: 100%;
  box-sizing:border-box;
 }
.tt2025_dpt-left {
  padding: 0 0% 0 0;
 }
.tt2025_dpt-right {
  padding: 0 0% 0 0%;
 }
.tt2025_d_parts_ph {
  margin: 15px auto 0;
  width: 60%;
 }
.tt2025_d_parts_ph img{
  width: 100%;
 }

.tt2025_d_parts_txt h3 {
  border-bottom: 1px dotted #fff;
  padding: 0px 0 10px;
  font-size: 18px;
 }
.tt2025_d_parts_txt h3 span{
  border-left: 4px solid #fff;
  padding: 0 0 0 8px;
 }
.tt2025_d_parts_txt h4 {
  padding: 5px 0 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.4em;
  font-weight: bold;
 }
.tt2025_d_parts_txt p {
  padding: 12px 0 0;
  font-size: 14px;
  line-height: 22px;
 }


/* ========================================================
			料金表			
======================================================== */

.content_wrap {
  display: block!important;
}
.tt2025_table_title{
  padding: 5px 15px;
  font-size: 14px;
  line-height: 22px;
 }
.tt2025_table_title span:nth-child(2){
  font-size: 0.8em;
 }

.table_area {
  overflow-x: scroll;
 }

.tt2025_table01 {
  min-width: 640px;
 }

.tt2025_table01 th{
  padding: 10px 15px;
  font-size: 14px;
 }
.tt2025_table01 td{
  padding: 15px 20px;
  font-size: 14px;
 }


/* ========================================================
			ポイント			
======================================================== */

.tt2025_point {
  padding: 15px 15px;
 }

.tt2025_point_parts {
  margin: 15px 0 0;
 }

.tt2025_point_parts li{
  font-size: 14px;
  line-height: 22px;
 }

.tt2025_point_parts li:nth-child(1){
  padding: 0 2% 0 0;
  width: 10%;
 }
.tt2025_point_parts li:nth-child(2){
  padding: 0 0% 0 0;
  width: 90%;
 }
.tt2025_point_parts li:nth-child(3){
  width: 100%;
 }


/* ========================================================
			表記			
======================================================== */


.tt2025_table02 {
  min-width: 640px;
 }
.tt2025_table02 td{
  padding: 10px 15px;
  font-size: 14px;
 }



} /* smart phone responsive end */