/*-----------------------------------------------------------------------------------
はがきキャンペーン201812
-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Google font
2. Default CSS
3. Button-Style
4. Helper-Classes
5. MainMenu-Area
6. page-ttl
7. About-Area 	
8. staff-Area 
9. Question-area 
10. Goal-Area 
-----------------------------------------------------------------------------------*/
/*
.staff-message-head,
.staff-slider{
	display: none;
}
*/

.main-lp.cf {
    margin-top: 0!important;
}
@media only screen and (max-width: 420px) {
	.head-btn{
		text-align: center!important;
	}
}

/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p');

/*-------------------
2. Default CSS
--------------------*/

* {
    outline: none;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #333333;
}

input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #000000;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 400;
    line-height: 1.4em;
	font-family: 'M PLUS 1p', sans-serif; 
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 32px;
}

html,
body {
    height: 100%
}

body {
   font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #46432d;
}
@media only screen and (max-width: 768px) {
	h1 {
    font-size: 30px;
	}
	
	h2 {
	    font-size: 28px;
	}
	
	h3 {
	    font-size: 22px;
	}
	body {
    	font-size: 15px;
    	line-height: 24px;
	}
	
}
/*-- 3. Button-Style --*/

.bttn-white {
    position: relative;
    background: #fcc91a;
    overflow: hidden;
    z-index: 1;
    margin-right: 10px;
    font-family: 'Open Sans', sans-serif;
    border: none;
}

.bttn-white img {
    height: 20px;
    margin-right: 5px;
    margin-top: -5px;
    display: inline-block;
}

.bttn-white:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
}

.bttn-white.active,
.bttn-white:hover {
    color: #fcc91a;;
}

.bttn-white.active:before,
.bttn-white:hover:before {
    opacity: 0;
}

.bttn-default,
.bttn-white {
    padding: 12px 30px;
    background-color: #ffffff;
    display: inline-block;
    color: #000000;
    text-transform: uppercase;
    border-radius: 50px;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 17px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: none;
}
.bttn-default:focus,.bttn-default:hover,
.bttn-default:visited{
	color: #fff;
}
.bttn-default .lnr,
.bttn-white .lnr {
    margin-right: 10px;
}
a.btn.btn-small {
	background-color: #f0666d!important;
}

