@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=Concert+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Wire+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

/* @import url('css/style_sp.css'); */

/* own site unique css */

body {

	/* font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
	font-size: 1em;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;

	background-color: #fff;
	padding: 0;
	color: #666;

	margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}

a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container{
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}





/* bootstrapのnavbar用タッチアップ */
.navbar_container{
	background-color: rgb(255, 255, 255,1);
	position: relative;
	/* position: fixed;
	z-index: 2500; */

	width: 100%;
	padding-left: 20px;
	padding-right: 20px;

	/* margin-left: 20px; */
	/* margin-right: 20px; */
}

.navbar_link_str{
	font-size: 1.5em;
}

.navbar-brand img{
	/* width:120px; */
	height:50px;
}




/* site unique style */
.mainLogo{
	width: 20%;
	position: relative;
	left: 15%;
	/* margin-left: auto; */
	/* margin-right: auto; */
	z-index: 2500;
}

.mainLogo-wrapper{
	/* background-color: linear-gradient(0deg, #fff 100%, #fff 0%); */
	background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.0));
	position: relative;
	width: 100%;
	margin: 0;
	z-index: 2500;
	/* flex: auto; */
	/* flex-direction: row; */
}

.top_article-wrapper{
	position: relative;
	z-index: 2500;
	width: 100%;
}

.top_article_box{
	position: relative;
	z-index: 2500;
	width: 50%;
}

.top_article{
	position: relative;
	z-index: 2500;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}


