@charset "utf-8";

/****************************************************************************
　reset.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2016.10.06
   Last up date   : 2016.10.06
****************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
strong{
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
	list-style:none;
}

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

caption, th{
	text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

/****************************************************************************
　pc_common.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2020.2.25
   Last up date   : 2020.2.25
****************************************************************************/

/*============================================================
//  初期設定
//==========================================================*/
.on {
	display:block !important;
}


/* モダンブラウザ（Firefox Opera Safari）対策 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */

.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}


/* End hide from IE-mac */


/* 共通設定--------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	/* macIE対策\*/
	overflow: hidden;
	/* macIE対策*/
}

a img {
	border: 0;
	transition: .2s;
}

ul,
ol,
dl {
	list-style: none;
}

body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	width:100%;
	background-color: #000;
}

a {
	color: #0062ce;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #806239;
	text-decoration: underline;
}
a:link,
a:visited img {
	color: #0062ce;
}

a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

img {
	vertical-align: bottom;
	border: none;
}
/* CSS Document */


#wrapper {
	width: 100%;
}

/***********************************
　　共通ヘッダ
***********************************/
header {
	width: 100%;
	height: 85px;
	padding: 0px !important;
	margin: 0 auto 0 auto;
	display: block;
	text-align: left;
	z-index: 100;
	background: url(images/header_bg.png) repeat-x bottom left;
}
header h1 a {
	/*width: 136px;*/
	width: auto;
    height: 30px;
	display: inline-block;
	/*margin: 12px 0 0 20px !important;*/
	margin: 13px 0 0 20px !important;
	padding: 0 !important;
	float: left;
}

header h1 a img {
	width: 100%;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

#wrapper hr {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #65BE22;
}

/***********************************
　　共通カラー
***********************************/
.red { color: #F00; }




/***********************************
　　共通設定
***********************************/
section {
	width: 100%;
	display: block;
	overflow: hidden;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
}


/***********************************
　　共通ボタン
***********************************/
p.button {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	/*    border-radius: 5px;*/        /* CSS3草案 */
	/*    -webkit-border-radius: 5px;*/    /* Safari,Google Chrome用 */
	/*    -moz-border-radius: 5px;*/   /* Firefox用 */
	font-family: "Sawarabi Mincho";
	letter-spacing: -1px;
	font-weight: bold;
}
p.button a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
}
p.button:hover {
	opacity: 0.8;       /* マウスオーバー */
}

p.button a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */
	border-left: 5px solid #fff;
}


/*--------------------------------------------------------
　　footer
--------------------------------------------------------*/
footer {
	width: 100%;
	max-width: 1300px;
	height: auto;
	line-height: 1.5;
	text-align: center;
	font-size: 12px;
	padding: 10px 0 15px 0;
	margin: 0px auto;
	color: #000000;
	display: block;
	z-index: 1000;
	background-color: #fff;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

footer p.cRight {
	color: #000000;
}



.cRight {
	width: 100%;
	text-align: center;
	padding: 10px 0 0 0;
	color: #FFF;
}

.pcLayer,
img.pcImg {
	display: block;
}
.spLayer,
img.spImg {
	display: none;
}


/* --- pagetop --- */

.pagetop {
	position: fixed;
	bottom: 58px;
	right: 8px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.3);
	transition: all .6s;
}

