@charset "utf-8";


/*-----「0px-599px」-----*/
/*-------------------------------------------------------------------------------*/


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


/*--------------------「Common」--------------------*/


/* 960px未満の「Column：分割時」は「float」関連は「none」にする。 */

*[class*='column']:not(.unLock) .flo_l,	/* *[class*='column']:not(.unLock)：テーブル状態 */
*[class*='column']:not(.unLock) .flo_r,
*[class*='column']:not(.unLock) .img_l,
*[class*='column']:not(.unLock) .img_r{
	clear: both;
	float: none;
	margin: 0 0 1em !important;
	}

*[class*='column']:not(.unLock) .flo_l + *,
*[class*='column']:not(.unLock) .flo_r + *,
*[class*='column']:not(.unLock) .img_l + *,
*[class*='column']:not(.unLock) .img_r + *{
	clear: both !important;
	}

*[class*='column']:not(.unLock) .border_on img{
	margin: 0;
	}


/*--------------------「Seg」--------------------*/


/*-----「Base」-----*/


.seg{
	margin-bottom: 50px;
	}

h2,
.font_h2{
	font-size: 2.8rem;
	}


/*-----「Comp」-----*/


.comp{
	margin-bottom: 35px;
	}

.comp_s01,
.comp_s02{
	padding: 10px;
	}


/*-----「Comp、リスト（ul・ol） @ Column」-----*/


*[class*='column'].unLock figure{	/* *[class*='column'].unLock：ブロック状態 */
	text-align: center;
	width: 100%;
	}

*[class*='column']:not(.unLock) .sepa li{	/* *[class*='column']:not(.unLock)：テーブル状態 */
	clear: both;
	float: none;
	margin: 0 0 0.5em !important;
	}

*[class*='column']:not(.unLock) .sepa li[class*='col']{
	width: auto;
	}


/*-----「Divi」-----*/


*[class*="rwddivi"]{
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 35px;
	}

*[class*="rwddivi"]:last-child{
	margin-bottom: 0;
	}

.divi_cba{
	background-image: url(../img/sp-divi_cba.png);
	}

.rwddce{
	display: block;
	width: 100% !important;
	margin-bottom: 35px;
	}

.members_only .rwddce:nth-of-type(1){
	margin-bottom: 10px;
	}

.rwddce:last-child{
	margin-bottom: 0;
	}

.divi_cba .rwddce{
	margin-bottom: 50px;
	}

.divi_cba .rwddce:last-child{
	margin-bottom: 0;
	}

.divi .flo_l,
.divi .flo_r{
	clear: both;
	float: none;
	margin-bottom: 35px;
	}


/*-----「定義リスト（dl）」-----*/


.comp dl.wn01{
	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #ccc;
	}

.wn01 dt{
	display: block;
	padding-right: 0;
	margin-bottom: 5px;
	}

.wn01 dt span,
.wn01 dt a{
	padding: 7px 5px 6px;
	}

.wn01 dd{
	display: block;
	padding-left: 0;
	}


/*-----「Sec」-----*/


.sec{
	clear: both;
	float: none;
	width: auto;
	margin: 0 0 10px;
	}


/*-----「RWD」-----*/


.rwdcase0{
	width: 100% !important;
	}

.rwdcase1{
	display: none;
	}

.rwdcase2{
	display: none;	/* 960px以上で「inline」960未満で「none」 */
	}

.rwdcase3{
	display: none;	/* 600px以上で「inline」600未満で「none」 */
	}

.rwdcase4{
	display: block;	/* 860px以上で「none」860未満で「block」 */
	}

.rwdcase6{
	display: none;	/* 1200px以上で「inline」1200未満で「none」 */
	}

.rwdcase7-2{
	display: none;	/* 600px以上で「table-cell」600未満で「none」 */
	}


/*-----「STYLE」-----*/


body.site01 .style_div01,
body.site02 .style_div01{
	top: calc(135px + 20px);
	right: 10px;
	}

