/*
Theme Name: reallife-kagoshima
Author: dw5
Version: 1.0.0
*/

@charset "utf-8";
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/css/mg.css">


/* COMMON */

body {
  font-size: 20px;
}

header,.full-wide,.full-wide-outer-bule{
	margin: -8px;
}

.pc-hide{
	display: none;
}

.container-outer{
	margin: 0 auto;
	max-width: 950px;
}
.container{
	margin: 0 30px;
}

h2{
	font-size: 40px;
	font-weight: 100;
	text-align: center;
	margin-top: 0;
}

.bottom{
	font-family: 'Noto Serif JP', serif;
	font-size: 50px;
	margin-bottom: 30px;;
}

p{
	font-size: 20px;
	line-height: 2rem;
	margin-bottom: 50px;
}

h3{
	font-family: 'Noto Serif JP', serif;
	font-weight: 100;
	color: #69B2BA;
	font-size: 50px;
	line-height: 1em;
}
h3 span{
	font-size: 90px;
	margin-bottom: 20px;
}



h4{
	font-size: 20px;
	color: #777777;
	margin-bottom: 10px;
}

.text-center{
	text-align: center;
}

.sec2-col img{
	margin-bottom: 30px;
}

.link-bt{
	padding: 0 100px;
	margin-bottom: 130px;
}

/* youtube用 */
.youtube{
	    padding-top: 56.25%;
	    width: 100%;
	    position: relative;
	    margin-bottom: 80px;
	}
	 
	.youtube iframe{
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	}
	
.full-wide-outer-bule{
	background-color: #F0FFFE;
}
.foot-flex{
	display: flex;
	align-items: center;
}

footer{
	background-color: #193762;
	margin: -8px;
	padding: 20px 50px;
}

footer p{
	font-size: 13px;
	line-height: 1.5em;
	color: white;
	margin: 0;
}

footer img{
	width: 90px;
	margin-right: 30px;
}

/* 追加 */

video {
  width: 100%;
  height: auto;
  display: block;
}

    #afterImage {
      display: none; /* 最初は非表示 */
      width: 100%;
    }

@media screen and (max-width: 600px) {
	
	p{
		font-size: 16px;
		line-height: 1.5em;
	}
	
	.container{
	margin: 0 15px;
	}
	.sp-hide{
		display: none;
	}
	.pc-hide{
		display: block;
	}
	
	h3{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		color: #69B2BA;
		color: #69B2BA;
		font-size: 30px;
	}
	
	h3 span{

	font-size: 50px;
	line-height: 1.1em;
	}

	.youtube{
		margin-bottom: 50px;
	}	

	
	.sec2-col img{
		margin-bottom: 20px;
	}
	
	.link-bt{
	padding: 0;
	margin-bottom: 80px;
	}

	
	.foot-flex{
		text-align: center;
		display: block;
	}
	footer img{
	margin-right: 0px;
	margin-bottom: 10px;
}

		
}