@charset "UTF-8";
@import url("https://use.typekit.net/fkd8pao.css");
/*
Theme Name: Kiyomi
Description: 辻元清美 official website オリジナルテンプレート
Version: 2.0
*/


html {
  color: #444;
  background: #fff;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, textarea,
p,
blockquote,
th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  vertical-align: top;
  text-align: left;
}

img {
  border: 0;
  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol li,
ul li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
	min-width: 1300px;
 background: #fff;
 font-family: "brandon-grotesque", dnp-shuei-mgothic-std, sans-serif;
 font-weight: 400;
 line-height: 1;
 font-size: 14px;
 color: #444;
 -webkit-text-size-adjust: 100% !important;
 text-align: center;
 font-feature-settings: "palt";
	letter-spacing: 1px;
}

a {
  cursor: pointer;
  color: #0096d2;
  text-decoration: none;
}
#s_topics a,
#know #s_1 article a,
#know #s_blog article a {
  color: #1f3f8f;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

img {
  vertical-align: top;
}

/* basic */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}

a.txt-link {
	padding: 0 0 0 20px;
	background: url(img/icn_arw_link.png) no-repeat left center/6px;
	font-size: 16px;
	color: #0096d2;
}

br.pc {
 display: block;
}
br.sp {
 display: none;
}


@media screen and (max-width: 600px) {

	body {
		width: 100%;
		min-width: 100%;
	}

	br.pc {
	 display: none;
	}
	br.sp {
	 display: block;
	}

}



header {
  width: 100%;
  height: 110px;
  background: #f8f7f5;
}
header .inr {
	padding: 0 10px 0 40px;
}
header .logo {
  float: left;
  width: 157px;
  margin-top: 42px;
}
header .logo img {
  width: 401px;
}
header .logo img.sp {
	display: none;
}
header nav.sp {
	display: none;
}
header nav.pc {
  float: right;
  width: 880px;
  text-align: right;
  margin-top: 25px;
}
header nav.pc ul {
	display: inline-block;
  margin: 0;
}
header nav.pc li {
	display: inline-block;
  margin: 0 14px;
}
header nav.pc a {
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #444;
}
header nav.pc a:before {
 content: '';
 display: inline-block;
 width: 6px;
 height: 10px;
 background: url(img/arr1_gr.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}
header nav.pc li.btn {
	margin-left: 16px;
}
header nav.pc li.btn a {
	display: block;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 195px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	background: #e8216e;
	text-align: center;
}
header nav.pc li.btn a:before {
 background: url(img/arr1_wh.svg) no-repeat left center/6px 10px;
}

header .btn_menu,
header nav.pc span.logo_open {
	display: none;
}


#home header {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1000;
 background: none;
}
#home header nav.pc a {
	color: #fff;
}
#home header nav.pc a:before {
 background: url(img/arr1_wh.svg) no-repeat left center/6px 10px;
}


@media screen and (max-width: 600px) {

	header {
  width: 100%;
  height: 60px;
	}
	header .inr {
		padding: 0 0 0 0;
	}
	header .logo {
  float: none;
  margin: 0;
  width: 78%;
	 position: absolute;
	 display: block;
	 top: 19px;
	 left: 16px;
	}
	header .logo img.sp {
		display: block;
  width: 100%;
	}
	header .logo img.pc {
		display: none;
	}
	header nav.pc {
		display: none;
	}
	header nav.sp {
	 position: absolute;
	 width: 100%;
	 top: 0;
	 left: 0;
	 background: #fff;
	 z-index: 2000;
	 display: none;
	 margin-top: 0;
	 float: none;
	}

	
	header .btn_menu {
	 position: absolute;
	 display: block;
	 top: 10px;
	 right: 10px;
	 width: 40px;
	 height: 40px;
	 box-sizing: border-box;
	 padding-top: 13px;
	 background: #e8216e;
	 border-radius: 5px;
	}
	header .btn_menu img {
		width: 15px;
	}
	header .btn_menu.js_btn_close img {
		width: 12px;
	}
	header nav.sp span.logo_open {
	 width: 78%;
	 position: absolute;
	 display: block;
	 top: 19px;
	 left: 16px;
	}
	header nav.sp span.logo_open a:before {
		display: none;
	}
	header nav.sp span.logo_open img {
		width: 100%;
	}
	header nav.sp .wrap_sp {
	 position: relative;
	 top: 60px;  
	 background: #f0f0f0;
	 padding: 35px 0 0;
}
	header nav.sp ul.top {
	}
	header nav.sp ul.top li {
		display: block;
		width: 80%;
		margin: 0 auto 10px;
		text-align: left;
	}
	header nav.sp ul.top li a {
		display: block;
		position: relative;
		height: 50px;
		line-height: 50px;
		border-radius: 5px;
		font-size: 18px;
		letter-spacing: 2.5px;
		padding-left: 20px;
		color: #fff;
	}
	header nav.sp ul.top li a:after {
	 content: '';
	 display: inline-block;
	 vertical-align: top;
	 width: 10px;
	 height: 100%;
	 background: url(img/arr1_wh.svg) no-repeat left center/8px 14px;
	 position: absolute;
	 top: -1px;
	 right: 17px;
	}
	header nav.sp ul.top li.support a {
		background: #00bbc9;
	}
	header nav.sp ul.top li.voice a {
		background: #448aca;
	}
	header nav.sp ul.top li.know a {
		background: #5f52a0;
	}
	header nav.sp ul.top li a span {
		font-size: 27px;
		font-weight: 600;
	}
	header nav.sp ul.top li p {
		margin-top: 8px;
		line-height: 1.6;
		font-size: 12px;
	}

	header nav.sp ul.btm {
		width: 80%;
		margin: 15px auto 0;
		padding: 20px 0 10px;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	header nav.sp ul.btm li {
		display: block;
		text-align: left;
	}
	header nav.sp ul.btm li a {
		display: block;
		padding: 8px 0 8px;
		color: #444;
	}
	header nav.sp ul.btm li a:before {
	 content: '';
	 display: inline-block;
	 width: 6px;
	 height: 10px;
	 background: url(img/arr1_gr.svg) no-repeat left center/6px 10px;
	 margin-right: 10px;
	}
	header nav.sp ul.btm li.btn {
		margin-bottom: 10px;
	}
	header nav.sp ul.btm li.btn a {
		display: block;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
		width: 140px;
		height: 40px;
		padding: 0;
		line-height: 40px;
		border-radius: 30px;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		background: #e8216e;
		text-align: center;
	}
	header nav.sp ul.btm li.btn a:before {
	 content: '';
	 display: inline-block;
	 width: 6px;
	 height: 10px;
	 background: url(img/arr1_wh.svg) no-repeat left center/6px 10px;
	 margin-right: 10px;
	}

	header nav.sp ul.sns {
		width: 80%;
		margin: 20px auto 0;
	}
	header nav.sp ul.sns li {
		display: inline-block;
		margin: 0 15px 0 0;
	}
	header nav.sp span.btn_close_btm {
		padding: 13px 0;
		margin-top: 20px;
		display: block;
		background: #444444;
		font-size: 14px;
		color: #fff;
	}
	header nav.sp span.btn_close_btm img {
		display: inline-block;
		width: 12px;
		margin-right: 5px;
		vertical-align: middle;
	}

}



footer {
 width: 100%;
 padding-top: 80px;
 position: relative;
 background: #f9f9f9;
}

footer .sns {
	width: 730px;
	margin: 35px auto 0;
	padding-bottom: 38px;
	border-bottom: 1px solid #dddddd;
}
footer .sns ul li {
	display: inline-block;
	margin: 0 9px;
}

footer .info {
	margin: 43px 0 42px;
}
footer .info .lead {
	margin-bottom: 28px;
	font-size: 18px;
	font-weight: 600;
}
footer .info .btns {
	margin-bottom: 30px;
}
footer .info .btns a {
	display: inline-block;
	margin: 0 15px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 325px;
	height: 50px;
	line-height: 48px;
	border-radius: 30px;
	color: #e8216e;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e8216e;
}
footer .info .btns a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}
footer .info .address span.bold {
	display: inline-block;
	margin-right: 16px;
	font-weight: 600;
 font-size: 16px;
}
footer .info .address a {
	color: #444;
	font-size: 13px;
	text-decoration: underline;
}
footer .info .address a:hover {
	text-decoration: none;
}

footer .copyright {
	padding: 22px 0 23px;
 font-size: 14px;
 background: #e8216e;
 color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	font-style: italic;
}

@media screen and (max-width: 600px) {

	footer {
	 width: 100%;
	 padding-top: 32px;
	}
	
	footer .sns {
		width: 80%;
		margin: -5px auto 0;
		padding-bottom: 22px;
	}
	
	footer .info {
		margin: 22px 0 20px;
	}
	footer .info .lead {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1.5;
	}
	footer .info .btns {
		margin-bottom: 15px;
	}
	footer .info .btns a {
		display: block;
		margin: 0 auto 5px;
		width: 60%;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}
	footer .info .address {
	 font-size: 12px;
	 line-height: 1.6;
	}
	footer .info .address span.bold {
		margin-right: 16px;
	 font-size: 14px;
	}
	footer .info .address span.forpc {
		display: none;
	}
	footer .info .address a {
		font-size: 11px;
	}
	footer .copyright {
		padding: 18px 0 20px;
	 font-size: 12px;
	}

}



#not_found .inr {
  padding: 70px 0;
}
#not_found h1 {
  font-weight: bold;
  font-size: 18px;
}
#not_found p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.8;
}


.btn_list {
	margin-top: 30px;
	text-align: center;
}
.btn_list a {
	display: inline-block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border: 1px solid #e8216e;
	color: #e8216e;
	background: #fff;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}
.btn_list a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}
.btn_list.wide a {
	width: 375px;
}
.btn_anno {
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 11px;
}