body.site01 .style_div01 img,
body.site02 .style_div01 img{
	max-width: 56px;
	}

body.site01 .style_span05{
	text-align: left;
	}


/*-------------------「Module」--------------------*/


/*-----「Form」-----*/


select{
	width: 100%;
	}


/*--------------------「Main」--------------------*/


/*-----「Header Wide」-----*/


.header_wide{
	min-width: 0;
	}


/*-----「Header Side」-----*/


.header_side{
	padding: 0 10px;
	}


/*-----「Header」-----*/


#top header{
	min-height: 300px;
	}

#top .header h1{
	font-size: 2.6rem;
	letter-spacing: -0.5px;
	}

#top .header h1 span:nth-of-type(1){
	font-size: 2.0rem;
	line-height: 1;
	top: 10px;
	}

#top .header h1 span:nth-of-type(2){
	font-size: 1.4rem;
	top: 10px;
	}

header .telbox{
	width: 40px;
	height: 60px;
	top: 35px;
	right: 135px;
	}

header .telbox a,
body.pc header .telbox > span{
	text-decoration: none;
	background-color: #000;	/* 基本色 */
	text-align: center;
	display: block;
	width: 40px;
	height: 60px;
	padding-top: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 130;
	}

body.site01 header .telbox a,
body.site01.pc header .telbox > span{
	background-color: #8c7c4d;	/* 東京予防医療クリニック */
	}

body.site02 header .telbox a,
body.site02.pc header .telbox > span{
	background-color: #b39e74;	/* 赤坂スキンクリニック美容皮膚科 */
	}

header .telbox .icon{
	position: static;
	}

header .telbox .icon img{
	margin-bottom: 9px;
	}

header .telbox .icon span{
	font-size: 1.0rem;
	line-height: 1;
	color: #fff;
	display: block;
	}

header .telbox .phone_number,
header .telbox .consultation_hour{
	display: none;
	}

.header .hp04{
	right: 90px;
	}

.header .hp04 a,
.header .hp05 a{
	width: 85px;
	}


/*-----「menu_box」-----*/


header .menu_box::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

header .menu_box .menu_box_btn{
	width: 40px;
	}

header .menu_box .boundary_box{
	background-color: #000;	/* 基本色 */
	width: 100% !important;
	padding: 5px !important;
	top: 100px;
	}

body.site01 header .menu_box .boundary_box{
	background-color: #8c7c4d;	/* 東京予防医療クリニック */
	}

body.site02 header .menu_box .boundary_box{
	background-color: #b39e74;	/* 赤坂スキンクリニック美容皮膚科 */
	}


/*--「boundary_search」--*/


header .menu_box .boundary_search .menu_box_btn img{
	margin-bottom: 9px;
	}


/*--「boundary_nav」--*/


header .menu_box .boundary_nav .menu_box_btn{
	right: 45px;
	}

header .menu_box .boundary_nav .menu_box_btn img{
	margin-bottom: 11px;
	}


/*--「boundary_mail」--*/


header .menu_box .boundary_mail .menu_box_btn{
	right: 90px
	}

header .menu_box .boundary_mail .menu_box_btn img{
	margin-bottom: 11px;
	}


/*-----「Side Wide」-----*/


.side_wide{
	min-width: 0;
	padding: 40px 0;
	}


/*-----「Side」-----*/


.side{
	padding: 0 20px;
	}


/*-----「Wrapper」-----*/





/*-----「Container」-----*/





/*-----「Main」-----*/





/*-----「Navi」-----*/





/*-----「Footer Wide」-----*/


.footer_wide{
	min-width: 0;
	}


/*-----「Footer Side」-----*/


.footer_side{
	padding: 0 10px;
	}


/*-----「Footer Wrapper」-----*/


.fw01 .footer_wrapper{
	padding: 30px 0;
	}

.footer_info > div:nth-of-type(1),
.footer_info > div:nth-of-type(2){
	width: 100%;
	float: none;
	}

.footer_info > div:nth-of-type(1){
	margin-bottom: 30px;
	}