.brnch_title{
	position: relative;
	z-index: 2500;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.lead{
	font-size: 0.95em;
	margin-top: 10px;
	line-height: 160%;
	text-align: center;
}


.content_sub_title{
	font-size: 4em;
	text-align: center;
  }

.main_str{
	font-size: 0.95em;
	line-height: 160%;
	text-align: left;
	text-indent: 0.95em;
}

.main_para_title {
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.force_center{
	text-align: center;
}

.caption{
	text-align: right;
	font-size: 0.9em;
	margin-right: 3em;
}


/* MultiScrol用タッチアップ */

  .ms-caption_title{
	position: relative;
	padding-top: 75%;
	text-align: center;
	color: #444;
	font-size: 1.5em;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
  }

  .ms-caption_body{
	position: relative;
	padding-top: 10px;
	text-align: center;
	color: #222;
	font-size: 1em;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2em;
}




  /* fonts */

  .concert-one-regular {
	font-family: "Concert One", sans-serif;
	font-weight: 400;
	font-style: normal;
  }


  .biz-udgothic-regular {
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .biz-udgothic-bold {
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
  }

  .wire-one-regular {
	font-family: "Wire One", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  

  .anton-regular {
	font-family: "Anton", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
/* <uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 100 to 900 */
  
  .urbanist-light {
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
  }

  .urbanist-medium {
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
  }


  /* gallery style */

.gallery_row{
	width: 100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#gallery_thumbs{
	/* display:none; */
	width: 180px;
}

/* gallery2のサムネイルサイズ */
#gallery_thumbs2{
	/* display:none; */
	width: 240px;
}



.vpadding_50{
	padding-top:  50px;
	padding-bottom: 50px;
}

.vpadding_10{
	padding-top:  10px;
	padding-bottom: 10px;
}


/* ボタンを中央に */
.btn_wrapper{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 複数のボタンを並列する時 */
.btns_wrapper{
	position: relative;
	width: 100%;
	margin-left: 20px;
	margin-right: 20px;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}



.btn_common{
	background:#425da7;
	color:#FFFFFF;
	border:0px;
}
.btn_common:hover{
	background:#8398cf;
	color:#FFFFFF;
}

.width_10em{
	width: 10em;
}

.width_20em{
	width: 20em;
}

.width_100{
	width: 100%;
}



.ig_logo_container{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 0.95em;
	margin-top: 10px;
	line-height: 160%;
	text-align: center;
}

.ig_logo{
	display: inline-block;
	width: 1.5em;
}


/* PCのとき */
	/* @media (orientation: landscape){ */
	@media screen and (max-width: 989px) {
			body{
				/* background-color: #e4ffe2; */
				background-color: #fff;
			}

			.navbar-brand img{
				/* width:120px; */
				height:50px;
			}

			.navbar_link_str{
				font-size: 1.2em;
			}

			.content_sub_title{
				font-size: 4em;
				text-align: center;
			  }



			ul, ol, dl {
				padding: 0;
				margin: 0;
				margin-left: 40px;
			}

			/* サムネイルのサイズ */
			#gallery_thumbs{
				/* display:none; */
				width: 180px;
				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
			}
			
			/* gallery2のサムネイルサイズ */
			#gallery_thumbs2{
				/* display:none; */
				width: 220px;
			}



			.lightbox-caption{
				font-size: 0.75em;
				bottom: -5em;
			}

		  }


/* スマートフォン縦位置の時 */
@media (orientation: portrait){
	/* @media (orientation: landscape) { */
		/* @media screen and (max-width: 767px) { */
/* @media screen and (min-width: 668px) and (max-width: 849px) and (orientation: portrait) { */
			body{
				/* background-color: #fffef0; */
				background-color: #fff;
			}

			.biz-udgothic-bold{
				font-size: 1em;
			}
			
			.main_container{
				margin-top: 0px;
				padding-left: 0px;
				padding-right: 0px;
			}

			.mainLogo-wrapper{
				/* background-color: linear-gradient(0deg, #fff 100%, #fff 0%); */
				/* background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.0)); */
				/* position: relative; */
				/* width: 100%; */
				height: 360px;
				margin: 0;
				z-index: 2500;
				/* flex: auto; */
				/* flex-direction: row; */
			}

			.mainLogo{
				width: 42%;
				/* 画面中央にしたいので、左からのオフセットは0にする。 */
				left: 0%;
				margin-left: auto;
				margin-right: auto;
			}
			
			.top_article_box{
				position: relative;
				z-index: 2500;
				width: 100%;
			}
			
			.top_article{
				position: relative;
				z-index: 2500;
				width: 60%;
				margin-left: auto;
				margin-right: auto;
			}

			.brnch_title{
				font-size: 0.9em;
			}


			.caption{
				font-size: 0.5em;
			}


			/* navbarのロゴ */
			.navbar-brand img{
				/* width:120px; */
				height:35px;
			}

			.navbar_link_str{
				font-size: 1.2em;
			}

		.content_sub_title{
			font-size: 3em;
			text-align: center;
		  }

		.navbar_container{
			background-color: rgb(255,255,255,1);
			position: relative;
			/* position: fixed;
			z-index: 2500; */
			width: 100%;
			padding-left: 10px;
			padding-right: 10px;
			/* margin-left: 10px; */
			/* margin-right: 10px; */
		}

		ul, ol, dl {
			padding: 0;
			margin: 0;
			margin-left: 20px;
		}


		/* galleryのサムネイルの並び方 */
		.gallery_row{
			width: 100%;
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
			/* 中央揃え */
			justify-content: space-around;
		}


		/* サムネイルのサイズ */
		#gallery_thumbs{
			/* display:none; */
			width: 110px;
		}

		/* gallery2のサムネイルサイズ */
		#gallery_thumbs2{
			/* display:none; */
				width: 160px;
		}


		.lightbox-caption{
			font-size: 0.9em;
			bottom: -6em;
		}



		.ms-caption_title{
			position: relative;
			padding-top: 5px;
			text-align: center;
			color: #444;
			font-size: 1em;
			font-family: "BIZ UDGothic", sans-serif;
			font-weight: 700;
			font-style: normal;
		  }
		
		  .ms-caption_body{
			position: relative;
			padding-top: 5px;
			text-align: center;
			color: #222;
			font-size: 0.8em;
			font-family: "BIZ UDGothic", sans-serif;
			font-weight: 400;
			font-style: normal;
			line-height: 2em;
		}
		}


		/* スマートフォン横位置の時 */
		@media screen and (min-width: 667px) and (max-width: 1024px) and (orientation: landscape) {

		/* galleryのサムネイルの並び方 */
		.gallery_row{
			width: 100%;
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
			/* 中央揃え */
			justify-content: space-around;
		}

			.ms-caption_title{
				position: relative;
				padding-top: 240px;
				text-align: center;
				color: #444;
				font-size: 0.9em;
				font-family: "BIZ UDGothic", sans-serif;
				font-weight: 700;
				font-style: normal;
			  }
			
			  .ms-caption_body{
				position: relative;
				padding-top: 5px;
				text-align: center;
				color: #222;
				font-size: 0.75em;
				font-family: "BIZ UDGothic", sans-serif;
				font-weight: 400;
				font-style: normal;
				line-height: 1.25em;
			}



		}