@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* common 
------------------------------------------------------------------*/
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.8;
	color: #282828;
	font-size: 1.4rem !important;
}
/* link setting */
a:link {
	color: #0ba14b;
	text-decoration: underline;
}
a:visited {
	color: #0ba14b;
	text-decoration: underline;
}
a:hover {
	color: #0ba14b;
	text-decoration: none;
}
a:active {
	color: #0ba14b;
	text-decoration: underline;
}
/* other setting */
hr {display: none;}
img {
}
sub, sup {
	position: relative;
	line-height: 0;
	font-size: 10px;
}
sup {top: 0em;}
sub {bottom: 0.3em; font-size: 0.4em;}
span img{ display: block;}
.small{ font-size: 12px; display: block;}


/* parts 
------------------------------------------------------------------*/
.pc_display{ display: block;}
.sp_display{ display: none;}

/* clearfix 
------------------------------------------------------------------*/
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

.clearfix{
	zoom: 1;
}

/* cont 
------------------------------------------------------------------*/
#wapper{
	background: url(../../../common/img/bg_wrapper.png) repeat;
	overflow: hidden;
}

.mv{
	width:1080px;
	margin:0 auto;
	height:500px;
	padding:75px 0 45px 0;
	position: relative;
	z-index: 1;
}

.mv:before{
	content: ' ';
	position: absolute;
	left:-900px;
	background:url(../img/bg_mv_010.png);
	width:904px;
	height:442px;
}

.mv:after{
	content: ' ';
	position: absolute;
	right:-45px;
	right:-450px;
	background:url(../img/bg_mv_020.png);
	width:444px;
	height:442px;
}

h1{
	position: absolute;
	width:910px;
	margin:0 auto;
	right:0;
	left:0;
	bottom:150px;
	z-index: 1000;
}

/* text_area
------------------------------------------------------------------*/
.thought_area{
	background: #fff url(../img/bg_thought_010.jpg) repeat-x;
	background-position: left 10px bottom 20px;
	width:100%;
	padding:90px 0 40px 0;
}

.thought_area_inner{
	width:1080px;
	margin:0 auto;
	padding:0 0 120px 0;
	display: flex;
}

.thought_area h2{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#009944;
	font-size:42px;
	line-height:66px;
	margin-right: auto;
	width: 490px;
}

.thought_area h2 span{
	background: #dbf3e6;	
	padding:0 16px;
	display: inline-block;
	margin:0 0 10px 0;
}

.thought_area h2 span:first-child,
.thought_area h2 span:last-child{
	padding:0 0 0 16px;
}

.thought_area p{
	font-size:15px;
	line-height:27px;
	flex: 1;
	margin:20px 0 0 0;
}

.thought_area p:first-child{
	margin:0;
}

/* goal_area
------------------------------------------------------------------*/
.goal_area{
	width:1080px;
	margin:0 auto;
	padding:120px 0 120px 0;
}

.goal_area .text_area{
	display: flex;
	margin:0 0 40px 0; 
}

.goal_area .text_area h2{
	width:466px;
}
.goal_area .text_area h2 img{
	width:437px;
	height:97px;
}

.goal_area .text_area p{
	flex: 1;
}

.goal_area ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.goal_area ul li{
	padding:32px;
	width:49%;
	margin:0 0 20px 0;
	box-sizing: border-box;
}

.goal_area ul li p{
	font-size:13px;
}
.goal_area ul li .num_area img{
	width:153px;
}

.goal_area .num_area{
	display: flex;
	margin:0 0 24px 0;
}

.goal_area ul li .num_area_inner{
	display: flex;
	flex-direction: column;	
}

.goal_area ul li .btn{
	  margin-top: auto; 
}

.goal_area ul li .btn a{
	font-size:14px;
	background: #fff;
	border-radius: 50px;
	display: inline-block;
	margin: 10px auto;
	padding:10px 0;
	width:283px;
	text-decoration: none;	
	text-align: center;
}

