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

/*lower_page_css for_sp_test*/
body {
  -webkit-text-size-adjust: 100%;
}
/*hamberger_fix*/
.toggle_btn {
	position: fixed;
}
@media screen and ( max-width:767px) { .toggle_btn { top: 20px;} }

/*lower_only_rule*/
p {
	font-size: 18px;
	line-height: 2.0em;
	margin-top: 30px;
}
.cont {
	
}
.cont img {
	width: 75%;
	margin: 0 auto;
}
@media screen and ( max-width:767px) { .cont img { width: 100%;} }

.cont_contents {
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin:150px auto 0;
	position: relative;
}
.cont_contents .ttl_lowerpages h2 {
	text-align: left;
	font-size: 21px;
	border-left: 4px solid #1a386b;
	padding-left: 15px;
	margin-top: 100px;
	color: #1a386b;
}
.cont_contents a {
	color: #1a386b;
	font-size: 16px;
}
.cont_contents h3.resina {
	margin-top: 60px;
	border-left: 4px solid #1a386b;
	padding-left: 15px;
}
.cont_contents img {
	margin-top: 30px;
}
.logo_main {
}
@media screen and ( max-width:767px) { .logo_main { display: none;} }
.logo_main_sp {
	width: 179px;
    height: 46px;
    margin: -6px 0 0 8px;
    float: left;
}
@media screen and ( min-width:768px) { .logo_main_sp { display: none;} }

