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

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,900&display=swap&subset=japanese');
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 100; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 200; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 300; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 400; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 500; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold")  , local("YuGothic-Bold")  ; font-weight: 600; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold")  , local("YuGothic-Bold")  ; font-weight: 700; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold")  , local("YuGothic-Bold")  ; font-weight: 800; }
@font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold")  , local("YuGothic-Bold")  ; font-weight: 900; }

html {
	font-size:62.5%; /* ルートの文字サイズを10pxに設定 */
}

body { 
    font-family: 'Noto Sans JP', "Original Yu Gothic" , sans-serif; 
	/*font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif; */
	font-style: normal;
	color:#323232;
	word-break:break-all;
	font-size:1.6em;　/* bodyのフォントサイズを1.6em(16px)に設定 */
    }


h1,h2 {	line-height: 1.25;}
h3,h4,p {	line-height: 1.5;}

h1,h2,h3,h4,h6,h6.co-midashi,strong.emphasis {	font-family: 'Noto Serif JP', serif;}

h1,h2 {	font-size:3.5rem ;}/* 35px */
h1.event,h2.event {font-size:min(2.5vw,3.5rem) ;}
h3 {font-size:2rem;}
h3.event{font-size:min(2vw ,1.8rem);}
h3.sub {font-size:2.4rem;}
h4 {font-size:1.8rem;}
h6{ background-color:#3787bc; padding: 1rem 0.5rem; color: #fff; width:10rem; }
.bold {font-weight:bolder;}
.ft18 {font-size:1.8rem;}
.ft16 {font-size:1.6rem;}
.ft14 {font-size:1.4rem;}
.ft12 {font-size:1.2rem;}
.small {font-size:80%;}



/* 文章揃え */
.ctr-txt {	text-align: center;}
.ctr-box {	margin-left: auto;	margin-right: auto;}
.both {text-align-last: justify; text-align-last: left ;}
.left-txt {	text-align: left;}


/* deco */
.deco1 {background: linear-gradient(transparent 50%, #ffff7f 50%);}
.deco2 {border-bottom:5px solid #3787bc; padding-bottom: 1rem; width:10rem;}
.deco3:before {content:" 〇 ";}
.deco4 {text-decoration:underline;}

/* 行間 */
.lh1-5 {line-height: 1.5;}
.lh2 {line-height: 2;}




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

	body {
			font-size:1.4rem;
		}


	h1,h2 {font-size:min(3.5vw,3.5rem) ;}
	/*h3 {font-size:min(2vw,2rem) ;}*/
	
	.left-txt {	text-align: left;}
	

}/* /// @media TABLET + SP */


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

	h3.eventxt, h3.sub {font-size:min(2.6vw,2.6rem) ;}

}/* /// @media TABLET */


/* @meida SP
==================================================================================================== */
@media screen and ( max-width:559px ){
	html { 
		font-size:5px;　/* 1rem=5pxと再定義 */
	}
	body {
		font-size:2.8rem; /* フォントサイズを少し小さく14pxに（5px * 2.8rem = 14px） */ /* ⇒12pxに修正 */
	}
	
	h1,h2 {font-size:min(6vw,6rem);}
	h1.event,h2.event, h3.name {font-size:min(5.7vw,5.7rem) ;}
	h3, h3.event {font-size:min(3.4vw,3.4rem);}
	h3.eventxt, h3.sub {font-size:min(4.6vw,4.6rem) ;}
	h4 {font-size:2.7rem;}
	h6{ padding: 1.5rem 0.5rem; font-size:min(2.72vw,2.72rem); width:14rem; }
	
	.ft18 {font-size:2.7rem;}
	.ft16 {font-size: 2.6rem;}
	.ft14 {font-size:2.4rem;}
	
	.lineH1 {line-height: 0.8 !important;}
	
	/* 文章揃え */
	.ctr-left {	text-align: left !important;}
	
	.sec-03 table td {font-size:2.6rem; padding-top:2.5rem;}

}/* @media SP */