.pagetop a {
	background: rgba(126, 202, 68, 0.9);
	display: table-cell;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	font-size: 1.6rem;
	text-decoration: none;
	background: -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.pagetop.show {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.pagetop a:hover {
	background: rgba(126, 202, 68, 0.6);
	text-decoration: none;
}





/***********************************
　　PC共通
***********************************/
.pcLayer,
img.pcImg {
	display: block !important;
}
.spLayer,
img.spImg {
	display: none !important;
}

.c-both {
	clear: both;
}



/****************************************************************************
　sp_common.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2020.2.25
   Last up date   : 2020.2.25
****************************************************************************/

/* CSS Document */

@media screen and (max-width:768px) {
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		-webkit-text-size-adjust: 100%;
		text-decoration: none;
	}
	li {
		list-style-type: none
	}

	a {
		color: #0062ce;
		text-decoration: none;
		border: none;
	}

	a:hover {
		color: #806239;
		text-decoration: underline;
	}
	a:link,
	a:visited img {
		color: #0062ce;
	}
	a:link img {
		border: none;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.clearfix {
		min-height: 1px;
	}
	* html .clearfix {
		height: 1px;
		/*\*/
		/*/
  height: auto;
  overflow: hidden;
  /**/
	}
	/*要素のフォントサイズやマージン・パディングをリセットしています
	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	abbr,
	address,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	samp,
	small,
	strong,
	sub,
	sup,
	var,
	b,
	i,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}*/

	/*行の高さをフォントサイズと同じにしています*/
	body {
		line-height: 1.4;
	}
	/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}
	/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
	/*nav ul {
    list-style:none;
}*/
	ol,
	ul {
		list-style: none;
	}
	/*引用符の表示が出ないようにしています*/
	blockquote,
	q {
		quotes: none;
	}
	/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}
	/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
	}
	/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
	mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
	}
	/*テキストに打ち消し線が付くようにしています*/
	del {
		text-decoration: line-through;
	}
	/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}
	/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
	}
	/*縦方向の揃え位置を中央揃えに指定しています*/
	input,
	select {
		vertical-align: middle;
	}
	/*画像を縦に並べたときに余白が出てしまわないように指定しています*/
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}
	html {
		font-size: 62.5%;
	}
	body {
		font-size: 10px;
		font-size: 1.0rem;
		color: #333333;
	}


	/* --- 共通設定 --- */
	section {
		width: 100%;
		display: block;
	}

	#wrapper {
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}


	/***********************************
	　　共通ヘッダ
	***********************************/
	header {
		width: 100%;
		height: 82px;
		padding: 0px 0 0px 0 !important;
		margin: 0 auto 0 auto;
		display: block;
		text-align: left;
		z-index: 100;
		background: url(images/header_bg.png) repeat-x bottom left;
		overflow: hidden;
	}
	header h1 a {
        width: 74%;
        display: inline-block;
        margin: 17px 0 0px 17px !important;
		padding: 0 !important;
		float: left;
	}

	header h1 a img {
		width: 100%;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

	#wrapper hr {
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: 1px solid #65BE22;
	}







	.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}







	/*--------------------------------------------------------
	　　footer
	--------------------------------------------------------*/
	footer {
		width: 100%;
		height: auto;
		line-height: 1.5;
		text-align: center;
		font-size: 10px;
		padding: 10px 0 15px 0;
		margin: 0px auto 0 auto;
		color: #FFF;
		display: block;
		z-index: 1000;
	}

	#footer {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}



	.cRight {
		width: 100%;
		text-align: center;
		padding: 10px 0 0 0;
		color: #FFF;
	}


	/* --- pagetop --- */
	.pagetop {
		bottom: 50px;
		z-index:1000;
	}

	.pagetop a {
		width: 50px;
		height: 50px;
	}



	.pcLayer,
	img.pcImg {
		display: none !important;
	}
	.spLayer,
	img.spImg {
		display: block !important;
	}





} /**** END media screen *****/



/****************************************************************************
@pc_index.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2020.2.25
   Last up date   : 2020.2.25
****************************************************************************/

/*--------------------------------------------------------
@back to top
--------------------------------------------------------*/
div.backToTop {
	height: 49px;
	width: 100%;
	text-align: right;
	overflow: hidden;
}
div.backToTop img{
	margin-top: 5px;
	float: right;
}