.footer_wrapper .sitetitlebox{
	width: 310px;
	height: 70px;
	margin: 0 auto 15px;
	}

.footer_wrapper .sitetitlebox .logo{
	width: auto;
	}

.footer_wrapper .sitetitlebox .clinic_name{
	left: 45px;
	}

body.site01 .footer_wrapper .sitetitlebox .clinic_name{
	font-size: 2.0rem;
	letter-spacing: 0;
	top: 20px;
	}

body.site02 .footer_wrapper .sitetitlebox .clinic_name{
	font-size: 1.8rem;
	letter-spacing: -1px;
	top: 21px;
	}

.footer_wrapper .sitetitlebox .medical_corporation{
	font-size: 1.2rem;
	top: 4px;
	left: 45px;
	}

.footer_wrapper .sitetitlebox .medical_courses{
	font-size: 1.0rem;
	line-height: 1.17;
	padding: 5px 5px 6px;
	top: 47px;
	}

.address_data > div:nth-of-type(1){
	display: none;
	}

.address_data > div:nth-of-type(2){
	width: 100%;
	float: none;
	}

.footer_wrapper .address_info{
	width: 310px;
	margin: 0 auto 15px;
	}

.footer_wrapper .traffic_access{
	width: 310px;
	margin: 0 auto 15px;
	}

.footer_wrapper .telbox{
	margin: 0 auto;
	}


/*-----「Footer」-----*/





/*-----「Index」-----*/


/*---「Header Wide」---*/


#index.site02 #top{	/* 赤坂スキンクリニック美容皮膚科 */
	background-color: #0c1a2d;
	background-image: url(../img/header_wide_index-600.jpg);
	background-size: contain;
	}


/*---「Header」---*/


#index.site01 #top header{	/* 東京予防医療クリニック */
	min-height: 430px;
	}

#index.site02 #top header{	/* 赤坂スキンクリニック美容皮膚科 */
	min-height: 450px;
	}

#index.site02 #top header .catchphrase{
	padding-top: 15px;
	vertical-align: top;	/* 赤坂スキンクリニック美容皮膚科 */
	}

#index.site01 #top header .catchphrase p{	/* 東京予防医療クリニック */
	text-shadow: none;
	}

#index.site02 #top header .catchphrase p{	/* 赤坂スキンクリニック美容皮膚科 */
	color: #fff;
	text-shadow: none;
	}

#index #top header .catchphrase p:nth-of-type(1){
	font-size: 3.4rem;
	margin-bottom: 5px;
	}

#index #top header .catchphrase p:nth-of-type(1) span{
	font-size: 3.4rem;
	}

#index #top header .catchphrase p:nth-of-type(2){
	font-size: 1.6rem;
	}

#index.site02 #top header .catchphrase p:nth-of-type(2){
	margin-bottom: 15px;
	}

#index #top header .catchphrase p:nth-of-type(3){
	font-size: 1.5rem;
	}


/*---「Main」---*/


#index.site01 .conceptphrase,	/* 東京予防医療クリニック */
#index.site02 .conceptphrase{	/* 赤坂スキンクリニック美容皮膚科 */
	font-size: 1.9rem;
	}


/*---「新型コロナ感染症モニター」---*/


#index.site01 .sw_main06,	/* 東京予防医療クリニック */
#index.site02 .sw_main06{	/* 赤坂スキンクリニック美容皮膚科 */
	padding: 20px 0;
	}

#index.site01 .sw_main06 .rwddce:nth-of-type(1),
#index.site01 .sw_main06 .rwddce:nth-of-type(2){	/* 東京予防医療クリニック */
	margin-bottom: 10px;
	}


/*---「HIFU等のバナー郡」---*/


#index.site02 .sw_main03{	/* 赤坂スキンクリニック美容皮膚科 */
	padding: 20px 0 0;
	}

#index.site02 .sw_main03 .divi_index02{	/* 赤坂スキンクリニック美容皮膚科 */
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	}