#page_ttl {
  padding: 100px 0 0px;
  font-size: 30px;
}
#page_ttl h1 {
  font-size: 50px;
}
#page_ttl h1 a {
	color: #444;
}
#page_ttl h1:after {
	content: '';
	display: block;
	margin: 25px auto 0;
	background: #e8216e;
	width: 124px;
	height: 2px;
}
#page_ttl .inr {
	position: relative;
}
#page_ttl .sub {
	position: absolute;
	top: 234px;
	left: -210px;
	z-index: 10;
	color: #e8216e;
	font-size: 30px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: italic;
	transform: rotate(90deg);
	letter-spacing: 5px;
}



@media screen and (max-width: 600px) {


	.btn_list.wide a {
		width: 100%;
	}
	
	#page_ttl {
	  padding: 60px 0 0px;
	  font-size: 30px;
	}
	#page_ttl h1 {
	  font-size: 35px;
	}
	#page_ttl h1:after {
		margin: 25px auto 0;
		width: 88px;
		height: 2px;
	}
	#page_ttl .sub {
		top: 38px;
		left: -81px;
		font-size: 12px;
		letter-spacing: 2px;
	}

}


#main {
 width: 100%;
 min-width: 960px;
 height: 650px;
 position: relative;
 background: url(img/main_bg.jpg) no-repeat center center/cover;
}
#main .copy {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -415px;
	z-index: 10;
}
#main .copy img {
	width: 354px;
}
#main .sub {
	position: absolute;
	top: 444px;
	left: -210px;
	z-index: 10;
	color: #e8216e;
	font-size: 30px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: italic;
	transform: rotate(90deg);
	letter-spacing: 5px;
}

@media screen and (max-width: 600px) {

	#main {
	 min-width: 100%;
	 height: 320px;
	 background: url(img/main_bg_sp.jpg) no-repeat center center/cover;
	}
	#main .copy {
		top: 104px;
		left: 50%;
		margin-left: -78%;
	}
	#main .copy img {
		width: 38%;
	}
	#main .sub {
		top: 160px;
		left: -81px;
		font-size: 12px;
		color: #fff;
		letter-spacing: 2px;
	}

}


#s_support_top {
	padding: 0 0 170px;
	background: #f8f7f5;
}

.box_support {
	width: 910px;
	margin: -265px auto 42px;
	position: relative;
}
.box_support .inr {
	width: 445px;
	position: relative;
	z-index: 100;
}
.box_support h2 {
	padding: 10px 0 7px;
	background: #e8216e;
	color: #fff;
	border-radius: 5px 5px 0 0;
	font-size: 19px;
	line-height: 1.3;
	font-weight: 600;
}
.box_support .cont {
	padding: 28px 42px 22px;
	border-radius: 0 0 5px 5px;
	background: #fff;
	box-shadow: 0px 0px 3px 0.5px rgba(1,1,1,0.1);
}
.box_support form input {
	display: block;
	height: 55px;
	padding: 0px 20px;
	border: 1px solid #c8c8c8;
	background: #f9f9f9;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: 400;
}
.box_support form input:focus {
	outline: none;
}
.box_support form input::placeholder {
	font-size: 12px;
}
.box_support form .th {
	display: block;
	width: 100%;
}
.box_support form .th.top {
	margin-bottom: 4px;
}
.box_support form .th > input {
	display: block;
	vertical-align: top;
	box-sizing: border-box;
	float: left;
}
.box_support form input.name {
	width: 40%;
	border-radius: 8px 0 0 8px;
	border-right: none;
}
.box_support form input.zip {
	width: 60%;
	border-radius: 0 8px 8px 0;
}
.box_support form input.mail {
	width: 72%;
	border-radius: 8px 0 0 8px;
	border-right: none;
}
.box_support form input.btn {
	width: 28%;
	border-radius: 0 8px 8px 0;
	border: 1px solid #00bbc9;
	padding: 20px 20px;
	color: #fff;
	font-weight: 600;
 background: #00bbc9 url(img/btn_submit.png) no-repeat center center/50px;
 cursor: pointer;
}
.box_support form input.btn:hover {
	opacity: 0.8;
}

.box_support .box_status {
	margin-top: 25px;
}
.box_support .box_status .ttl {
	margin-bottom: 7px;
	color: #e8216e;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
}
.box_support .box_status .status {
	text-align: left;
}
.box_support .box_status .status p.now {
	float: left;
	width: 50%;
	font-size: 15px;
	font-weight: 600;
}
.box_support .box_status .status p.now span {
	font-size: 30px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 2px;
}
.box_support .box_status .status p.target {
	float: right;
	width: 50%;
	position: relative;
	top: 12px;
	font-weight: 600;
	font-size: 12px;
	text-align: right;
}
.box_support .box_status .status p.target span {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
}
.box_support .box_status .status p.time {
	display: block;
	margin-top: 7px;
	font-size: 10px;
	color: #e8216e;
}
.box_support .box_status .status .bar {
	margin-top: 8px;
	height: 10px;
	border-radius: 10px;
	position: relative;
	background: #e3e3e3;
}
.box_support .box_status .status .bar:before {
	content: '';
	display: inline-block;
	border-radius: 10px;
	background: #e8216e;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

#home #s_support_top .box_support:before {
	content: '';
	display: block;
	width: 54px;
	height: 96.5px;
	background: url(img/fkds_ouen.png) no-repeat 0 0/54px;
	position: absolute;
	top: -113px;
	left: -36px;
}


.box_support.line1 {
	width: 960px;
	margin-top: 0;
}
.box_support.line1 h2 {
	margin: 0 140px;
	padding: 17px 0 14px;
}
.box_support.line1 .cont {
	padding: 35px 70px 35px;
	border-radius: 5px;
	box-shadow: none;
}
.box_support.line1 form .th {
	float: left;
	width: 402px;
}
.box_support.line1 form .th.top {
	width: 418px;
	margin: 0;
}
.box_support.line1 form .th input.name {
	width: 48%;
}
.box_support.line1 form .th input.zip {
	width: 52%;
	border-radius: 0;
	border-right: none;
}
.box_support.line1 form .th input.mail {
	width: 74%;
	border-radius: 0;
	border-right: none;
}
.box_support.line1 form .th input.btn {
	width: 26%;
}


@media screen and (max-width: 600px) {

	#s_support_top {
		padding: 0 0 30px;
	}
	
	.box_support {
		width: 92%;
		margin: -82px auto 30px;
	}
	.box_support .inr {
		width: auto;
	}
	.box_support.line1 {
		margin-top: 0;
	}
	.box_support h2 {
		width: 80%;
		margin: 0 auto;
		padding: 10px 0 6px;
		font-size: 15px;
		line-height: 1.3;
	}
	.box_support .cont {
		padding: 22px 7% 19px;
		border-radius: 5px;
	}
	.box_support form .th.top {
		margin-bottom: 8px;
	}
	
	.box_support form input {
		height: 45px;
		padding: 0px 10px;
		font-size: 14px;
	}
	.box_support form input.name {
		width: 40%;
	}
	.box_support form input.zip {
		width: 60%;
	}
	.box_support form input.mail {
		width: 72%;
	}
	.box_support form input.btn {
		width: 28%;
	}
	
	.box_support .box_status {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #dddddd;
	}
	.box_support .box_status .ttl {
		float: none;
		width: auto;
		top: 0px;
		margin-bottom: 4px;
	}
	.box_support .box_status .status {
		float: none;
		width: 100%;
		text-align: left;
	}
	.box_support .box_status .status p.now {

	}
	.box_support .box_status .status p.now span {
		letter-spacing: 3px;
	}
	.box_support .box_status .status p.target {
	}
	.box_support .box_status .status p.time {
		margin-left: 0;
	}
	.box_support .box_status .status .bar {
		display: block;
		width: 100%;
		bottom: 0px;
		margin: 4px 0 4px;
	}

	#home #s_support_top .box_support:before {
		display: none;
	}

	.box_support.line1 {
		width: 92%;
		margin-top: -56px;
	}
	.box_support.line1 h2 {
		margin: 0 10%;
		padding: 10px 0 6px;
	}
	.box_support.line1 .cont {
		padding: 24px 7% 24px;
	}
	.box_support.line1 form .th {
		float: none;
		width: auto;
	}
	.box_support.line1 form .th.top {
		width: auto;
		margin-bottom: 8px;
	}
	.box_support.line1 form .th input.name {
		width: 40%;
	}
	.box_support.line1 form .th input.zip {
		width: 60%;
		border-radius: 0 8px 8px 0;
		border-right: 1px solid #c8c8c8;
	}
	.box_support.line1 form .th input.mail {
		width: 72%;
		border-radius: 8px 0 0 8px;
		border-right: none;
	}
	.box_support.line1 form .th input.btn {
		width: 28%;
	}

}



#s_support_top ul.box_menu li {
	display: inline-block;
	width: 285px;
	margin: 0 12px;
}
#s_support_top ul.box_menu li a {
	display: block;
	position: relative;
	height: 130px;
	line-height: 130px;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 2.5px;
}
#s_support_top ul.box_menu li a:after {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 10px;
 height: 100%;
 background: url(img/arr1_wh.svg) no-repeat left center/10px 16px;
 position: absolute;
 top: -2px;
 right: 17px;
}
#s_support_top ul.box_menu li.support a {
	background: #00bbc9;
}
#s_support_top ul.box_menu li.voice a {
	background: #448aca;
}
#s_support_top ul.box_menu li.know a {
	background: #5f52a0;
}
#s_support_top ul.box_menu li a span {
	font-size: 35px;
	font-weight: 600;
}
#s_support_top ul.box_menu li p {
	margin-top: 14px;
	line-height: 1.8;
	font-size: 16px;
}