a.btn1 {
	display: inline-block;
	background: #65BE22;
	color: #000;
	padding: 20px 30px 20px 15px;
	font-size: 18px;
	margin: 15px auto 15px auto;
	text-align: center;
	position: relative;
	border-radius: 5px;
}
a.btn2 {
	display: inline-block;
	width: 450px;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 10px 40px 10px 25px;
	font-size: 18px;
	margin: 15px auto 15px auto;
	text-align: center;
	position: relative;
	border-radius: 5px;
}
a.btn1 span.icon {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
a.btn2 span.icon {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

a.btn1:link {  }
a.btn1:visited { }
a.btn1:hover { text-decoration: none; opacity: 0.7; }
a.btn1:active { text-decoration: none; }

a.btn2:link { }
a.btn2:visited { }
a.btn2:hover {
	text-decoration: none;
	color: #000;
	border: 1px solid #65BE22;
	background: #65BE22;
}
a.btn2:hover span.icon {
	border-top: solid 1px #000;
	border-right: solid 1px #000;
}
a.btn2:active { text-decoration: none; }

a.btSP {
	margin-top:0px;
}

/*--------------------------------------------------------
@#contents
--------------------------------------------------------*/
#contents {
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}

section h3 {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
}
section h4 {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
section h5 {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 20px;
}
section h6 {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 20px;
}

/*--------------------------------------------------------
 .main
--------------------------------------------------------*/
.main {
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	padding: 0px 0 0px 0;
	margin: 0 auto;
	text-align: center;
}
.main img {
	width: 100%;
}
.main img.mainText {
	width: 100%;
	margin: 15px 0 0px 0;
}
.main img.mainText2 {
	width: 80%;
	max-width: 600px;
	margin: 15px auto 0px auto;
}
.main p {
	width: 80%;
	max-width: 600px;
	margin: 10px auto 25px auto;
	text-align: left;
	font-size: 12px;
}
/*--------------------------------------------------------
 .outline
--------------------------------------------------------*/
.outline {
	width: 100%;
	max-width: 950px;
	overflow: hidden;
	padding: 50px 0 0px 0;
	margin: 0 auto;
}
.outline p {
	font-size: 14px;
}


/*--------------------------------------------------------
 .list
--------------------------------------------------------*/
.list {
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	padding: 30px 0 0px 0;
	margin: 0 auto;
}
.list li {
	float: left;
	width: 14%;
	position: relative;
}
.list li {
	margin-left: 2%;
	margin-bottom: 15px;
}
.list li span.icon {
	position: absolute;
	top:-7px;
	left:-7px;
	text-align: center;
	background: #F00;
	color: #FFF;
	padding: 0px;
	vertical-align: middle;
	border: 1px solid #F00;
	border-radius: 50%;
	font-size: 12px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
.list li:nth-child(1),
.list li:nth-child(7),
.list li:nth-child(13),
.list li:nth-child(19),
.list li:nth-child(25),
.list li:nth-child(31) {
	margin-left: 3%;
}
.list li img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
.list li p {
	width: 96%;
	padding: 3px 2% 3px 2%;
	display: block;
	margin: 0;
	font-size: 12px;
	color: #FFF;
	line-height: 1.2;
	height: 3.4em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}




/*--------------------------------------------------------
 .cardBox1
--------------------------------------------------------*/
.cardBox1 {
	width: 100%;
	max-width: 880px;
	overflow: hidden;
	padding: 50px 0 0px 0;
	margin: 0 auto;
	text-align: center;
}
.cardBox1 strong {
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #FFF;
	margin-bottom: 15px;
	font-size: 18px;
}

.cardBox1 ul.Kaze {
	margin-top: 20px;
	display: block;
	overflow: hidden;
}
.cardBox1 ul.Kaze li.card {
	float: left;
	width: 23%;
	display: inline-block;
	text-align: right;
}
.cardBox1 ul.Kaze li.card img {
	width: 90%;
}
.cardBox1 ul.Kaze li.aboutKaze {
	float: right;
	width: 75%;
	display: inline-block;
	text-align: left;
}

/*--------------------------------------------------------
 .cardBox2
--------------------------------------------------------*/
.cardBox2 {
	width: 100%;
	max-width: 880px;
	overflow: hidden;
	padding: 30px 0 20px 0px;
	margin: 0 auto 50px auto;
	text-align: center;
}
.cardBox2 img {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 10px auto;
}
.cardBox2 a {
	margin-left: auto;
	margin-right: auto;
}
.cardBox2 p.notes {
	padding:0px;
	margin:5px 0 20px 0;
	font-size:18px;
	font-weight:bold;
}
.cardBox2 p.notes span.small{
	font-size:12px;
	font-weight:normal;
}
.cardBox2 p.catch {
	padding:0px;
	margin:15px auto 0px auto;
	width: 520px;
}
.cardBox2 p.catch img{
	width: 100%;
}


/*--------------------------------------------------------
 .cardBox3
--------------------------------------------------------*/
.cardBox3 {
	width: 100%;
	max-width: 900px;
	overflow: hidden;
	padding: 20px 0 0px 0px;
	margin: 0 auto 0px auto;
	text-align: center;
}
.cardBox3 img {
	width: 100%;
	max-width: 900px;
	margin: 20px auto 10px auto;
}
.cardBox3 a {
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------
 .notes
--------------------------------------------------------*/
.notes {
	width: 100%;
	max-width: 900px;
	overflow: hidden;
	padding: 50px 0 50px 0;
	margin: 0 auto;
}
.notes p {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
}


/*--------------------------------------------------------
 .contact
--------------------------------------------------------*/
.contact {
	width: 100%;
	max-width: 900px;
	overflow: hidden;
	padding: 50px 0 50px 0;
	margin: 0 auto;
	text-align: center;
}
.contact strong {
	font-size: 30px;
}
.contact strong.small {
	font-size: 16px;
}
.contact p {
	margin-bottom: 30px;
}
.contact p.catch {
	margin-bottom: 10px;
	font-size:18px;
}


/****************************************************************************
　sp_index.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2020.2.25
   Last up date   : 2020.2.25
****************************************************************************/

@media screen and (max-width:768px) {
	.pcLayer {
		display: none;
	}
	.spLayer {
		display: block;
	}


	a.btn1 {
		display: inline-block;
		background: #65BE22;
		color: #000;
		padding: 20px 0 20px 0;
		width: 96%;
		font-size: 16px;
		margin: 15px 0 15px 2%;
		text-align: center;
		position: relative;
		border-radius: 5px;
	}
	a.btn2 {
		display: inline-block;
		width: auto;
		color: #FFF;
		border: 1px solid #FFF;
		padding: 10px 0 10px 0;
		width: 96%;
		font-size: 14px;
		margin: 15px auto 15px auto;
		text-align: center;
		position: relative;
		border-radius: 5px;
	}
	a.btn1 span.icon {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 8px;
		top: 50%;
		margin-top: -4px;
	}
	a.btn2 span.icon {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: solid 1px #FFF;
		border-right: solid 1px #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 8px;
		top: 50%;
		margin-top: -4px;
	}

	a.btn1:link {  }
	a.btn1:visited { }
	a.btn1:hover { text-decoration: none; opacity: 0.7; }
	a.btn1:active { text-decoration: none; }

	a.btn2:link { }
	a.btn2:visited { }
	a.btn2:hover {
		text-decoration: none;
		color: #000;
		border: 1px solid #65BE22;
		background: #65BE22;
	}
	a.btn2:hover span.icon {
		border-top: solid 1px #000;
		border-right: solid 1px #000;
	}
	a.btn2:active { text-decoration: none; }

	a.btSP {
		margin-bottom:0px;
	}


	/*--------------------------------------------------------
	@#contents
	--------------------------------------------------------*/
	#contents {
		width: 100%;
		max-width: 1000px;
		overflow: hidden;
		padding: 0px 0 0px 0;
		margin: 0 auto;
	}

	section h3 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
	}
	section h4 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	section h5 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 10px;
		font-weight: normal;
		padding-bottom: 20px;
	}
	section h6 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 10px;
		font-weight: normal;
		padding-bottom: 20px;
	}

	/*--------------------------------------------------------
	 .main
	--------------------------------------------------------*/
	.main {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		padding: 0px 0 0px 0;
		margin: 0 auto;
		text-align: center;
	}
	.main img {
		width: 100%;
	}
	.main img.mainText {
		width: 92%;
		margin: 15px auto 0px auto;
	}
	.main img.mainText2 {
		width: 92%;
		max-width: 100%;
		margin: 15px auto 0px auto;
	}
	.main p {
		width: 92%;
		max-width: 100%;
		margin: 10px auto 25px auto;
		text-align: left;
		font-size: 10px;
	}

	/*--------------------------------------------------------
	 .outline
	--------------------------------------------------------*/
	.outline {
		width: 100%;
		max-width: 96%;
		overflow: hidden;
		padding: 30px 0 0px 0;
		margin: 0 auto;
	}
	.outline p {
		font-size: 14px;
	}


	/*--------------------------------------------------------
	 .list
	--------------------------------------------------------*/
	.list {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		padding: 50px 0 0px 0;
		margin: 0 auto;
	}
	.list li {
		float: left;
		width: 22.5%;
	}
	.list li {
		margin-left: 2%;
		margin-bottom: 10px;
	}
	.list li span.icon {
		position: absolute;
		top:-5px;
		left:-5px;
		text-align: center;
		background: #F00;
		color: #FFF;
		padding: 0px;
		vertical-align: middle;
		border: 1px solid #F00;
		border-radius: 50%;
		font-size: 9px;
		line-height: 20px;
		width: 20px;
		height: 20px;
		z-index: 1000;
	}
	.list li:nth-child(1),
	.list li:nth-child(7),
	.list li:nth-child(13),
	.list li:nth-child(19),
	.list li:nth-child(25),
	.list li:nth-child(31) {
		margin-left: 2%;
	}
	.list li img {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}
	.list li p {
		width: 96%;
		padding: 3px 2% 3px 2%;
		display: block;
		margin: 0;
		font-size: 10px;
		color: #FFF;
		line-height: 1.2;
		height: 4em;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.list li p span {
		font-size:8px;
	}



	/*--------------------------------------------------------
	 .cardBox1
	--------------------------------------------------------*/
	.cardBox1 {
		width: 96%;
		max-width: 100%;
		overflow: hidden;
		padding: 50px 0 0px 0;
		margin: 0 auto;
		text-align: center;
	}
	.cardBox1 strong {
		display: inline-block;
		text-align: center;
		border-bottom: 1px solid #FFF;
		margin-bottom: 15px;
		font-size: 18px;
	}

	.cardBox1 ul.Kaze {
		margin-top: 20px;
		display: block;
		overflow: hidden;
	}
	.cardBox1 ul.Kaze li.card {
		float: left;
		width: 33%;
		display: inline-block;
		text-align: right;
	}
	.cardBox1 ul.Kaze li.card img {
		width: 90%;
	}
	.cardBox1 ul.Kaze li.aboutKaze {
		float: right;
		width: 65%;
		display: inline-block;
		text-align: left;
		font-size: 10px;
	}


	/*--------------------------------------------------------
	 .cardBox2
	--------------------------------------------------------*/
	.cardBox2 {
		width: 96%;
		max-width: 100%;
		overflow: hidden;
		padding: 30px 0 20px 0px;
		margin: 0 auto 50px auto;
		text-align: center;
	}
	.cardBox2 img {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0px auto;
	}
	.cardBox2 a {
		margin-left: auto;
		margin-right: auto;
	}
	.cardBox2 p.notes {
		padding:0px;
		margin:5px 0 20px 0;
		font-size:14px;
		font-weight:bold;
		letter-spacing: -1px;
	}
	.cardBox2 p.notes span.small{
		font-size:10px;
		font-weight:normal;
	}
	.cardBox2 p.catch {
		padding:0px;
		margin:15px auto 0px auto;
		width: 90%;
	}
	.cardBox2 p.catch img{
		width: 100%;
	}


	/*--------------------------------------------------------
	 .cardBox3
	--------------------------------------------------------*/
	.cardBox3 {
		width: 96%;
		max-width: 100%;
		overflow: hidden;
		padding: 20px 0 0px 0px;
		margin: 0 auto 0px auto;
		text-align: center;
	}
	.cardBox3 img {
		width: 100%;
		max-width: 100%;
		margin: 20px auto 0px auto;
	}
	.cardBox3 a {
		margin-left: auto;
		margin-right: auto;
	}


	/*--------------------------------------------------------
	 .notes
	--------------------------------------------------------*/
	.notes {
		width: 100%;
		max-width: 96%;
		overflow: hidden;
		padding: 50px 0 20px 0;
		margin: 0 auto;
	}
	.notes p {
		text-indent: -1em;
		padding-left: 1em;
		font-size: 10px;
	}


	/*--------------------------------------------------------
	 .contact
	--------------------------------------------------------*/
	.contact {
		width: 100%;
		max-width: 900px;
		overflow: hidden;
		padding: 50px 0 20px 0;
		margin: 0 auto;
		text-align: center;
	}
	.contact strong {
		font-size: 24px;
	}
	.contact strong.small {
		font-size: 14px;
	}
	.contact p {
		margin-bottom: 20px;
	}
	.contact a {
		width: 90%;
	}
	.contact  h5 {
		padding-bottom: 10px;
	}
	.contact p.catch {
		margin-bottom: 10px;
		font-size:14px;
	}

	.contact a.banner img{
		width: 80%;
	}














} /**** END media screen *****/


/**********************************

 pageContents

***********************************/

.pageContents * {
	box-sizing: border-box;
}

.pageContents img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.pageContents .ov {
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pageContents .ov:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

.pageContents .define_wrap {
	padding: 0 24px;
}

.pageContents .define_inner {
	max-width: 100%;
	width: 990px;
	margin: 0 auto;
}


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

	.pageContents .pc {
		display: none;
	}

	.pageContents .define_wrap {
		padding: 0 4%;
	}
}

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

}


