@charset "utf-8";
/*breakpoint
@media screen and ( max-width:1080px) and ( min-width:768px) {}
@media screen and ( max-width:767px) {}
*/

/*main_img*/
#main_img {
	width:100%;
	height:auto;
	max-width: 100%;
	max-height:860px;
	min-height:860px; /*スマホ高さ定義*/
	background:url("../img/main_img.jpg") no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { #main_img {max-height:720px; min-height:720px;} }

/*header*/
.logo_main {
	width: 250px;
	height: 375px;
	background-color: rgb(48,83,135);
	float: left;
	text-align: center;
	position: absolute;
	z-index: 9999;
}
@media screen and ( max-width:767px) { .logo_main { width: 140px; height: auto;} }

.logo_main a {
	display: block;
	width: 250px;
	height: 375px;
}
@media screen and ( max-width:767px) { .logo_main a { width: 140px; height: auto;} }

.logo_main img {
	width: 197px;
	height: 280px;
	margin: 40px 0 0 -6px;
}
@media screen and ( max-width:767px) { .logo_main img { width: 118px; height: 168px; margin: 30px 0 20px -6px;} }

#menu_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 500px 500px 0;
	border-color: transparent #ffffff transparent transparent;
	float: right;
	opacity: 0.6;
}
@media screen and ( max-width:1024px) and ( min-width:768px) { #menu_triangle { border-width: 0 400px 400px 0;} }
@media screen and ( max-width:767px) { #menu_triangle { border-width: 0 235px 235px 0;} }

#menu_line {
	width: 350px;
	height: 7px;
/*
	background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size:27px 7px;
*/
	position: absolute;
	top: 210px;
	right: 60px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 9998;
}
@media screen and ( max-width:767px) { #menu_line { width: 0; top: 225px; right: 228px;} }

#menu_line svg{
	width:360px;
	height:20px;
}
@media screen and ( max-width:767px) { #menu_line svg { width:240px;} }

#menu_line svg line{
	fill: none;
	stroke: #fff;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 0.5, 20;
}

/*hamberger_menu*/
nav {
	display: block;
	position: fixed;
	top: 0;
	left: -300px;
	bottom: 0;
	width: 250px;
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: -9999;
	opacity: 0;
	font-weight: 700;
}
.open nav {
	left: 0;
	opacity: 1;
	z-index: 19999;
}
nav .inner {
	padding: 25px;
}
nav .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav .inner ul li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #333;
}
nav .inner ul li a {
	display: block;
	color: #305387;
	font-size: 14px;
	padding: 1em;
	text-decoration: none;
	transition-duration: 0.2s;
}
nav .inner ul li a:hover {
	background: #e4e4e4;
}
@media screen and (max-width: 767px) { nav { left: -220px; width: 80%;} }

/*ul入れ子*/
nav .inner ul li ul {
	margin-left: 25px;
}
nav .inner ul li ul li {
	border-bottom: none;
	list-style-type: '-';
}
nav .inner ul li ul li:last-child {
	margin-bottom: 15px;
}
nav .inner ul li ul li a {
	padding: 0.75em;
	color: #666;
}
@media screen and (max-width: 767px) { nav .inner ul li ul li a { padding: 8px; } }

/*.toggle_btn*/
.toggle_btn {
	display: block;
	position: absolute;
	top: 25px;
	right: 50px;
	width: 40px;
	height: 40px;
	transition: all .5s;
	cursor: pointer;
	z-index: 3;
}
@media screen and ( max-width:767px) { .toggle_btn { top: 28px; right: 20px; width: 38px; height: 35px; position: fixed;} }

.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	width: 45px;
	height: 4px;
	background-color: #305387;
	border-radius: 1px;
	transition: all .5s;
}
@media screen and ( max-width:767px) { .toggle_btn span { width: 38px; height: 4px; } }

.toggle_btn span:nth-child(1) {
	top: 0px;
}
.toggle_btn span:nth-child(2) {
	top: 18px;
}
@media screen and ( max-width:767px) { .toggle_btn span:nth-child(2) { top: 15px; } }