.goal_area ul li .btn a:hover{
	color:#fff !important;
	box-shadow: none;
	margin: 12px auto 8px;
	opacity: 1;
	transition:all 0.6s ease;
	transition-duration: 0.3s;
}

.goal_area ul li .btn a:after{
	font-family: "Font Awesome 5 Free";
	content: '\f061';
	font-weight: 600;
	padding:0 0 0 8px;
}

.btn.sp_display{
	margin:0 0 24px 0;
}

.goal_area .num_area h2{
	width:153px;
}

.goal_area .num_area div{
	flex:1;
	margin:0 0 0 24px;
}

.report_area a{
	text-decoration: none;
}

.report_area a figure {
	position: relative;
	overflow: hidden;
	width:462px;
	height:224px;
	border-radius: 5px;
}

.report_area a figure img {
	display: block;
	transition-duration: 0.3s;
	width:462px;
	height: 224px;
}

.report_area a:hover figure img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}

.goal_area ul li .report_area figure:after {
	font-family: "Font Awesome 5 Free";
	content: '\f061';
	text-align: center;
	 vertical-align: middle;
	font-weight: 600;
	font-size:13px;
	padding:0 3px 0 4px;
	color:#fff;
	background: #e5243b;
	width:32px;
	line-height:40px;
	display: block;
	position: absolute;
	right: 0;
	bottom:0;
	border-radius: 5px 0 5px 0
}

.report_area a h4{
	margin:20px 0 0 0;
	font-size:18px;
	line-height: 26px;
	color: #282828;
	font-weight: normal;
}

.report_area a h4 span{
	margin:2px 0 0 0;
	font-size:13px;
	color:#818181;
	display: block;
}

