@charset "UTF-8";
@import url("../../css/common.pc02.css");

/* ---------------------------------------------------------
	CSS Document layout
--------------------------------------------------------- */

#wrapper {
	overflow: hidden;
}

.container {
	width: 1040px;
	margin: 0 auto;
}

.h2 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 50px;
}

/* ---------------------------------------------------------
	CSS Document visual
--------------------------------------------------------- */

#visual {
	height: 45vw;
	margin-top: 44px;
	margin-bottom: 60px;
}

#visual img {
	width: 100%;
	height: 45vw;
}

/* ---------------------------------------------------------
	CSS Document about
--------------------------------------------------------- */

#about {
	margin-bottom: 110px;
}

#about p {
	margin-bottom: 2em;
	text-align: justify;
}

#about .copy {
	font-weight: 700;
	font-size: 41px;
	line-height: 1.5;
}

#about .copy span {
	font-size: 51px;
	color: #e54822;
}

/* ---------------------------------------------------------
	CSS Document merit_01
--------------------------------------------------------- */

#merit_01 {
	padding: 80px 0;
	background: #f0f0f2;
}

#merit_01 .container {
	display: flex;
}

#merit_01 figure {
	margin-right: 70px;
	margin-left: -130px;
	height: 219px;
}

#merit_01 .row {
	flex: 1;
	text-align: justify;
}

/* ---------------------------------------------------------
	CSS Document merit_02
--------------------------------------------------------- */

#merit_02 {
	padding: 80px 0;
	background: #cae8f9 url(../images/merit_bg.png) no-repeat center;
}

/* ---------------------------------------------------------
	CSS Document merit_03
--------------------------------------------------------- */

#merit_03 {
	padding: 80px 0;
	background: #f0f0f2;
}

#merit_03 .container {
	display: flex;
	align-items: center;
	flex-flow: row-reverse;
}

#merit_03 figure {
	margin-left: 70px;
	margin-right: -70px;
	height: 213px;
}

#merit_03 .row {
	flex: 1;
	text-align: justify;
}

/* ---------------------------------------------------------
	CSS Document merit_04
--------------------------------------------------------- */

#merit_04 {
	padding: 80px 0;
	background: #cae8f9 url(../images/merit_bg.png) no-repeat center;
}

/* ---------------------------------------------------------
	CSS Document merit_05
--------------------------------------------------------- */

#merit_05 {
	padding: 80px 0;
	background: #f0f0f2;
}

#merit_05 .container {
	display: flex;
}

#merit_05 figure {
	margin-right: 70px;
	margin-left: -80px;
	height: 219px;
}

#merit_05 .row {
	flex: 1;
	text-align: justify;
}

/* ---------------------------------------------------------
	CSS Document logic
--------------------------------------------------------- */

#logic {
	padding: 80px 0;
	background: url(../images/logic_02.png) no-repeat top;
}

#logic h2 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 50px;
	color: #e54822;
}

#logic p {
	margin-bottom: 2em;
}

#logic figure {
	margin-bottom: 80px;
}

#logic figure img {
	height: 606px;
}

#logic .num img {
	height: 68px;
}

#logic h3 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 40px;
	color: #e54822;
}

#logic .section {
	margin-bottom: 70px;
}

#logic .section p {
	text-align: justify;
}

#logic .num_02 h3 {
	color: #70ad47;
}

#logic .num_03 h3 {
	color: #66327b;
}

/* ---------------------------------------------------------
	CSS Document footer
--------------------------------------------------------- */

#footerlink a {
	display: block;
	padding: 60px 0 40px;
	background: #cae8f9 url(../images/merit_bg.png) no-repeat center;
	text-decoration: none;
	line-height: 1.5;
	color: #66327b;
	cursor: pointer;
	transition: .4s;
}

#footerlink a:hover {
	opacity: 0.8;
}

#footerlink a .ja {
	font-weight: 700;
	font-size: 48px;
}

#footerlink a .en {
	font-weight: 500;
	font-size: 30px;
}

#footerlink a img {
	height: 59px;
	margin-top: 15px;
}