.toggle_btn span:nth-child(3) {
	bottom: 0px;
}
.open .toggle_btn span {
	background-color: #fff;
}
.open .toggle_btn p {font-size:0;}
.open .toggle_btn p:before {
	font-size:16px;
	color: #fff;
	content: "MENU CLOSE";
	line-height: 2;
}
.open .toggle_link {display: none;}

.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateY(26px) rotate(-315deg);
	transform: translateY(26px) rotate(-315deg);
}
@media screen and ( max-width:767px) { .open .toggle_btn span:nth-child(1) { -webkit-transform: translateY(20px) rotate(-315deg); transform: translateY(20px) rotate(-315deg); } }

.open .toggle_btn span:nth-child(2) {
	opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
}
@media screen and ( max-width:767px) { .open .toggle_btn span:nth-child(3) { -webkit-transform: translateY(-11px) rotate(315deg); transform: translateY(-11px) rotate(315deg); } }

/*#mask*/
#mask {
	display: none;
	transition: all .5s;
}
.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: 2;
	cursor: pointer;
}
/*メニュー付属テキスト*/
.toggle_btn p,.toggle_link p {
	height: 400px;
	font-size: 16px;
	font-weight: 700;
	color: #305387;
	writing-mode: vertical-rl;
	margin: 8px;
	padding-top: 60px;
	letter-spacing:4px;
	line-height: none;
}
@media screen and ( max-width:767px) { .toggle_btn p,.toggle_link p { display: none;} }

.toggle_link {
	display: block;
	position: absolute;
	top: 250px;
	right: 48px;
	width: 40px;
	height: 40px;
	transition: all .5s;
	cursor: pointer;
	z-index: 3;
}
@media screen and ( max-width:767px) { .toggle_link { display: none;} }

.toggle_link p {
	padding-top: 10px;	
}

/*navi&catchcopy*/
.sub_nav {
	position: absolute;
	top: 30px;
	left: 280px;
}
@media screen and ( max-width:1279px) { .sub_nav {display: none;} }