/**********************************

 heroSec

***********************************/
.heroSec {
	max-width: 1300px;
	margin: 0 auto;
	background: url(images/hero_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

.heroSec__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 518px;
	position: relative;
	z-index: 1;
}

.heroSec__inner__ttl {
	padding-bottom: .2em;
	color: #fff;
	font-size: 46px;
	font-weight: 600;
	text-align: center;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
}

.heroSec__inner__txt01 {
	margin-bottom: .8em;
	color: #fff;
	font-size: 37px;
	font-weight: 600;
	text-align: center;
	line-height: 1.432432432432432;
	white-space: nowrap;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

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

	.heroSec__inner {
		height: 39.84615384615385vw;
	}

	.heroSec__inner__ttl {
		font-size: 3.5384615384615383vw;
	}

	.heroSec__inner__txt01 {
		font-size: 2.8461538461538463vw;
	}

}

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

	.heroSec__inner {
		height: 60vw;
	}

	.heroSec__inner__ttl {
		font-size: 5.333333333333334vw;
		/*font-size: 20px;*/
	}

	.heroSec__inner__txt01 {
		font-size: 3.733333333333334vw;
		/*font-size: 14px;*/
	}

}


/**********************************

 infoSec

***********************************/
.infoSec {
	max-width: 1300px;
	margin: 0 auto;
	color: #000;
	background: url(images/info_bg.jpg) no-repeat center top;
	background-size: cover;
}