#menu_triangle {
}
@media screen and ( max-width:767px) { #menu_triangle { display: none;} }

#menu_line {
}
@media screen and ( max-width:767px) { #menu_line { display: none;} }

/*lower_page_css*/
#main_img_for_pages {
	width:100%;
	height:auto;
	max-width: 100%;
	max-height:295px;
	min-height:295px;
	background:url("../img/main_img.jpg") no-repeat center;
	background-size:cover;
	background-position: 0% 35%;
}
@media screen and ( max-width:767px) { #main_img_for_pages { margin-top: -20px; max-height:120px; min-height:120px;} }

.lower_page_nav {
	height: 80px;
	margin: 0 auto;
	margin-left: 295px;
	background-color: #fff;
}

.lower_page_nav .sub_nav_low {
	position: absolute;
    top: 30px;	
}
@media screen and ( max-width:1279px) { .lower_page_nav .sub_nav_low {display: none;} }

.lower_page_nav .sub_nav_low a {
	font-weight: 700;
	color: #305387;
}
.page_ttl {
	height: 200px;
	margin-left: 230px;
	padding: 60px 0 0 62px;
}
@media screen and ( max-width:767px) { .page_ttl { height: auto; margin-left: 0px; padding: 0 0 0 30px;} }

.page_ttl h1 {
	font-size: 34px;
	color: #fff;
}
@media screen and ( max-width:767px) { .page_ttl h1 { font-size: 18px; padding-top: 20px;} }

.wrap_lowerpages {
	width: 760px;
	height: auto;
	margin: 0 auto;
}
@media screen and ( max-width:767px) { .wrap_lowerpages { width: 90%;} }

.ttl_lowerpages {
	text-align: center;
}
.ttl_lowerpages h2 {
	font-size: 28px;
	color: #000;
}
@media screen and ( max-width:767px) { .ttl_lowerpages h2 { font-size: 24px;} }

.ttl_lowerpages p {
	font-size: 21px;
	font-weight: 700;
	margin-top: 10px;
}
@media screen and ( max-width:767px) { .ttl_lowerpages p { font-size: 18px;} }

.ttl_lowerpages img {
	margin-top: 80px;
}
.deco_sqare_low01,
.deco_sqare_low02 {
	width: 300px;
	height: 300px;
	position: relative;
}
@media screen and ( max-width:767px) { .deco_sqare_01, .deco_sqare_02 { display: none; } }

.deco_sqare_low01 svg,
.deco_sqare_low02 svg {
	width: 255px;
	height: 255px;
	position: absolute;
	z-index: -9999;
}
.deco_sqare_low01 svg {
	top: 0px;
	right: -940px;
}
.deco_sqare_low01 svg {
	top: -80px;
	right: -940px;
}
.deco_line_low02,
.deco_line_low03,
.deco_line_low04,
.deco_line_low05 {
	width: 350px;
	height: 7px;
	position:absolute;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 9998;
}
@media screen and ( max-width:767px) { .deco_line_low01,.deco_line_low02,.deco_line_low03,.deco_line_low04,.deco_line_low05 { display: none; } }

.deco_line_low02 svg,
.deco_line_low03 svg,
.deco_line_low04 svg,
.deco_line_low05 svg {
	width:360px;
	height:20px;
}
.deco_line_low02 svg line,
.deco_line_low03 svg line,
.deco_line_low04 svg line,
.deco_line_low05 svg line {
	fill: none;
	stroke: #2d669e;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 0.5, 20;
}

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

.deco_line_low03 {
	bottom: 0px;
	left: -320px;
}
.deco_line_low04 {
	top: -150px;
	right: -360px;
}
.deco_line_low05 {
	bottom: -190px;
	left: -360px;
}
/*lower_page_css*/


/*activities*/
.activities_infogram {
	width: 100%;
	margin-top: 100px;
}
@media screen and ( max-width:767px) { .activities_infogram { margin-top: 40px;} }

.activities_infogram p:first-of-type,
.activities_social p:first-of-type {
	margin-top: 50px;
}
@media screen and ( max-width:767px) { .activities_infogram p:first-of-type,.activities_social p:first-of-type { margin-top: 20px;} }

.activities_infogram ul {
	height: 300px;
}
@media screen and ( max-width:767px) { .activities_infogram ul { height: auto; } }

.activities_infogram li {
	width: 250px;
	margin-right: 5px;
	float: left;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.6em;
}
.activities_infogram li:last-child {
	margin-right: 0;
}
@media screen and ( max-width:767px) { .activities_infogram li,.activities_infogram li:last-child { width: 80%; margin: 0 auto 40px; padding-left: 8%; float: none;} }

.activities_infogram span.gram_cap {
	width: 95%;
	position: relative;
	left: -13px;
	font-weight: 700;
}
.activities_social {
	margin-top: 180px;
}
.activities_social h3 {
	margin: 40px 0;
	font-size: 28px;
}
@media screen and ( max-width:767px) { .activities_social h3 { font-size: 21px; margin: 25px 0; } }

.content_line,
.content_line_last {
	width: 20px;
	height: 100px;
	display: block;
	margin: 80px auto -80px;
	background:url("../img/cont_dots.png") no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { .content_line_last { display: none; } }

.content_line_02 {
	width: 20px;
	height: 100px;
	display: block;
	margin: 80px 0 -80px 0;
	position: relative;
	left: 500px;
	background:url("../img/cont_dots.png") no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { .content_line_02 { display: none; } }

.content_line_03 {
	width: 20px;
	height: 100px;
	display: block;
	margin: 80px auto -80px;
	position: relative;
	right: 200px;
	background:url("../img/cont_dots.png") no-repeat center;
	background-size:cover;
}
@media screen and ( max-width:767px) { .content_line_03 { display: none; } }



.activities_ph_r,
.activities_ph_l {
	width: 575px;
	height: 486px;
}
@media screen and ( max-width:767px) { .activities_ph_r,.activities_ph_l { width: 100%; height: auto; } }

.activities_ph_l {
	float: right;
}
@media screen and ( max-width:767px) { .activities_ph_l { float: none; } }

.activities_txt_flow_r,
.activities_txt_flow_l {
	width: 380px;
	height: 470px;
	background-color: #fff;
	background:rgba(255,255,255,0.7);
	position: relative;
	clear: both;
}
@media screen and ( max-width:767px) { .activities_txt_flow_r,.activities_txt_flow_l { width: 100%; height: auto; } }

.activities_txt_flow_r {
	top: -460px;
	left: 380px;
	padding: 40px;
}
@media screen and ( max-width:767px) { .activities_txt_flow_r { top: 0; left: 0; padding: 0; } }

.activities_txt_flow_l {
	top: -440px;
	left: 0px;
	padding: 40px;
}
@media screen and ( max-width:767px) { .activities_txt_flow_l { top: 0; left: 0; padding: 0; } }

.activities_container {
	min-height: 1200px;
	margin-top: 150px;
	margin-bottom: -560px;
}
@media screen and ( max-width:767px) { .activities_container { min-height: auto; margin-top: 150px; margin-bottom: 0;} }

.content_lowerpages .container .category_details h2 {
	margin: 15px 0 0;
}

.activities_lowerpages {
	margin-top: 70px;
}
.content_lowerpages .activities h3 {
	width: 90%;
	height: 50px;
	margin: 10px auto;
	font-size: 17px;
	line-height: 1.4em;
	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: 19px; } }

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

.content_lowerpages .deco_sqare_01 svg {
	top: -90px;
	left: 870px;
}
.content_lowerpages .deco_sqare_02 svg {
	top: 600px;
	left: -210px;
}

.inquiries {
	width: 760px;
	height: 450px;
	margin: 0 auto;
	border: 5px solid #76c8e5;
}
@media screen and ( max-width:767px) and ( min-width:361px) { .inquiries { width: 90%; height: auto; border: none; border-top: 5px solid #76c8e5 ;} }
@media screen and ( max-width:360px) { .inquiries { width: 90%; height: auto; border: none; border-top: 5px solid #76c8e5 ; } }
@media screen and ( max-width:767px) and ( min-width:361px) { .content_lowerpages .inquiries { width: 100%; height: auto; border: none; border-top: 5px solid #76c8e5 ;} }
@media screen and ( max-width:360px) { .content_lowerpages .inquiries { width: 100%; height: auto; border: none; border-top: 5px solid #76c8e5 ; } }



.inquiries h2 {
	margin: 60px auto 0;
	padding: 0 20px;
	text-align: center;
	font-size: 32px;
}
@media screen and ( max-width:767px) { .inquiries h2 { font-size: 24px; } }

.inquiries p {
	margin: 30px auto 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #29abe2;
}
@media screen and ( max-width:767px) and ( min-width:361px) { .inquiries p { width: 90%; text-align: left; } }
@media screen and ( max-width:360px) { .inquiries p { width: 100%; text-align: left; } }

.inquiries_bt {
	width: 590px;
	margin: 40px auto 30px;
	font-weight: 700;
	display: table;
}
@media screen and ( max-width:767px) and ( min-width:361px) { .inquiries_bt { width: 90%; text-align: center; } }
@media screen and ( max-width:360px) { .inquiries_bt { width: 100%; text-align: center; } }

.inquiries_bt_donate {
	width: 280px;
	height: auto;
	background-color: #1b98dd;
	float: left;
}
@media screen and ( max-width:767px) { .inquiries_bt_donate { width: 100%; float: none; margin: 10px auto;} }

.inquiries_bt_donate a {
	padding: 24px 23px;
	display: block;
	font-size: 18px;
}

.inquiries_bt_mailform {
	width: 270px;
	height: auto;
	margin-left: 30px;
	border: 5px solid #76c8e5;
	float: right;
	color: #6ebed2;
}
@media screen and ( max-width:767px) { .inquiries_bt_mailform { width: 97%; float: none; margin: 10px auto;} }

.inquiries_bt_mailform a{
	color: #6ebed2;
}
.inquiries_bt_mailform img {
	width: 28px;
	height: 20px;
	margin-right: 10px;
	float: left;
}
.mailform_txt_up {
	width: 100%;
	padding: 10px 0 0 30px;
	float: left;
	font-size: 12px;
}
.mailform_txt_un {
	width: 100%;
	padding-left: 9px;
	font-size: 11px;
	color: #998675;
	text-align: center;
}
.inquiries_bt_mailform a {
	padding: 5px 0;
	display: block;
}
.mailform_txt_up_intxt {
	width: 80%;
    margin: -6px 0 -6px 0px;
    float: left;
	font-size: 16px;
	display: block;
}
@media screen and ( max-width:767px) { .mailform_txt_up_intxt { float: none;} }

/*medicalcare*/
.about_ph_r {
	width: 48%;
	margin: 0 0 0 0;
	float: right;
}
@media screen and ( max-width:767px) { .about_ph_r { width: 100%; float: none; margin: 0 auto;} }

.about_txt_l {
	width: 46%;
	margin: 0 0 30px 0;
	padding-right: 6%;
	float: left;
}
@media screen and ( max-width:767px) { .about_txt_l { width: 100%; float: none; margin: 30px auto 0; padding-right: 0;} }

.about_txt_l h2 {
	font-size: 28px;
	margin: -10px 0 40px 0;
}
@media screen and ( max-width:767px) { .about_txt_l h2 { font-size: 23px; margin: 0; } }

.about_txt_l p,
.about_txt p {
	font-size: 18px;
	margin-top: 30px;
}
@media screen and ( max-width:767px) { .about_txt_l p,.about_txt p { margin-top: 30px;} }

.about_txt {
	clear: both;
	margin-top: 30px;
}
.activities_list {
	height: 295px;
	margin-top: 60px;
}
@media screen and ( max-width:767px) { .activities_list { height: auto;} }

.activities_list li {
	width: 220px;
	margin-right: 50px;
	float: left;
	text-align: center;
	font-weight: 700;
}
@media screen and ( max-width:767px) { .activities_list li { width: 70%; margin: 0 auto 40px; float: none; text-align: center;} }

.activities_list li:last-of-type {
	margin-right: 0;
}
@media screen and ( max-width:767px) { .activities_list li:last-of-type { width: 70%; margin: 0 auto 40px; float: none; text-align: center;} }

.support_flow_l {
	width: 315px;
	padding: 30px;
	float: left;
	background: linear-gradient(-70deg, #3fa9f5, #305387) ;
}
@media screen and ( max-width:767px) { .support_flow_l { width: 80%; height: auto; margin: 0 auto; float: none; padding: 10% 10% 40%;} }

.support_flow_l span,
.support_flow_l h3,
.support_flow_l p {
	color: #fff;
}
.support_flow_l span {
	font-size: 18px;
	font-weight: 700;
}
.support_flow_l h3 {
	font-size: 28px;	
	font-weight: 700;
}
.support_flow_l p {
	margin-top: 20px;
}
.support_flow_l ul {
	height: auto;
	margin-top: 20px;
	display: block;
}

.support_flow_l ul img {
	width: 55px;
	height: 55px;
	margin-top: 5px;
	float: left;
}
.support_flow_l ul span {
	width: 75%;
	margin: 20px 0 0 20px;
	float: left;
	display: block;
}
@media screen and ( max-width:767px) { .support_flow_l ul span { width: 70%; font-size: 16px;} }

.support_flow_l ul li {
	clear: both;
}

.support_flow_wrap {
	margin-top: 50px;
}

.support_flow_arrow {
	width: 32px;
	height: 61px;
	float: left;
    margin: 250px 0 0 20px;
}
@media screen and ( max-width:767px) { .support_flow_arrow { display: none;} }

.support_flow_arrow_sp {
	width: 61px;
	height: 32px;
	margin: 30px auto 0;
}
@media screen and ( min-width:768px) { .support_flow_arrow_sp { display: none;} }

.support_flow_r {
	width: 320px;
	height: 300px;
	margin: 5px;
	float: left;
}
@media screen and ( max-width:767px) { .support_flow_r { width: 98%; height: auto; margin: 30px auto 0; border: 4px solid #305387;} }

.support_flow_r ul{
	text-align: center;
}
.support_flow_r li{
	margin: 50px auto;
}
.support_flow_r li img {
	width: 250px;
	height: 90px;
}
.support_flow_r span{
	display: block;
	font-weight: 700;
}
@media screen and ( max-width:360px) {.support_flow_r span { font-size: 15px;} }

.report_lower {
	width: 100%;
	margin: 0 auto;
	padding-top: 200px;
	clear: both;
}
@media screen and ( max-width:767px) {.report_lower { width: 86%; padding-top: 140px;} }
.report_lower_wrap {
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}
@media screen and ( max-width:767px) {.report_lower_wrap { width: 100%; } }
.cont_contents .report_lower_wrap:first-of-type {
	margin-top: -100px;
}
.report_lower h2 {
	margin: 15px 0;
}
.report_lower_l,
.report_lower_r,
.report_contents {
	width: 46%;
	margin: 0 2%;
	float: left;
	position: relative;
}
@media screen and ( max-width:767px) {.report_lower_l,.report_lower_r,.report_contents { width: 100%; height: auto; margin: 0 auto 80px;} }

.cont_contents .report_lower_l h3,
.cont_contents .report_lower_r h3,
.cont_contents .report_contents {
	height: auto;
	border: none;
	line-height: 2.0em;
	padding-left: 0;
}
.report_lower_l h3,
.report_lower_r h3,
.report_contents h3 {
	height: auto;
	min-height: 96px;
	margin: 20px 0;
	font-size: 18px;
}
@media screen and ( max-width:767px) {.report h3 { font-size: 21px; } }

.report_lower_l h3.plusline , .report_lower_r h3.plusline, .report_contents h3.plusline { min-height: 129px; }

.report_lower p {
	margin-top: 36px;
}
.report_lower_l .bt_category_details,
.report_lower_r .bt_category_details {
	margin-top: 30px;
}
@media screen and ( max-width:767px) {.report_l .bt_category_details, .report_r .bt_category_details { position: relative; margin-top: 40px; } }

.cont_contents .cont_contents .report_lower_wrap .report_lower_l .bt_category_details,
.cont_contents .cont_contents .report_lower_wrap .report_lower_r .bt_category_details,
.cont_contents .cont_contents .report_lower_wrap .report_contents .bt_category_details {
	margin-top: 0px;
}
@media screen and ( max-width:767px) {.cont_contents .cont_contents .report_lower_wrap .report_lower_l .bt_category_details,.cont_contents .cont_contents .report_lower_wrap .report_lower_r .bt_category_details,.cont_contents .cont_contents .report_lower_wrap .report_contents .bt_category_details { position: relative; margin-top: 40px; } }
.content_date {
	margin: 10px 0 -10px;
    display: block;
    font-weight: 700;
    border-left: 4px solid #1a386b;
    padding-left: 15px;	
}
.pickup_banner_lower {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 120px;
	clear: both;
}
@media screen and ( max-width:767px) {.pickup_banner_lower { padding-top: 0; } }

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