#index.site02 .sw_main03 .divi_index02 .rwddce{	/* 赤坂スキンクリニック美容皮膚科 */
	width: 100% !important;
	}

#index.site02 .sw_main03 .divi_index02 .rwddce,
#index.site02 .sw_main06 .divi_index02 .rwddce{	/* 赤坂スキンクリニック美容皮膚科 */
	margin-bottom: 10px;
	}

#index.site02 .sw_main03 .divi_index02 .rwddce:last-child,
#index.site02 .sw_main06 .divi_index02 .rwddce:last-child{	/* 赤坂スキンクリニック美容皮膚科 */
	margin-bottom: 0;
	}

#index.site02 .sw_main03 nav ul li{	/* 赤坂スキンクリニック美容皮膚科 */
	width: 100% !important;
	margin: 0 0 10px !important;
	}

#index.site02 .sw_main03 nav ul li:last-child{	/* 赤坂スキンクリニック美容皮膚科 */
	margin-bottom: 0 !important;
	}


/*---「コースメニュー 及び コースメニュー20220622改変 及び コンビネーションセラピー」---*/


#index.site01 .sw_main01-2{	/* 東京予防医療クリニック */
	padding: 50px 0;
	}

#index.site01 .sw_main01 .rwddce:nth-of-type(1){	/* 東京予防医療クリニック */
	height: 280px;
	margin-bottom: 0 !important;
	}

#index.site01 .sw_main01 .rwddce:nth-of-type(2){	/* 東京予防医療クリニック */
	padding: 50px 0;
	}

#index.site01 .sw_main01 nav ul li,
#index.site01 .sw_main01-2 nav ul li{	/* 東京予防医療クリニック */
	width: calc((100% / 2) - 10px);
	float: none;
	}

#index.site01 .sw_main01-2 nav ul li:nth-of-type(1){	/* 東京予防医療クリニック */
	width: calc(100% - 10px);
	}

#index.site01 .sw_main01 nav ul li a,
#index.site01 .sw_main01-2 nav ul li a{	/* 東京予防医療クリニック */
	font-size: 1.6rem;
	}

#index.site01 .sw_main01-2 nav ul li:nth-of-type(1) a{	/* 東京予防医療クリニック */
	min-height: 60px;
	padding: 20px 10px;
	}

#index.site02 .sw_main01{	/* 赤坂スキンクリニック美容皮膚科 */
	padding: 50px 0 0;
	}

#index.site02 .sw_main01 nav ul li:nth-of-type(1),
#index.site02 .sw_main01 nav ul li:nth-of-type(2),
#index.site02 .sw_main01 nav ul li:nth-of-type(3),
#combination.site02 .sw_main01 nav ul li:nth-of-type(1),
#combination.site02 .sw_main01 nav ul li:nth-of-type(2),
#combination.site02 .sw_main01 nav ul li:nth-of-type(3){	/* 赤坂スキンクリニック美容皮膚科 */
	width: calc((100% - 4px) / 3);
	margin-bottom: 2px;
	}

#index.site02 .sw_main01 nav ul li:nth-of-type(4),
#index.site02 .sw_main01 nav ul li:nth-of-type(5),
#combination.site02 .sw_main01 nav ul li:nth-of-type(4),
#combination.site02 .sw_main01 nav ul li:nth-of-type(5){	/* 赤坂スキンクリニック美容皮膚科 */
	width: calc((100% - 2px) / 2);
	}

#index.site02 .sw_main01 nav ul li:nth-of-type(3),
#combination.site02 .sw_main01 nav ul li:nth-of-type(3){	/* 赤坂スキンクリニック美容皮膚科 */
	margin-right: 0;
	}

#index.site02 .sw_main01 nav ul li:nth-of-type(4),
#combination.site02 .sw_main01 nav ul li:nth-of-type(4){	/* 赤坂スキンクリニック美容皮膚科 */
	margin-left: 0;
	}


/*---「東京予防医療クリニック TOPバナー（ピックアップ関連）」---*/