.infoSec__inner {
	padding: 25px 0 70px;
}

.infoSec__inner__intro {
	margin-bottom: 65px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 1.681818181818182;
}

.infoSec__inner__list {
	margin-bottom: 60px;
	line-height: 1.647058823529412;
}

.infoSec__inner__list dl {
	display: flex;
	align-items: flex-start;
	margin-bottom: 90px;
}

.infoSec__inner__list dl:last-child {
	margin-bottom: 0;
}

.infoSec__inner__list dl dt {
	width: 182px;
	padding: 17px 0;
	margin-right: 25px;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	border-top: 1px solid #69BE28;
	border-bottom: 1px solid #69BE28;
}

.infoSec__inner__list dl dt .sub {
	font-size: 17px;
	font-weight: 400;
}

.infoSec__inner__list dl dd {
	flex: 1;
	padding-top: .9em;
	font-size: 17px;
	font-weight: 400;
}

.infoSec__inner__list dl dd .btn01 {
	margin: 1em 0;
	font-size: 16px;
}

.infoSec__inner__list dl dd .btn01:last-child {
	margin-bottom: 0;
}

.infoSec__inner__list dl dd .btn01 a {
	padding: 5px 10px;
	color: #000;
	font-weight: 500;
	text-decoration: none;
	background-color: #69BE28;
	border: 1px solid #69BE28;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__list dl dd .btn01 a:hover {
	color: #69BE28;
	background-color: #fff;
}

