@charset "UTF-8";

.txt_center {
	text-align: center;
}

.flex_between {
	justify-content: space-between;
}



#mainContent h2.secttl .catch {
	font-weight: normal;
	display: inline-block;
	font-size: 80%;
}

#mainContent h2.secttl .catch:before, #mainContent h2.secttl .catch:after {
	content: "";
	display: inline-block;
	width: 1.2em;
	height: 3px;
	background-color: #565656;
	transform: rotate(-60deg);
	vertical-align: middle;
}

#mainContent h2.secttl .catch:before { transform: rotate(60deg);}

#mainContent .point_list {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

#mainContent .point_list > li {
	width: calc( 50% - 20px );
	padding: 30px;
	background: #fff;
}

#mainContent .point_list h3 {
	font-size: 180%;
	margin-bottom: 0.8em;
	font-weight: normal;
}

#mainContent .point_list h3 .bold {
	font-weight: bold;
}

#mainContent .point_list h3 .num {
	color: #fff;
	background: #cb064b;
	display: inline-block;
	padding: 0.2em 0.5em;
	line-height: 1;
	margin-right: 0.3em;
}

#mainContent .point_list .flex {
	align-items: center;
	justify-content: space-between;
}

#mainContent .point_list .flex:last-of-type { margin-top: 30px;}

#mainContent .point_list .img_area { width: 46%;}
#mainContent .point_list .txt_area { width: 50%;}
#mainContent .point_list li:first-child .img_area { width: 26%;}
#mainContent .point_list li:first-child .txt_area { width: 70%; color: #cb064b; font-weight: bold; font-size: 110%;}

#mainContent .point_list .flex .txt_area dt { margin-bottom: 0.4em; font-size: 125%;}

.contactBtn {
	justify-content: center;
	margin-top: 40px;
}

.contactBtn .btnArea {
	margin: 20px;
}

.bg_pnk, h2.bg_pnk {
	background: #223a70;
	color: #fff;
	font-weight: bold;
	font-size: 150%;
	padding: 0.5em;
	margin: 30px 0;
	line-height: 1.4;
}

#aboutSkipArea .bg_pnk .hsjttl {
	display: inline-block;
	background: #fff;
	color: #223a70;
	margin-right: 0.5em;
	padding: 0 0.3em;
}

#aboutSkipArea .hsj_list dd .flex > li, #aboutSkipArea .support .flex > li , #aboutSkipArea .counseling > li {
	width: 47%;
}

#aboutSkipArea .catch {
	font-size: 200%;
	font-weight: bold;
	margin: 1em auto;
}

#aboutSkipArea .hsj_list .attack5 dd .flex > li {
	width: 30%;
}

#aboutSkipArea .hsj_list .attack5 dd .flex > li .img_area {
	max-width: 240px;
	margin: 0 auto 20px;
}

#aboutSkipArea .img_area  {
	margin-bottom: 20px;
}

#aboutSkipArea p.indent {
	text-indent: -1em;
	padding-left: 1em;
}

#place {
	background: #f0f0f0;
}

#place .flex > li {
	width: 47%;
}

#place .img_area  {
	margin-bottom: 20px;
}

.goukakuritsu .flex {
	align-items: center;
}

.goukakuritsu .txt_area p {
	font-size: 180%;
}

.goukakuritsu .txt_area .txtB {
	font-weight: bold;
	font-size: 120%;
}

.schedule li { padding: 0.5em 1em;}

.schedule li dl { text-align: center;}
.schedule li dd { font-size: 80%;}




/*テストアップ時に消す*/
/*#header{
	position: static;
}*/


#protectArea{
	background: #f0f0f0;
}

#needsArea h2 small{
	margin-top: .5em;
	display: block;
	font-size: 70%;
}

#needsArea .lead,
#protectArea .lead,
#reasonArea .lead{
	font-weight: bold;
	font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
	text-align: center;
	margin-bottom: 1.25em;
}
#needsArea h3,
#protectArea h3{
	background: #223a70;
	color: #fff;
	font-weight: bold;
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	padding: 0.5em;
	margin-bottom: 1em;
	line-height: 1.4;
	text-align: center;
}
#needsArea h4{
	font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
	font-weight: bold;
	margin-bottom: 1em;
}

#needsArea .list .flex,
#protectArea .list,
#reasonArea .list{
	justify-content: space-between;
	flex-wrap: wrap;
}

#needsArea .txt_area { width: 52%;}
#needsArea .img_area { width: 44%;}


