@charset "utf-8";
/* CSS Document */

/* =======================================
共通
=========================================*/

/* intro_section */

/* section_wrap */

/* section_main */

/* name_section */

#edit-area .name_section {
	margin-bottom: 40px;
}

/* content_section */

#edit-area .content_section p.content {
	line-height: 2.0em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 3.0em;
	background-image:
	-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 74%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%),
	-moz-linear-gradient(top, rgba(202,202,202,0) 0%, rgba(202,202,202,0) 94%, rgba(202,202,202,0) 95%, rgba(202,202,202,1) 100%);
	background-image:
	-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%),
	-webkit-linear-gradient(top, rgba(202,202,202,0) 0%,rgba(202,202,202,0) 94%,rgba(202,202,202,0) 95%,rgba(202,202,202,1) 100%);
	background-image:
	linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%),
	linear-gradient(to bottom, rgba(202,202,202,0) 0%,rgba(202,202,202,0) 94%,rgba(202,202,202,0) 95%,rgba(202,202,202,1) 100%);
	background-size: 8px auto, auto 3em;
	text-decoration: none;
	vertical-align: middle;
}

/* link_section */

.link_section {
	text-align: center;
}

#edit-area .link_section p {
	font-size: 128.6%; /* 18px */
	font-weight: 500;
}

#edit-area .link_section span {
	margin-right: 5px;
	font-weight: 500;
	color: #00A0E8;
	font-size: 188.88%;
}

#edit-area .link_section p.button_part {
	font-size: 100%;
}

/* section_side */

.section_side ul {
	border-top: 1px solid #00A0E8;
}

.section_side ul li {
	padding: 20px 5px;
	position: relative;
	border-bottom: 1px solid #00A0E8;
	font-size: 128.6%; /* 18px */
}

.section_side ul li a {
	display: block;
	padding-left: 25px;
	transition: .5s;
	text-decoration: none;
	font-weight: 500;
}

.section_side ul li a::before {
	position: absolute;
	top: 20px;
	left: 5px;
	content: "▶";
}

.section_side ul li a.current {
	color: #F59600;
}

.section_side ul li a:hover {
	color: #F59600;
	transition: .5s;
}

/* =======================================
スマホ向けのスタイル：0px〜599px
=========================================*/

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

	/* intro_section */

	/* section_wrap */

	/* section_main */

	/* name_section */

	/* content_section */

	/* link_section */

	#edit-area .link_section span {
		font-size: 166.66%;
}

	/* section_side */

	.section_side ul li a::before {
		top: 10px;
	}

	.section_side ul li {
		padding: 10px 5px;
		font-size: 100%; 
	}


}

/* =======================================
タブレット向けのスタイル：600px ～ 899px
=========================================*/

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

	/* intro_section */

	/* section_wrap */
	
	.section_wrap {
		display: flex;
		 justify-content: space-between;
	}

	/* section_main */
	
	.section_main {
		flex-basis: 61.22%;	
		max-width: 61.22%;
	}

	/* name_section */

	/* content_section */

	/* link_section */

	/* section_side */
	
	.section_side {
		margin-top: 55px;
		margin-left: 7%;
		flex-basis: 31.63%;
		max-width: 31.63%;		
	}

}

/* =======================================
PC向けのスタイル：960px以上
=========================================*/

@media only screen and (min-width: 960px) {

	/* intro_section */

	/* section_wrap */

	/* section_main */

	/* name_section */

	/* content_section */

	/* link_section */

	/* section_side */
	
}