@media screen and (max-width: 600px) {

	#s_support_top ul.box_menu li {
		display: block;
		width: 80%;
		margin: 0 auto 10px;
		text-align: left;
	}
	#s_support_top ul.box_menu li a {
		height: 70px;
		line-height: 70px;
		font-size: 18px;
		letter-spacing: 2.5px;
		padding-left: 20px;
	}
	#s_support_top ul.box_menu li a:after {
	 width: 10px;
	 height: 100%;
	 background: url(img/arr1_wh.svg) no-repeat left center/8px 14px;
	 position: absolute;
	 top: -1px;
	 right: 17px;
	}
	#s_support_top ul.box_menu li a span {
		font-size: 27px;
	}
	#s_support_top ul.box_menu li p {
		margin-top: 8px;
		line-height: 1.6;
		font-size: 12px;
	}
	
}



#s_top_other {
	padding: 0px 0 70px;
	background: #fff;
}


#home #s_sns {
	width: 1178px;
	box-sizing: border-box;
	padding: 70px 85px 60px 85px;
	margin: 0 auto 0;
 position: relative;
 top: -110px;
 background: #e8216e;
 border-radius: 5px;
}
#home #s_sns .box_ttls {
	float: left;
	width: 250px;
	text-align: left;
	color: #fff;
}
#home #s_sns .box_ttls h2.ttl {
	margin-bottom: 15px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 50px;
	letter-spacing: 10px;
}
#home #s_sns .box_ttls p.ttl_sub {
	margin-bottom: 60px;
	font-size: 20px;
}
#home #s_sns .box_ttls p.txt {
	font-size: 16px;
	line-height: 1.8;
}

#home #s_sns .box_tws {
	float: right;
	width: 750px;
	box-sizing: border-box;
	padding: 15px 30px 5px;
	border-radius: 5px;
	background: #fff;
}

#s_top_other .sns_btns {
	margin-bottom: 100px;
}

.box_line {
	width: 1030px;
	margin: 0 auto 45px;
	padding: 40px 0 40px 475px;
	box-sizing: border-box;
	background: #f8f7f5;
	border-radius: 5px;
	position: relative;
}
body#support .box_line {
	margin: 95px auto 65px;
}
.box_line img.cap {
	width: 300px;
	position: absolute;
	bottom: 0;
	left: 120px;
}
.box_line .top {
	margin-bottom: 20px;
	padding: 0 0 10px 85px;
	position: relative;
	line-height: 1.7;
	text-align: left;
}
.box_line .top > span {
	color: #06c755;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 1.5px;
}
.box_line .top > span > span {
	font-size: 25px;
}
.box_line .top img.icn {
	position: absolute;
	width: 65px;
	top: 0;
	left: 0;
}
.box_line .top img.qr {
	position: absolute;
	width: 115px;
	top: 45px;
	right: 128px;
}
.box_line .btn a {
	display: block;
	width: 290px;
	position: relative;
	left: -5px;
	text-decoration: none;
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	background: #06c755;
}
.box_line .btn a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_wh.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}

#s_top_other .sns_btns li {
	display: inline-block;
	width: 230px;
	margin: 0 10px;
}
#s_top_other .sns_btns li img.pc {
	display: block;
	width: 230px;
}
#s_top_other .sns_btns li img.sp {
	display: none;
}

#s_top_other .box_donate {
	margin-bottom: 50px;
}
#s_top_other .box_donate p.ttl {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	color: #e8216e;
	font-weight: 600;
	position: relative;
	top: -6px;
}
#s_top_other .box_donate p.txt {
	display: inline-block;
	margin-right: 10px;
	text-align: left;
	line-height: 1.6;
}
#s_top_other .box_donate p.btn {
	display: inline-block;
	width: 290px;
	position: relative;
	top: -15px;
}
#s_top_other .box_donate p.btn a {
	display: block;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	background: #e8216e;
}
#s_top_other .box_donate p.btn a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_wh.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}

.s_share {
	width: 600px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	box-sizing: border-box;
	background: #f8f7f5;
	border-radius: 5px;
	text-align: center;
}
.s_share p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-weight: 600;
}
.s_share ul,
.s_share ul li {
	display: inline-block;
	vertical-align: middle;
}
.s_share ul li {
	margin-left: 4px;
}

@media screen and (max-width: 600px) {

	#s_top_other {
		padding: 0px 0 65px;
	}
	
	#home #s_sns {
		width: 100%;
		padding: 35px 6% 36px;
		margin: 0 auto 0;
	 top: 0px;
	 border-radius: 0;
	}
	#home #s_sns .box_ttls {
		float: none;
		width: auto;
		padding: 0 4%;
	}
	#home #s_sns .box_ttls h2.ttl {
		float: left;
		margin-bottom: 15px;
		font-size: 50px;
		letter-spacing: 10px;
	}
	#home #s_sns .box_ttls p.ttl_sub {
		float: right;
		margin-bottom: 0;
		font-size: 16px;
		position: relative;
		top: 28px;
	}
	#home #s_sns .box_ttls p.txt {
		clear: both;
		margin-bottom: 19px;
		font-size: 12px;
	}
	
	#home #s_sns .box_tws {
		float: none;
		width: 100%;
		padding: 15px 15px 5px;
	}
	
	#s_top_other .sns_btns {
		margin-bottom: 50px;
	}
	
	.box_line {
		width: 100%;
		margin-bottom: 32px;
		padding: 35px 0 35px;
	}
	body#support .box_line {
		margin: -30px auto 30px;
		background: none;
		padding-top: 0;
	}
	body#support .box_line:before {
		content: '';
		display: block;
		width: 80%;
		height: 1px;
		background: #dddddd;
		margin: 0 auto 30px;
	}
	.box_line img.cap {
		display: none;
	}
	.box_line .top {
		margin-bottom: 24px;
		padding: 3px 0 0 30%;
		line-height: 1.5;
	}
	.box_line .top > span {
		font-size: 17px;
	}
	.box_line .top > span > span {
		font-size: 21px;
	}
	.box_line .top img.icn {
		width: 16%;
		top: 0px;
		left: 10%;
	}
	.box_line .top img.qr {
		display: none;
	}
	.box_line .btn a {
		height: 60px;
		line-height: 60px;
		width: 76%;
		margin: 0 auto;
		left: 0;
	}

	#s_top_other .sns_btns li {
		display: block;
		width: 75%;
		margin: 0 auto 10px;
	}
	#s_top_other .sns_btns li img.pc {
		display: none;
	}
	#s_top_other .sns_btns li img.sp {
		display: block;
		width: 100%;
	}
	
	#s_top_other .box_donate {
		margin-bottom: 32px;
	}
	#s_top_other .box_donate p.ttl {
		display: block;
		margin: 0 0 10px;
		font-size: 20px;
		top: 0px;
	}
	#s_top_other .box_donate p.txt {
		display: block;
		margin: 0 0 14px 0;
		text-align: center;
		line-height: 1.6;
		font-size: 12px;
	}
	#s_top_other .box_donate p.btn {
		display: inline-block;
		width: 75%;
		top: 0px;
	}
	#s_top_other .box_donate p.btn a {
		height: 50px;
		line-height: 50px;
	}
	
	.s_share {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 18px 0 19px 0;
		text-align: center;
	}
	.s_share p {
		display: block;
		margin: 0 0 9px 0;
	}
	.s_share ul,
	.s_share ul li {
		display: inline-block;
		vertical-align: top;
	}
	.s_share ul li {
		margin: 0 3px;
	}
	
}




/* =========================== news / blog =========================== */



/* sidebar */

.sidebar {
 width: 640px;
 margin: 0 auto;
 text-align: left;
}
.sidebar a {
 color: #444444;
}
.sidebar .side_ttl {
	float: left;
	width: 180px;
 font-size: 14px;
 font-weight: 600;
 color: #e8216e;
}
.sidebar .side_cats ul {
	float: right;
	width: 460px;
}
.sidebar .side_cats li {
	display: inline-block;
 margin: 0 15px 10px 0;
 font-size: 14px;
}
.sidebar .side_monthly {
 margin-top: 15px;
}
.sidebar .side_monthly .cont {
	float: right;
	width: 460px;
}
.sidebar .side_monthly select {
 font-size: 16px;
 position: relative;
 top: -6px;
}

@media screen and (max-width: 600px) {

	.sidebar {
	 width: 80%;
	 margin-bottom: 45px;
	}
	.sidebar .side_ttl {
		float: none;
		width: auto;
	 font-size: 11px;
	 margin-bottom: 12px;
	}
	.sidebar .side_cats ul {
		float: none;
		width: auto;
	}
	.sidebar .side_cats li {
		display: inline-block;
	 margin: 0 10px 6px 0;
	 font-size: 12px;
	}
	.sidebar .side_monthly {
	 margin-top: 15px;
	}
	.sidebar .side_monthly .cont {
		float: none;
		width: auto;
	}
	.sidebar .side_monthly select {
	 font-size: 14px;
	 position: relative;
	 top: 0px;
	}

}



/* single */