.sub_nav ul,
.sub_nav_low ul {
	overflow: hidden;
}
.sub_nav li,
.sub_nav_low li {
	height: 50px;
	float: left;
	color: #fff;
	margin: 0 60px 0 0px;
}
#catchcopy {
	position: absolute;
	top: 70px;
	left: 280px;
	color: #fff;
	font-weight: 700;
}
@media screen and ( max-width:1080px) and ( min-width:768px) { #catchcopy { width:55%; top: 30px;} }
@media screen and ( max-width:767px) { #catchcopy { width:85%; position: absolute; top: 275px; left: 20px; filter: drop-shadow(3px 3px 1px rgba(0,0,0,0.8));} }

.catch_en {
	font-size: 80px;
	line-height: 1.3em;
	letter-spacing:12px;
}
@media screen and ( max-width:767px) { .catch_en { font-size: 44px; line-height: 1.2em; } }

.catch_jp {
	margin-top: 28px;
	font-size: 28px;
	letter-spacing:6px;
	line-height: 2.0em;
}
@media screen and ( max-width:767px) { .catch_jp { font-size: 21px; } }

.sub_img_l,
.sub_img_r {
	width: 50%;
	min-height: 430px;
}
@media screen and ( max-width:767px) { .sub_img_l,.sub_img_r { display: none; } }

.sub_img_l {
	float: left;
	background: url(../img/main_img_02.jpg) no-repeat center;
	background-size:cover;
}
.sub_img_r {
	float: right;
	background: url(../img/main_img_03.jpg) no-repeat center;
	background-size:cover;
}
.message {
	width: 450px;
	height: auto;
	padding-bottom: 40px;
	position: absolute;
		left: 50%;
		transform: translate(-50%, -20%);
		-webkit-transform: translate(-50%, -20%);
		-ms-transform: translate(-50%, -20%);
	background: #2d669e;
	z-index: 9999;
	margin-top: -5px;
}
@media screen and ( max-width:767px) { .message { width: 100%; position: relative; padding-top: 20px; left: 0%; transform: translate(0%, 0%);	-webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%);} }

.sub_ttl,
.message h2,
.message p {
	padding: 10px 30px;
	position: relative;
	color: #fff;
}
.sub_ttl {
	font-size: 21px;
	font-weight: 700;
	margin: 20px 0;
}
.sub_ttl:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0px;
	width: 50px;
	height: 3px;
	background-color: #fff;
}
.sub_deco {
	width: 48px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.bt_message,
.bt_donation,
.bt_report {
	width: 360px;
	height: auto;
	text-align: center;
	background-color: #fff;
	border: solid 1px #1a386b;
}
@media screen and ( max-width:767px) { .bt_message {width: 90%;} }
@media screen and ( max-width:767px) { .bt_donation {width: 92%;} }
@media screen and ( max-width:767px) { .bt_report {width: 100%;} }

.bt_message { margin: 0 auto 80px;}
.bt_donation { margin: 50px auto 0;}
@media screen and ( max-width:767px) {.bt_donation { margin: 40px 0 0 0;} }

.bt_report { margin: 140px auto 0;}
@media screen and ( max-width:767px) {.bt_report { margin: 80px auto 0;} }

.bt_txt {
	display: block;
	font-size: 18px;
	font-weight: 700;
	padding: 20px 0;
	color: #1a386b;
}

/*エピソード導入部*/
.introduction {
	width: 1080px;
	margin: 0 auto;
}
@media screen and ( max-width:767px) { .introduction {width: 100%; margin-bottom: 80px; position: relative; top: -140px;} }

.deco_line_01,
.deco_line_02,
.deco_line_03 {
	width: 350px;
	height: 7px;
	position:absolute;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 9998;
}
.deco_line_01 svg,
.deco_line_02 svg,
.deco_line_03 svg {
	width:360px;
	height:20px;
}
.deco_line_01 svg line,
.deco_line_02 svg line,
.deco_line_03 svg line {
	fill: none;
	stroke: #2d669e;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 0.5, 20;
}
.deco_line_01 {
	top: 60px;
	left: -200px;
}
@media screen and ( max-width:767px) { .deco_line_01 { top: -30px; left: -220px; } }

.deco_line_02 {
	top: -180px;
	right: -50px;
}
@media screen and ( max-width:767px) { .deco_line_02 { top: -140px; right: -130px; z-index: -9999; } }

.deco_line_03 {
	bottom: 150px;
	left: -350px;	
}
.deco_line_02 svg line,
.deco_line_03 svg line {
	stroke: #29abe2;
}
.cont_l {
	width: 50%;
	min-height: 760px;	
	position: relative;
	float: left;
	top: 10%;
	left: 2%;
}
@media screen and ( max-width:767px) { .cont_l { width: 93%; float: none; margin: 0 auto; padding: 0 4% 0 2%; position: relative; top: 0px;} }

.cont_l_bg {
	background: url(../img/world_map.png) no-repeat center;
	background-size:cover;
	float: left;
}
.ph_r {
	width: 45%;
	min-height: 760px;
	margin-bottom: 480px;
	float: right;
	background: url(../img/john_XXIII.jpg) no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { .ph_r { width: 100%; min-height: 420px; margin-bottom: 0; float: none; position: relative; top: 0px;} }


.cont_l h2,
.cont_l p,
.cont_l span {
	width: 490px;
}
@media screen and ( max-width:767px) { .cont_l h2, .cont_l p, .cont_l span {width: 100%;}}

.cont_l h2 {
	margin-top: 300px;
}
.cont_l p {
	margin-top: 30px;
}
.cont_l span.stockimg {
	position: relative;
	bottom: -30px;
}
@media screen and ( max-width:767px) { .cont_l span { bottom: -80px; } }

/*スライダー*/
.category {
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 100px;
	clear: both;
	position: relative;
}
@media screen and ( max-width:767px) { .category { width: 100%; margin: 0 auto; padding-bottom: 40px; } }

.slider{
	padding-bottom: 30px;
	position: relative;
}
.slider img {
	width: 710px;
	height: 615px;
	margin-left: 0px;
}
.slider .slider_ph {
	height: 850px;
}

.slider .slider_ph img{
	padding-bottom: 100px;
}

/*slick setting*/
.slide_txt_01 {
	width: 420px;
	padding: 40px;
	background:rgba(255,255,255,0.7);
	position: absolute;
	top: 45px;
	right: 40px;
}
@media screen and ( max-width:767px) { .slide_txt_01 {width: 100%; heigt:auto; padding: 0; top: 0; right: 0;} }

.content .slide_txt_01 h2{ line-height: 1.4em;}
.content .slide_txt_01 p { line-height: 1.65em;}

.slide_txt_01,
.slide_txt_01 h2,
.slide_txt_01 p {
	z-index: 9999;
	margin-bottom: 25px;
}
@media screen and ( max-width:767px) { .slide_txt_01, .slide_txt_01 h2, .slide_txt_01 p { padding-left: 5%;} }

.slider .slide_txt_01 .ttl img {
	width:353px;
	height: 47px;
}
.slider .slide_txt_01 .category_ttl img {
	width:353px;
	height: 47px;
}
@media screen and ( max-width:767px) { .slider .slide_txt_01 .category_ttl img{ width:80%; height: auto; padding: 60px 20px 15px;} }

.slide_img_bg_01 {
	width: 710px;
	height: 615px;
	position: absolute;
	top: -40px;
	left: -40px;
	background-color: #76c8e5;
	z-index: -9999;
}
@media screen and ( max-width:767px) { .slide_img_bg_01 { width: 40%; top: -10px; left: 0; } }

/*支援分野一覧*/
.category_details {
	width: 972px;
	margin: 80px auto 80px;
	position: relative;
	clear: both;
}
@media screen and ( max-width:767px) { .category_details { width: 90%; margin: 0 auto;} }

.ttl { width: 315px; height: 39px;}

.category_details .ttl { width: 314px;}
@media screen and ( max-width:767px) { .category_details .ttl { width: 251px;} }

.donations .cont_r .ttl { width: 230px; height: 38px;}
@media screen and ( max-width:767px) { .donations .cont_r .ttl { width: 184px;} }

.report .ttl { width: 152px; height: 45px;}

.category_details h2 {
	margin: 15px 0 60px;
}
@media screen and ( max-width:767px) { .category_details h2 { font-size: 20px; } }

.activities {
	width: 243px;
	height: 550px;
	margin-bottom: 55px;
	float: left;
}
@media screen and ( max-width:767px) { .activities { width: 45%; height: 490px; margin: 0 2% 50px 2%; } }

.activities h3 {
	width: 90%;
	height: 50px;
	margin: 10px auto;
	font-size: 17px;
	line-height: 1.2em;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
@media screen and ( max-width:767px) { .activities h3 { font-size: 15px; line-height: 1.1em; } }

.content .activities p {
	width: 224px;
	height: auto;
	max-height: 180px;
	margin: 10px auto 0;
	font-size: 14px;
	line-height: 1.6em;	
}
@media screen and ( max-width:767px) { .content .activities p { width: 103%; height: auto; line-height: 1.5em; } }

.deco_sqare_01,
.deco_sqare_02 {
	width: 300px;
	height: 300px;
	position: relative;
}
@media screen and ( max-width:767px) { .deco_sqare_01, .deco_sqare_02 { display: none; } }

.deco_sqare_01 svg,
.deco_sqare_02 svg {
	width: 255px;
	height: 255px;
	position: absolute;
	z-index: -9999;
}
.deco_sqare_01 svg {
	top: 15px;
	left: 870px;
}
.deco_sqare_02 svg {
	top: 700px;
	left: -210px;
}
.deco_sqare_03 {
	top: 710px;
	left: 0;
	position: relative;
	z-index: -9999;
}
.deco_sqare_long {
}
@media screen and ( max-width:767px) { .deco_sqare_long { display: none;} }

.bt_category_details {
	width: 90%;
	height: 50px;
	margin: 25px auto 0;
	text-align: center;
	background-color: #fff;
	border: solid 1px #1a386b;
}
@media screen and ( max-width:767px) { .bt_category_details { width: 100%; height: auto; padding: 5px 0;} }

.bt_category_details .bt_txt {
	display: block;
	font-size: 18px;
	font-weight: 700;
	padding: 8px 0;
	color: #1a386b;
}
@media screen and ( max-width:767px) { .bt_category_details .bt_txt { font-size: 16px; padding: 4px 0;} }

/*寄付と募金*/
.donations {
	width: 1080px;
	margin: 0 auto;
}
@media screen and ( max-width:767px) { .donations { width: 100%;} }
	
.cont_r {
	width: 50%;
	min-height: 760px;	
	margin-top: 200px;
	position: relative;
	float: right;
}
@media screen and ( max-width:767px) { .cont_r { width: 94%; min-height: 375px; margin: 0 auto;} }

.cont_r_bg {
	background: url(../img/world_map.png) no-repeat center;
	background-size:cover;
	float: right;
}
.ph_l {
	width: 45%;
	min-height: 760px;
	margin-top: 200px;
	margin-bottom: 150px;
	float: left;
	background: url("../img/donation.jpg") no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { .ph_l { width: 100%; min-height: 375px; margin: 80px 0 50px;} }

.cont_r h2,
.cont_r p {
	width: 490px;
}
@media screen and ( max-width:767px) { .cont_r h2,.cont_r p { width: 100%; margin: 30px 0 0 -2%;} }

.cont_r h2 {
	margin: 15px 0 30px;
}
.cont_r p.color_txt {
	width: 50vw;
	height: 140px;
	margin: 0 calc(45% - 50%);
	right: 0;
	padding: 15px 0 0 30px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background-color: #76c8e5;
	overflow: hidden;
}
@media screen and ( max-width:767px) { .cont_r p.color_txt { width: 100vw; height: 110px; margin: 0 calc(100% - 115%); padding: 35px 0 0 15%; font-size: 20px; line-height: 1.6em;} }

.cont_r p {
	margin-top: 30px;
}

.report {
	width: 1024px;
	margin: 0 auto;
	padding-top: 200px;
	clear: both;
}
@media screen and ( max-width:767px) {.report { width: 86%; padding-top: 140px;} }

.report_wrap {
	width: 966px;
	height: auto;
	margin: 0 auto;
}
@media screen and ( max-width:767px) {.report_wrap { width: 100%; } }

.report h2 {
	margin: 15px 0;
}
.report_l,
.report_r {
	width: 462px;
	height: auto;
	margin: 0 10px;
	min-height: 780px;
	float: left;
	position: relative;
}
@media screen and ( max-width:767px) {.report_l,.report_r { width: 100%; height: 900px; margin: 40px auto 0;} }

.report_r img {
}
@media screen and ( max-width:767px) {.report_r img { margin-top: 30px;} }

.report h3 {
	margin: 15px 0;
	font-size: 26px;
	line-height: 1.8em;
}
@media screen and ( max-width:767px) {.report h3 { font-size: 21px; } }

.report p {
	margin-top: 36px;
}
.report_l .bt_category_details,
.report_r .bt_category_details {
	width: 90%;
	margin: 0 5%;
	position: absolute;
	bottom: -100px;
}
@media screen and ( max-width:767px) {.report_l .bt_category_details, .report_r .bt_category_details { position: relative; bottom: 0; margin: 40px 5% 0; } }

.pickup_banner {
	width: 985px;
	height: 135px;
	margin: 0 auto;
	padding-top: 240px;
	clear: both;
}
@media screen and ( max-width:767px) {.pickup_banner { width: 100%; height: 80px; padding: 60px 0 40px; } }

.pickup_banner .banner_link a{
	float: right;
	color: #1a386b;
}

footer {
	width: 100%;
	margin-top: 280px;
	background-color: #2d669e;
}

footer a,footer h3 {color:#fff;}
footer a:hover { color:#fff;}

footer h4,footer h5 {font-size: 16px; font-weight: 700; color: #fff;}
@media screen and ( max-width:767px) { footer h4,footer h5 {font-size: 18px;margin-top: 15px; }}

footer li {font-size: 14px;} 
@media screen and ( max-width:767px) { footer li {font-size: 16px; margin-top: 12px;}}

footer .container{
	margin-top: 80px;
}
footer .foot_logo {
	width: 269px;
	height: 68px;
	margin: 0 auto;
	padding: 80px 0 30px;
}
@media screen and ( max-width:767px) { footer .foot_logo {padding: 0 0 30px;}}

footer .foot_sns {
	margin: 0 auto;
}
footer .foot_sitemap {
	width: 760px;
	margin: 0 auto;
}
@media screen and ( max-width:1079px) and ( min-width:768px) { footer .foot_sitemap {width: 720px; margin-left: 25px;}}
@media screen and ( max-width:767px) { footer .foot_sitemap {width: 90%;}}

footer .foot_sitemap .foot_l {
	width: 425px;
	float: left;
}
@media screen and ( max-width:767px) { footer .foot_sitemap .foot_l {width: 90%; float: none; margin: 0 auto;}}

footer ul ul {
	padding-left: 25px;
	margin-top: 25px;
	line-height: 35px;
}
footer .foot_l_r li {
	margin-bottom: 15px;
}

footer .foot_sitemap .foot_r {
	width: 295px;
	margin-left: 35px;
	float: left;
}
@media screen and ( max-width:1079px) and ( min-width:768px) {footer .foot_sitemap .foot_r { margin-left: 0;}}
@media screen and ( max-width:767px) {footer .foot_sitemap .foot_r { width: 90%; float: none; margin: 0 auto; padding: 30px 0; clear: both; }}

footer .foot_cap {
	border-left: solid 5px #fff;
	padding-left: 30px;
	margin: 40px 0;
}
footer .foot_sitemap .foot_l .foot_l_l {
	width:45%;
	float: left;
	margin: -21px 5% 0 0;
}
@media screen and ( max-width:767px) { footer .foot_sitemap .foot_l .foot_l_l {width:90%; margin: 0 auto; float: none; display: block;} }

footer .foot_sitemap .foot_l .foot_l_r {
	width:50%;
	clear: both;
}
@media screen and ( max-width:767px) { footer .foot_sitemap .foot_l .foot_l_r {width:90%; margin: 40px auto 0; float: none; display: block;} }

footer .copyright {
	margin: 80px auto 0;
	padding-bottom: 5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

/*20220630_「協賛企業」段落の追加*/

.sponsors {
	width: 1200px;
	margin: 80px auto ;
}
@media screen and ( max-width:1281px) { .sponsors{ width: 90%; margin: 180px auto 40px; } }
	
.sponsors .ttl {
	width: 222px;
	height: 47px;
	margin: 0 auto;
}
.sponsors h2 {
	text-align: center;
}
.sponsors ul {
	width: 100%;
    margin: 80px auto 0;
    text-align: left;
    position: relative;
    left: -3%;
}
@media screen and ( max-width:1281px) { .sponsors ul { width: 100%; left: 0; margin: 60px auto 40px; } }

.sponsors ul li {
	display: inline;
	font-size: 18px;
	line-height: 2.8em;
}
@media screen and ( max-width:1281px) { .sponsors ul li { display: inherit; font-size: 16px; vertical-align: top; margin-left: 1.0em; text-indent: -1.0em;　} }
@media screen and ( max-width:1281px) { .sponsors ul li::before { content: "・";　} }

.sponsors ul li::after {
	content: "　/　";
}
@media screen and ( max-width:1281px) { .sponsors ul li::after { content: ""; } }

.sponsors p {
	margin-top: 20px;
	clear: both;
	float: right;
	font-size: 18px;
	position: relative;
}
.sponsors .bt {
	width: 360px;
	height: 70px;
	border: 1px solid #2D669E;
	margin: 120px auto 0;
}
.sponsors .bt a {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 20px 0;
	color: #1a386b;
	display: block;
}
.br_1281 {
}
@media screen and ( max-width:1281px) { .br_1281 { display:none ; } }