/*色指定*/
.goal_area ul li:nth-child(1) {background:#ffeff1;}
.goal_area ul li:nth-child(2) {	background:#faefda;}
.goal_area ul li:nth-child(3) {background:#e3f2df;}
.goal_area ul li:nth-child(4) {	background:#f4e9eb;}
.goal_area ul li:nth-child(5) {background:#ffe9e6;}
.goal_area ul li:nth-child(6) {	background:#daf5fc;}
.goal_area ul li:nth-child(7) {background:#f8ecc3;}
.goal_area ul li:nth-child(8) {	background:#efdce2;}
.goal_area ul li:nth-child(9) {background:#fde3d7;}
.goal_area ul li:nth-child(10) {background:#f1d5e0;}
.goal_area ul li:nth-child(11) {background:#fbeddb;}
.goal_area ul li:nth-child(12) {background:#efebe4;}
.goal_area ul li:nth-child(13) {background:#e5f2e6;}
.goal_area ul li:nth-child(14) {background:#e8f6fd;}
.goal_area ul li:nth-child(15) {background:#eefde8;}
.goal_area ul li:nth-child(16) {background:#e8ebed;}
.goal_area ul li:nth-child(17) {background:#e6e9ec;}

.goal_area ul li:nth-child(1) .btn a{	color:#e5243b;border:1px solid #e5243b;	box-shadow: 0 2px 0 #e5243b;}
.goal_area ul li:nth-child(1) .btn a:hover,
.report_area ul li:nth-child(1) figure:after{background: #e5243b;}

.goal_area ul li:nth-child(2) .btn a{color:#dca63a;	border:1px solid #dca63a;box-shadow: 0 2px 0 #dca63a;}
.goal_area ul li:nth-child(2) .btn a:hover,
.goal_area ul li:nth-child(2) .report_area figure:after{background: #dca63a;}

.goal_area ul li:nth-child(3) .btn a{color:#4c9e38;	border:1px solid #4c9e38;box-shadow: 0 2px 0 #4c9e38;}
.goal_area ul li:nth-child(3) .btn a:hover,
.goal_area ul li:nth-child(3) .report_area figure:after{background: #4c9e38 ;}

.goal_area ul li:nth-child(4) .btn a{color:#c51a2d;	border:1px solid #c51a2d;box-shadow: 0 2px 0 #c51a2d;}
.goal_area ul li:nth-child(4) .btn a:hover,
.goal_area ul li:nth-child(4) .report_area figure:after{background: #c51a2d;}

.goal_area ul li:nth-child(5) .btn a{color:#ff3a20;	border:1px solid #ff3a20;box-shadow: 0 2px 0 #ff3a20;}
.goal_area ul li:nth-child(5) .btn a:hover,
.goal_area ul li:nth-child(5) .report_area figure:after{background: #ff3a20;}

.goal_area ul li:nth-child(6) .btn a{color:#25bde2;	border:1px solid #25bde2;box-shadow: 0 2px 0 #25bde2 ;}
.goal_area ul li:nth-child(6) .btn a:hover,
.goal_area ul li:nth-child(6) .report_area figure:after{background: #25bde2;}

.goal_area ul li:nth-child(7) .btn a{color:#fbc30a;	border:1px solid #fbc30a;box-shadow: 0 2px 0 #fbc30a;}
.goal_area ul li:nth-child(7) .btn a:hover,
.goal_area ul li:nth-child(7) .report_area figure:after{background: #fbc30a;}

.goal_area ul li:nth-child(8) .btn a{color:#a21a42;	border:1px solid #a21a42;box-shadow: 0 2px 0 #a21a42;}
.goal_area ul li:nth-child(8) .btn a:hover,
.goal_area ul li:nth-child(8) .report_area figure:after{background: #a21a42;}

.goal_area ul li:nth-child(9) .btn a{color:#fd6824;	border:1px solid #fd6824;box-shadow: 0 2px 0 #fd6824;}
.goal_area ul li:nth-child(9) .btn a:hover,
.goal_area ul li:nth-child(9) .report_area figure:after{background: #fd6824;}

.goal_area ul li:nth-child(10) .btn a{color:#dd1367;border:1px solid #dd1367;box-shadow: 0 2px 0 #dd1367;}
.goal_area ul li:nth-child(10) .btn a:hover,
.goal_area ul li:nth-child(10) .report_area figure:after{background: #dd1367;}

.goal_area ul li:nth-child(11) .btn a{color:#fd9d24;border:1px solid #fd9d24;box-shadow: 0 2px 0 #fd9d24;}
.goal_area ul li:nth-child(11) .btn a:hover,
.goal_area ul li:nth-child(11) .report_area figure:after{background: #fd9d24;}

.goal_area ul li:nth-child(12) .btn a{color:#c08b2f;border:1px solid #c08b2f;box-shadow: 0 2px 0 #c08b2f;}
.goal_area ul li:nth-child(12) .btn a:hover,
.goal_area ul li:nth-child(12) .report_area figure:after{background: #c08b2f;}

.goal_area ul li:nth-child(13) .btn a{color:#3f7e45;border:1px solid #3f7e45;box-shadow: 0 2px 0 #3f7e45;}
.goal_area ul li:nth-child(13) .btn a:hover,
.goal_area ul li:nth-child(13) .report_area figure:after{background: #3f7e45;}

.goal_area ul li:nth-child(14) .btn a{color:#0997d9;border:1px solid #0997d9;box-shadow: 0 2px 0 #0997d9;}
.goal_area ul li:nth-child(14) .btn a:hover,
.goal_area ul li:nth-child(14) .report_area figure:after{background: #0997d9;}

.goal_area ul li:nth-child(15) .btn a{color:#56c02a;border:1px solid #56c02a;box-shadow: 0 2px 0 #56c02a;}
.goal_area ul li:nth-child(15) .btn a:hover,
.goal_area ul li:nth-child(15) .report_area figure:after{background: #56c02a;}

.goal_area ul li:nth-child(16) .btn a{color:#00689d;border:1px solid #00689d;box-shadow: 0 2px 0 #00689d;}
.goal_area ul li:nth-child(16) .btn a:hover,
.goal_area ul li:nth-child(16) .report_area figure:after{background: #00689d;}

.goal_area ul li:nth-child(17) .btn a{color:#1a486a;border:1px solid #1a486a;box-shadow: 0 2px 0 #1a486a;}
.goal_area ul li:nth-child(17) .btn a:hover,
.goal_area ul li:nth-child(17) .report_area figure:after{background: #1a486a;}

.goal_area ul li .report_area figure:hover:after{
	background:#000;
	transition-duration: 0.3s;
}

/* footer
------------------------------------------------------------------*/
footer{
	background:#fff  url(../../../common/img/bg_footer.png) 50% 100% repeat-x;
	background-position: left bottom;
	overflow: hidden;
}

.footer_inner{
	width:1080px;
	margin:0 auto;
	padding:20px 0;
	display: flex;
	justify-content:space-between;
}

footer .logo_area{
	display: flex;
	padding:8px 0 0 0;
}

footer small{
	font-size:12px;
 	color:#b4b4b4;
	display: block;	
	margin:5px 0 0 15px;
}

footer .logo_area a img{
	width:143px;
	height:31px;
}

footer .pagetop a{
	display: block;
}

footer .pagetop a img{
	width:48px;
	height:48px;
}

/* 768px 
------------------------------------------------------------------*/

@media screen and (max-width:768px) {
	.pc_display{ display: none;}
	.sp_display{ display: block;}
	
	/*画像100%*/
	.thought_area h2,
	.goal_area .text_area h2,
	.goal_area .text_area h2 img{
		width:100%;
	}
	
	.thought_area_inner,
	.goal_area{
		width:90%;
}
	.thought_area_inner,
	.goal_area .text_area,
	.goal_area ul{
		display: block;
	}
	
	h1{
		width:90%;
		position: static;
	}
	h1 img{
		width:100%;
	}
	
	.mv {
		position: static;
		width:100%;
		height:auto;
		padding:20px 0 20px 0;
	}
	
	.mv:before,
	.mv:after {
		display: none;
	}
	
	/* thought_area 
	------------------------------------------------------------------*/
	.thought_area{
		background: #fff url(../img/bg_thought_010.jpg) repeat-x;
		background-position: left 10px bottom 20px;
		background-size:565px 71px;
		padding: 50px 0 10px 0;
	}
	
	.thought_area_inner{
		padding: 0 0 90px 0;
	}
	
	.thought_area h2{
		font-size:24px;
		letter-spacing: -0.2rem;
		text-align: center;
		line-height: 50px;
		margin-bottom:15px;
	}
	
	.goal_area .text_area h2 img{
		height:auto;
	}
	
	.thought_area h2 span:last-child {
    	padding: 0 5px 0 12px;
	}	
	
	.goal_area .text_area{
		margin: 0 0 20px 0;
	}
	.thought_area p {
    	font-size: 15px;
    	line-height: 20px;
	}

	
	/* goal_area 
	------------------------------------------------------------------*/
	.goal_area{
		padding: 60px 0 30px 0;
	}
	
	.goal_area .text_area h2{
		margin-bottom:20px;
		font-size:0;
	}
	
	.goal_area ul li{
		width:100%;
		padding:20px;
	}
	
	.goal_area .num_area div{
		margin:0;
	}
	
	.report_area a h4{
		margin:10px 0 0 0;
	}
	
	.report_area a figure{
		width:100%;
		height:140px;
	}
	
	.goal_area .num_area{
		margin:0;
	}
	
	.goal_area ul li .num_area img{
		width:100px;
		margin:0 24px 0 0;
	}
	
	.report_area a figure img{
		width:100%;
		height:auto;
	}
	
	.report_area a h4 span{
		line-height:14px;
	}

	.goal_area ul li .btn a{
		width:100%;
	}
	/* footer_inner 
	------------------------------------------------------------------*/
	.footer_inner{
		width:100%;
		text-align: center;
	}
	.footer_inner,
	footer .logo_area{
		display: block;
	}
	
}