#single .inr {
 padding: 80px 0 100px;
}
#single .main {
 width: 640px;
 margin: 0 auto;
 text-align: left;
}
#single .main .sns {
 margin-top: 55px;
 padding-top: 22px;
 width: 100%;
 border-top: 1px solid #e3e3e3;
}
#single .main .sns ul {
 padding-bottom: 15px;
 border-bottom: 1px solid #e3e3e3;
}
#single .main .sns li {
 display: inline-block;
 vertical-align: top;
 margin-right: 0px;
}
#single .main .header {
 overflow: hidden;
 margin-bottom: 50px;
}
#single .main .header h1 {
 margin-bottom: 25px;
 font-weight: 600;
 font-size: 30px;
 line-height: 1.75;
}
#single .main .header .date {
 font-size: 14px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
 display: inline-block;
 vertical-align: top;
 color: #e50058;
}
#single .main .header .cats {
 display: inline-block;
 vertical-align: top;
 margin-top: -1px;
 margin-left: 20px;
}
#single .main .header a.cat {
 display: inline-block;
 margin-right: 10px;
 width: 110px;
 overflow: hidden;
 border-radius: 4px;
 background: #b2b2b2;
 text-align: center;
 text-decoration: none;
 color: #fff;
 font-size: 11px;
 padding: 3px 0 2px;
}
#single .main .header .link {
 margin-top: 20px;
 background: #f4f4f4;
 padding: 20px 25px;
}
#single .main .header .link a {
 color: #009b9a;
 font-size: 12px;
 font-weight: bold;
 background: url('img/arr_green.png?1432693007') no-repeat left top;
 padding-left: 15px;
}
#single .main .txt {
 font-size: 16px;
 line-height: 2;
 margin-bottom: 50px;
}
#single .main .txt h2 {
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 20px;
}
#single .main .txt h3 {
 font-weight: bold;
 color: #009b9a;
 margin-bottom: 10px;
}
#single .main .txt p {
 margin-bottom: 1em;
}
#single .main .txt strong {
 font-weight: bold;
}
#single .main .txt strong.large {
 font-size: 16px;
}
#single .main .txt blockquote {
 border-left: 1px dotted #999;
 margin: 15px 0;
 padding-left: 30px;
 line-height: 28px;
 font-style: italic;
}
#single .main .txt a {
 word-break: break-all;
}
#single .main .txt img {
 max-width: 100%;
 height: auto;
}
#single .main .txt ol > li {
 padding-left: 1em;
 margin-bottom: 10px;
}
#single .main .txt ol > li:before {
 border: 0.25em solid #e50058;
 border-radius: 0.25em;
 content: " ";
 display: inline-block;
 width: 0;
 height: 0;
 margin: 0 0.5em 2px -1em;
}
#single .main .txt ol > li ol {
 margin-top: 10px;
}
#single .main .footer {
border-top: 1px solid #e3e3e3;
 padding-top: 55px;
}
#single .main .footer .pagination {
 text-align: left;
}
#single .main .footer .pagination a {
 color: #444;
 font-size: 12px;
 line-height: 1.6;
}
#single .main .footer .pagination ul {
 letter-spacing: -.40em;
 width: 640px;
}
#single .main .footer .pagination li {
 display: inline-block;
 vertical-align: middle;
 letter-spacing: normal;
}
#single .main .footer .pagination li.prev {
 width: 195px;
 padding-left: 25px;
 background: url('img/arr_pink_prev.png?1432693009') no-repeat left center/15px;
}
#single .main .footer .pagination li.next {
 width: 195px;
 padding-right: 25px;
 background: url('img/arr_pink.png?1432693009') no-repeat right center/15px;
 text-align: right;
}
#single .main .footer .pagination li.back {
 width: 199px;
 text-align: center;
}
#single .pagesprit {
 text-align: center;
}
#single .pagesprit.hd {
 margin-bottom: 40px;
}
#single .pagesprit.ft {
 margin-bottom: 50px;
}
#single .pagesprit .next,
#single .pagesprit .prev {
 display: inline-block;
 vertical-align: middle;
 font-size: 12px;
 font-weight: bold;
 line-height: 2.2;
 padding: 0 15px;
 width: 120px;
}
#single .pagesprit .prev {
 text-align: right;
}
#single .pagesprit .next {
 text-align: left;
}
#single .pagesprit .prev a {
 background: url('img/arr_blue_prev.png?1432693007') no-repeat left top;
 padding-left: 15px;
}
#single .pagesprit .next a {
 background: url('img/arr_blue.png?1432693007') no-repeat right top;
 padding-right: 15px;
}
#single .pagesprit .num {
 display: inline-block;
 vertical-align: middle;
}
#single .pagesprit .num span {
 width: 26px;
 height: 26px;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 overflow: hidden;
 border: 1px solid #e0e0e0;
 margin: 0 3px;
 font-size: 12px;
 font-weight: bold;
 line-height: 2.2;
}
#single .pagesprit .num a {
 width: 28px;
 height: 28px;
 display: inline-block;
 vertical-align: middle;
 background: #f4f4f4;
 text-align: center;
 overflow: hidden;
 margin: 0 3px;
}
#single .pagesprit .num a span {
 border: none;
 display: block;
 margin: 0;
}


@media screen and (max-width: 600px) {

	#single .inr {
	 padding: 45px 0 70px;
	}
	#single .main {
	 width: 88%;
	 margin: 0 auto;
	 text-align: left;
	}
	#single .main .sns {
	 margin-top: 25px;
	 padding-top: 15px;
	}
	#single .main .sns ul {
	 padding-bottom: 8px;
	}
	#single .main .header {
	 margin-bottom: 30px;
	}
	#single .main .header h1 {
	 margin-bottom: 15px;
	 font-size: 20px;
	}
	#single .main .header .date {
	 font-size: 12px;
	 margin-left: 15px;
	}
	#single .main .txt {
	 margin-bottom: 20px;
	}
	#single .main .txt iframe {
	 width: 100%;
	 height: auto;
	}
	#single .main .footer {
	 padding-top: 30px;
	}

	#single .main .footer .pagination {
	 text-align: left;
	}
	#single .main .footer .pagination ul {
	 width: 100%;
	 position: relative;
	}
	#single .main .footer .pagination ul:after {
		content: '';
		display: inline-block;
		width: 1px;
		height: 50px;
		background: #e3e3e3;
		position: absolute;
		top: 0;
		left: 50%;
	}
	#single .main .footer .pagination li {
	 display: inline-block;
	 vertical-align: top;
	 box-sizing: border-box;
	}
	#single .main .footer .pagination li.prev {
	 width: 50%;
	 padding: 0 20px 0 0;
	 background: none;
	 text-align: left;
	}
	#single .main .footer .pagination li.prev:before {
		content: '前の記事';
		display: block;
		font-weight: 600;
		color: #e8216e;
		font-size: 11px;
		text-align: center;
		margin-bottom: 10px;
	}
	#single .main .footer .pagination li.next {
	 width: 50%;
	 background: none;
	 padding: 0 0 0 20px;
	 text-align: left;
	}
	#single .main .footer .pagination li.next:before {
		content: '次の記事';
		display: block;
		font-weight: 600;
		color: #e8216e;
		font-size: 11px;
		text-align: center;
		margin-bottom: 10px;
	}
	#single .main .footer .pagination li.back {
		position: absolute;
		bottom: -40px;
		display: block;
	 width: 100%;
	 text-align: center;
	}

}


/* archive */

#archive .inr {
	padding: 80px 0 100px;
}
#archive .page_subttl {
	margin: 75px 0 0;
 font-size: 20px;
 font-weight: 600;
 color: #e8216e;
}
#archive .page_subttl .num {
 padding-left: 15px;
 font-weight: normal;
 font-size: 14px;
}
#archive .main {
 width: 640px;
 margin: 50px auto 0;
 text-align: left;
}
#archive .main a {
	color: #444;
}
#archive .main .none {
 font-size: 14px;
 line-height: 1.6;
}
#archive .main .archive_list {
 border-top: 1px solid #e3e3e3;
}
#archive .main .archive_list article {
 width: 100%;
 border-bottom: 1px solid #e3e3e3;
 padding: 40px 0;
}
#archive .main .archive_list article p {
 vertical-align: top;
}
#archive .main .archive_list article .date {
	margin-bottom: 12px;
 color: #e50058;
 font-size: 12px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
}
#archive .main .archive_list article .cat_area {
}
#archive .main .archive_list article .cat_area a.cat {
 display: inline-block;
 width: 110px;
 overflow: hidden;
 border-radius: 4px;
 background: #b2b2b2;
 text-align: center;
 text-decoration: none;
	padding: 3px 0 2px;
 color: #fff;
 font-size: 11px;
}
#archive .main .archive_list article .cat_area a.link {
 margin-top: 5px;
 padding-left: 9px;
 display: inline-block;
 text-align: center;
 color: #009b9a;
 font-size: 10px;
 background: url('img/arr_green.png?1432693007') no-repeat 0 1px;
}
#archive .main .archive_list.image article {
}
#archive .main .archive_list.image article .thumb {
 width: 170px;
 height: 100px;
 display: inline-block;
 vertical-align: top;
}
#archive .main .archive_list.image article .thumb a {
 display: block;
 width: 140px;
 height: 100px;
 overflow: hidden;
 background: #cbe9e9;
 color: #fff;
 font-family: 'Manrope', sans-serif;
 font-size: 12px;
 line-height: 102px;
 text-align: center;
 text-decoration: none;
}
#archive .main .archive_list.image article .txt_area {
 display: inline-block;
 width: 440px;
 vertical-align: top;
}
#archive .main .archive_list.image article .ttl {
 margin-top: -5px;
 margin-bottom: 8px;
}
#archive .main .archive_list.image article .ttl a {
 font-weight: 600;
 line-height: 1.7;
 font-size: 18px;
 word-break: break-all;
}
#archive .main .archive_list.image article .cat_area {
 width: 360px;
 text-align: left;
}
#archive .main .archive_list.image article .cat_area a {
 display: inline-block;
 margin-right: 10px;
}
#archive .main .pagination {
 display: none;
}
#archive .main #infscr-loading {
 margin-top: 25px;
 text-align: center;
 font-size: 12px;
}

#archive #more {
 margin-top: 40px;
 text-align: center;
}
#archive #more a {
	display: inline-block;
	margin: 0 15px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 280px;
	height: 50px;
	line-height: 48px;
	border-radius: 30px;
	color: #e8216e;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e8216e;
}
#archive #more a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
 transform: rotate(90deg);
}


