@charset "utf-8";
/* CSS Document */

/*
 * テンプレートのPC用 CSS
 */


/* 変数 */
:root {
	--sectionContentPadding: 30px;
}

#HEAD {
    flex-direction: row;
	margin-bottom: 0;
}

#HDLOGO {
    margin-bottom: 0;
    margin-top: 0;
}

#HEADRCONTENTS {
	padding: 30px 0;
}

#HEADRCONTENTS .title {
    top: 10px;
    font-size: .7em;
	position: absolute;
}

#HDLOGO-IMG, #HDLOGO-LINK {
    width: 25vw;
}

#GNAVI {
    font-size: 1vw;
}

#GNAVICONTENTS01 .gNavi>a {
  padding: 0 0.8em;
}

#GNAVI .gNavi:nth-child(3)>a {
    /*width: 10vw;*/
}



.flex_box {
    display: flex;              /* フレックスボックスにする */
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;
    flex-wrap: nowrap;
}


.flex_item {
	width: calc(100% / 5);
	padding: 0px;
	font-size: 0.9em;
    font-weight: bold;
}



.tategaki_box {
	width: 100%;
	height: 400px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.greeting_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.medicell_box {
	width: 100%;
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.greeting_box2 {
	width: 380px;
	margin-right: 20px;
}

.medicell_box2 {
	width: 500px;
	margin-left: 50px;	
}

.greeting_box3 {
	width: 730px;
	margin-right: 50px;
}



.tategaki_img,
.greeting_img {
    width: 600px;
}

.gradation_bg2 {
    background-position: left;
    padding: 10px 0 10px 20px;
}

.comment-size {
	font-size: 0.8em;
}



#GALLERY_SLIDE .swiper {
	max-width: 1400px;
	margin: auto!important;
}
#GALLERY_SLIDE .swiper-slide {
	height: auto;
	grid-template-rows: 45% auto;
	font-size: 0.8em;
}



/* ご挨拶 */
.kiji-container_left {
	display: flex;
	flex-direction: row-reverse;
	gap: 30px;
}

.kiji-container_right {
	display: flex;
	flex-direction: row;
	gap: 30px;
}


.kiji-text_left,
.kiji-text_right {
	width: 800px;
	font-size: 0.8em;
}

.kiji-text_left2,
.kiji-text_right2 {
	width: 1200px;
	font-size: 0.9em;
}



/* アクセス */
.access_box {
    padding: 0;
}


/* ネイル */

/* （PC表示） */
.instaGalleryBox .instaPhotoLink {
  width: calc((100% - (5px * 4)) / 4);
}



/* 記事サークル装飾 */
.circleArticleBox {
  display: flex;
  justify-content: center;
}