.bttn-default {
    padding: 12px 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#482cbf+0,6ac6f0+100 */
    background: #f0666d;
    color: #ffffff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.bttn-default:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


a.border-btn{
	border: 2px solid #fff;    
    background: #01a290;
    padding: 5px 30px;
    border-radius: 100px;
    margin: 5px;
	display: inline-block;
    color: #fff;    
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);    
}
a.border-btn:hover {
    color: #01a290;
	background: #fff;
	border: 2px solid #01a290;    
    -webkit-box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.sq {
    border-radius: 3px !important;
}


/*-- 4. Helper-Classes --*/

.section-padding-top {
    padding-top: 120px;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-padding-bottom {
    padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
	.section-padding-top {
	    padding-top: 60px;
	}
	
	.section-padding {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	
	.section-padding-bottom {
	    padding-bottom: 60px;
	}	
}

.upper {
    text-transform: uppercase;
}

.angle,
.overlay {
    position: relative;
    z-index: 1;
    height: 100%;
}

.overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#482cbf+0,6ac6f0+100 */
    background: #303030;
    opacity: 0.5;
    /* IE6-9 fallback on horizontal gradient */
    z-index: -2;
}

.dark-color {
    color: #434345
}

.blue-color {
    color: #fcc91a;
}

.white-color {
    color: #ffffff !important;
}

.gray-bg {
    background-color: #f0f0f0;
}
.baige-bg {
	background-color: #fffdee;
}


.ttl_img{
	max-width: 320px;
	margin: 0 auto;
}
/*-- Space-Class --*/

[class|=space] {
    display: block;
    width: 100%;
    overflow: hidden
}

.space-10 { height: 10px;}
.space-20 { height: 20px;}
.space-30 { height: 30px;}
.space-40 { height: 40px;}
.space-50 { height: 50px;}
.space-60 { height: 60px;}
.space-70 { height: 70px;}
.space-80 { height: 80px;}
.space-90 { height: 90px;}
.space-100 { height: 100px;}
.marker_pink{
	background:linear-gradient(transparent 60%, #ffd2d2 75%);
	font-weight:bold; 
}
.marker_blue{
	 background: linear-gradient(transparent 60%, #e0f0ff 75%);
	font-weight: bold; 
}
.marker_yellow{
	background:linear-gradient(transparent 60%, #fff799 75%);
	font-weight:bold; 
}
.marker_yellow{
	background:linear-gradient(transparent 70%, #29ab99 75%);
	font-weight:bold; 
}
.center-ttl{
	font-size: 25px;
}
@media only screen and (max-width: 768px) {
	.center-ttl {
	    font-size: 19px;
	}
}

/*-- 5. MainMenu-Area --*/
.main{
	margin-bottom: 0!important;
}
.head-area{
    background: #1ab1ea;	
}
.mv.hidden-xs{
    margin: 0 auto;
    max-width: 1252px;
	
}
.mv.hidden-xs img{
    height: auto;
    width: 100%;
}    
.mv img{
	width: 100%;
}
nav.menu{
    background: #205aa4;	
}    
	nav.menu .menu_list{
	    max-width: 1200px;
	    margin: 0 auto;
	    width: 100%;
	    padding: 10px;
	    font-weight: bold;
	}
	nav.menu li{
		width: 25%;
		float: left;
	    text-align: center;
	    min-height: 50px;
		border-right: 1.5px dashed #ffffff;
		padding: 0 10px;
	}
	nav.menu li:first-child{
	    border-left: 1.5px dashed #ffffff;	
	}
	nav.menu li a{
		display: block;
	    color: #fff;
	    padding: 10px;
	}
	nav.menu li a:hover{
		background: #fff;
		color: #205aa4;
	}	
	.visible-xxs{
		display: none;
	}
	@media only screen and (max-width: 768px) {
		nav.menu li{
			width: 50%;
			border: none!important;
			padding: 0;
		}
		nav.menu li a{
			line-height: 36px;
			display: block;
			height: 62px;
			vertical-align: middle;
			margin: 5px;
			border-radius: 5px;		
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border: 1.5px dashed #ffffff;	
		}			
		#main-head .col-6{
			margin: 0;	
		}
		#main-head .title{
			margin: 10px auto 0;
		}
		#main-head .btn-small{
			margin: 10px 0 10px;
			
		}
	}
	@media only screen and (max-width: 477px) {
		nav.menu li a.sm_height{
			line-height: 1.2;
		}
		.visible-xxs{
			display: block!important;
		}
		
	}
	
/*-- 6. page-ttl --*/

.page-ttl .title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #46432d;
    font-weight: 600;
}
.page-ttl h2.title{
	font-size: 15px;
}
/*
.text-center.page-ttl .title:before,
.page-ttl .title:after {
    content: '';
    width: 50px;
    height: 1px;
    display: inline-block;
    background-color: #e1e1e1;
    margin: 0 15px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
*/
@media only screen and (max-width: 420px) {
.text-center.page-ttl .title:before,
.page-ttl .title:after {
    content: none;	
	}	
}
.container .ttl_gn{
display: block;
    padding: 3px;
    background: #205aa4;
    text-align: center;
    font-weight: bold;
	border-radius: 5px;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.container .ttl_gn span{
display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    background: #205aa4;
    border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 5px;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}	
.container .ttl_red{
display: block;
    padding: 3px;
    background: #205aa4;
    text-align: center;
    font-weight: bold;

}
.container .ttl_red span{
display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    background: #205aa4;
    border: 1px solid #fff;
}	
/*-- 7. About-Area --*/

.cp_box{
	border: 3px solid #666;
	margin-bottom: 30px;
}
.cp_box h4{
    background: #205aa4;
    color: #fff;
    padding: 15px;
    font-weight: bold;
}
.cp_box p{
	padding: 0 20px;
}
.cp_box .about-add{
    margin: 20px;
    display: table;
	}    	
	.about-add dt{
	    display: table-cell;
	    margin-right: 20px;
	    margin-bottom: 10px;
	    padding: 0 0 10px;
    }
	.about-add dt img{
		width: 140px;
		height: auto;
	}
	.about-add dd{
		padding: 10px 10px 10px;
		margin-bottom: 10px;
		display: table-cell;
	    vertical-align: middle;
		line-height: 1.6;
	}

	@media only screen and (max-width: 768px) {
		.about-add dt,
		.about-add dd{
			display: block;
			padding: 0;
		}	
		.about-add dt img{
		width: 100px;
		height: auto;
		}	
	}
	
.slide-area{
	position: relative;
}
.over-area{
	position: absolute;
	z-index: 5;
	color: #fff;
	width: 100%;
}
.about-slide .slick-list li{
	height: 600px;
	background-size: cover;
	background-position: center center;
}
.about-slide .slick-list .about01{background-image: url(../img/about01-2024.jpg);}
.about-slide .slick-list .about02{background-image: url(../img/about02-2024.jpg);}
.about-slide .slick-list .about03{background-image: url(../img/about03-2024.jpg);}
.about-slide .slick-list .about04{background-image: url(../img/about04-2024.jpg);}

.about-slide .slick-list .activity01{background-image: url(../img/activity01.jpg);}
.about-slide .slick-list .activity02{background-image: url(../img/activity02.jpg);}
.about-slide .slick-list .activity03{background-image: url(../img/activity03_2020.jpg);}
.about-slide .slick-list .activity04{background-image: url(../img/activity04.jpg);}
.about-slide .slick-list .activity05{background-image: url(../img/activity05.jpg);background-position: center top;}
.about-slide .slick-list .activity06{background-image: url(../img/activity06.jpg);}
.about-slide .slick-list .activity07{background-image: url(../img/activity07.jpg);}

@media only screen and (min-width: 768px) {
	.about-slide .slick-list .about02{background-position: center top 64%;}
}
.about-ttl{
	font-size: 24px;
	
}
.about-item img{
	width: 180px;
	height: auto;
	display: block;
	margin:0 auto 10px;
}
	.about-item li{
		text-align: center;
		font-weight: bold;
		display: table;
	}
	@media only screen and (max-width: 768px) {
		.about-item li{
			text-align: left;
		}	
		.about-item img{
			width: 100px;
			height: auto;
			float: left;
			margin-bottom: 0;
			margin-right: 10px;
		}
	
	}
@media (max-width: 1024px) {
	.over-area.over-area01.section-padding{
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.over-area .space-80 {
	    height: 10px;
	}	
}
@media only screen and (max-width: 768px) {
	.over-area .title.text-center img{
		width: 250px;
	}
	.over-area.over-area01.section-padding{
	    padding-top: 20px;
	}    	
}
/*
.about-ex img{
	float: left;
	margin-right: 10px;
	width: 40%;
}
*/
.about-ex h4{
    line-height: 1.8;
}    
.about-ex span.font_dai{
	color: #205aa4;
	font-weight: bold;
	font-size: 150%;  
	background:none;	
}
.about-ex span {
	background:linear-gradient(transparent 70%, rgb(56 108 174 / 27%) 35%);  
}	
.about-list ul{
	padding-left: 40px;
	list-style: disc;
}

/*-- 8. staff-Area --*/
.staff-message {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
    padding: 20px 20px 0;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #ffedb6;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
.staff-message p{
	text-align: left;
}
.staff-message:before{
	content: "";
	position: absolute;
	top: -30px;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #ffedb6;
}
.staff-message.staff-message01:before{
	left: 18%;	
}
.staff-message.staff-message02:before{
	left: 50%;	
}
.staff-message.staff-message03:before{
	left: 82%;	
}
@media only screen and (max-width: 480px) {
	.staff-message.staff-message01:before{
		left: 50%;	
	}
	.staff-message.staff-message02:before{
		left: 50%;	
	}
	.staff-message.staff-message03:before{
		left: 50%;	
	}	
}
.staff-message-head .slick-slide img{
	border: 10px solid #fff;
	
}	
.staff-message-head .slick-slide.slick-current img{
	border-color: #ffedb6;	
}

@media only screen and (max-width: 480px) {
	.staff-message-head {
		margin: 0 10%;
	}
	.staff-message-head .btn-staff{
		display: none;
	}
}
 
.slick-current .btn-staff{
	color: #fff;
    padding: 0 10px;
    margin-right: 10px;
    margin-left: 10px;
    background: #01a290;
    opacity: .8;
	border-radius: 50px;		
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;    
}

.btn-staff{
	width: 100%+
	color: #01a290;
    padding: 0 10px;
    margin-right: 20px;
    border: 1px solid #01a290;
    opacity: .8;
	border-radius: 50px;		
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;    
}
.slick-current .btn-staff{
	color: #fff;
    padding: 0 10px;
    margin-right: 20px;
    border: 1px solid #01a290;
	background: #01a290;
    opacity: .8;
	border-radius: 50px;		
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;    
}
.slick-current .btn-staff{
	color: #fff;
}
		.slick-prev,
		.slick-next{
		    font-size: 0;
		    line-height: 0;     
			display: block;
		    width: 40px;
		    height: 40px;
		    padding: 0;
		    -webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		    transform: translate(0, -50%);
		    cursor: pointer;
		    z-index: 5;
		    position: absolute;
		    border: 1px solid #ccc;
		    background: transparent;
		}
		.slick-prev:hover,
		.slick-next:hover{
			background: #fff;
			color: #000;
		}
		.slick-prev{
			top:50%;
			left: -16%;
		}
		.slick-next{
			top:50%;
			right: -16%;
		}
		
		.slick-next:before {
		    position: absolute;
		    font-family: FontAwesome;
		    top: 50%;
		    content: '\f105';
		    right: 0;
		    display: block;
		    width: 40px;
		    height: 40px;
		    font-size: 15px;   
		}	
		.slick-prev:before {
			position: absolute;
		    font-family: FontAwesome;
		    content: '\f104';
		    top: 50%;
		    left: 0;
		    display: block;
		    width: 40px;
		    height: 40px;
		    font-size: 15px;    
		}
		
		.slick-next::after {
		  height: 100%;
		  left: 0;
		  top: 0;
		  width: 0;
		}
		.slick-next,
		.slick-next::after {
		  -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		  -o-transition: all 0.3s;
		    transition: all 0.3s;
		}
	.allstaff-slide li{
		padding: 8px;
	}
	.owl-prev{
		position: absolute;
	    top:  51px;
	    left: -15px;
	}
	.owl-next{
		position: absolute;
	    top: 51px;
	    right: -15px;
	}
	.staff-message-head .job{
	    font-size: 14px;
	    line-height: 1.2;
	    height: 3em;
	    display: block;
	}
	.staff-message h5{
		padding: 5px 0;
	} 
.logo_ttl{
	max-height: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.logo_ttl img{
	max-height: 50px;
}

/*-- 9. Question-area --*/
.questions-boxs li:nth-child(even) h3 {
    background-image: url(../img/q.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 95px;
    padding-left: 100px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    font-size: 24px;
}
.questions-boxs li:nth-child(odd) h3 {
    background-image: url(../img/q.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 95px;
    padding-right: 100px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    font-size: 24px;
}
.questions-boxs p{
    background: #f1f1ba;
    padding: 10px;
    margin: 5px 0 15px;
 	border-radius: 10px;		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}  

/*-- 10. Goal-Area --*/
.goal-box{
	background: url(../img/goal-bg2023.jpg) center bottom / cover;
	height: 600px;
	position: relative;
}
@media only screen and (min-width: 1441px) {
	.goal-box{
		background: url(../img/goal-bg2023.jpg) center bottom -115px / cover;
	}
}
.goal-box .overlay{
	display: flex;
    align-items: end;
    justify-content: center;
	padding-bottom: 6%;
}
@media only screen and (max-width: 768px) {
	.goal-box{
		background: url(../img/goal-bg_sp2023.jpg) center bottom / cover;
		background-repeat: no-repeat;
		height: 375px
	}
	.goal-box .overlay{
		display: flex;
		align-items: start;
		padding: 20px 10px 0;
	}
}
.goal-area .goal-box h2,
.goal-area .goal-box p {
	color: #fff;
}
.media-grn{
	border: 2px solid #01a290;
	background: #01a290;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.media-grn h4{
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin-bottom: 0;
}
.media-inner{
	padding: 20px;
	background: #fff;
	color: #01a290;
	margin: 0;
	border-radius: 0 0 15px 15px;		
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
}
.media-message li div{
	padding: 20px;
	background: #fbc1c5;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	color: #46432d;	
}
.media-message li div.school{
	background: #b1dcd7;	
}
.media-message li{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.media-message li h4{
	font-weight: bold;
	text-align: center;
}	
.ttl_ookami{
	background-image: url(../img/ookami.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 150px;
	padding-left: 150px;
	height: 180px;
	display: table;
	margin: 0 auto;
}
.ttl_ookami span{
	display: table-cell;
    vertical-align: middle;
}
.ttl_tanuki{
	background-image: url(../img/tanuki.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 150px;
	padding-right: 150px;
	height: 180px;
	display: table;
	margin: 0 auto;
}
.ttl_tanuki span{
	display: table-cell;
    vertical-align: middle;
}

.sns-box {
	background: #fff;
	padding: 10px;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}

.sns-box p{
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.sns.sns-fb{background: #1877f2}
.sns.sns-tw{background: #1DA1F2}
.sns.sns-in{background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);}
.sns.sns-line{background: #01b900}
.sns{
	border-radius: 100%;		
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	width: 55px;
	height: 50px;
	margin: 0 auto 10px;
	color: #fff;
	font-size: 30px;
	display: inline-table;
}
.sns i{
		line-height: 50px;
		display: table-cell;
		vertical-align: middle;
}
.sns-box .sns a{
	color: #fff;
}
.sns-box a{
	color: #000;
}
.sns.sns-line span.line-icon{
	width: 37px;
    text-align: center;
    margin: 8px auto 10px;
    height: 37px;
    background: url(../img/icon-line.svg) center center no-repeat;
    background-size: contain;
	display: block;
}

.sns-box h5 a:hover{
	color: #ccc;
	text-decoration: underline;
}
.sns.sns-fb:hover{background:#f0f7ff;} .sns.sns-fb:hover a{color:#1877f2}
.sns.sns-tw:hover{background:#e0f3ff;} .sns.sns-tw:hover a{color:#1DA1F2}
.sns.sns-in:hover{background:#ffe1ff;} .sns.sns-in:hover a{color:#b900b4}
.sns.sns-line:hover{background:#ddfadd;} 
.sns.sns-line:hover span.line-icon{
    background-image: url(../img/icon-line-hover.svg);
}
.sns-area .col-lg-2{
	padding-left: 2px!important;
	padding-right: 2px!important;	
}
.merumaga-area{
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

/*-- 11. Activity-Area --*/
.activity-box{
	height: 600px;
	background-size: cover;
	background-position: center center;	
	color: #fff;
	margin-bottom: 20px;
}
.activity-detail{
	height: 200px;
	margin-bottom: 20px;
}
.activity-detail .activity-ttl {
	background-size: cover;
	height: 100%;
	color: #fff;
	text-align: center;
}
.activity-detail h4{
    vertical-align: bottom;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.9;
}
.activity-detail span{
    padding: 5px 15px;
    margin-right: 10px;
    margin-bottom: 5px;
	color: #fff;
	background: #205aa4;
	font-weight: normal;
	opacity: .8;
	border-radius: 100px;		
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;	
}
@media only screen and (max-width: 420px) {
	.activity-detail h4{
	   line-height: 1.5;
	   text-align: center;
	}
	.activity-detail span{
		display: block;
		line-height: 1.2;
		vertical-align: top;
		text-align: center;
	}
}

.activity-detail.act01 .activity-ttl {
	background-image: url(../img/support01_2023.jpg);
}
.activity-detail.act02 .activity-ttl { 
	background-image: url(../img/support02_2021.jpg);
}
.activity-detail.act03 .activity-ttl {
	background-image: url(../img/support03_2023.jpg);
}
.activity-detail.act04 .activity-ttl {
	background-image: url(../img/support04_2021.jpg);
}
.ssba.ssba-wrap > div{
	text-align: center!important;
}
.ssba.ssba-wrap{
	background: #eeffff;
}
.okurikata{
	display: table;
	margin: 0 auto;
}
.okurikata li{
    display: table-cell;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    padding: 0px 10px 10px;
    width: 33.33%;
    position: relative;
}
.okurikata li span{
    font-size: 18px;
    display: block;
    
}    
.okurikata li img{
	width: 80%;
    margin: 5px auto;
    max-width: 200px;
    height: auto;
    border: 1px solid #ccc;	
}
.okurikata li:after {
    position: absolute;
    font-family: FontAwesome;
    top: 43%;
    content: '\f105';
    right: -5px;
    display: block;
    width: 10px;
    height: 10px;
    font-size: 30px;  
}
.okurikata li:last-child:after {
    content: '';
}
.okurikata_sp{
    display: none;
}
@media only screen and (max-width: 480px) {
	.okurikata li span{
	    font-size: 14px;
	}	
	.okurikata li p{
	    display: none;
	}
	.okurikata_sp
	
	{
	    display: block;
	}
}
.covid-box{
	background: #efefef;
	padding: 50px 60px 30px;
	margin-top: 40px;
}
.covid-box h2{
	font-size: 26px;
}	
.covid-box .c-box{
	display: flex;
	align-items: center;
}
.covid-box img{
	max-width: 60%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 10px 20px 20px 0px;
}
@media (max-width: 1080px) {
	.covid-box .c-box{
		display: block;
	}
	.covid-box{
		padding: 30px 20px 20px;
	}
	.covid-box h2{
		font-size: 20px;
	}
}
.shito-box{
	background: #ffedb6;
	padding: 50px 60px 30px;
	margin-top: 40px;
	border-radius: 10px;
}
.shito-box h2{
	font-size: 26px;
}	
.shito-box img{
	width: 100%;
	height: auto;
}
.shito-box ul{
	list-style: disc;
    margin-left: 2em;
    font-weight: bold;
}
@media (max-width: 768px) {
	.shito-box{
		padding: 30px 20px 20px;
		margin-top: 0;
	}
	.shito-box h2{
		font-size: 20px;
	}
}
/* 2022追加 */
.logo-area .bg-sponsor{
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	max-width: 880px;
    margin: 0 auto;	
}
.logo-area h3.center-ttl{
	max-width: 880px;
    margin-left: auto;	
	margin-right: auto;
}
.logo-area .sponsor-logo{
	flex-wrap: wrap;
    display: flex;
    justify-content: center;
	align-items: center;
}
.logo-area .sponsor-logo li{
	padding: 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.logo-area .sponsor-logo.logo10 li{
	width: 33.333%;
}
.logo-area .sponsor-logo.logo5 li{
	width: 25%;
}
.logo-area .sponsor-logo.logo3 li{
	width: 20%;
}
@media only screen and (max-width: 768px) {
	.logo-area .sponsor-logo.logo10 li{
		width: 50%;
	}
	.logo-area .sponsor-logo.logo5 li{
		width: 50%;
	}
	.logo-area .sponsor-logo.logo5{
		padding: 0 20px;
	}
	.logo-area .sponsor-logo.logo3 li{
		width: 33%;
	}
}
#main-head .logo-image{
    width: 330px;
    margin: 8px 0px;
}
@media only screen and (max-width: 768px) {
	#main-head .col-5{
	margin-bottom: 0;
	}
}
.pc{
	display: block;
}
.sp{
	display: none!important;
}
@media only screen and (max-width: 768px) {
	.pc{
		display: none!important;
	}
	.sp{
		display: block!important;
	}
	.sp-p-0{
		padding: 0!important;
	}
}
.bg-image-maxwidth{
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.past-area{
	padding:30px 0 20px;
	background:#D9F3FE;
}
.past-area .num{
	font-size:22px;
	letter-spacing: 2px;
	font-weight:bold;
}
.past-area .font-l{
	font-size:42px;
	letter-spacing: 1px;
}
.past-area .page-ttl{
	font-size:20px;
	line-height:1.8;
	letter-spacing: 1px;
}
.past-area .row [class*="col-"]{
	padding-left: 0;
	padding-right: 0;
}
.past-area .font-s{
	font-size:12px;
	text-align:right;
	margin-top:4px;
}
@media only screen and (max-width: 768px) {

	.past-area .font-l{
		font-size:32px;
		letter-spacing: 1px;
	}
	.past-area .page-ttl{
		font-size:18px;
		line-height:1.8;
		letter-spacing: 1px;
	}
	.past-area .row [class*="col-"]{
		padding-left: 0;
		padding-right: 0;
	}
	.past-area .font-s{
		font-size:12px;
		text-align:right;
		margin-top:4px;
	}
}