@media screen and (max-width: 600px) {

	#archive .inr {
	 padding: 50px 0 50px;
	}
	#archive .page_subttl {
		margin: 10px 10% 0;
	 font-size: 16px;
	 text-align: left;
	}
	#archive .page_subttl .num {
	 padding-left: 15px;
	 font-size: 14px;
	}
	#archive .main {
	 width: 80%;
	 margin: 25px auto 0;
	}
	#archive .main .none {
	 font-size: 14px;
	 line-height: 1.6;
	}
	#archive .main .archive_list article {
	 width: 100%;
	 padding: 20px 0;
	}
	#archive .main .archive_list article .date {
		margin-bottom: 12px;
	 font-size: 12px;
	}
	#archive .main .archive_list article .cat_area a.cat {
	 display: inline-block;
	 width: 110px;
	 overflow: hidden;
	 border-radius: 4px;
	 background: #b2b2b2;
	 text-align: center;
	 text-decoration: none;
		padding: 3px 0 2px;
	 color: #fff;
	 font-size: 11px;
	}
	#archive .main .archive_list article .cat_area a.link {
	 margin-top: 5px;
	 padding-left: 9px;
	 display: inline-block;
	 text-align: center;
	 color: #009b9a;
	 font-size: 10px;
	 background: url('img/arr_green.png?1432693007') no-repeat 0 1px;
	}
	#archive .main .archive_list.image article .thumb {
	 width: 105px;
	 height: 70px;
	 display: block;
	 float: left;
	}
	#archive .main .archive_list.image article .thumb a {
	 width: 105px;
	 height: 70px;
	 display: block;
	}
	#archive .main .archive_list.image article .thumb img {
	 width: 105px;
	 height: 70px;
	}
	#archive .main .archive_list.image article .txt_area {
	 display: block;
	 width: auto;
	 margin: 0 0 0 120px;
	}
	#archive .main .archive_list.image article .ttl {
	 margin-top: -5px;
	 margin-bottom: 8px;
	}
	#archive .main .archive_list.image article .ttl a {
	 font-size: 12px;
	}
	#archive .main .archive_list.image article .cat_area {
	 width: auto;
	}
	#archive .main .archive_list.image article .cat_area a {
	 display: inline-block;
	 margin-right: 10px;
	}
	
	#archive #more {
	 margin-top: 20px;
	}
	#archive #more a {
		display: inline-block;
		margin: 0 15px;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
		width: 200px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}


}


/*=========================== 2nd ===========================*/

#page_content {
  padding: 70px 0 70px;
}
#page_content section .inr {
  position: relative;
  width: 1100px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 80px 0 60px;
  z-index: 2;
  font-size: 16px;
  line-height: 2;
}
section .sec_ttl {
	width: 650px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-weight: 600;
	font-size: 21px;
	border-radius: 5px;
	margin: 0 auto -30px;
	background: #e8216e;
	text-align: center;
	z-index: 10;
}


#s_lead {
	margin-bottom: 110px;
}
#s_lead p.lead {
	margin-bottom: 50px;
}
#s_lead p.lead img.pc {
	display: block;
	margin: 0 auto;
}
#s_lead p.lead img.sp {
	display: none;
}

#s_lead .pagemenu {
	width: 850px;
	margin: 0 auto 0;
	padding: 15px 0;
	display: table;
	background: #f8f7f5;
	border-radius: 5px;
}
#s_lead .pagemenu li {
	display: table-cell;
	width: auto;
	position: relative;
}
#s_lead .pagemenu li + li:before {
	content: '';
	display: block;
	background: #dddddd;
	width: 1px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
#s_lead .pagemenu li a {
	display: block;
	text-align: center;
	padding: 10px 30px;
	color: #444;
	position: relative;
}
#s_lead .pagemenu li a:before {
 content: '';
 display: inline-block;
 width: 6px;
 height: 10px;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
 -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}

.contmenu {
	width: 750px;
	margin: 45px auto 38px;
	padding: 13px 0;
	display: table;
	background: #fff;
	border-radius: 5px;
}
.contmenu li {
	display: table-cell;
	width: auto;
	position: relative;
}
.contmenu li + li:before {
	content: '';
	display: block;
	background: #dddddd;
	width: 1px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.contmenu li a {
	display: block;
	text-align: center;
	padding: 10px 30px;
	color: #444;
	position: relative;
	font-size: 14px;
	line-height: 1;
}
.contmenu li a:before {
 content: '';
 display: inline-block;
 width: 6px;
 height: 10px;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
 -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}



@media screen and (max-width: 600px) {

	#page_content {
	  padding: 45px 0 50px;
	}
	#page_content section .inr {
	  position: relative;
	  width: auto;
	  margin: 0 auto;
	  z-index: 2;
	  font-size: 16px;
	  line-height: 1.75;
	}
	section .sec_ttl {
		width: 86%;
		font-size: 18px;
	}

	#s_lead {
		margin-bottom: 75px;
	}
	#s_lead p.lead {
		margin-bottom: 35px;
	}
	#s_lead p.lead img.sp {
		display: block;
		margin: 0 auto;
	}
	#s_lead p.lead img.pc {
		display: none;
	}

	#s_lead .pagemenu {
		width: 80%;
		padding: 0;
		display: block;
		background: none;
		border-radius: 0;
		border-top: 1px solid #ddd;
	}
	#s_lead .pagemenu li {
		display: block;
		border-bottom: 1px solid #ddd;
	}
	#s_lead .pagemenu li + li:before {
		display: none;
	}
	#s_lead .pagemenu li a {
		display: block;
		text-align: left;
		padding: 15px 8px;
	}
	#s_lead .pagemenu li a:before {
	 content: '';
	 display: inline-block;
	 width: 6px;
	 height: 10px;
	 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
	 margin-right: 10px;
	 -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	}

	.contmenu {
		width: 80%;
		margin: 15px auto 30px;
		padding: 0;
		display: block;
		background: none;
		border-radius: 0;
		border-top: 1px solid #ddd;
	}
	.contmenu li {
		display: block;
		border-bottom: 1px solid #ddd;
	}
	.contmenu li + li:before {
		display: none;
	}
	.contmenu li a {
		display: block;
		text-align: left;
		padding: 15px 8px;
	}
	.contmenu li a:before {
	 content: '';
	 display: inline-block;
	 width: 6px;
	 height: 10px;
	 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
	 margin-right: 10px;
	 -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	}

}



/* ----------------- support ----------------- */


#support #s_lead p.lead {
	margin-bottom: 45px;
}
#support #s_lead p.lead img {
	width: 425px;
}
#support #s_lead p.sublead {
	width: 657px;
	margin: 0 auto 40px;
	text-align: left;
	line-height: 2;
	font-size: 18px;
}
#support #s_lead p.img {
	margin-bottom: 30px;
}
#support #s_lead p.img img {
	width: 560px;
}
#support #s_lead p.lead_btm {
	margin: 0 0 40px;
	line-height: 2;
	font-weight: 600;
	font-size: 20px;
}

#support section .inr p.ttl {
	margin: 30px 0 15px;
	font-weight: 600;
	text-align: left;
}
#support section .inr p.txt {
	margin: 0 0 15px;
	text-align: left;
}
#support section .inr p.btn_list {
	margin-top: 20px;
}


@media screen and (max-width: 600px) {

	#support #page_content {
		padding: 60px 0 50px;
	}
	#support #s_lead {
		margin-bottom: 40px;
	}
	#support #s_lead p.lead {
		margin-bottom: 30px;
	}
	#support #s_lead p.lead img {
		width: 74%;
	}
	#support #s_lead p.sublead {
		width: 80%;
		margin: 0 auto 18px;
		font-size: 16px;
	}
	#support #s_lead p.img {
		margin-bottom: 20px;
	}
	#support #s_lead p.img img {
		width: 100%;
	}
	#support #s_lead p.lead_btm {
		width: 80%;
		margin: 0 auto 15px;
		font-size: 16px;
		text-align: left;
	}
	#support #s_lead p.lead_btm br {
		display: none;
	}

}



#support #s_supporter {
	margin-bottom: 70px;
}
#support #s_supporter .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 0 50px;
}
#support #s_supporter .sec_ttl {
	position: relative;
}
#support #s_supporter p.lead_img {
	margin-bottom: 22px;
}
#support #s_supporter p.lead_img img {
	width: 405px;
}

#support #s_supporter .status {
	width: 525px;
	margin: 0 auto 28px;
	position: relative;
}
#support #s_supporter .status p.now {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 8px;
}
#support #s_supporter .status p.now span.num {
	font-size: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 2px;
}
#support #s_supporter .status p.now .target {
	display: inline-block;
	margin-left: 18px;
	font-size: 12px;
}
#support #s_supporter .status p.now .target span {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
}
#support #s_supporter .status p.time {
	position: absolute;
	top: 22px;
	right: 0;
	font-size: 10px;
	color: #e8216e;
}
#support #s_supporter .status .bar {
	display: inline-block;
	width: 525px;
	height: 39px;
	border-radius: 5px;
	position: relative;
	background: #e3e3e3;
	bottom: -1px;
}
#support #s_supporter .status .bar:before {
	content: '';
	display: inline-block;
	border-radius: 5px 0 0 5px;
	background: #e8216e;
	height: 39px;
	position: absolute;
	top: 0;
	left: 0;
}

#support #s_supporter .box_support {
	margin: 0 auto 0;
	line-height: 1;
	font-size: 14px;
	position: relative;
}
#support #s_supporter .box_support:before {
	content: '';
	display: block;
	width: 56px;
	height: 113px;
	background: url(img/fkds_touroku.png) no-repeat 0 0/56px;
	position: absolute;
	top: -97px;
	left: 80px;
}

#support #s_supporter .box_can {
	width: 650px;
	margin: 70px auto -20px;
}
#support #s_supporter .box_can h3 {
	margin-bottom: 34px;
}
#support #s_supporter .box_can h3 img {
	width: 405px;
}
#support #s_supporter .box_can ul li {
	margin-bottom: 30px;
	text-align: left;
}
#support #s_supporter .box_can ul li h4 {
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 18px;
}
#support #s_supporter .box_can ul li h4 span.num {
	display: inline-block;
	margin-right: 10px;
	width: 37px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	background: #e8216e;
	border-radius: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	text-align: center;
}
#support #s_supporter .box_can ul li p {
	text-align: left;
}
#support #s_supporter .box_can p.anno {
	margin: -10px 0 30px;
	font-size: 14px;
}


