@charset "utf-8";
#main{
	width: 100%;
	position: relative;
	overflow-x: hidden;
}
#main img {
	width: 100%;	
}
#main .title
{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	top: 0%;
	left: 2%;
	color: #fff;
     -ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	border-right: thin solid #FFFFFF;
	padding-top: 1%;
}
#main p {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	font-weight: 100;
}
#main h3 {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 40px;
	font-weight: 100;
}

.col_titale {
	width: 70%;
	margin: auto;
	padding: 50px 0;
	text-align: center;
}
.col_titale h2 {
	font-family: 'Noto Sans Japanese';
	font-weight: 300;
	font-size: 38px;
}
.col_titale  p {
	padding-bottom: 50px;
}

.col_titale  p a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #D40205 ;
	padding-bottom: 2px;
}
.col_titale  p a:hover {
	color: #000;	
}
.col_titale  p a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #D40205;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.col_titale  p a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
/*コラム＿0*/
.col_0 {
	width: 50%;
	max-width: 700px;
	margin: auto;
	text-align: center;
	padding: 20px 0;
}
.col_0 p {
	font-family: 'Noto Sans Japanese';
	font-weight: 200;
	font-size: 26px;
}

.col_image {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 50%;
	max-width: 700px;
}
.col_image p {
	color: #ADADAD;
	font-family: 'Noto Sans Japanese';
	font-weight: 200;
	font-size: 14px;
	
}
.sub_title {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
}
.sub_title2 {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 120px;
}
.sub_title .utsuwa h3 {
	font-family: 'Noto Sans Japanese';
	font-weight: 300;
	font-size: 36px;
	
}
.sub_title2 h3{
	font-family: 'Noto Sans Japanese';
	font-weight: 300;
	font-size: 32px;
}
.movie{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-bottom: 50px;
	padding-top: 50px;
	
}
.movie p {
	color: #ADADAD;
	font-family: 'Noto Sans Japanese';
	font-weight: 300;
	font-size: 16px;
	
}
.col_0 p span {
}
.col_0 p span a {
	color: #59B1EB;	
}
.col_0 p span a:hover {
	color: #59B1EB;
	text-decoration: underline;	
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.col_1 {
	width: 60%;
	max-width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}
.col_1 h3 {
	font-size: 21px;
	padding-bottom: 16px;
}
.col_1 p {
	font-family: 'Noto Sans Japanese';
	font-weight: 200;
	font-size: 16px;
}
.col_1 a {
	color: #59B1EB;     
}
.col_1 a:hover {
	color: #59B1EB;
	text-decoration: underline;
}

@media screen and (max-width: 1024px) {
	/*コラム＿0*/
.col_0 {
	width: 60%;
	max-width: 700px;
}
.col_image {
	width: 60%;
	max-width: 700px;
}
.sub_title {
	width: 60%;
}	
.movie{
	width: 60%;
}
.sub_title2 h3{
	font-size: 27px;
}	
}
@media screen and (max-width: 768px) {
    #main2 .title,
	#main .title{
	top: 12%;
	left: 2%;
}	
	#main img{
	width: auto;
	height: 100vh;
}
	/*コラム＿0*/
.movie,	
.sub_title,	
.col_image,
.col_titale,	
.col_0 {
	width: 80%;
	max-width: 700px;
}
.col_titale h2 {
	font-size: 36px;
}	
}
@media screen and (max-width: 480px) {
#main2 .title,	
#main .title{
	top: 12%;
	left: 2%;
}	
	/*コラム＿0*/
.movie,	
.sub_title,	
.col_image,
.col_titale,	
.col_0 {
	width: 85%;
	max-width: 700px;
}
.col_0{
	padding:0;
}	
.col_titale h2 {
	font-size: 24px;
}
.col_0 p {
	font-size: 18px;
}
.col_image p {
	font-size: 14px;
}	
.sub_title .utsuwa h3 {
	font-size: 24px;	
}
.sub_title2  {
	width: 95%;	
	padding-bottom: 0px;
	padding-top: 50px;
}	
	
.sub_title2 h3 {
	font-size: 22px;	
}	
}
@media screen and (max-width: 414px) {
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
	}	
#main .title{
	top: 12%;
	left: 2%;
}	
	/*コラム＿0*/
	
.sub_title,	
.col_titale,	
.col_0 {
	width: 85%;
	max-width: 700px;
}
.movie,	
.col_image{
	width: 100%;
	padding: 15px 0;
	}	
.col_0{
	padding:0;
}
.col_1{
	width: 80%;	
	}
.col_titale h2 {
	font-size: 21px;
}
.col_0 p {
	font-size: 18px;
}
.col_image p {
	font-size: 14px;
}	
.sub_title .utsuwa h3 {
	font-size: 21px;	
}
.sub_title {
	width: 95%;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
	.sub_title2 h3 {
	font-size: 20px;	
}
}
@media screen and (max-width: 375px) {
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
	}	
#main .title{
	top: 12%;
	left: 2%;
}	
.col_0{
	width: 95%;
}	
.col_image p {
	font-size: 12px;
}
	.movie p {
	font-size: 12px;
	
}
	
.col_0 {
	width: 90%;
	max-width: 700px;
}
.sub_title,	
.col_titale {
	width: 95%;	
	}
	
.sub_title2 h3 {
	font-size: 18px;	
}
	
}