@charset "utf-8";

/* basic
--------------------- */

html,body {
    height: 100%;
	scroll-behavior: smooth;
}

/* header　--------------------- */
header {
	/* headerを画面上部に固定する */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* ロゴとナビゲーションを横並びにする */
	display: flex;
	justify-content: space-between !important;
	align-items: center;
	/* スクロールしても他のコンテンツの下にならないようにする */
	z-index: 10;
	/* 背景色 */
	/*background: #D3C8AE;*/
	/*opacity: 0.75;　透過*/
	/*background: linear-gradient(rgba(255,255,255,0.9),rgba(211,200,174,1));*/
	/* headerに余白を作る */
	padding: 3.5rem 3rem;
	/* アニメーションの変化時間 */
	transition: 0.5s;
	box-sizing: border-box;
	}
/* ロゴのデザイン */
.logo {
	/*text-decoration: none;*/
	/*letter-spacing: 1px;*/
	/* アニメーションの変化時間 */
	/*transition: 0.5s;*/
	}

header img {width:15rem; height: auto;}

/* ナビゲーションのリンクを横並びにする */
header ul {
	width: auto !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin-left: 0;
	}

header li {
	width: auto !important;
	padding: 0.5rem; /*padding: 0.5rem 1rem;*/
	}

header li:after {content:" │ ";}
header li:last-child:after {content:" ";}

/* ナビゲーションのリンクのスタイル調整 */
header a {
	display: inline-block;
	/*margin-left: 2.5rem;*/
	/*letter-spacing: 1.5px;*/
	/* アニメーションの変化時間 */
	transition: 0.5s;
	padding-right: 0.5rem;
	}


/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
header.scroll-nav {
	/* 余白を狭くする */
	padding: 1.5rem 3.5rem;
	/* 背景を白にする */
	background: #fff;
	/* コンテンツの背景が白でもナビゲーションだと分かりやすいように影をつける */
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	}

/* 「scroll-navクラス」がヘッダーについたときに、ロゴとナビゲーションの文字を黒にする */
/*header.scroll-nav .logo,*/
header.scroll-nav ul li a {
	color: initial;;
	}
/* /// header　----------------- */


/* main */
main {
    background: url("../images/mv.jpg") no-repeat;
    background-size:cover;
	background-position:center center;
    vertical-align: middle;
    display: block;
    width: 100%;
	height: 100vh;
    box-sizing: border-box;
    color:#fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-family: 'Noto Serif JP', serif;
	box-sizing: border-box;
	padding-bottom: 1rem;
}

main div img[src$="icon-arrow-down.png"] {
    display: block;
    width:25px;
    height: auto;
}

main div img[src$="hospitalpraward.svg"] {
	max-width: 800px;
	width: 90%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}
main div img[src$="hospitalpraward_cpy.svg"] {
	max-width: 500px;
	width: 70%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
}