#needsArea .list{
	margin-bottom: 2em;
}
#needsArea .list li:not(:last-child){
	margin-bottom: 2.5em;
}
#needsArea .list + ul{
	border: solid 1px #74a9eb;
	padding: 2.5em 5em;
	margin-bottom: 2em;
}
#needsArea .list + ul li:not(:last-child){margin-bottom: .5em;}
#needsArea .list + ul li:before { content: "\02022"; margin-right: 0.3em;}
#needsArea .txt_box{
  background: #e8f2ff;
  border-radius: 1em;
  padding: 1.5em 2em;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.938rem, 0.778rem + 0.8vw, 1.375rem);
}
#needsArea .txt_box>p{
	margin-bottom: 1em;
}
#needsArea .txt_box .txt_large{
	font-size: clamp(1.25rem, 0.886rem + 1.82vw, 2.25rem);
	margin-bottom: 0;
}
#needsArea .txt_box .txt_large .small{font-size: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);}
#needsArea .txt_box .txt_large .red{color: #223a70;}

#protectArea .list li{width: calc(100% / 3 - 1.25em);}
#protectArea h3{
	min-height: 4em;
	display: flex;
	align-items: center;
	justify-content: center;
}
#protectArea h4{
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: bold;
	margin-bottom: .75em;
}

#protectArea .img_area{
	margin-bottom: 1em;
}


#reasonArea .list{gap: 3em 1.25em;}
#reasonArea .list>li{width: calc(100% / 2 - 1.25em);}
#reasonArea h3{
	background: #CB064B;
	color: #fff;
	font-weight: bold;
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	padding: 0.5em;
	margin-bottom: 1em;
	line-height: 1.4;
	text-align: center;
}
#reasonArea p{
	margin-bottom: 2em;
}
#reasonArea .point{
	background: #fffeef;
	padding: 3em 1.5em 1em;
	position: relative;
}
#reasonArea .point dt{
	background: #CB064B;
	padding: .5em;
	color: #fff;
	text-align: center;
	width: 60%;
	position: absolute;
	top: -1.25em;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 30px;
}
#reasonArea .point dd:not(:last-child){
	border-bottom: 1px dashed #999;
	padding-bottom: .5em;
	margin-bottom: 1em;
}
#reasonArea .img_area{margin-bottom: 1em;}



@media (max-width: 799px) {
	#mainContent .point_list > li { width: 100%;}
	#mainContent .point_list > li:not(:last-child) { margin-bottom: 30px;}



}

@media (max-width: 699px) {


#needsArea .list + ul{padding: 1.25em 1.75em;}
#needsArea .txt_box{padding: 1.25em 1.5em;}
#protectArea .list li{width: 100%;}
#protectArea .list li:not(:last-child) { margin-bottom: 1.5em;}
#protectArea .list li .img_area{width: 80%;max-width: 640px;margin: 0 auto 1.25em}
#protectArea h4{
	min-height: auto;
	padding: .75em;
}


#reasonArea .list{gap: 2em 0;}
#reasonArea .list>li{width: 100%;}
#reasonArea .list>li .img_area{width: 80%;max-width: 640px;margin: 0 auto 1.25em}


	.schedule li, .schedule li:first-of-type { writing-mode: initial; width: 100%; margin: 0 auto 40px;}
	#aboutSkipArea .hsj_list dd .flex > li, #aboutSkipArea .support .flex > li, #aboutSkipArea .counseling > li { width: 100%;}
	#aboutSkipArea .txt_area { margin-bottom: 20px;}
	.schedule li:not(:last-of-type):after { content: "\025bc"; left: 50%; top: calc( 100% + 10px ); transform: translateX( -50% );}
}

@media (max-width: 599px) {
	.bg_pnk, h2.bg_pnk { font-size: 1.2rem;}
	#mainContent .point_list h3, #aboutSkipArea .catch { font-size: 1.4rem;}
	#mainContent .point_list > li { padding: 1.5em;}
	.contactBtn .btnArea {margin:0.5em;}


#needsArea .txt_area { width: 100%;}
#needsArea .img_area { width: 80%;margin: 0 auto 1.5em;}



}

@media (max-width: 499px) {
	#aboutSkipArea .hsj_list .attack5 dd .flex > li { width: 100%; border-bottom: dotted 1px #ccc; margin-bottom: 20px;}
	#mainContent .point_list .img_area, #mainContent .point_list .txt_area { width: 100%;}
	#mainContent .point_list .img_area { margin-bottom: 20px;}
	.bg_pnk, h2.bg_pnk { font-size: 1.125rem;}
	#aboutSkipArea .bg_pnk .hsjttl { width: 100%; margin: 0 0 0.2em;}
}