@media screen and (max-width: 600px) {

	#support #s_supporter {
		margin-bottom: 50px;
	}
	#support #s_supporter .inr {
	 border-radius: 0;
	 padding: 68px 0 40px;
	}

	#support #s_supporter p.lead_img {
		margin-bottom: 15px;
	}
	#support #s_supporter p.lead_img img {
		width: 68%;
	}
	
	#support #s_supporter .status {
		width: 80%;
		margin: 0 auto 25px;
	}
	#support #s_supporter .status p.now {
		font-size: 15px;
		margin-bottom: -4px;
		text-align: left;
	}
	#support #s_supporter .status p.now span.num {
		font-size: 30px;
	}
	#support #s_supporter .status p.now .target {
		display: block;
		float: right;
		margin-left: 0;
		position: relative;
		top: 14px;
	}
	#support #s_supporter .status p.time {
		position: absolute;
		top: 50px;
		right: auto;
		left: 0;
		font-size: 10px;
		color: #e8216e;
	}
	#support #s_supporter .status .bar {
		display: inline-block;
		width: 100%;
		height: 10px;
		border-radius: 10px;
		bottom: -1px;
	}
	#support #s_supporter .status .bar:before {
		border-radius: 10px;
		height: 10px;
	
		width: 14%;
	}
	
	#support #s_supporter .box_support {
		margin: 0 auto 0;
		line-height: 1;
		font-size: 14px;
		position: relative;
	}
	#support #s_supporter .box_support:before {
		display: none;
	}
	
	#support #s_supporter .box_can {
		width: 82%;
		margin: 32px auto -15px;
	}
	#support #s_supporter .box_can h3 {
		margin-bottom: 20px;
	}
	#support #s_supporter .box_can h3 img {
		width: 82%;
	}
	#support #s_supporter .box_can ul li {
		margin-bottom: 20px;
		text-align: left;
	}
	#support #s_supporter .box_can ul li h4 {
		margin-bottom: 15px;
		font-size: 16px;
	}
	#support #s_supporter .box_can ul li h4 span.num {
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		text-align: center;
	}
	#support #s_supporter .box_can ul li h4 span.txt {
		display: inline-block;
		width: 80%;
		vertical-align: middle;
	}
	
}




#support #s_sns {
	margin-bottom: 70px;
}
#support #s_sns .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 225px 50px;
}
#support #s_sns .sec_ttl {
	position: relative;
}
#support #s_sns p.lead {
	text-align: left;
}
#support #s_sns .sns_btns {
	margin-top: 40px;
}
#support #s_sns .sns_btns li {
	float: left;
	width: 310px;
	margin-bottom: 20px;
}
#support #s_sns .sns_btns li:nth-child(even) {
	float: right;
}
#support #s_sns .sns_btns li img.pc {
	display: block;
	width: 310px;
}
#support #s_sns .sns_btns li img.sp {
	display: none;
}


@media screen and (max-width: 600px) {

	#support #s_sns {
		margin-bottom: 50px;
	}
	#support #s_sns .inr {
	 border-radius: 0;
	 padding: 68px 10% 0px;
	 background: none;
	}

	#support #s_sns .sns_btns {
		margin-top: 20px;
	}
	#support #s_sns .sns_btns li {
		float: none;
		width: 92%;
		margin: 0 auto 10px;
	}
	#support #s_sns .sns_btns li:nth-child(even) {
		float: none;
	}
	#support #s_sns .sns_btns li img.sp {
		display: block;
		width: 100%;
	}
	#support #s_sns .sns_btns li img.pc {
		display: none;
	}

}


#support #s_action {
	margin-bottom: 70px;
}
#support #s_action .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 225px 50px;
}
#support #s_action .sec_ttl {
	position: relative;
}
#support #s_action p.lead {
	text-align: left;
}


@media screen and (max-width: 600px) {

	#support #s_action {
		margin-bottom: 50px;
	}
	#support #s_action .inr {
	 border-radius: 0;
	 padding: 68px 10% 40px;
	}

}



#support #s_kouenkai {
	margin-bottom: 70px;
}
#support #s_kouenkai .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 225px 50px;
}
#support #s_kouenkai .sec_ttl {
	position: relative;
}
#support #s_kouenkai p.lead {
	margin-bottom: 30px;
	text-align: left;
}
#support #s_kouenkai .box_form {
	margin: 50px 0 0px;
}
#support #s_kouenkai .box_form iframe {
	margin: 0 auto;
	display: block;
}


@media screen and (max-width: 600px) {

	#support #s_kouenkai {
		margin-bottom: 0px;
	}
	#support #s_kouenkai .inr {
	 border-radius: 0;
	 padding: 68px 5% 40px;
	 background: none;
	}
	#support #s_kouenkai p.lead,
	#support #s_kouenkai p.txt {
	 padding: 0 5%;
	}
	#support #s_kouenkai .box_form {
		margin: 30px 0 0px;
	}

}



#support #s_donate {
	margin-bottom: 70px;
}
#support #s_donate .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 225px 50px;
}
#support #s_donate .sec_ttl {
	position: relative;
}
#support #s_donate p.lead {
	margin-bottom: 30px;
	text-align: left;
}
#support .btn_form {
	margin: 30px 0 15px;
}
#support .btn_form a {
	display: inline-block;
	margin: 0 15px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	width: 350px;
	height: 60px;
	line-height: 58px;
	border-radius: 30px;
	color: #e8216e;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e8216e;
}
#support .btn_form a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 15px;
}


@media screen and (max-width: 600px) {

	#support #s_donate {
		margin-bottom: 0px;
	}
	#support #s_donate .inr {
	 border-radius: 0;
	 padding: 68px 5% 40px;
	 background: none;
	}
	#support #s_donate p.lead,
	#support #s_donate p.txt {
	 padding: 0 5%;
	}

	#support .btn_form {
		margin: 20px 0 15px;
	}
	#support .btn_form a {
		margin: 0 auto;
		width: 90%;
		height: 60px;
		line-height: 58px;
		font-size: 16px;
	}
	#support .btn_form a:before {
	 content: '';
	 display: inline-block;
	 vertical-align: top;
	 width: 6px;
	 height: 100%;
	 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
	 margin-right: 15px;
	}

}





/* ----------------- know ----------------- */


#know #s_lead p.lead img {
	width: 574px;
}

#know #s_lead .s_movie {
	margin: 0 0 60px 0;
	height: 328px;
}
.list_movie {
	text-align: center;
}
.list_movie li {
	display: inline-block;
	width: 580px;
	margin: 0 28px;
}
.list_movie li a {
	display: block;
	position: relative;
}
.list_movie li a img {
	display: block;
	width: 580px;
}
.list_movie li a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: '';
	display: block;
	width: 580px;
	height: 325px;
	background: rgba(0,14,14,0.3);
}
.list_movie li a:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -38px;
	margin-top: -26px;
	z-index: 100;
	content: '';
	display: block;
	width: 73.5px;
	height: 52px;
	background: url(img/icn_youtube.png) no-repeat 0 0/73.5px;
}


@media screen and (max-width: 600px) {

	#know #s_lead p.lead img {
		width: 74%;
	}

	#know #s_lead .s_movie {
		margin: 0 0 40px 0;
	}
	.list_movie li {
		width: 75%;
		margin: 0 auto;
	}
	.list_movie li a img {
		width: 100%;
	}
	.list_movie li a:before {
		width: 100%;
		height: 100%;
	}
	.list_movie li a:after {
		margin-top: -12.5px;
		margin-left: -17.5px;
		width: 35px;
		height: 25px;
		background: url(img/icn_youtube.png) no-repeat 0 0/35px;
	}

}


#know #s_result {
 position: relative;
	margin-bottom: 60px;
}
#know #s_result .inr {
 padding: 0px 0;
}
#know #s_result .ttl_wrap {
	height: 434px;
 background: url(img/bg_result.jpg) no-repeat 0 0/cover;
}
#know #s_result .sec_ttl {
 position: relative;
 top: -30px;
}


.box_openable {
	text-align: center;
	background: #f8f7f5;
	border-radius: 5px;
	padding: 10px 0 0;
}
#know #s_result .box_openable {
	margin-top: -90px;
	padding: 50px 0 70px;
}
.box_openable h3.box_ttl {
	margin-bottom: 20px;
}
.box_openable h3.box_ttl img {
	width: 421px;
}
.box_openable p.lead {
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 600;
}
.box_openable ul.list {
	width: 860px;
	margin: 0 auto;
}
.box_openable ul.list li {
	margin-bottom: 15px;
	background: #fff;
	padding: 20px 70px;
	text-align: left;
}
.box_openable ul.list li ul li {
	margin-bottom: 0px;
	padding: 0;
}
.box_openable ul.list li strong {
	font-weight: 600;
}
.box_openable ul.list li .ttl {
	display: table;
	width: 100%;
	position: relative;
	cursor: pointer;
}
.box_openable ul.list li .ttl:hover {
	opacity: 0.8;
}
.box_openable ul.list li .ttl .btn {
	position: absolute;
	width: 51px;
	height: 51px;
	top: 5px;
	right: 0;
}
.box_openable ul.list li .ttl .btn img {
	width: 51px;
}
.box_openable ul.list li .ttl .btn span {
	display: block;
	width: 51px;
	height: 51px;
	background: url(img/btn_minus.png) no-repeat 0 0/51px;
}
.box_openable ul.list li .ttl .btn span img,
.box_openable ul.list li.open .each {
	display: block!important;
}
.box_openable ul.list li.open .ttl .btn span img,
.box_openable ul.list li .each {
	display: none!important;
}

.box_openable ul.list li .ttl p {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	color: #e8216e;
	font-size: 21px;
	font-weight: 600;
}
.box_openable ul.list li .each {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #e3e3e3;
}
#s_dema .box_openable ul.list li .each {
	padding: 20px 0 10px;
}
.box_openable ul.list li p.txt {
	padding-bottom: 22px;
	margin-bottom: 20px;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.75;
}
.box_openable ul.list li p.txt span {
	font-weight: 600;
}