.infoSec__inner__list dl dd .btn01 a span {
	padding-right: 20px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}

.infoSec__inner__list dl dd .btn01 a span:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(images/icon_arr05.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__list dl dd .btn01 a:hover span:before {
	background: url(images/icon_arr06.png) no-repeat left top;
	background-size: contain;
}

.infoSec__inner__list dl dd .note01 {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 16px;
}

.infoSec__inner__list dl dd .note02 {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 16px;
    font-weight: bold;
}

.infoSec__inner__list dl dd .note03 {
	display: block;
    margin-bottom: 1em;
	text-indent: -1em;
	margin-left: 1em;
}

.infoSec__inner__list dl dd .note04 {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
}

.infoSec__inner__list dl dd .note05 {
	display: block;
    margin-bottom: 1em;
}

.infoSec__inner__list dl dd .list01 {
	margin-top: .6em;
}

.infoSec__inner__list dl dd .list01 li {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 18px;
	font-weight: 600;
}

.infoSec__inner__list dl dd .list01 li span {
	color: #69BE28;
	font-weight: 600;
}

.infoSec__inner__pdf {
	max-width: 738px;
	margin: 0 auto 110px;
	font-size: 19px;
	font-weight: 600;
}

.infoSec__inner__pdf a {
	display: block;
	padding: 24px 15px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	background-color: #646464;
	border: 1px solid #646464;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__pdf a:hover {
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
}

.infoSec__inner__pdf a:before {
	content: "";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #fff;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	pointer-events: none;
	box-sizing: border-box;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__pdf a:hover:before {
	border: 1px solid #646464;
}

.infoSec__inner__pdf a span {
	padding-right: 30px;
	font-weight: 600;
	position: relative;
}

.infoSec__inner__pdf a span:before {
	content: "";
	display: block;
	width: 16px;
	height: 20px;
	background: url(images/icon_pdf01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.infoSec__inner__linkArea {
	max-width: 738px;
	margin: 0 auto 80px;
}

.infoSec__inner__linkArea__btn {
	margin-bottom: 35px;
	font-size: 19px;
	font-weight: 600;
}

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

.infoSec__inner__linkArea__btn a {
	display: block;
	padding: 20px 20px;
	color: #000;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	background-color: #FDD030;
	position: relative;
	z-index: 1;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__linkArea__btn a:hover {
	color: #FDD030;
	background-color: #000;
}

.infoSec__inner__linkArea__btn a:before {
	content: "";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #fff;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	pointer-events: none;
	box-sizing: border-box;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__linkArea__btn a:hover:before {
	border: 1px solid #FDD030;
}

.infoSec__inner__linkArea__btn a:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(images/icon_arr03.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.infoSec__inner__linkArea__btn a:hover:after {
	background: url(images/icon_arr04.png) no-repeat left top;
	background-size: contain;
}

.infoSec__inner__linkArea__btn a span {
	font-weight: 600;
}

.infoSec__inner__return {
	width: 104px;
	margin: 0 auto;
}

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

	.infoSec__inner {
		padding: 20px 0 35px;
	}

	.infoSec__inner__intro {
		margin-bottom: 35px;
		font-size: 15px;
        text-align: left;
	}

	.infoSec__inner__list {
		margin-bottom: 60px;
	}

	.infoSec__inner__list dl {
		display: block;
		margin-bottom: 30px;
	}

	.infoSec__inner__list dl dt {
		width: auto;
		padding: 5px 0;
		margin-right: 0;
		margin-bottom: 1em;
		font-size: 16px;
	}

	.infoSec__inner__list dl dd {
		padding-top: 0;
		font-size: 14px;
	}

	.infoSec__inner__list dl dd .note01 {
		font-size: 13px;
	}

	.infoSec__inner__list dl dd .note02 {
		font-size: 14px;
        font-weight: bold;
	}
    
    .infoSec__inner__list dl dd .note03 {
	display: block;
    margin-bottom: 1em;
	text-indent: -1em;
	margin-left: 1em;
	margin-left: 1em;
    }
    
    .infoSec__inner__list dl dd .note04 {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
    }
    .infoSec__inner__list dl dd .btn01 {
	margin-bottom: 3em !important;
    }

	.infoSec__inner__list dl dd .list01 li {
		font-size: 14px;
	}

	.infoSec__inner__list dl dd table {
		letter-spacing: -.02em;
	}

	.infoSec__inner__list dl dd table thead tr th {
		font-size: 14px;
	}

	.infoSec__inner__list dl dd table tbody tr th {
		font-size: 13px;
	}

	.infoSec__inner__list dl dd table tbody tr td {
		font-size: 13px;
	}

	.infoSec__inner__pdf {
		margin: 0 auto 55px;
		font-size: 16px;
	}

	.infoSec__inner__pdf a {
		padding: 20px 15px;
	}

	.infoSec__inner__pdf a:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		top: 3px;
		left: 3px;
	}

	.infoSec__inner__pdf a span {
		padding-right: 22px;
	}

	.infoSec__inner__pdf a span:before {
		width: 14px;
		height: 18px;
	}

	.infoSec__inner__linkArea {
		margin: 0 auto 40px;
	}

	.infoSec__inner__linkArea__btn {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.infoSec__inner__linkArea__btn a {
		padding: 20px 15px;
	}

	.infoSec__inner__linkArea__btn a:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		position: absolute;
		top: 3px;
		left: 3px;
	}

	.infoSec__inner__linkArea__btn a:after {
		width: 14px;
		height: 14px;
		right: 15px;
	}

	.infoSec__inner__linkArea__btn a span {
		font-weight: 600;
	}

	.infoSec__inner__return {
		width: 80px;
	}

}

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

	.infoSec__inner__intro {
		font-size: 4vw;
	}

	.infoSec__inner__pdf {
		font-size: 4.266666666666667vw;
	}

	.infoSec__inner__linkArea__btn {
		font-size: 4.266666666666667vw;
	}
}


/**********************************

 naviSec

***********************************/
.naviSec {
	max-width: 1300px;
	margin: 0 auto;
	background-color: #343434;
}

.naviSec__inner {
	padding: 45px 0;
}

.naviSec__inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -2.323232323232323%;
}

.naviSec__inner ul li {
	width: 48.787878787878788%;
	min-height: 60px;
	margin-bottom: 2.323232323232323%;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.388888888888889;
}

.naviSec__inner ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0 50px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	position: relative;
	z-index: 1;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.naviSec__inner ul li a:hover {
	color: #000000;
	background-color: #fff;
}

.naviSec__inner ul li a:before {
	content: "";
	display: block;
	width: 9px;
	height: 13px;
	background: url(images/icon_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.naviSec__inner ul li a:hover:before {
	background: url(images/icon_arr02.png) no-repeat left top;
	background-size: contain;
}

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

	.naviSec__inner ul li {
		font-size: 1.7578125vw;
	}
}

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

	.naviSec__inner {
		padding: 25px 0;
	}

	.naviSec__inner ul {
		display: block;
		margin-bottom: 0;
	}

	.naviSec__inner ul li {
		width: auto;
		min-height: auto;
		margin-bottom: 15px;
		font-size: 15px;
	}

	.naviSec__inner ul li:last-child {
		margin-bottom: 0;
	}

	.naviSec__inner ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 55px;
		padding: 0 30px;
	}

	.naviSec__inner ul li a:before {
		width: 7px;
		height: 10px;
		right: 15px;
	}


}

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

	.naviSec__inner ul li {
		font-size: 4vw;
	}
}

/**********************************

 xxx

***********************************/
.xxx {
}

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

}