@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

html {
	overflow-y: scroll;
	font-size: 10px;
	/* Base font size, change to 14px or 16px if needed */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

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

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

fieldset,
img {
	border: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

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

li {
	list-style: none;
}

a {
	color: inherit;
	text-decoration: none;
}

caption,
th {
	text-align: left;
}

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

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

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

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

/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

del,
ins {
	text-decoration: none;
}

/* ====================================================
Font
==================================================== */
/* ====================================================
Position & transform
==================================================== */
/* ====================================================
Color
==================================================== */
/* ====================================================
Sizing
==================================================== */
/* ====================================================
Misc
==================================================== */
/* ====================================================
Media Quary
==================================================== */
/* ====================================================
Base style & container
==================================================== */
body {
	color: #230007;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
}
body.en {
	font-family: arial, sans-serif;
	letter-spacing: -0.2px;
}

.inner,
.inner-1218,
.inner-980 {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1160px;
	padding: 0 30px;
}

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

	.inner,
	.inner-1218,
	.inner-980 {
		padding: 0 20px;
	}
}

.inner-1218 {
	max-width: 1278px;
}

.inner-980 {
	max-width: 1040px;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}

@media screen and (max-width: 990px) {
	.pc-tb {
		display: none;
	}
}

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

@media screen and (min-width: 991px) {
	.sp-tb {
		display: none;
	}
}

a:hover {
	opacity: 0.7;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* ====================================================
Float & clear
==================================================== */
.clearfix {
	*zoom: 1;
}

.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	content: "";
	display: table;
}

#main-header {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
}

#main-header .header_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 23px 71px 23px 68px;
	max-width: 1366px;
	margin: 0 auto;
}

@media screen and (max-width: 1200px) {
	#main-header .header_inner {
		padding: 20px;
	}
}

@media screen and (max-width: 990px) {
	#main-header .header_inner {
		padding: 17px 15px;
	}
}

#main-header .header_inner .logo {
	margin-top: 13px;
}

@media screen and (max-width: 1200px) {
	#main-header .header_inner .logo {
		margin-top: 0;
	}
}

@media screen and (max-width: 990px) {
	#main-header .header_inner .logo {
		width: 150px;
	}
}

#main-header .navGlobal {
	width: 80%;
	margin-left: auto;
}

@media screen and (max-width: 990px) {
	#main-header .navGlobal {
		position: fixed;
		top: 76px;
		left: 0;
		right: 0;
		width: 100%;
		height: calc(100vh - 76px);
		background: #9067A2;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

#main-header .navGlobal .navGlobalIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}

@media screen and (max-width: 990px) {
	#main-header .navGlobal .navGlobalIn {
		display: block;
		padding: 28px 20px;
		text-align: left;
	}
}

#main-header .navGlobal .navGlobalIn li {
	margin-left: 38px;
}
body.en #main-header .navGlobal .navGlobalIn li {
	margin-left: 32px;
}

@media screen and (max-width: 1200px) {
	#main-header .navGlobal .navGlobalIn li {
		margin-left: 30px;
	}
}

@media screen and (max-width: 990px) {
	#main-header .navGlobal .navGlobalIn li {
		margin: 0 0 20px;
		padding-bottom: 18px;
		border-bottom: 1px solid #fff;
	}
	#main-header .navGlobal .navGlobalIn li.btn-lang {
		margin-top: 40px;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 50px !important;
	}
}

#main-header .navGlobal .navGlobalIn li:first-child {
	margin-left: 0;
}

#main-header .navGlobal .navGlobalIn li a {
	display: block;
}

@media screen and (max-width: 990px) {
	#main-header .navGlobal .navGlobalIn li a:after {
		content: '';
		width: 14px;
		height: 14px;
		background: url("../img/common/ico-right.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		margin-left: 10px;
		position: relative;
		top: 2px;
	}
	body.en #main-header .navGlobal .navGlobalIn li a:after {
		display: none;
	}
	body.en #main-header .navGlobal .navGlobalIn li a span:after {
		content: '';
		width: 14px;
		height: 14px;
		background: url("../img/common/ico-right.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		margin-left: 10px;
		position: relative;
		top: 2px;
	}
	#main-header .navGlobal .navGlobalIn li.btn-lang a:after {
		display: none;
	}
	#main-header .navGlobal .navGlobalIn li.btn-lang a,
	#main-header .navGlobal .navGlobalIn li.btn-lang span {
		width: 50%;
		text-align: center;
	}
}

