@charset "utf-8";


/* =Basic structure
-------------------------------------------------------------- */
body {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	background-color: #FFF;
}

.overflow-none {
	overflow: hidden;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Body, links, basics */
html {
	font-size: 95%;
}

body {
	/*font-size: 16px;*/
	/*font-size: 1rem;*/
	font-family: sans-serif;
	text-rendering: optimizeLegibility;
	/*color: #444;*/
}

a {
	outline: none;
	color: #21759b;
}

a:hover {
	color: #0f3647;
}


/* =============================================
main
============================================= */
@media screen and (min-width: 768px) {
	.br-sp {
		display: none !important;
	}
}

.br-sp {
	display: none;
}

@media (max-width: 600px) {
	.br-sp {
		display: block;
	}
}


@media only screen and (min-width:651px) {
	body {
		font-size: 14px;
		width: 750px;
		margin: 0 auto;
	}

	.inline_contens {
		margin: 0 1em;
	}
}

@media only screen and (min-width:961px) {
	body {
		width: 100%;
		margin: 0 auto;
	}

	main {
		width: 880px;
		margin: 0 auto;
	}

	.inline_contens {
		margin: 0 1em;
	}
}

header {
	text-align: center;
	margin-bottom: 3em;
}
@media (max-width: 600px) {
	header {
		margin-bottom: 2em;
	}
}

header picture img {
	width: 100%;
	margin: 0;
	display: block;
}


	.content_01 {
		margin: 0 .5em;
		width: 100%;
	}
}


@media screen and (min-width: 768px) {
	.br-sp {
		display: none !important;
	}
}

.br-sp {
	display: none;
}

@media (max-width: 600px) {
	.br-sp {
		display: block;
	}
}


p {
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1.8;
}



.strong {
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
}

.bold{
	font-weight: bold;
}
.strong_brown {
	font-size: 25px;
	font-weight: 600;
	color: #725954;
	line-height: 1.6;
}

@media only screen and (max-width:651px) {
	p {
		font-size: 1rem;
	}
	.strong_brown{
		font-size: 22px;
	}
}

.emphasis {
	color: #ff6600;
}

.red-text{
	color:#ca001b;
}

.sidebar {
	font-size: 11px;
}

.underline {
	text-decoration: underline;
}

.strong_txt2 {
	font-size: 30px;
	font-weight: 400;
}

picture img {
	width: 100%;
	margin: 2em 0 2em 0;
	display: block;
}

.mark {
	background-color: #735A55AD;
	color: #fff;
	padding: 5px 0;
	font-size: 22px;
	line-height: 2.2;
	font-weight: 600;
}

.mark_yellow {
	background: linear-gradient(transparent 0%, #ff0 0%);
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 1.8;
	margin: 0 1% 0 0;
}

.red-line{
	border-top: 4px solid #d80c18;
}

@media only screen and (max-width:651px) {
	.mark_yellow {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width:389px) {
	h2, .strong { font-size: 22px !important;}
	ul.list, ul.list2 {font-size: 22px !important;}
}

@media only screen and (max-width:651px) {
	h2, .strong { font-size: 22px !important;}
	ul.list, ul.list2 {font-size: 22px !important;}
}

.caption {
	color: #5b5b5b;
	font-size: 11px;
	margin: .5em 1em;
}

h2 {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin-top: 2em;
	color: #373737;
}

ul.list {
	margin: 1em 0 1em 1em;
	list-style: disc;
	font-weight: 600;
	font-size: 25px;
	line-height: 1.5;
	text-align: left;
}

ul.list2 {
	list-style: disc;
	font-weight: 600;
	color: #ff6600;
	font-size: 25px;
	width: 55%;
	margin: 1em auto;
	line-height: 1.5;
	text-align: left;
}

.cv {
	margin: 0;
	text-align: center;
	position: relative;
}


.cv-button {
	position: absolute;
	bottom: 22.5%;
}

.cv-button img {
	width: 50%;
	margin: auto;
}

.cv-button2 {
	margin: 2em 0;
}

.cv-button2 img {
	width: 100%;
}


@media only screen and (max-width:651px) {
	ul.list2 {
		width: 100%;
	}

	.cv-button {
		bottom: 18.5%;
	}

	.cv-button img {
		width: 75%;
	}
}



.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.mt5 {
	margin-top: 0.5em;
}

.mt10 {
	margin-top: 1.0em;
}

.mt20 {
	margin-top: 2em;
}

.mt30 {
	margin-top: 3em;
}

.mt50 {
	margin-top: 5em;
}

.mb10 {
	margin-bottom: 1.0em;
}

.mb30 {
	margin-bottom: 3em;
}

.mb50 {
	margin-bottom: 5em;
}


/* =============================================
	section
============================================= */

.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7,
.section8,
.section9,
.section10,
.section11,
.section12,
.section13,
.section14,
.section15,
.section16,
.section17,
.section18,
.section19,
.section20,
.section21,
.section22,
.section23,
.section24,
.section25,
.section26,
.section27,
.section28,
.section29,
.section30 {
	position: relative;
}

 .content_12, .content_14, .content_16, .content_19, .content_20 {
	margin: 0 auto;
	text-align: center;
}

.left
.content_01, .content_02, .content_04, .content_06, .content_08, .content_15, .content_07, .content_17, .content_18 {
	text-align: left;
}

.content_06 .video,
.content_04 .video{
	text-align: center;
}
.content_06 .video video{
	width: 70%;
}
.content_03, .content_05 {
	margin: 2em 0;
	text-align: left;
}

.content_13 {
	margin: 1em 3em 2em;
	text-align: left;
}

.inline_contens {
	margin: 0.75em;
}


@media only screen and (max-width:651px) {
	.inline_contens {
		width: 90%;
		margin: 0 auto;
	}

	.content_13 {
		margin: 0;
	}
}

.content_01 p,
.content_02 p,
.content_03 p,
.content_04 p,
.content_05 p,
.content_06 p,
.content_07 p,
.content_08 p {
	margin-bottom: 0.5em;
}

.content_09 p {
	text-align: center;
}

.content_19 p {
	line-height: 2.0 !important;
	margin-bottom: 1em;
	color: #725954;
	font-weight: 600;
}

.content_20 p {
	line-height: 2.2 !important;
	color: #725954;
	font-weight: 600;
}