main div:nth-last-of-type(1) { /*main div:nth-of-type(2) {*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
main div:nth-last-of-type(1) span {
    font-weight: 400;
    letter-spacing:0.05rem;
}

main div:nth-last-of-type(1) img {
    margin-top: 0.5rem;
}

main div:nth-last-of-type(1) {
    filter: drop-shadow(0px 0px 3px rgba(121,106,69,1));
    z-index: 1;
	}



/* margin */
.mt-1 {	margin-top: 1rem;}
.mt-2 {	margin-top: 2rem;}
.mt-5 {	margin-top: 5rem;}
.mt-10 {margin-top: 10rem;}

.mb-075 {	margin-bottom: 0.75rem;}
.mb-2 {	margin-bottom: 2rem;}
.mb-5 {	margin-bottom: 5rem;}
.mb-v2 {margin-bottom:2vh; }

/* contents */
.contents1 {
	width: 76vw;
	margin-left: auto;
	margin-right: auto;
}

table {width:100%;}
tr {border-top:1px solid #969696; border-bottom:1px solid #969696;}
th {width:30%; vertical-align: middle;}
td {width:70%;}
th,td {padding-top: 2rem; padding-bottom: 2rem;}

ul {width:100%; display: flex; justify-content: center; flex-wrap: wrap;}
li {width:30%; list-style-type:none; margin: 1.25rem;}
li img {width: 100%; height: auto; margin-bottom: 1.5rem;}

img.judging {width:90%; max-width:1190px; height: auto; }

ul.list {display: block;  }
ul.list li {list-style-type: disc !important; margin-left: 5rem; width: 100%;}

/* section-01 */
.sec-01 {
	display: flex;
	width: 100%;
	height: 60vh;
	background: url("../images/back-sec-01.png") no-repeat;
	background-size:contain;
	background-position: bottom;
	vertical-align: middle;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.sec-01s {
	display: flex;
	width: 100%;
	vertical-align: middle;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}

/* section-02 */
.sec-02 {
	background-color: #f5f5e7;
	padding-top: 6vw;
	padding-bottom: 2vw;
}
.event-title {
	display: flex;
	background:url("../images/back-event-title_03.png") no-repeat;
	background-size:100%;
	width: 100%;
	height: 18vw;
	vertical-align: middle;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* section-03 */
.sec-03 {
	padding-top: 6vw;
	padding-bottom: 2vw;
}


/* footer */
footer {
	background: #f0f0f0;
	width: 100%;
	height: auto;
}
.privacy {background:#d3c8ae;text-align: center;padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1.4rem;}
.copy {background:#16256a; color:#fff; text-align: center; font-size:1.2rem; padding-top: 0.75rem; padding-bottom: 0.75rem;}
.footerdetail {display: flex; justify-content: flex-end; width: 100%; padding-top: 2rem; padding-bottom: 2rem; font-size:min(0.9vw,1.4rem);;}
.footerdetail_L img {max-width:200px; width: 100%; height: auto;}
.footerdetail_L {margin-right: auto;}
.footerdetail_C {margin-right: 2rem;}
.footerdetail_C p, .footerdetail_R p {line-height:2;}


.info {
	border-radius: 5px;
	background-color: white;
	padding: 3rem;
	line-height: 2;
}

ol.parentheses1 {
	margin-left: 3em; /* サイトに合せて調整 */
}

ol li {
	list-style-type: none;
	counter-increment: cnt;
	line-height: 1.5;
	width: 100% !important;
}

ol li::before {
	content: "（" counter(cnt) "）";
	display:inline-block;
	margin-left:-2.5em; /* サイトに合せて調整 */
	width: 2.5em; /* サイトに合せて調整 */
}

/* award-winning */
img.awardwinning { display: block; margin-left: auto; margin-right: auto; margin-top: 2rem; width: 100%; max-width: 560px; height: auto;}

/* @media PC
==================================================================================================== */
@media screen and ( min-width:960px ) {

	.brtbsp, .brtb { display:none;}
	.nopc {display:none;}
	.info { text-align: center; padding-left: 5rem; padding-right: 5rem;}
	p.info:nth-of-type(2) {text-align: left;}
	

}/* /// @media PC */



/* @media PC + TABLET
==================================================================================================== */
@media screen and ( min-width:560px ) {

	.brsp { display:none;}
	.brpctb {display:none;}
	

	main {
		/*height: 92.5vh;*/
		/*margin-top: 80px;*/
		/*background-position: center center;*/
		}
}/* /// @media PC + TABLET */


/* @media TABLET + SP
==================================================================================================== */
@media screen and ( max-width:959px ) {

	.disppc { display:none;}

	main {
		background: url("../images/mv_sp.jpg") no-repeat;
		background-size:cover;
		background-position:center center;
		}
	main div img[src$="hospitalpraward.svg"] {
	max-width: 90vw;}
	.sec-01 {
		height: 45vh;
		background-size:150%;
		}
	table tr {
		display: flex;
		flex-direction:column;
		border-top:none;
		border-bottom: none;
	}
	th, td { width:100%; text-align: center;}
	th {border-top:1px solid #969696; border-bottom:1px solid #969696; background: #f5f5f5;}
	th,td {padding-top: 1rem; padding-bottom: 1rem;}
	tr {margin-bottom:1.5rem;}
	
	ul {width:100%; display: flex; justify-content: space-between; flex-direction:column;}
	li {width:100%;}
	li img {width: 50%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 3rem;}
	ul li:first-of-type img {margin-top:0;}
	
	.footerdetail_L, .footerdetail_R {display: none;}
	.footerdetail_C {margin-right:0;}
	
	.dly-inlineblock {display: inline-block;}
	
	
}/* /// @media TABLET + SP */


/* @media TABLET
==================================================================================================== */
@media screen and ( min-width:560px ) and ( max-width:959px ) {

	.privacy {font-size: 1.2rem;}
	.brpctb {display:none;}
	.notb {display:none;}
	
	.footerdetail {flex-direction:column; font-size:min(1.8vw,1.8rem); text-align: center;}

}/* /// @media TABLET */


/* @meida SP
==================================================================================================== */
@media screen and ( max-width:559px ) {

	.brtb {display:none;}
	.nosp {display:none;} 

	main {
		/*height: 90vh;*/
		/*height: 100vh;*/ /* 変数をサポートしていないブラウザのフォールバック */
		/*height: calc(var(--vh, 1vh) * 100);*/ /* アドレスバー以外の表示エリアを確保 */
		/*margin-top: 70px;*/
		/*background-position: center center;*/
	}
	.sec-01 {background-size:200%;}
	.event-title {
		display: flex;
		background:url("../images/back-event-title_sp.png") no-repeat;
		background-size:100% 100%;
		width: 100%;
		height: 30vw;
		vertical-align: middle;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	li img {width: 90%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 5rem;}
	ul li:first-of-type img {margin-top:0;}
	.privacy {padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 2.6rem;}
	.copy {font-size:2.6rem;}
	.footerdetail {flex-direction:column; font-size:2.6rem; text-align: center;}

}/* /// @meida SP */