#index.site01 .sw_main04{	/* 東京予防医療クリニック */
	padding: 2px 0;
	}

#index.site01 .sw_main04 .side{	/* 東京予防医療クリニック */
	padding: 0;
	}

#index.site01 .sw_main04 nav ul li{	/* 東京予防医療クリニック */
	width: calc((100% - 2px) / 2);
	}

#index.site01 .sw_main04 nav ul li:nth-of-type(1),
#index.site01 .sw_main04 nav ul li:nth-of-type(2){	/* 東京予防医療クリニック */
	margin-bottom: 2px;
	}

#index.site01 .sw_main04 nav ul li:nth-of-type(2){	/* 東京予防医療クリニック */
	margin-right: 0;
	}

#index.site01 .sw_main04 nav ul li:nth-of-type(3){	/* 東京予防医療クリニック */
	margin-left: 0;
	}


/*---「東京予防医療クリニック TOPバナー（BNF・MENS関連）」---*/


#index.site01 .sw_main05 nav ul li{	/* 東京予防医療クリニック */
	width: calc((100% - 4px) / 3);
	}

#index.site01 .sw_main05 nav ul li:nth-of-type(1),
#index.site01 .sw_main05 nav ul li:nth-of-type(2),
#index.site01 .sw_main05 nav ul li:nth-of-type(3){	/* 東京予防医療クリニック */
	margin-bottom: 2px;
	}

#index.site01 .sw_main05 nav ul li:nth-of-type(3){	/* 東京予防医療クリニック */
	margin-right: 0;
	}

#index.site01 .sw_main05 nav ul li:nth-of-type(4){	/* 東京予防医療クリニック */
	margin-left: 0;
	}


/*---「人気の治療・検査・施術 多いお悩み」---*/


#index.site01 .sw_main02 .rwddce:nth-of-type(1){	/* 東京予防医療クリニック */
	margin-bottom: 0 !important;
	}

#index.site02 .sw_main02 .rwddce:nth-of-type(1){	/* 赤坂スキンクリニック美容皮膚科 */
	margin-bottom: 2px !important;
	}

#index.site01 .sw_main02 .popular_treatment,	/* 東京予防医療クリニック */
#index.site01 .sw_main02 .popular_inspection,	/* 赤坂スキンクリニック美容皮膚科 */
#index.site02 .sw_main02 .popular_treatment,	/* 東京予防医療クリニック */
#index.site02 .sw_main02 .popular_inspection{	/* 赤坂スキンクリニック美容皮膚科 */
	padding: 50px 10px 40px;
	}


/*-----「採用情報：recruit」-----*/


.question{
	background-image: url(../img/balloon-l_bg02.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-right: 0;
	}

.answer{
	background-image: url(../img/balloon-r_bg02.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-left: 0;
	}


/*-----「LP NMN メールフォーム」-----*/


#nmn-appointment .header .telbox,
#nmn-appointment-thx .header .telbox,
#nmn-inquiry .header .telbox,
#nmn-inquiry-thx .header .telbox{
	right: 0 !important;
	}


/*-----「アートメイク」-----*/


#artmake.site02 #top,
#artmake.site01 #top{
	background-image: url(../img/header_wide_artmake-600.jpg);
	background-size: cover;
	}


/*-----「ホルモン補充療法」-----*/


#hormone.site01 nav.hormone_btn ul li{	/* 東京予防医療クリニック */
	width: calc((100% / 2) - 10px);
	}

#hormone.site01 nav.hormone_btn ul li a{	/* 東京予防医療クリニック */
	font-size: 1.6rem;
	}


/*---「再生医療・EECP療法バナー 背景画像にボタンでリンクバージョン」---*/


#index.site01 .sw_main07 .rwddce:nth-of-type(2){	/* 東京予防医療クリニック */
	background-position: calc(100% + 100px) center;
	}


}


/*-----「0px-399px」-----*//*-----「特別枠」-----*/
/*-------------------------------------------------------------------------------*/


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