#main-header .navGlobal .navGlobalIn li.btn-lang {
	display: flex;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	line-height: 35px;
	border: 1px solid #fff;
	position: relative;
}

#main-header.on .navGlobal .navGlobalIn li.btn-lang,
#main-header.on-show .navGlobal .navGlobalIn li.btn-lang {
	border-color: #230007;
}
@media screen and (max-width: 990px) {
	#main-header.on .navGlobal .navGlobalIn li.btn-lang,
	#main-header.on-show .navGlobal .navGlobalIn li.btn-lang {
		border-color: #fff;
	}
}

#main-header .navGlobal .navGlobalIn li.btn-lang:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
}

#main-header.on .navGlobal .navGlobalIn li.btn-lang:before,
#main-header.on-show .navGlobal .navGlobalIn li.btn-lang:before {
	background: #230007;
}
@media screen and (max-width: 990px) {
	#main-header.on .navGlobal .navGlobalIn li.btn-lang:before,
	#main-header.on-show .navGlobal .navGlobalIn li.btn-lang:before {
		background: #fff;
	}
}

#main-header .navGlobal .navGlobalIn li.btn-lang span,
#main-header .navGlobal .navGlobalIn li.btn-lang a {
	padding: 0 20px;
}

#main-header .navGlobal .navGlobalIn li.btn-lang span {
	opacity: 0.4;
}

#main-header .navGlobal .navGlobalIn li .en {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Montserrat", sans-serif;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 6px;
}
body.en #main-header .navGlobal .navGlobalIn li .en {
	margin-bottom: 0;
}

#main-header .menuBar {
	width: 66px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	background: #fff;
}

@media screen and (max-width: 990px) {
	#main-header .menuBar {
		display: block;
	}
}

#main-header .menuBar span {
	height: 2px;
	display: block;
	width: 24px;
	background: #042C67;
	position: absolute;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	left: calc(50% - 12px);
}

#main-header .menuBar span:nth-child(1) {
	top: 21px;
}

#main-header .menuBar span:nth-child(2) {
	top: 29px;
}

#main-header .menuBar span:nth-child(3) {
	top: 38px;
}

#main-header .menuBar.on {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#main-header .menuBar.on span {
	background: #9067A2;
}

#main-header .menuBar.on span:nth-child(1) {
	top: 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-header .menuBar.on span:nth-child(2) {
	opacity: 0;
}

#main-header .menuBar.on span:nth-child(3) {
	top: 30px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#main-header.on,
#main-header.on-show {
	background: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

#main-header.on .header_inner,
#main-header.on-show .header_inner {
	padding: 10px 71px 10px 68px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

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

	#main-header.on .header_inner,
	#main-header.on-show .header_inner {
		padding: 20px;
	}
}

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

	#main-header.on .header_inner,
	#main-header.on-show .header_inner {
		padding: 17px 15px;
	}
}

#main-header.on .header_inner .logo,
#main-header.on-show .header_inner .logo {
	margin-top: 0;
}

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

	#main-header.on .navGlobal .navGlobalIn,
	#main-header.on-show .navGlobal .navGlobalIn {
		color: inherit;
	}
}

#main-header.active {
	background: #fff;
}

@media screen and (max-width: 990px) {
	#main-header.active .navGlobal {
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
}

#main-footer {
	background: #9067A2;
	position: relative;
}

#main-footer .footer_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-family: "Montserrat", sans-serif;
	width: 100%;
	max-width: 1366px;
	padding: 28px 73px 27px 73px;
	margin: 0 auto;
	font-size: 12px;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
}

@media screen and (max-width: 1200px) {
	#main-footer .footer_inner {
		padding: 25px 60px 18px 30px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media screen and (max-width: 767px) {
	#main-footer .footer_inner {
		display: block;
		text-align: center;
		padding: 25px 30px 30px;
	}
}

#main-footer .footer_inner .copyright {
	width: 77.6%;
	max-width: calc(100% - 137px);
	letter-spacing: 1.2px;
	position: relative;
	top: 8px;
}

@media screen and (max-width: 1200px) {
	#main-footer .footer_inner .copyright {
		top: 0;
	}
}

@media screen and (max-width: 767px) {
	#main-footer .footer_inner .copyright {
		width: 100%;
		max-width: 100%;
		margin-top: 23px;
		line-height: 1.92;
	}
}

