main {
	margin: 0 auto;
}
h1,h2{
	margin:0;
	padding:0;
}

.hakase{
	background:url(../img/bg.jpg) repeat;
}
.yt-visual img {
	display: block;
	width: 100%;
	height: auto;
}
.section {
	margin-top: 30px;
}
.channel-box{
	margin:0;
	padding:0;
}
.channel-box-img{
	width:100%;
	display: block;
	margin:0;
}
.channel-info {
	display: flex;
	justify-content: space-between;
	padding:0 4%;
	background: url("../img/about_bg.png") repeat-y;
	background-size: 100%;
	margin:0;
	align-items: center;
}
.channel-logo {
	width:28%;
}
.channel-logo img {
	width:100%;
}
.channel-text {
	width:68%;
	margin:auto 0;
	padding:auto 0;
	font-size:15px;
}
.channel-text p{
	margin:auto 0;
	padding:auto 0;
}
.arrow-link {
	position: relative;
	padding-left: 1.2em; 
	margin: 10px 0 0 0;
	word-break: break-all;
}
.arrow-link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;             /* 縦位置は適宜調整 */
	width: 0.4em;           /* 大きさ */
	height: 0.4em;
	border-top: 2px solid #ed881c;
	border-right: 2px solid #ed881c;
	transform: rotate(45deg);  /* 「＞」の向きに回転 */
}
.toggle-summary::-webkit-details-marker {
	display: none;
}

.toggle-box {
	margin: 16px 0;
	/*border-radius: 4px;*/
	overflow: hidden;
}

.toggle-summary {
	text-align: center;
	cursor: pointer;
	padding: 14px 48px 14px 20px;
	color: #fff;
	font-size: 2.2rem;
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	font-weight: 700;
	position: relative;
	display: flex;
	align-items: center;
	background-image:
		url("../img/hakase.png"),
		radial-gradient(
		circle at 50% 50%,
		rgba(117, 83, 51, 1) 0%,
		rgba(0, 0, 0, 1) 100%);
	background-repeat: no-repeat,no-repeat;
	background-size: auto 100%,cover;
	background-position: left center,center;
}

.toggle-summary::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translateY(-50%) rotate(45deg); /* 下向き */
	transition: transform 0.25s ease;
}

/* 開いたときは矢印を上向きに */
.toggle-box[open] .toggle-summary::after {
	transform: translateY(-50%) rotate(-135deg);
}
.toggle-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0 10px;
	background: #fff;
	transition:
	max-height 0.35s ease,
	opacity 0.35s ease,
	padding-top 0.35s ease,
	padding-bottom 0.35s ease;
}
/* 開いた状態 */
.toggle-box[open] .toggle-content {
	max-height: 3000px;           
	opacity: 1;
	padding-top: 16px;
	padding-bottom: 16px;
}
.policy {
	margin: 0;
	font-size: 1rem;
	line-height: 1.7;
}
.policy h3{
	margin: 0 auto;
	font-size: 1.3rem;
	line-height: 1.7;
	text-align: left;
	font-weight: bold;
}
.policy h4{
	text-align: left;
	font-size: 1.2rem;
	margin:20px 0 10px 0;
	font-weight: bold;
}
.text-center{
	text-align: center;
	display: block;
	margin:0 auto;
	padding:0 auto;
}
.text-right{
	text-align: right;
	display: block;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0;
}
.toggle-box summary {
  cursor: pointer;
  padding: 16px;
  list-style: none;
  display: flex;
  justify-content: center;   /* 中央寄せ基準 */
  align-items: center;
  position: relative;        /* アイコンの absolute 基準 */
}
.toggle-title {
  flex: 0 1 auto;
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
}
/* ▼アイコン（閉じている時） */
.toggle-icon {
  position: absolute;
  right: 5%;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  transition: transform 0.3s;
}

/* 開いた時（▲にする） */
.toggle-box[open] .toggle-icon {
  transform: rotate(-135deg);
}
.info-box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 20px;	
	box-shadow : 0px 4px 4px rgba(0, 0, 0, 0.4);
	padding: 14px 48px 14px 20px;
	color: #fff;
	font-size: 2.2rem;
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	font-weight: 700;
	position: relative;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(117, 83, 51, 1) 0%,rgba(0, 0, 0, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(117, 83, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(117, 83, 51, 1) ),color-stop(1,rgba(0, 0, 0, 1) ));
	background : -o-linear-gradient(-90deg, rgba(117, 83, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(117, 83, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#755333', endColorstr='#000000' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(117, 83, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	border-radius : 41px;
	-moz-border-radius : 41px;
	-webkit-border-radius : 41px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#755333',endColorstr='#000000' , GradientType=0);
}
.info-box-link a{
	color:#FFF;
	text-align: center;
	display: block;
	text-decoration: none;
}
.info-box-link span{
	text-align: center;
}
.info-box::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px; 
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translateY(-50%) rotate(315deg);
}

.top-campaign.is-hidden {
	display: none;
}
.top-campaign{
	background: url(../img/banner-bg.png) no-repeat;
	background-size: cover;
	padding:6%;
}
.cam-banner{
	width: 100%;
	display: block;
	margin:auto;
}
a.aboutus{
	color:#333;
	text-decoration: none;
}
.move-btn{
	width:100%;
	display: block;
	margin:20px 0 0 0 ;
	
}
.move-link{
	margin:0;
	padding:0;
	text-align: center;
}
.move-link-img{
	width:60%;
	display: block;
	margin:0 auto;
}
.move-link-bg{
	background-color: #f9f3e9;
	margin:0;
	padding:4%;
}
.move-lin-box{
	text-align: center;
	margin-bottom:20px;
}
.move-lin-box:last-of-type{
	margin-bottom:0;
}
.move-lin-box p{
	font-weight:bold;
	margin:5px auto 0 auto;
	font-size:16px;
}
.move-lin-box a{
	text-decoration: none;
	color:#333;
}
.move-lin-box img{
	width:100%;
}
.move-link-bg h2{
	color: #1e1201;
	font-size: 2.2rem;
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	font-weight: 700;
	margin:0 auto 10px auto;
	padding:0;
}