#index.site01 #top header .catchphrase p{	/* 東京予防医療クリニック */
	letter-spacing: 0.7px;
	}


}


/*-----「0px-479px」-----*//*-----「スマホのポートレート（最小幅を375pxとする）」-----*/
/*-------------------------------------------------------------------------------*/


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


/*--------------------「Common」--------------------*/


.img_l,
.img_r{
	float: none;
	margin: 0 0 35px !important;
	}

.img_l + *,
.img_r + *{
	clear: both !important;
	}

.border_on img{
	margin: 0;
	}


/*--------------------「Seg」--------------------*/


/*-----「Comp」-----*/


.comp figure{
	text-align: center;
	width: 100%;
	}


/*-----「リスト（ul・ol）」-----*/


.sepa li{
	clear: both;
	float: none;
	margin: 0;
	margin-bottom: 0.5em;
	}

.sepa li.col1,
.sepa li.col2,
.sepa li.col3,
.sepa li.col4{
	width: auto;
	}


/*-----「RWD」-----*/


.rwdcase5{
	display: inline;	/* 480px以上で「none」480未満で「inline」 */
	}


/*-------------------「Module」--------------------*/


/*-----「RWD用設定（tt01）」-----*/


table.tt01 tr{
	clear: both;
	}

table.tt01 th,
table.tt01 td{
	display: block;
	width: 100% !important;
	border-bottom-width: 0;
	}

table.tt01 tr:last-child th:last-child,
table.tt01 tr:last-child td:last-child{
	border-bottom-width: 1px;
	}

.tt01 thead{
	display: none;
	}


/*-----「バナー」-----*/


ul.ulb_wide li{
	clear: both;
	margin: 0 0 15px;
	}


/*--------------------「Main」--------------------*/


/*-----「Header」-----*/


.header .sitetitlebox{
	width: 175px;
	top: 32px;
	}

#index.site01 .header .sitetitlebox{
	top: 32px;
	}

.header .sitetitlebox .logo{
	display: none;
	}

.header .sitetitlebox .clinic_name{
	left: 0;
	}

body.site01 .sitetitlebox .clinic_name{
	font-size: 1.6rem;
	letter-spacing: -0.5px;
	top: 19px;
	}

#index.site01 .header .sitetitlebox .clinic_name{
	font-size: 1.6rem;
	letter-spacing: -0.5px;
	top: 19px;
	}

body.site02 .sitetitlebox .clinic_name{
	font-size: 1.3rem;
	letter-spacing: -1.5px;
	top: 21px;
	}

.header .sitetitlebox .medical_corporation{
	font-size: 1.3rem;
	letter-spacing: 0;
	left: 0;
	}

#index.site01 .header .sitetitlebox .medical_corporation{
	font-size: 1.3rem;
	}

.header .sitetitlebox .medical_courses{
	top: 42px;
	}

#index.site01 .header .sitetitlebox .medical_courses{
	top: 42px;
	}


/*-----「Footer Wrapper」-----*/


.footer_wrapper .telbox .icon{
	width: auto;
	}


/*-----「Index」-----*/


/*---「Header Wide」---*/


#index.site01 #top{	/* 東京予防医療クリニック */
	background-position: calc(100% + 185px) bottom;
	}


/*-「im1 人気の治療 及び 人気の検査 及び 人気の施術 及び 多いお悩み の一覧ページ」-*/


.im_wrapper.im1 ul li:nth-of-type(3n){
	background-color: #f7f7f7;
	}

.im_wrapper.im1 ul li:nth-of-type(2n){
	background-color: #fdfdfd;
	}

.im_wrapper.im1 ul li{
	width: 100%;
	margin: 0 0 10px;
	}


/*-----「基本予防コース」-----*/


body#basic.site01 .point li span{
	font-size: 1.8rem !important;
	}


/*-----「TPM式予防医療コース 共通」-----*/