.page-top {
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	font-size: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	bottom: 40px;
	right: 40px;
	background: #694977;
	color: #fff;
	letter-spacing: 0;
	width: 65px;
	height: 65px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media screen and (max-width: 767px) {
	.page-top {
		font-size: 7px;
		font-size: 0.7rem;
		width: 45px;
		height: 45px;
		bottom: 10px;
		right: 10px;
	}
}

.page-top img {
	display: block;
	margin: 0 auto 15px;
}

@media screen and (max-width: 767px) {
	.page-top img {
		margin-bottom: 7px;
	}
}

.page-top.bot {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	letter-spacing: 0.8px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: auto;
	height: auto;
}

.page-top.show {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/*
#overview
モジュールスタイルガイド

これはサイト全体に適用されるモジュールのパーツ群です。
必ずこちらのパーツを使用してコーディングするようにお願いします。
*/
/*
#colors
@背景色 #996600
@文字色 #333
@リンク #ccc
*/
/*
#styleguide
パンくずモジュール

パンくずのモジュールです。

@depulicated
@非推奨
@todo
@common

```
<div class="breadcrumb">
<a href='/'>トップページ</a> <i class='fa fa-angle-right' aria-hidden='true'></i> <span>ページ1</span>
</div>

```

*/
/*
#styleguide
見出しモジュール　識別子はttl

見出しモジュールは、セクションごとの見出しとなる要素（HTML5の分類で、「ヘッディングコンテンツ(Heading Content)」となるh1やh2などの要素、見出しとみなすことが出来そうなp要素の事です。
クラス名として識別子、「 ttl 」をつけて管理します。

```
<h1 class="ttlCom01"><span class="ttlCom01In">見出しモジュール</span></h1>
<h2 class="ttlCom02">見出しモジュール</h2>
<h3 class="ttlCom03">見出しモジュール</h3>

```

*/
/*
#styleguide
テキストモジュール　識別子はtxt

テキストモジュールは、p要素やテキストに該当するspan要素などのコンテンツ内の本文のことです。
基本的に、サイト内のテキストはテキストモジュールに該当します。クラス名として識別子「txt」をつけます。

```
<p class="txtBasic">テキストモジュール、識別子は～</p>

```

*/
/*
#styleguide
リンクモジュール　識別子はlink

リンクモジュールは、基本的にa要素のようにリンクが関係するモジュールの事です。クラス名として識別子「link」をつけます。
通常は、テキスト内にリンクが存在する場合にモジュールとして分ける事が多いです。

```
<a href="" class="linkCmn">OOCSS</a>

```

*/
/*
#styleguide
ボタンモジュール　識別子はbtn

ボタンモジュールは、見た目や役割がボタン上の要素の事です。クラス名をつける要素は特に指定はありませんが、button要素やa要素、a要素を囲むdiv要素に付与するパターンが多いです。
クラス名として識別子「btn」をつけます。

```
<div class="btn btnRed">ボタン</div>
<br>
<div class="btn btnBlue">ボタン</div>

```

*/
/*
#styleguide
リストモジュール　識別子はlist

リストモジュールは、リスト状の同じものが連続して並ぶものが該当します。基本的には、ul、ol、dl要素の様な明確にリスト分けされるものが該当しますが、div要素でも構いません。クラス名として識別子「list」をつけます。
また、クラス名を付与する場所はリストの親要素、つまり連続するリストの子要素がliだとすると、ul要素やol要素に識別子「list」を付与したクラス名をつけます。

```
<ul class="listOption">
	<li class="item">HTML</li>
	<li class="item">CSS</li>
	<li class="item">JavaScript</li>
</ul>

```

*/
/*
#styleguide
ボックスモジュール　識別子はbox

ボックスモジュールは、ボックス状のものが該当します。基本的には見出しやテキストなどの要素を含み込むボーダー付きの箱をボックスモジュールとしてみなします。クラス名として識別子「box」をつけます。

```
<div class="boxReading">
	<h2 class="ttlCom01">ボックスモジュールとは</h2>
		<p class="txtCom01">モジュールコーディングという考え方～</p>
		<a href="" class="linkCom01">続きを読む</a>
</div>

```

*/
/*
#styleguide
グリッドモジュール　識別子はgrid（子要素にはcol)

2カラムや3カラムなど、カラム分けするレイアウトのモジュールが該当します。識別子「grid」を付与します。
子要素には「col」を付与します。基本的に、親に「gridXXX」というメインクラスを付与して、「column-2」や「column-3」などカラム数と対応する数字込みのサブクラスを付与します。

```

<div class="gridCom column-3">
	<div class="col">
		<img class="imageCodingDetail" src="img/XXX.jpg">
	<h2 class="ttlCodingDetail">コーディングの秘訣その1</h2>
	<p class="txtCodingDetail">モジュールコーディングという考え方は～</p>
	</div>
	<div class="col">
		<img class="imageCodingDetail" src="img/XXX.jpg">
	<h2 class="ttlCodingDetail">コーディングの秘訣その1</h2>
	<p class="txtCodingDetail">モジュールコーディングという考え方は～</p>
	</div>
	<div class="col">
		<img class="imageCodingDetail" src="img/XXX.jpg">
	<h2 class="ttlCodingDetail">コーディングの秘訣その1</h2>
	<p class="txtCodingDetail">モジュールコーディングという考え方は～</p>
	</div>
</div>


```

*/
/*
#styleguide
FORMモジュール　

フォーム用の部品になります。

```

<form actione="">
<dl>
	<dt>テキスト</dt>
	<dd><input type="text" name="" value=""></dd>
	<dt>パスワード</dt>
	<dd><input type="password" name="passwd" value=""></dd>
	<dt>ラジオボタン</dt>
	<dd><input type="radio" name="" value="" checked="checked" />テスト1
	<input type="radio" name="" value="" />テスト2
	<input type="radio" name="" value="" />テスト3</dd>
	<dt>チェックボックス</dt>
	<dd><input type="checkbox" name="" value="" checked="checked" />テスト1
	<input type="checkbox" name="" value="" />テスト2
	<input type="checkbox" name="" value="" checked="checked" />テスト3</dd>
	<dt>プルダウン</dt>
	<dd><select name="">
	<option value="" selected="selected">テスト1</option>
	<option value="">テスト2</option>
	<option value="">テスト3</option>
	</select></dd>
	<dt>テキストエリア</dt>
	<dd><textarea name="" rows="5" cols="20">テキストエリア</textarea></dd>
</dl>
<div>
	<input type="button" name="btn1" value="汎用ボタン">
	<input type="reset" name="btn2" value="リセット" >
	<input type="submit" name="btn3" value="送信" >
</div>
</form>


```

*/
/* ====================================================
MODULE
==================================================== */
/*パンくずMODULE*/
/*見出しMODULE*/
.ttl-type01 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 2;
	font-weight: bold;
	color: #9067A2;
	margin-bottom: 38px;
	letter-spacing: 1.8px;
}

@media screen and (max-width: 1200px) {
	.ttl-type01 {
		font-size: 17px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 990px) {
	.ttl-type01 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type01 {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 1.3px;
	}
}

.ttl-type01 .en {
	font-family: "Montserrat", sans-serif;
	font-size: 60px;
	font-size: 6rem;
	line-height: 1.28;
	display: block;
	color: #230007;
	text-transform: uppercase;
	letter-spacing: 5.4px;
	margin-bottom: 19px;
}

@media screen and (max-width: 1200px) {
	.ttl-type01 .en {
		font-size: 48px;
		font-size: 4.8rem;
	}
}

@media screen and (max-width: 990px) {
	.ttl-type01 .en {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type01 .en {
		font-size: 35px;
		font-size: 3.5rem;
		letter-spacing: 3.5px;
	}
}

.ttl-type01 .en small {
	font-size: 30px;
	font-size: 3rem;
	position: relative;
	top: -3px;
	left: -18px;
}

@media screen and (max-width: 1200px) {
	.ttl-type01 .en small {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type01 .en small {
		font-size: 17px;
		font-size: 1.7rem;
		display: block;
		top: 0;
		left: 0;
		margin-top: 5px;
		margin-bottom: 14px;
		letter-spacing: 0.3px;
	}
}

.ttl-type02 {
	border-bottom: 2px solid #E6E6E6;
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.15;
	font-weight: bold;
	padding-bottom: 13px;
	margin-bottom: 41px;
	letter-spacing: 2px;
}
body.en .ttl-type02 {
	letter-spacing: 1.2px;
}

@media screen and (max-width: 1200px) {
	.ttl-type02 {
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type02 {
		font-size: 17px;
		font-size: 1.7rem;
		letter-spacing: 1.4px;
		padding-bottom: 12px;
		margin-bottom: 40px;
	}
}

.ttl-type02:after {
	position: absolute;
	content: '';
	height: 2px;
	width: 10.2%;
	background: #9067A2;
	left: 0;
	bottom: -2px;
}

@media screen and (max-width: 767px) {
	.ttl-type02:after {
		min-width: 100px;
	}
}

.ttl-type03 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 69px;
}

@media screen and (max-width: 1200px) {
	.ttl-type03 {
		font-size: 17px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type03 {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 17px;
	}
}

.ttl-type03 .en {
	font-family: "Montserrat", sans-serif;
	font-size: 44px;
	font-size: 4.4rem;
	line-height: 1.74;
	text-transform: uppercase;
	display: block;
	letter-spacing: 4px;
}

@media screen and (max-width: 1200px) {
	.ttl-type03 .en {
		font-size: 41px;
		font-size: 4.1rem;
	}
}

@media screen and (max-width: 767px) {
	.ttl-type03 .en {
		font-size: 39px;
		font-size: 3.9rem;
		letter-spacing: 3.5px;
		line-height: 1.6;
	}
}

.ttl-type04 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
	padding-left: 37px;
	letter-spacing: 1.3px;
	margin-bottom: 12px;
}

.ttl-type04:before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background: #C95D63;
	top: 1px;
	left: 9px;
}

/*テキストMODULE*/
.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.txt-type01 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
}

.txt-type02 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	.txt-type02 {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

.txt-des {
	font-size: 20px;
	font-size: 2rem;
	line-height: 2;
	font-weight: bold;
	letter-spacing: 1.9px;
}
body.en .txt-des {
	letter-spacing: 0.6px;
}

@media screen and (max-width: 1200px) {
	.txt-des {
		font-size: 17px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 767px) {
	.txt-des {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.857;
		letter-spacing: 0.6px;
	}
}

.txt-link {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	text-decoration: underline;
	line-height: 1.55;
	color: #231815;
	letter-spacing: 1.6px;
}

@media screen and (max-width: 1200px) {
	.txt-link {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	.txt-link {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/*リンクMODULE*/
/*ボタンMODULE*/
.btn {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background: #230007;
	border-radius: 33px;
	border: none;
	padding: 20px 10px;
	line-height: 1.45;
	outline: none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.btn {
		font-size: 17px;
		font-size: 1.7rem;
		padding: 13px 10px 15px;
	}
}

.btn:hover {
	opacity: 0.8;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/*リストMODULE*/
/*ボックスMODULE*/
/*グリッドMODULE*/
/*フォームMODULE*/
.bg-gray {
	background: #F7F7F7;
}

.sec-mv {
	position: relative;
}

.sec-mv .img img {
	width: 100%;
}

.sec-mv .mv_txt {
	position: absolute;
	top: 53.1%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.75;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 1.9px;
	width: 100%;
	max-width: 660px;
}

@media screen and (max-width: 1200px) {
	.sec-mv .mv_txt {
		font-size: 17px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 767px) {
	.sec-mv .mv_txt {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.75;
		width: 100%;
		max-width: 324px;
		padding: 0 20px;
		letter-spacing: 0.8px;
		top: 58.7%;
	}
}

.sec-mv .mv_txt h1 {
	margin-bottom: 47px;
}

@media screen and (max-width: 767px) {
	.sec-mv .mv_txt h1 {
		margin-bottom: 31px;
	}
}

@media screen and (max-width: 1200px) {
	.sec-mv .mv_txt h1 img {
		width: 100%;
		max-width: 420px;
	}
}

@media screen and (max-width: 990px) {
	.sec-mv .mv_txt h1 img {
		max-width: 340px;
	}
}

.sec-business {
	margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
	.sec-business {
		margin-bottom: 24px;
	}
}

.business_box {
	position: relative;
}

.business_box:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	background: #F7F7F7;
	width: calc((100% - 1366px) / 2);
}

.business_inner {
	position: relative;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto 45px;
}

@media screen and (max-width: 767px) {
	.business_inner {
		margin: 0 auto 60px;
	}
}

.business_content {
	position: absolute;
	width: 100%;
	max-width: 359px;
	padding: 0 20px;
	top: 12.4%;
	left: 5.53%;
}

@media screen and (max-width: 1200px) {
	.business_content {
		left: 0;
	}
}

@media screen and (max-width: 990px) {
	.business_content {
		max-width: 100%;
		position: inherit;
		top: 0;
		padding: 30px 20px 20px 30px;
	}
}

.business_img {
	width: 76.43%;
	background: #F7F7F7;
	margin-left: auto;
}

@media screen and (max-width: 990px) {
	.business_img {
		width: 100%;
	}
}

.business_txt {
	padding: 10px 20px 27px 20px;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.85;
	font-weight: bold;
	background: url("../img/index/bg-line.png") no-repeat;
	background-size: 100% 100%;
	margin-bottom: 40px;
	min-height: 178px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: 2.15px;
}
body.en .business_txt {
	letter-spacing: 1.2px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.business_txt {
		padding-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.business_txt {
		background: url("../img/index/bg-line-sp.png") no-repeat;
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 990px) {
	.business_txt {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	.business_txt {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 20px 20px 44px 24px;
		letter-spacing: 1.5px;
		min-height: 195px;
		line-height: 1.8;
		margin-bottom: 17px;
	}
}

@media screen and (max-width: 374px) {
	.business_txt {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.business_txt span {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFF000), color-stop(50%, transparent));
	background-image: -o-linear-gradient(left, #FFF000 50%, transparent 50%);
	background-image: linear-gradient(to right, #FFF000 50%, transparent 50%);
	background-size: 200% 15px;
	background-repeat: no-repeat;
	background-position: 0% 87%;
}

@media screen and (max-width: 1200px) {
	.business_txt span {
		background-size: 200% 10px;
	}
}

@media screen and (max-width: 767px) {
	.business_txt span {
		background-size: 200% 8px;
	}
}

.business_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -29px;
}

@media screen and (max-width: 1200px) {
	.business_list {
		margin: 0 -15px;
	}
}

@media screen and (max-width: 767px) {
	.business_list {
		margin: 0;
	}
}

.business_item {
	padding: 0 29px 35px;
	width: 33.33%;
}

@media screen and (max-width: 1200px) {
	.business_item {
		padding: 0 15px 32px;
	}
}

@media screen and (max-width: 767px) {
	.business_item {
		width: 100%;
		padding: 0 0 32px;
	}
}

.business_item .img {
	margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
	.business_item .img {
		margin-bottom: 16px;
	}
}

.business_item .img img {
	width: 100%;
}

.business_ttl {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 1.7px;
}
body.en .business_ttl {
	letter-spacing: 1.2px;
}

.business_wrap {
	background: #F7F7F7;
	padding: 39px 22px 35px 22px;
}

@media screen and (max-width: 374px) {
	.business_wrap {
		padding: 15px;
	}
}

.business_wrap .img {
	margin: 0 0 31px 7px;
}

.business_list02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -8px 4px;
}

.business_list02 li {
	width: 33.33%;
	padding: 0 8px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.67;
	font-weight: bold;
	color: #707070;
	letter-spacing: -1px;
	margin-bottom: 16px;
}

.business_list02 li img {
	display: block;
	margin: 0 auto 5px;
}

.business_support .ttl-type04:before {
	background: #307473;
}

.sec-gse {
	padding: 90px 0 70px;
}

@media screen and (max-width: 767px) {
	.sec-gse {
		padding: 52px 0 22px;
	}
}

.gse_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	max-width: 1159px;
}

.gse_wrap .txt-des {
	width: 48.276%;
}

@media screen and (max-width: 990px) {
	.gse_wrap .txt-des {
		width: 100%;
		margin-bottom: 34px;
	}
}

.gse_slider {
	width: 51.724%;
	margin: -69px 0 0 auto;
}
body.en .gse_slider {
	margin: 0 0 0 auto;
}

@media screen and (max-width: 990px) {
	.gse_slider {
		margin-top: 0;
		width: 100%;
	}
}

.gse_slider .item {
	outline: none;
	background: #9067A2;
	color: #fff;
	text-align: center;
}

.gse_slider .item .img img {
	width: 100%;
}

.gse_slider .item .content {
	padding: 27px 20px 28px;
}

@media screen and (max-width: 767px) {
	.gse_slider .item .content {
		padding: 26px 20px 25px;
	}
}

.gse_slider .item .content .ttl {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
	.gse_slider .item .content .ttl {
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 767px) {
	.gse_slider .item .content .txt-type01 {
		line-height: 1.7;
	}
}

.gse_slider .slick-dots {
	padding: 0;
	margin-top: 25px;
	position: inherit;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	.gse_slider .slick-dots {
		margin-top: 16px;
	}
}

.gse_slider .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 7.5px;
}

@media screen and (max-width: 767px) {
	.gse_slider .slick-dots li {
		margin: 0 5.5px;
	}
}

.gse_slider .slick-dots li button {
	background: #C8C8C8;
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.gse_slider .slick-dots li button {
		width: 10px;
		height: 10px;
	}
}

.gse_slider .slick-dots li button:before {
	display: none;
}

.gse_slider .slick-dots li.slick-active button {
	background: #9067A2;
}

.sec-company {
	padding: 87px 0 80px;
	background: url("../img/index/bg-02.jpg") no-repeat;
	background-size: 34% auto;
	background-position: left bottom;
}

@media screen and (max-width: 767px) {
	.sec-company {
		padding: 48px 0 34px;
		background: url(../img/index/bg-01.png) no-repeat;
		background-position: bottom -4.9% right 46%;
		background-size: 132.3% auto;
	}
}

.company_inner {
	width: 100%;
	max-width: 1099px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.company_head {
	width: 38%;
	margin-top: 14px;
}

@media screen and (max-width: 990px) {
	.company_head {
		margin: 0 -15px 21px 0;
		width: calc(100% + 15px);
	}
}

.company_content {
	width: 54.686%;
	margin-left: auto;
}

@media screen and (max-width: 990px) {
	.company_content {
		width: 100%;
	}
}

.company_info {
	font-size: 15px;
	font-size: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

@media screen and (max-width: 767px) {
	.company_info {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.company_info > * {
	border-bottom: 2px solid;
	padding: 12px 0;
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	.company_info > * {
		margin-bottom: 26px;
	}
}

.company_info dt {
	font-weight: bold;
	width: 135px;
	border-color: #9067A2;
	letter-spacing: 1.5px;
}

@media screen and (max-width: 767px) {
	.company_info dt {
		width: 125px;
	}
}

.company_info dd {
	width: calc(100% - 135px);
	border-color: #E6E6E6;
	padding-left: 10px;
}

.sec-message {
	padding: 98px 0 150px;
	background: #F7F7F7 url("../img/index/bg-01.png") no-repeat;
	background-size: 50% auto;
	background-position: right bottom;
}

@media screen and (max-width: 767px) {
	.sec-message {
		padding: 53px 0 60px;
		background: #F7F7F7;
	}
}

.message_inner {
	width: 100%;
	max-width: 970px;
}

.message_content {
	width: 100%;
	max-width: 730px;
	margin: 0 auto;
	padding-top: 15px;
}

@media screen and (max-width: 767px) {
	.message_content {
		padding-top: 26px;
	}
}

.message_signature {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 41px;
	letter-spacing: 1.1px;
	text-align: right;
}

@media screen and (max-width: 767px) {
	.message_signature {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 24px;
		text-align: left;
	}
}

.message_name {
	font-size: 25px;
	font-size: 2.5rem;
	display: block;
	margin-top: 7px;
	letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
	.message_name {
		font-size: 19px;
		font-size: 1.9rem;
	}
}

.sec-about {
	padding: 52px 0 10px;
}

.sec-about .ttl-type01 {
	margin-bottom: 69px;
}

@media screen and (max-width: 767px) {
	.sec-about .ttl-type01 {
		margin: 0 -20px 34px;
	}

	.sec-about .ttl-type01 .en {
		letter-spacing: 0.6px;
	}
}

.about_philosophy {
	text-align: center;
	margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
	.about_philosophy {
		margin-bottom: 59px;
	}
}

.about_philosophy_btn {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 1.3px;
}

@media screen and (max-width: 767px) {
	.about_philosophy_btn {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 17px;
	}
}

.about_philosophy_btn span {
	display: inline-block;
	min-width: 173px;
	background: #9067A2;
	padding: 6px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.about_philosophy_btn span {
		min-width: 160px;
	}
}

.about_philosophy_txt {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.84375;
	font-weight: bold;
	margin-bottom: 90px;
	color: #231815;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.about_philosophy_txt {
		letter-spacing: -1px;
	}
}

@supports (-ms-ime-align: auto) {
	.about_philosophy_txt {
		letter-spacing: -1px;
	}
}

@media screen and (max-width: 1200px) {
	.about_philosophy_txt {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

@media screen and (max-width: 767px) {
	.about_philosophy_txt {
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 0.5px;
		line-height: 1.75;
		margin-bottom: 41px;
	}
}

.about_philosophy_txt .txt {
	letter-spacing: 3.2px;
}
body.en .about_philosophy_txt .txt {
	letter-spacing: 1.2px;
}

@media screen and (max-width: 767px) {
	.about_philosophy_txt .txt,
	body.en .about_philosophy_txt .txt {
		letter-spacing: 1.5px;
	}
}

.about_philosophy_txt .line {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFF000), color-stop(50%, transparent));
	background-image: -o-linear-gradient(left, #FFF000 50%, transparent 50%);
	background-image: linear-gradient(to right, #FFF000 50%, transparent 50%);
	background-size: 200% 15px;
	background-repeat: no-repeat;
	background-position: 0% 95%;
}

@media screen and (max-width: 1200px) {
	.about_philosophy_txt .line {
		background-size: 200% 10px;
	}
}

@media screen and (max-width: 767px) {
	.about_philosophy_txt .line {
		background-position: 0% 87%;
		background-size: 200% 10px;
	}
}

@media screen and (max-width: 767px) {
	.about_philosophy_img {
		margin: 0 -30px;
		background: #f7f7f7;
		padding: 37px 2px 36px 0px;
	}
}

.about_list {
	display: block;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.about_list .item {
	margin-bottom: 26px;
}

.about_list .item:last-of-type {
	margin-bottom: 52px;
}

.about_list_img {
	padding: 19px 0 52px 0;
}

@media screen and (max-width: 767px) {
	.about_list_img {
		padding: 0 0 16px 0;
		margin-top: -20px;
	}
}

.list-type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -30px;
}

@media screen and (max-width: 1200px) {
	.list-type02 {
		margin: 0 -15px;
	}
}

@media screen and (max-width: 767px) {
	.list-type02 {
		margin: 0 0 55px;
	}
}

.list-type02 li {
	width: 50%;
	padding: 0 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
	.list-type02 li {
		padding: 0 15px;
	}
}

@media screen and (max-width: 767px) {
	.list-type02 li {
		width: 100%;
		padding: 0;
		margin-bottom: 36px;
	}

	.list-type02 li:last-child {
		margin-bottom: 0;
	}
}

.list-type02 li .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	min-height: 237px;
	margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
	.list-type02 li .img {
		min-height: 162px;
		margin-bottom: 8px;
	}
}

.list-type04 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -16px;
}

@media screen and (max-width: 1200px) {
	.list-type04 {
		margin: 0 -10px;
	}
}

@media screen and (max-width: 767px) {
	.list-type04 {
		margin: 0;
	}
}

.list-type04 li {
	width: 25%;
	padding: 0 16px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
	.list-type04 li {
		padding: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.list-type04 li {
		width: 100%;
		padding: 0;
		margin-bottom: 36px;
	}

	.list-type04 li:last-child {
		margin-bottom: 0;
	}
}

.list-type04 li .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	min-height: 131px;
	margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
	.list-type04 li .img {
		min-height: 162px;
		margin-bottom: 8px;
	}
}

.sec-contact {
	padding: 89px 0 101px;
}

@media screen and (max-width: 767px) {
	.sec-contact {
		padding: 45px 0 50px;
	}
}

.contact_field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 30px;
	color: #231815;
}

@media screen and (max-width: 1200px) {
	.contact_field {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 767px) {
	.contact_field {
		font-size: 13px;
		font-size: 1.3rem;
		margin-bottom: 18px;
	}
}

.contact_field:last-child {
	margin-bottom: 0;
}

.contact_field + .btn {
	margin-top: 79px;
}

@media screen and (max-width: 767px) {
	.contact_field + .btn {
		margin-top: 50px;
	}
}

.contact_txt {
	width: 221px;
	letter-spacing: 1.5px;
}

@media screen and (max-width: 767px) {
	.contact_txt {
		width: 100%;
		letter-spacing: 0;
		margin-bottom: 4px;
	}
}

.contact_required {
	color: #C95D63;
}

.contact_inp {
	width: calc(100% - 221px);
	font-weight: normal;
}

@media screen and (max-width: 767px) {
	.contact_inp {
		width: 100%;
	}
}

.contact_inp input {
	display: block;
	border: none;
	background: #fff;
	width: 100%;
	max-width: 567px;
	padding: 12px;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.contact_inp input {
		max-width: 100%;
		padding: 9px 9px 10px;
	}
}

.contact_inp textarea {
	display: block;
	width: 100%;
	background: #fff;
	border: none;
	min-height: 196px;
	resize: none;
	padding: 12px;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.contact_inp textarea {
		min-height: 96px;
	}
}

.list-btn-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.list-btn-form .btn {
	margin: 0 10px;
	max-width: 300px;
}

/*# sourceMappingURL=maps/styles.css.map */