@charset "utf-8";
.PCnone{display:none!important;}
* {
    margin: 0px;
    padding: 0px;
}
html, body {
    width: 100%;
}
body {
    font-size: 100%;
    font-family:'M PLUS 1p', sans-serif;
    min-height: 100%;
    height: auto;
    overflow-x:hidden;
	border-right:12px solid #37AEA9;
	border-left:12px solid #37AEA9;
	box-sizing:border-box;
}
div{
	box-sizing:border-box;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
button {
    position: fixed;
    z-index: 1001;
    top: 0;
    right: 12px;
    display: block;
    width: 6vw;
    background: #ffffff;
    border: none;
    padding: 1vw;
    padding-bottom:0;
    text-align: center;
    color:#37AEA9;
    outline: none;
    font-size: 1vw;
    letter-spacing: 0.1em;
    cursor: pointer;
}
  /*   ハンバーガーボタン3本線   */
button span.bar {
    display: block;
    height: 0.1vw;
    background-color: #37AEA9;
    margin: 1.25vw 0;
    transition: all 0.2s;
    transform-origin: 0 0;
}
button .close {
    letter-spacing: 0.08em;
    display: none;
}
button .menu {
    display: block;
}
  /*  メニューアクティブ時  */
button.active span.bar {
    width: 4vw;
    background-color:#37AEA9;
    margin-left:0.5vw;
}
button.active .bar1 {
    transform: rotate(45deg);
}
button.active .bar2 {
    opacity: 0;
}
button.active .bar3 {
    transform: rotate(-45deg);
}
button.active .menu {
    display: none;
}
button.active .close {
    display: block;
}
nav {
    width: 750px;
    height: 100vh;
    overflow-y:auto;
    transition: all 0.2s;
    transform: translate(750px);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    background-color: #fdfdfd;
    opacity:.95;
    color:#171c61;
    border-right:12px solid #37AEA9;
    border-left:12px solid #37AEA9;
    box-sizing:border-box;
    font-size:36px;
}
nav.open {
    transform: translate(0); 
}
nav img{
	width:100%;
}
nav .logo{
	margin-top:82px;
	margin-left:65px;
	width:180px;
}
nav ul{
	list-style-type:none;
    margin: 76px 24px 0 24px;
}
nav ul li {
    font-weight: 400;
    padding-top:68px;
    padding-bottom:9px;
    border-bottom:1px solid #171c61;
}
nav .navfoot{
	margin:48px 69px;
	position:relative;
}
.navfoot-mail-click{
	position:absolute;
	top:315px;
	left:0;
	width:100%;
	height:45px;
}
.navfoot-mail-click a{
	display:block;
	width:100%;
	height:100%;
}
nav a {
    text-decoration:none;
    color:#171c61;
}
nav a:visited {
    color:#171c61;
}
nav .navsub{
	font-size:27px;
}

.main{
	border-bottom:12px solid #37AEA9;
	width:100%;
	min-height:100%;
	height:100%;
}
.wrap{
	position:relative;
	width:100%;
	min-height:100%;
	height:100%;
}
.wrap-para{
	position:relative;
	width:100%;
	min-height:100%;
	height:100%;
}
.wrap-support{
	position:relative;
	width:100%;
	min-height:100%;
	height:100%;
}

.wrap-top{
    height:180vw;
    margin-bottom:7vw;
}

.top-logo{
	position:absolute;
    z-index:3;
	top:15.7vw;
	left:7.1vw;
	width:10.3vw;
}
.top-logo2{
    z-index:3;
	top:3.5vw !important;
}
.logo-right{
    writing-mode: vertical-rl;
	position:absolute;
    z-index:3;
	top:9.5vw;
	right:8.4vw;
	font-size:2.6vw;
	font-weight:700;
    letter-spacing: 0.18vw;
	color:#ffffff;
}
.logo-right2{
    z-index:3;
	top:3.5vw !important;
}
.top-position{
	position:absolute;
    z-index:3;
	top:19.7vw;
	left:7.2vw;
	color:#ffffff;
	font-size:1.25vw;
	font-weight:300;
	letter-spacing:0.45vw;
}
.top-ruby{
	position:absolute;
    z-index:3;
	top:19.7vw;
	left:19.7vw;
	color:#ffffff;
	font-size:1.25vw;
	font-weight:300;
	letter-spacing:0.3vw;
}
.top-name{
	position: absolute;
    z-index:3;
    top: 20.49vw;
    left: 6.4vw;
    color: #ffffff;
    font-size: 8vw;
    font-weight: 400;
    letter-spacing: 0.2vw;
}
.top-enthusiasm{
    writing-mode: vertical-rl;
	position: absolute;
    z-index:3;
    top: 9.3vw;
    right:12.98vw;
    color: #ffffff;
    font-size: 5.6vw;
    font-weight: 400;
    letter-spacing: 0.4vw;
    line-height:140%;
}
.nozomu{
    position: absolute;
    z-index:2;
    top: 0;
    left: 0;
    width: 100vw;
    display:none;
    margin:0 -12px;
}
.nozomu.PCnone{
	display:none!important;
}
.badge{
    position: absolute;
    z-index:3;
    left: 7.18vw;
    top: 31.55vw;
    width: 7.4vw;
    display:none;
}
.top-title1{
    writing-mode: vertical-rl;
    position: absolute;
	z-index:120;
    display: block;
    top: 42%;
    left: 8%;
    font-size: 2.7vw;
    font-weight: 300;
    line-height: 190%;
    color:#231815;
}
.top-title2{
    position: absolute;
	z-index:100;
    top: 44%;
    left: 33.5%;
    font-size: 4.8vw;
    font-weight: 300;
    color:#231815;
}
.top-title3{
    position: absolute;
	z-index:100;
    top: 49%;
    left: 33.5%;
    font-size: 4.8vw;
    font-weight: 300;
    color:#231815;
}
.yellow-line1{
    position: absolute;
	z-index:3;
    height: 4vw;
    width: 42%;
    background-color: #37AEA9;
    top: 46%;
    right: 0;
    border: none;
}
.yellow-line2{
    position: absolute;
	z-index:3;
    height: 4vw;
    width: 62.5%;
    background-color: #37AEA9;
    top: 51%;
    left: 0;
    border: none;
}
.top-title4{
    position: absolute;
	z-index:3;
    top: 56%;
    left: 33.5%;
    font-size: 4.8vw;
    font-weight: 300;
    color:#036eb0;
}
.light{
    position: absolute;
	z-index:3;
    width: 20%;
    right: 5%;
    top: 53%;
}
.hope-big{
    position: absolute;
	z-index:3;
    top: 66.5%;
    left: -6%;
    width: 64%;
}
.news-title{
    position: absolute;
	z-index:3;
    writing-mode: vertical-rl;
    font-weight: 700;
    top: 68.5%;
    left: 46%;
    font-size: 2.5vw;
    color: #171c61;
}
.news-topics , .news-topics2 , .news-topics3{
	position: absolute;
    z-index:7;
    top: 68.8%;
    left: 51%;
    width: 48%;
    color: #595757;
}
.news-topics2{
    z-index:3;
    top: 72.8%;
}
.news-topics3{
    z-index:3;
    top: 76.8%;
}
.topics-date{
	font-size:1.2vw;
}
.topics-title{
	font-size:2vw;
	display:inline-block;
	width:100%;
	border-bottom: 1.5px dotted #595757;
	padding-bottom: 0.5rem;
}
.network{
	position:absolute;
    z-index:3;
	width:100%;
	top:77.5%;
}
.wrap-topsub{display:none;}
.wrap2{
	position:relative;
	width:100%;
	min-height:100%;
	height:100%;
}
.congress{
	width:100%;
}
.parallax-window {
    min-height: 59vw;
    background: transparent;
}
.wrap2-title{
    position: absolute;
    top: 6%;
    left: 12%;
    color: #fff;
    font-size: 4vw;
    font-weight: 800;
    letter-spacing: 0.03em;
}
.wrap2-title2{
    position: absolute;
    top: -43%;
    left: 74%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #37AEA9;
    font-size: 10vw;
    font-weight: 300;
    letter-spacing: 0.13em;
    height: 150%;
}
.argument-backimg{
	width:100%;
	padding-top: 11.8vw;
}
.argument-title{
	position: absolute;
    top: 8%;
    left: 8.5%;
    line-height: 248%;
    color: #2257a6;
}
.argument-title-text1{
    font-size: 3vw;
    font-weight: 300;
    letter-spacing: 0.2em;
}
.argument-title-text2{
	font-size: 6.6vw;
    font-weight: 700;
    letter-spacing: 0.09em;
}
.nozomu2{
    position: absolute;
    top: -12%;
    left: 62%;
    width: 27.5%;
}
.argument-text1{
    position: absolute;
    top: 44%;
    left: 12%;
    font-size: 3vw;
    font-weight: 500;
    color: #fff;
}
.argument-text2{
    position: absolute;
    top: 58.5%;
    left: 12%;
    font-size: 4.3vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.23em;
    line-height: 129%;
}
.argument-text3{
	position: absolute;
    top: 78.5%;
    right: 4%;
    font-size: 2vw;
    font-weight: 500;
    color: #fff;
    line-height: 140%;
    text-align: right;
}
.allow{
	position: absolute;
    top: 74%;
    left: 46%;
    width: 10%;
}
.triangle1{
    position: absolute;
    top: 58.5%;
    right: -1.2%;
    width: 54%;
}
.reason-title-text1{
    font-size: 3vw;
    font-weight: 300;
    letter-spacing: 0.24em;
}
.reason-title-text2{
    font-size: 6.6vw;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.nozomu3{
    position: absolute;
    top: -3%;
    left: 66%;
    width: 27.5%;
}
.activity-backimg{
	width:50%;
	padding-top: 11.6vw;
}
.activity-title{
	position: absolute;
    top: 7%;
    left: 8.5%;
    line-height: 248%;
    color: #2257a6;
}
.activity-text1{
    font-size: 3vw;
    position: absolute;
    top: 55%;
    left: 30%;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: -0.04em;
}
.life-backimg{
	padding:8vw 0 31vw 0;
	width:100%;
}
.life-title1{
	position: absolute;
    top: 0;
    left: 9%;
    text-shadow:1px 1px 0 #182980, -1px 1px 0 #182980, 1px -1px 0 #182980, -1px -1px 0 #182980;
    font-size: 7vw;
    color: #fff;
    letter-spacing: 0.05em;
}
.life-title2{
	position: absolute;
    top: 18%;
    left: 9%;
    text-shadow:1px 1px 0 #182980, -1px 1px 0 #182980, 1px -1px 0 #182980, -1px -1px 0 #182980;
    font-size: 7vw;
	color: #ffffff;
	-webkit-text-stroke: 1px #182980;
    letter-spacing: 0.05em;
}
.life-title3{
	position: absolute;
    top: 14%;
    left: 9%;
    font-size: 2.7vw;
    color: #ffffff;
    letter-spacing: 0.05em;
}
.life-read{
    position: absolute;
    top: 15%;
    left: 54.5%;
    font-size: 1.7vw;
    color: #ffffff;
    line-height: 184%;
}
.life-img1{
	position: absolute;
    top: 36%;
    left: 0;
    width: 50%;
}
.life-img2{
	position: absolute;
    top: 56.5%;
    right: 0;
    width: 50%;
}
.life-triangle1{
	position: absolute;
    top: 42%;
    left: 0;
    width: 50%;
}
.life-triangle2{
    position: absolute;
    top: 63%;
    right: 0;
    width: 93%;
}
.life-text1-1{
    position: absolute;
    top: 71%;
    left: 33%;
    color: #ffffff;
    font-size: 1.7vw;
}
.life-text1-2{
    position: absolute;
    top: 74%;
    left: 26%;
    color: #ffffff;
    font-size: 2.5vw;
}
.life-text1-3{
	position: absolute;
    top: 78.4%;
    left: 38%;
    color: #ffffff;
    font-size: 4.4vw;
}
.life-text2-1{
    position: absolute;
    top: 92%;
    left: 84%;
    color: #ffffff;
    font-size: 1.7vw;
}
.life-text2-2{
    position: absolute;
    top: 95%;
    left: 79%;
    color: #ffffff;
    font-size: 2.5vw;
}
.life-text2-3{
	position: absolute;
	top: 99%;
    left: 88%;
    color: #ffffff;
    font-size: 4.4vw;
}
.life-click-area-p1{
	position:absolute;
	top:26vw;
	left:0;
	width:48vw;
	height:40vw;
}
.life-click-area-p1 a{
	display:block;
	width:100%;
	height:100%;
}
.life-click-area-p2{
	position:absolute;
	top:41vw;
	right:0;
	width:48vw;
	height:37vw;
	z-index:10;
}
.life-click-area-p2 a{
	display:block;
	width:100%;
	height:100%;
}

.wrap-blog{
	position:relative;
	width:100%;
	min-height:100%;
	height:30vw;
}
.blog-title{
    position: absolute;
    top: 0%;
    left: 18%;
    text-shadow: 1px 1px 0 #182980, -1px 1px 0 #182980, 1px -1px 0 #182980, -1px -1px 0 #182980;
    font-size: 13vw;
    color: #fff;
    font-weight: 700;
}
.blog-title2{
	position: absolute;
	top: 66%;
	left: 38%;
	color: #ffffff;
	font-weight: 300;
	font-size: 2.6vw;
	z-index: 100;
}
.yellow-line3 {
    position: absolute;
    height: 4vw;
    width: 64%;
    background-color: #37AEA9;
    top: 66%;
    right: 0;
    border: none;
}
.blog-section-box{
	padding-top:2vw;
}
.blog-section{
	float:left;
	width:29.5%;
    margin: 0 0 1.5vw 3%;
  height:35.5vw;
  overflow:hidden;
}
.blog-img{
	width:100%;
	height:21vw;
}
.blog-date{
    font-size: 1.5vw;
	color:#4e5b63;
}
.blog-title3{
	font-size: 2vw;
	line-height:3vw;
	margin-top: 1vw;
	color:#4e5b63;
	overflow:hidden;
}
.blog-read{
	font-size: 1.4vw;
	margin-top: 1vw;
	color:#4e5b63;
}
.blog-more{
    width: 29%;
    margin-top: 3vw;
    padding-left:1%;
    height: 6vw;
    font-size: 3vw;
    letter-spacing: 0.4em;
    font-weight: 700;
    color: #ffffff;
    border: none;
    background-color: #37AEA9;
}
.profile{
    padding-top: 9vw;
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
}
.gray1{
	border: 1px solid #517f98;
    width: 92%;
    margin: 0 auto;
}
.profile1{
    position: absolute;
    top: 60%;
    left: 5%;
    font-weight: 500;
    font-size: 2.6vw;
    letter-spacing: 0.05em;
    color: #171c61;
}
.profile2{
    color: #171c61;
    position: absolute;
    top: 62%;
    left: 34%;
    font-weight: 700;
    line-height: 170%;
}
.gray2{
    border-top: 2px dotted #517f98;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 92%;
    margin: 9vw auto 0 auto;
}
.history{
	width:100%;
}
.surprise-left{
    position: absolute;
    left: 26.8%;
    width: 18%;
}
.fukidashi {
    display: none;
    width: 18vw;
    position: absolute;
    padding: 16px;
    border-radius: 5px;
    background: #fff;
    color: #171c61;
    font-weight: 300;
    border: 1px solid #171c61;
    font-size:1.5vw
}

.fukidashi01{
    top: -22%;
    left: 27%;
}
.fukidashi02{
    top: 0%;
    left: 27%;
}
.fukidashi03{
    top: 0%;
    left: 27%;
}
.fukidashi04{
    top: 20%;
    left: 27%;
}
.fukidashi05{
    top: 0%;
    left: 27%;
}
.fukidashi06{
    top: 55%;
    left: 27%;
}
.fukidashi07{
    top: -16%;
    left: 78.5%;
}
.fukidashi08{
    top: 5%;
    left: 78.5%;
}
.fukidashi09{
    top: 17%;
    left: 78.5%;
}
.surprise1:hover + .fukidashi01 {
	display: block;
}
.surprise2:hover + .fukidashi02 {
	display: block;
}
.surprise3:hover + .fukidashi03 {
	display: block;
}
.surprise4:hover + .fukidashi04 {
	display: block;
}
.surprise5:hover + .fukidashi05 {
	display: block;
}
.surprise6:hover + .fukidashi06 {
	display: block;
}
.surprise7:hover + .fukidashi07 {
	display: block;
}
.surprise8:hover + .fukidashi08 {
	display: block;
}
.surprise9:hover + .fukidashi09 {
	display: block;
}
.surprise1{
    top: 4.8%;
}
.surprise2{
    top: 26.8%;
}
.surprise3{
    top: 36.8%;
}
.surprise4{
    top: 47.8%;
}
.surprise5{
    top: 64.8%;
}
.surprise6{
    top: 87.8%;
}
.surprise-right{
    position: absolute;
    left: 78.6%;
    width: 18%;
}
.surprise7{
    top: 12%;
}
.surprise8{
    top:32.8%;
}
.surprise9{
    top: 43.8%;
}
.address{
	color:#171c61;
	font-weight:300;
	height:12vw;
}
#Page-guideline .address{
	margin-top:100px;
}
.address-logo{
    position: absolute;
    top: 2.5vw;
    left: 6%;
    width: 18.3%;
}
.address-text1{
    position: absolute;
    top: 2.5vw;
    left: 28.4%;
    font-size: 2vw;
    letter-spacing: 0.1em;
}
.address-text2{
    position: absolute;
    top: 5.4vw;
    left: 28.4%;
    font-size: 1.8vw;
    letter-spacing: 0.08em;
}
.address-position{
    position: absolute;
    top: 4vw;
    left: 57%;
    letter-spacing: 0.1em;
}
.address-name{
    position: absolute;
    top: 1.1vw;
    left: 74%;
    font-weight: 500;
    font-size: 5.2vw;
    letter-spacing: 0.06em;
}
.gray3{
    position: absolute;
    top: 11vw;
    left: 4%;
}
.fb{
	width: 50%;
    float: left;
    color: #5067ae;
    font-weight: 500;
    text-align: center;
}
p.fb-text {
    font-size: 2.2vw;
    margin-top: 1vw;
}
img.fb-icon {
    width: 6%;
    vertical-align: middle;
}
hr.fb-hr {
    width: 73%;
    margin: 2vw auto 0 auto;
    border: 1px solid #517f98;
}
.communication{
	width:50%;
	float:left;
	color:#517f98;
	font-weight:500;
}
p.commu-title {
    text-align: center;
    font-size: 2.2vw;
    margin-top: 1vw;
}
hr.fb-hr2 {
    width: 73%;
    margin: 2.2vw auto 0 auto;
    border: 1px solid #517f98;
}
.fb2{
	width: 50%;
    float: left;
    color: #5067ae;
    font-weight: 500;
    text-align: center;
    border-right:1px solid #517f98;
}
.communication2{
	width:50%;
	float:left;
	color:#517f98;
	font-weight:500;
}
.communication2 a{
	color:inherit;
}
.fb_iframe_widget {
    margin: 1vw 0;
}
.commu-text{
	float:left;
}
img.tel-img {
    width: 3.7%;
    float: left;
    margin: 3vw 0 0 6%;
}
img.fax-img {
    width: 5.7%;
    float: left;
    margin: 3vw 0 0 4%;
}
img.mail-img {
    width: 5%;
    float: left;
    margin: 4vw 0 0 2%;
}
.commu-text1 {
    font-size: 3vw;
    margin: 2.2vw 0 0 15%;
}
.commu-text2 {
    margin: 2.2vw 0 0 4%;
    font-size: 3vw;
    width: 55%;
}
.commu-text3 {
    font-size: 3vw;
    margin: 2.2vw 0 0 15%;
}
.commu-text4 {
    margin: 2.2vw 0 0 3%;
    font-size: 3vw;
    width: 55%;
}
.commu-text5 {
    font-size: 3vw;
    margin: 2.2vw 0 0 15%;
}
.commu-text6 {
    margin: 2.6vw 0 0 2%;
    font-size: 3vw;
    width: 55%;
}
.footer{
	height:10vw;
	background-color:#37AEA9;
	text-align:center;
}
.copy{
	color: #ffffff;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 1rem;
    font-size: 1.2vw;
}
.contents-wrap{
	background:no-repeat url("images/2019/002-2.png");
	background-size:cover;
}
img.guide-title {
    position: absolute;
    top: 15.4%;
    left: 0;
    width: 79%;
}
img.guide-topimg {
	position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    padding: 14vw 4vw 0 0;
    z-index: 100;
}
img.dummy{
	float: right;
    width: 45%;
    padding: 14vw 4vw 0 0;
    visibility: hidden;
}
.guide-top-text{
	font-weight: 300;
    padding-top: 54.5vw;
    width: 84%;
    margin: 0 auto;
    font-size: 1.7vw;
    line-height: 2.7vw;
}
img.guide-center-img1 {
    width: 93%;
    margin-top: 6vw;
}
p.guide-center-text {
    font-weight: 700;
    color: #036eb1;
    font-size: 4vw;
    margin: 3vw 0 0 8vw;
    line-height: 5.6vw;
    letter-spacing: -0.1em;
}
img.guide-center-img2 {
    display: block;
    margin: 1.4vw auto 0 auto;
    width: 86%;
}
img.guide-center-img2:last-child{
	margin-bottom:6vw;
}
img.reason-topimg {
    width: 85%;
    margin: 9.2vw 0 0 8vw;
}
img.reason-comicimg {
    width: 29.6%;
    float: left;
    margin: 0 0 0 3%;
}
img.reason-comicimg:nth-child(3n+2){
	margin-top:3vw;
}
img.reason-comicimg:nth-child(3n+3){
	margin-top:6vw;
}
img.reason-comicimg:last-child{
	margin-bottom:5vw;
}
.reason-box{
	padding-bottom:5vw;
}
img.report-topimg {
    width: 83%;
    margin: 12vw 0 0 8vw;
}
.report-topbox{
/*	padding-bottom:15vw;*/
}
.report-wrap {
/*    top: -15vw;*/
}
.report-box {
    float: left;
    width: 27%;
    margin: 1vw 0 13vw 3vw;
    position:relative;
}
.report-box:nth-child(1) {
    margin-left: 7vw;
}
img.report-question-img {
    width: 98%;
}
img.report-answer {
    width: 96%;
    position: absolute;
    bottom: -9vw;
    right: -1vw;
}
img.lifework01-top-title {
    width: 41%;
    margin: 15.5vw 0 0 7.7vw;
}
img.lifework01-top-img {
    position: absolute;
    right: 3%;
    top: 24%;
    width: 43%;
}
.life01-topbox{
	padding-bottom:3.6vw;
}
.life-top-text{
	font-weight: 300;
    width: 86%;
    margin: 0 auto;
    font-size: 1.7vw;
    line-height: 2.9vw;
}
.life-top-text2{
    color: #ff9800;
    font-weight: 700;
    margin: 3vw 7vw;
    font-size: 2.5vw;
}
img.lifework01-bokin01-img {
    width: 28.5%;
    margin: 5vw 0 6vw 3vw;
    vertical-align: top;
}
img.lifework01-allow01 {
	position: absolute;
    width: 3.6%;
    top: 23vw;
    left: 30.4vw;
}
img.lifework01-allow02 {
    position: absolute;
    width: 3.6%;
    top: 23vw;
    left: 61.4vw;
}
.bokin02-box {
    width: 31%;
    margin: 0 0 14vw 2%;
    float: left;
}
img.lifework01-bokin02-img {
    width: 100%;
}
p.bokin02-text {
    line-height: 160%;
    font-weight: 300;
}
img.lifework02-top-title {
	width: 41%;
    margin: 15.5vw 0 0 7.7vw;
}
img.lifework02-top-img {
    position: absolute;
    right: 4.3%;
    top: 26%;
    width: 42%;
}
.life02-topbox{
	padding-bottom:3.6vw;
}
.blog-topbox{
	height: 38vw;
}
.blog-toptitle{
	position: absolute;
	top:5vw;
	left: 18%;
	color: transparent;
	-webkit-text-stroke: 1px #182980;
	font-size: 13vw;
	font-weight: 700;
}
.blog-title4{
	position: absolute;
	top: 66%;
	left: 38%;
	color: #182980;
	font-weight: 300;
	font-size: 2.6vw;
	z-index: 100;
}
.yellow-line4 {
    position: absolute;
    height: 4vw;
    width: 64%;
    background-color: #37AEA9;
    top: 66%;
    right: 0;
    border: none;
}
.blog-title5{
	position: absolute;
	top: 66%;
	left: 52%;
	color: #182980;
	font-weight: 300;
	font-size: 2.6vw;
	z-index: 100;
}
.yellow-line5 {
    position: absolute;
    height: 4vw;
    width: 50%;
    background-color: #37AEA9;
    top: 66%;
    right: 0;
    border: none;
}

.blog-contents-box{
    width: 84%;
    margin:0 auto;
    padding: 1vw 0;
}
p.blog-contents-title {
    font-weight: 400;
    color: #171c61;
    font-size: 2.4vw;
    margin: 0 0 1vw 0;
}
.blog-contents-img{
	display:block;
	margin:1vw auto;
	width:50%;
}
p.blog-contents-date {
    font-size: 1.2vw;
    margin: 1vw 0;
}
.blog-contents-text{
	font-weight: 300;
    margin: 0 auto;
    font-size: 1.7vw;
    line-height: 2.7vw;
}