#know #s_result .category {
  margin-top: 45px;
	text-align: center;
}
#know #s_result .category p.ttl {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 20px;
}
#know #s_result .category ul {
}
#know #s_result .category ul li {
 display: inline-block;
	width: 250px;
	margin: 0 5px;
}
#know #s_result .category ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border: 1px solid #e8216e;
	color: #e8216e;
	background: #fff;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}
#know #s_result .category ul li a:before {
 content: '';
 display: inline-block;
 vertical-align: top;
 width: 6px;
 height: 100%;
 background: url(img/arr1_rd.svg) no-repeat left center/6px 10px;
 margin-right: 10px;
}


@media screen and (max-width: 600px) {

	#know #s_result {
	  position: relative;
	  background: #f8f7f5;
	  margin-bottom: 25px;
	}
	#know #s_result .inr {
	  padding: 25px 0 50px;
	}
	#know #s_result .ttl_wrap {
		height: auto;
	 background: none;
	}
	
	
	.box_openable {
		text-align: center;
		margin: 0;
		padding: 0 0 0;
	}
	#know #s_result .box_openable {
		margin-top: 0;
		padding: 0;
	}
	.box_openable h3.box_ttl {
		margin-bottom: 28px;
	}
	.box_openable h3.box_ttl img {
		width: 80%;
	}
	.box_openable p.lead {
		padding: 152px 9% 0px;
		text-align: left;
	 background: url(img/bg_result.jpg) no-repeat center top/100%;
	 line-height: 2;
	 margin-bottom: 20px;
	}
	.box_openable p.lead br {
		display: none;
	}
	.box_openable ul.list {
		width: 88%;
	}
	.box_openable ul.list li {
		margin-bottom: 5px;
		padding: 16px 6%;
	}
	.box_openable ul.list li .ttl .btn {
		width: 30px;
		height: 30px;
		top: 10px;
	}
	.box_openable ul.list li .ttl .btn img {
		width: 30px;
	}
	.box_openable ul.list li .ttl .btn span {
		width: 30px;
		height: 30px;
		background: url(img/btn_minus.png) no-repeat 0 0/30px;
	}
	
	.box_openable ul.list li .ttl p {
		height: 50px;
		padding-right: 40px;
		font-size: 16px;
		line-height: 1.5;
	}
	.box_openable ul.list li .each {
		padding-top: 10px;
		margin-top: 15px;
	}
	#s_dema .box_openable ul.list li .each {
		padding: 20px 0 10px;
		font-size: 14px;
	}
	.box_openable ul.list li p.txt {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	
	#know #s_result .category {
	 margin-top: 25px;
	}
	#know #s_result .category p.ttl {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#know #s_result .category ul li {
	 display: block;
		width: 60%;
		margin: 0 auto 5px;
	}
	#know #s_result .category ul li a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

}



#know #s_blog {
	margin-bottom: 40px;
}
#know #s_blog .inr {
	padding: 0px 0 30px;
}
#know #s_blog .sec_ttl {
	background: none;
	color: #444;
	margin: 0 0 25px 0;
	width: auto;
	height: auto;
	line-height: auto;
	font-size: 20px;
}
#know #s_blog .archive_list {
	width: 1000px;
 margin: 0 auto 30px;
 text-align: left;
}
#know #s_blog .archive_list article {
 float: left;
 width: 210px;
 margin: 0 20px;
}
#know #s_blog .archive_list .thumb {
 width: 210px;
 height: 140px;
 overflow: hidden;
 text-align: center;
}
#know #s_blog .archive_list .thumb a {
 text-decoration: none;
 color: #fff;
}
#know #s_blog .archive_list .thumb a span {
 width: 210px;
 height: 140px;
 display: block;
 background: #cbe9e9;
 font-family: 'Manrope', sans-serif;
 font-size: 12px;
 line-height: 140px;
}
#know #s_blog .archive_list .ttl {
 margin-top: 10px;
 line-height: 1.6;
}
#know #s_blog .archive_list .ttl a {
 font-weight: 600;
 font-size: 14px;
 color: #444;
}
#know #s_blog .archive_list .date {
 margin-top: 3px;
 color: #e50058;
 font-size: 12px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
}

@media screen and (max-width: 600px) {

	#know #s_blog {
		margin-bottom: 40px;
	}
	#know #s_blog .inr {
		padding: 0 0 10px;
	}
	#know #s_blog .sec_ttl {
		margin: 0 0 5px 0;
		font-size: 16px;
	}
	#know #s_blog .archive_list {
		width: 80%;
	 margin: 0 auto 0;
	 padding-top: 20px;
	 border-top: 1px solid #ddd;
	}
	#know #s_blog .archive_list article {
	 float: none;
	 width: auto;
	 margin: 0 0 20px 0;
	 padding: 0 0 20px 0;
	 border-bottom: 1px solid #ddd;
	}
	#know #s_blog .archive_list .thumb {
		float: left;
	 width: 105px;
	 height: 70px;
	}
	#know #s_blog .archive_list .thumb img {
	 width: 105px;
	 height: 70px;
	}
	#know #s_blog .archive_list .thumb a span {
	 width: auto;
	 height: auto;
	}
	#know #s_blog .archive_list .ttl {
	 margin: -5px 0 0 120px;
	 line-height: 1.2;
	}
	#know #s_blog .archive_list .ttl a {
	 font-size: 12px;
	}
	#know #s_blog .archive_list .date {
	 margin: 8px 0 0 120px;
	 line-height: 1;
	}
	#know #s_blog .btn_list {
		margin-top: 5px;
	}
	#know #s_blog .btn_list a {
		width: 57%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

}



#know #s_policy {
	margin-bottom: 70px;
}
#know #s_policy .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 72px 120px 50px;
}
#know #s_policy .sec_ttl {
	position: relative;
}

#know #s_policy .sec_ttl_sub {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 20px;
}
#know #s_policy .sec_lead {
	margin-bottom: 25px;
}
#know #s_policy .sec_lead img {
	width: 625px;
}
#know #s_policy .sec_lead img.pc {
	display: block;
	margin: 0 auto;
}
#know #s_policy .sec_lead img.sp {
	display: none;
}
#know #s_policy .sec_ttl_anno {
	margin-bottom: 29px;
}

#know #s_policy .box_each {
	margin-bottom: 20px;
	background: #fff;
	border-radius: 5px;
	padding: 45px 70px 60px;
	text-align: left;
}
#know #s_policy .box_each .catch {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
}
#know #s_policy .box_each .catch span {
	display: inline-block;
	margin-right: 20px;
	width: 37px;
	height: 37px;
	line-height: 37px;
	border-radius: 40px;
	color: #fff;
	font-size: 18px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	background: #e8216e;
	text-align: center;
}
#know #s_policy .box_each .ttl {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 25px;
	color: #e8216e;
}
#know #s_policy .box_each .lead {
	margin-bottom: 25px;
	font-weight: 600;
}

#know #s_policy .box_each .proposal {
}
#know #s_policy .box_each .proposal .top {
	padding: 22px 30px 22px;
	border: 1px solid #e3e3e3;
}

#know #s_policy .box_each .proposal dl {
	display: table;
	width: 100%;
}
#know #s_policy .box_each .proposal dl dt,
#know #s_policy .box_each .proposal dl dd {
	display: table-cell;
	padding: 22px 25px 22px;
	box-sizing: border-box;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
#know #s_policy .box_each .proposal dl dt {
	width: 18%;
	padding-right: 5px;
	font-weight: 600;
	font-size: 14px;
	color: #e8216e;
	border-left: 1px solid #e3e3e3;
}
#know #s_policy .box_each .proposal dl dd {
	width: 82%;
}
#know #s_policy .box_each .proposal .p_ttl {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 20px;
	color: #e8216e;
}
#know #s_policy .box_each .proposal .p_ttl span.label {
	display: inline-block;
	border: 1px solid #e8216e;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1;
	padding: 4px 10px;
	margin-right: 15px;
	position: relative;
	top: -2px;
}
#know #s_policy .box_each .proposal .p_ttl span.sml {
	font-size: 13px;
}
#know #s_policy .box_each .proposal ul li {
	line-height: 2;
	font-size: 14px;
	display: block;
	padding-left: 1em;
	position: relative;
}
#know #s_policy .box_each .proposal .top ul li {
	font-size: 16px;
	padding-left: 1em;
	font-weight: 600;
}
#know #s_policy .box_each .proposal ul li:before {
	content: '・';
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
}