.common_tpm01 p:nth-of-type(1),
.common_tpm01 p:nth-of-type(1) span{
	font-size: 1.8rem !important;
	}

.common_tpm01 p:nth-of-type(2) span{
	font-size: 1.5rem !important;
	letter-spacing: 0;
	padding: 8px 10px;
	}


}


/*-----「0px-419px」-----*//*-----「スマホのポートレート（最小幅を375pxとする）」-----*/
/*-------------------------------------------------------------------------------*/


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


/*--------------------「Main」--------------------*/


/*-----「Index」-----*/


/*---「Header」---*/


#index #top header .catchphrase p:nth-of-type(1){
	font-size: 3.0rem;
	}

#index #top header .catchphrase p:nth-of-type(1) span{
	font-size: 3.0rem;
	}

#index #top header .catchphrase p:nth-of-type(2){
	font-size: 1.5rem;
	}

#index #top header .catchphrase p:nth-of-type(3){
	font-size: 1.5rem;
	}


}


/*-----「420px-479px」-----*//*-----「スマホのポートレート（最小幅を375pxとする）」-----*/
/*-------------------------------------------------------------------------------*/


@media only screen and (min-width: 420px) and (max-width: 479px){





}


/*-----「480px-599px」-----*//*-----「スマホのランドスケープ」-----*/
/*-------------------------------------------------------------------------------*/


@media only screen and (min-width: 480px) and (max-width: 599px){


/*--------------------「Common」--------------------*/





/*--------------------「Seg」--------------------*/


/*-----「リスト（ul・ol）」-----*/


.flow.sepa li.col1,
.flow.sepa li.col2,
.flow.sepa li.col3,
.flow.sepa li.col4{
	width: calc(50% - 10px);
	}

.sepa li.col3,
.sepa li.col4,
.sepa li.col5{
	width: calc(50% - 10px);
	}


/*-------------------「Module」--------------------*/


/*-----「バナー」-----*/


ul.ulb{
	text-align: center;
	}

ul.ulb li{
	display: inline-block;
	margin: 0 5px 10px;
	}


/*--------------------「Main」--------------------*/


/*-----「Header」-----*/


.header .sitetitlebox{
	width: 275px;
	top: 27px;
	}

#index.site01 .header .sitetitlebox{
	top: 27px;
	}

.header .sitetitlebox .logo{
	top: 0;
	left: 0;
	}

#index.site01 .header .sitetitlebox .logo{
	top: 0;
	left: 0;
	}

.header .sitetitlebox .clinic_name{
	left: 40px;
	}

body.site01 .sitetitlebox .clinic_name{
	font-size: 1.8rem;
	letter-spacing: -1px;
	top: 20px;
	}

#index.site01 .header .sitetitlebox .clinic_name{
	font-size: 1.8rem;
	letter-spacing: 0;
	top: 20px;
	}

body.site02 .sitetitlebox .clinic_name{
	font-size: 1.7rem;
	letter-spacing: -2px;
	top: 21px;
	}

.header .sitetitlebox .medical_corporation{
	top: 0;
	left: 40px;
	}

#index.site01 .header .sitetitlebox .medical_corporation{
	font-size: 1.4rem;
	}

.header .sitetitlebox .medical_courses{
	top: 47px;
	}

#index.site01 .header .sitetitlebox .medical_courses{
	top: 47px;
	}


/*-----「Index」-----*/


/*---「Header Wide」---*/


#index.site01 #top{	/* 東京予防医療クリニック */
	background-position: calc(100% + 175px) bottom;
	}


/*---「Header」---*/


#index.site02 #top header{
	min-height: 500px;	/* 赤坂スキンクリニック美容皮膚科 */
	}


/*-「im1 人気の治療 及び 人気の検査 及び 人気の施術 及び 多いお悩み の一覧ページ」-*/


.im_wrapper.im1 ul li{
	width: calc((100% / 2) - 15px);
	}


/*-----「基本予防コース」-----*/


body#basic.site01 .point li span{
	font-size: 2.0rem !important;
	}


}