@media screen and (max-width: 600px) {

	#know #s_policy {
		margin-bottom: 50px;
	}
	#know #s_policy .inr {
	 border-radius: 0;
	 padding: 68px 3% 40px;
	}
	
	#know #s_policy .sec_ttl_sub {
		margin-bottom: 17px;
		font-size: 18px;
	}
	#know #s_policy .sec_lead {
		margin-bottom: 18px;
	}
	#know #s_policy .sec_lead img {
		width: 90%;
	}
	#know #s_policy .sec_lead img.sp {
		display: block;
		margin: 0 auto;
	}
	#know #s_policy .sec_lead img.pc {
		display: none;
	}
	#know #s_policy .sec_ttl_anno {
		margin: 0 4% 10px;
		font-size: 14px;
		text-align: left;
	}
	#know #s_policy .lead_link a {
		font-size: 14px;
	}
	
	#know #s_policy .box_each {
		margin-bottom: 10px;
		padding: 25px 7% 15px;
		text-align: left;
	}
	#know #s_policy .box_each .catch {
		margin-bottom: 14px;
		font-size: 16px;
	}
	#know #s_policy .box_each .catch span {
		margin-right: 10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 40px;
		font-size: 15px;
	}
	#know #s_policy .box_each .ttl {
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 1.5;
	}
	#know #s_policy .box_each .ttl br {
		display: none;
	}
	#know #s_policy .box_each .lead {
		margin-bottom: 5px;
		font-size: 14px;
	}

	#know #s_policy .box_each .proposal {
		padding: 20px 0 0;
	}

	#know #s_policy .box_each .proposal .top {
		padding: 20px 0 15px;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	
	#know #s_policy .box_each .proposal dl {
		display: block;
		border-top: 1px solid #e3e3e3;
	}
	#know #s_policy .box_each .proposal dl dt,
	#know #s_policy .box_each .proposal dl dd {
		display: block;
		border: none;
	}
	#know #s_policy .box_each .proposal dl dt {
		width: auto;
		padding: 15px 0 5px;
		font-size: 12px;
	}
	#know #s_policy .box_each .proposal dl dt br {
		display: none;
	}
	#know #s_policy .box_each .proposal dl dd {
		width: auto;
		padding: 0 0 15px;
		font-size: 12px;
	}
	
	#know #s_policy .box_each .proposal .p_ttl {
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 1.5;
	}
	#know #s_policy .box_each .proposal .p_ttl span.label {
		display: block;
		font-size: 11px;
		width: 34px;
		padding: 3px 0px;
		top: 0px;
		text-align: center;
		margin-bottom: 12px;
	}
	#know #s_policy .box_each .proposal .p_ttl span.sml {
		font-size: 11px;
	}
	#know #s_policy .box_each .proposal ul li {
		line-height: 1.8;
		font-size: 12px;
	}
	#know #s_policy .box_each .proposal ul li:before {
		content: '・';
		font-size: 14px;
	}
	#know #s_policy .box_each .proposal .top ul li {
		font-size: 14px;
	}

	
}



#know #s_event {
	margin-bottom: 100px;
}
#know #s_event .inr {
 background: none;
 border-radius: 5px;
 padding: 72px 120px 50px;
}
#know #s_event .sec_ttl {
	position: relative;
}
#know #s_event .coming {
	padding: 100px 0 143px;
}
#know #s_event .coming img {
	width: 231px;
}

@media screen and (max-width: 600px) {

	#know #s_event {
		margin-bottom: 40px;
	}
	#know #s_event .inr {
	 border-radius: 0;
	 padding: 0px 0 0px;
	}
	#know #s_event .coming {
		padding: 100px 0 65px;
	}
	#know #s_event .coming img {
		width: 45%;
	}

}



#know #s_dema {
	margin-bottom: 70px;
}
#know #s_dema .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding: 80px 150px 60px;
 text-align: left;
}
#know #s_dema .sec_ttl {
	position: relative;
}
#know #s_dema h3 {
 font-size: 18px;
 font-weight: 600;
 color: #e8216e;
 margin-bottom: 9px;
}
#know #s_dema .column {
	padding-bottom: 35px;
 margin-bottom: 40px;
 border-bottom: 1px solid #e3e3e3;
}
#know #s_dema .column p, #know #s_dema .column li {
 font-size: 16px;
}
#know #s_dema .column p a, #know #s_dema .column li a {
	color: #444;
	text-decoration: underline;
}
#know #s_dema .column p a:hover, #know #s_dema .column li a:hover {
	text-decoration: none;
}
#know #s_dema .column p strong, #know #s_dema .column li strong {
  font-weight: 600;
}
#know #s_dema .point {
	margin-top: 40px;
 font-size: 16px;
 font-weight: 600;
 text-align: center;
}
#know #s_dema a.txt-link {
	display: inline-block;
	margin-top: 20px;
}
#know #s_dema .s_share {
	width: 530px;
	margin-top: 28px;
	background: #fff;
	font-size: 14px;
	line-height: 1;
}


@media screen and (max-width: 600px) {

	#know #s_dema {
		margin-bottom: 50px;
	}
	#know #s_dema .inr {
		width: auto;
		margin: 0 auto;
	 padding: 70px 0 40px;
	}
	#know #s_dema h3 {
	 margin-bottom: 9px;
	}
	#know #s_dema p.point {
		margin: 25px 8% 0;
		text-align: left;
		line-height: 2;
		font-size: 14px;
	}
	#know #s_dema a.txt-link {
		margin-top: 15px;
		font-size: 14px;
	}

}



#know #s_profile {
	margin-bottom: 70px;
}
#know #s_profile .inr {
 background: #f8f7f5;
 border-radius: 5px;
 padding-top: 100px;
}
#know #s_profile .sec_ttl {
	position: relative;
}
#know #s_profile .box_prof {
	width: 650px;
	margin: 0 auto 50px;
}
#know #s_profile .box_prof .photo {
	margin-bottom: 30px;
}
#know #s_profile .box_prof .photo img {
	width: 355px;
}
#know #s_profile .box_prof h3.name {
 margin-bottom: 15px;
	font-size: 25px;
	color: #e8216e;
 text-align: center;
}
#know #s_profile .box_prof h3.name span {
	font-size: 14px;
}
#know #s_profile .box_prof p {
	font-size: 16px;
	text-align: left;
}

#know #s_profile .box_clms {
	width: 650px;
	margin: 0 auto 0;
}
#know #s_profile .box_clms .ttl {
	margin-bottom: 30px;
	color: #e8216e;
	font-size: 18px;
}
#know #s_profile .box_clms .box_book .cover {
	float: left;
	width: 180px;
}
#know #s_profile .box_clms .box_book .cover img {
	width: 180px;
}
#know #s_profile .box_clms .box_book .txt-box {
	float: right;
	width: 430px;
	font-size: 16px;
	text-align: left;
}



@media screen and (max-width: 600px) {

	#know #s_profile {
		margin-bottom: 40px;
	}
	#know #s_profile .inr {
		width: 80%;
		margin: 0 auto;
	 padding: 60px 0 0;
	 background: none;
	}
	#know #s_profile .sec_ttl {
		position: relative;
	}
	#know #s_profile .box_prof {
		width: auto;
		margin: 0 auto 30px;
	}
	#know #s_profile .box_prof .photo {
		margin-bottom: 12px;
	}
	#know #s_profile .box_prof .photo img {
		width: 90%;
	}
	#know #s_profile .box_prof h3.name {
	 margin-bottom: 14px;
		font-size: 25px;
		line-height: 1.4;
	}
	#know #s_profile .box_prof h3.name span {
		display: block;
		font-size: 12px;
	}
	#know #s_profile .box_prof p {
		font-size: 14px;
		line-height: 2;
	}
	
	#know #s_profile .box_clms {
		width: auto;
		margin: 0 auto 0;
	}
	#know #s_profile .box_clms .ttl {
		margin-bottom: 12px;
	}
	#know #s_profile .box_clms .box_book .cover {
		float: none;
		width: 180px;
		margin: 0 auto 25px;
	}
	#know #s_profile .box_clms .box_book .cover img {
		width: 100%;
	}
	#know #s_profile .box_clms .box_book .txt-box {
		float: none;
		width: auto;
		font-size: 14px;
	}
	#know #s_profile .box_clms .box_book .txt-box p br {
		display: none;
	}

}




/* ----------------- voice ----------------- */


#voice #s_lead {
	margin-bottom: 20px;
}
#voice #s_lead p.lead {
	margin-bottom: 45px;
}
#voice #s_lead p.lead img {
	width: 465px;
}
#voice #s_lead p.sublead {
	width: 657px;
	margin: 0 auto 20px;
	text-align: left;
	line-height: 2;
	font-size: 18px;
}
#voice #s_lead p.lead_btm {
	margin: 0 0 20px;
	line-height: 2;
	font-weight: 600;
	font-size: 20px;
}
#voice #s_lead p.anno {
	margin: 0 0 40px;
	font-size: 14px;
}

#voice .box_form {
	padding-bottom: 50px;
}


@media screen and (max-width: 600px) {

	#voice #s_lead {
		margin-bottom: 20px;
	}
	#voice #s_lead p.lead {
		margin-bottom: 30px;
	}
	#voice #s_lead p.lead img {
		width: 72%;
	}
	#voice #s_lead p.sublead {
		width: 80%;
		margin: 0 auto 18px;
		text-align: left;
		font-size: 16px;
	}
	#voice #s_lead p.lead_btm {
		width: 80%;
		margin: 0 auto 15px;
		font-size: 16px;
		text-align: left;
	}
	#voice #s_lead p.lead_btm br {
		display: none;
	}
	#voice #s_lead p.anno {
		margin: 0 0 20px;
		font-size: 12px;
	}
	
	#voice .box_form {
		padding-bottom: 20px;
	}
	#voice .box_form iframe {
		height: 3100px;
	}

}





/* =========================== 2nd other =========================== */



#page_content .page_subttl {
  font-size: 18px;
  font-weight: bold;
}


#page_content .question {
  margin-bottom: -30px;
}
#page_content .question li {
  margin-bottom: 30px;
}
#page_content .question h3 {
  font-weight: 600;
  margin-bottom: 10px;
}
#page_content .question h3 .q {
  color: #e50058;
  padding-right: 8px;
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
}
#page_content .txt_link {
  display: inline-block;
  font-size: 12px;
  background: url('img/arr_blue.png?1432693007') no-repeat 0 3px;
  padding-left: 12px;
}
#page_content .large {
  font-size: 16px;
}
#page_content .small {
  font-size: 14px;
}
#page_content .note {
  font-size: 11px;
}
#page_content .btn_support {
  display: inline-block;
  background: #e50058;
}

#support #page_content .anchor {
  margin-right: -20px;
}
#support #page_content .anchor li {
  border: 1px solid #d8d8d8;
  float: left;
  margin-right: 20px;
}
#support #page_content .price1 {
  font-weight: bold;
}
#support #page_content .price1 li {
  position: relative;
  padding-left: 105px;
}
#support #page_content .price1 li .name {
  position: absolute;
  top: 0;
  left: 0;
  color: #009b9a;
}
#support #page_content .price2 {
  font-weight: bold;
}
#support #page_content .price2 .name {
  color: #009b9a;
}
#support #page_content .price2 .normal {
  font-weight: normal;
}




.box_form {
	padding: 100px 0;
}