/*@import url("../css/reset.css");*/

@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*=======================================================
	reset
========================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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, strong, 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-size: 100%;
font: inherit;
vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block; }

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	margin: 0;
	padding: 0;
}

/*=======================================================
	font
========================================================*/
.yu-mincho {
	font-family: "Yu Mincho", "YuMincho";
}

.font_en {
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
}

/*=======================================================
	ブレークポイント
========================================================*/
/*-------------- calc mixin ここから ----------------*/
/*-------------- calc mixin ここまで ----------------*/
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
/*=======================================================
	common
========================================================*/
html {
	font-size: 62.5%;
	height: 100%;
	scroll-padding-top: 80px;
}
body {
	 font-size: 1.7rem;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;		/*#383635;*/
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS othic',sans-serif;
	/*font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;*/
	scroll-padding-top: 80px;
	}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		body {
			font-size: 1.6rem;
			line-height: 1.8;
			font-family: sans-serif ;
		}
	}
a {
	transition: all 0.3s ease 0s;
	color: #000;
}
a:hover {
	color: #1eaaff;
}

@media screen and (max-width: 767px) {	/*767px以下の場合*/
	.pc {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {	/*768px以上の場合*/
	.sp {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {	/*767px以下の場合*/
	.tab {
		display: none;
	}
}
@media screen and (min-width: 768px) {	/*768px以上の場合*/
	.tab {
		display: none;
	}
}
@media screen and (min-width: 606px) and (max-width: 767px) {	/*606px以上で767px以下場合*/
	.tab {
		display: block !important;
	}
}
.clearfix {
	*zoom: 1;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
a img {
	transition: all 0.3s ease 0s;
}
a img:hover {
	opacity: 0.8;
}
img {
	 max-width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {	/*767px以下の場合*/
	img {
		max-width: 100%;
	}
}
.link {
	color: #000;
	text-decoration: none;}

.mrgT5 {
	margin-top: 5px;
}
.mrgT10 {
	margin-top: 10px;
}
.mrgT15 {
  margin-top: 15px; }

.mrgT20 {
  margin-top: 20px; }

.mrgT25 {
  margin-top: 25px; }

.mrgT30 {
  margin-top: 30px; }

.mrgT40 {
  margin-top: 40px; }

.mrgT50 {
  margin-top: 50px; }

.mrgT60 {
  margin-top: 60px; }

.mrgT70 {
  margin-top: 70px; }

.mrgB5 {
  margin-bottom: 5px; }

.mrgB10 {
  margin-bottom: 10px; }

.mrgB15 {
  margin-bottom: 15px; }

.mrgB20 {
  margin-bottom: 20px; }

.mrgB25 {
  margin-bottom: 25px; }

.mrgB30 {
  margin-bottom: 30px; }

.mrgB40 {
  margin-bottom: 40px; }

.mrgB50 {
  margin-bottom: 50px; }

.mrgB60 {
  margin-bottom: 60px; }

.mrgB70 {
  margin-bottom: 70px; }

.floatL {
	float: left;
}
.floatR {
	float: right;
}
.fontBold {
	font-weight: bold;
}
.text-center {
  text-align: center; }

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

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

.f14 {
  font-size: 1.4rem; }

.f16 {
  font-size: 1.6rem; }

.f18 {
  font-size: 1.8rem; }

.red {
  color: #c1272d; }

/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/**/
/*=======================================================
	header
========================================================*/
#container {
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	footer
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
}
#container section {
	background: #fff;
}
#container section p {
	line-height: 1.6;
}
#container header {
	background: #ffffff;
	z-index: 999;
	width: 100%;
	top: 0;
	padding: 10px 0;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container header {
			padding: 5px;
			top: 0;
		}
	}
#container header.is-fixed {
	background: rgba(255, 255, 255, 0.8);
	top: 0;
	position: fixed;
}
#container header.is-fixed .inner h1 {
	background: 0;
}
#container header .inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	max-width: 80%;	/*1080px*/
	margin: 0 auto;
}
#container header .inner .logo{
	width:30%;
}
#container header .inner .logo img{
	width:100%;
}

	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container header .inner {
			padding: 20px;
		}
	}
#container header .inner nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 90%;
	padding-left: 20px;
	box-sizing: border-box;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#container header .inner nav .gnav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 5%;
}
#container header .inner nav .gnav li {
	margin-right: 25px;
	font-size: 1.2vw;	/*1.6rem*/
	text-align: center;
	align-items: center;
	position: relative;
	display: block;
	line-height: 40px;
}
#container header .inner nav .gnav li a {
	color: #151515;
	text-decoration: none;
	/*font-weight: 700;*/
	position: relative;
}
#container header .inner nav .gnav li a:hover {
	background:#27689B;
	color: #fff;
}
#container header .inner nav .gnav li a.current {
	color: #27689B;
}
#container header .inner nav .gnav li ul {
	position: absolute;
	top: 40px;
	left: -20px;
	/*親メニューの高さと同じにする*/
	width: 270px;
	z-index: 100 !important;
	overflow: hidden;
}
#container header .inner nav .gnav li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 270px;
	/*サブメニューの幅*/
	height: 0;
	font-size: 1.3rem;
	text-align: left;
	background: rgba(255, 255, 255, 0.8);
}
#container header .inner nav .gnav li:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 40px;
	/*サブメニューの高さ*/
	padding-left: 15px;
}
#container header .inner nav .contact_btn li a {
	font-weight: 700;
	font-size: 0.7vw;
	background: #27689B;	/*#b52626*/
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 1vh 40px;
	box-sizing: border-box;
	border-radius: 25px;
	/*border-bottom: 3px solid #191970;*/		/*#6d1616*/
	display: flex;
	align-items: center;
}
#container header .inner nav .contact_btn li a::before {
	content: url(../img/common/ico_contact.png);
	margin-right: 5px;
}
/*-----------------------------------------------------------
 sp_menu
 ----------------------------------------------------------*/
#container header .menu-trigger,
#container header .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
	color: #000;
}
#container header .menu-trigger {
	width: 60px;
	height: 50px;
	float: right;
	position: fixed;
	top: 1%;
	right: 1%;
	z-index: 105;
	transform: scale(0.8);
}
#container header .menu-trigger span {
	width: 35px;
	height: 4px;
	margin: auto auto auto 13px;
	position: absolute;
	background-color: #1eaaff;
}
#container header .menu-trigger span:nth-of-type(1) {
	top: 10px;
}
#container header .menu-trigger span:nth-of-type(2) {
	top: 0;
	bottom: 0;
}
#container header .menu-trigger span:nth-of-type(3) {
	bottom: 10px;
}
#container header .menu-trigger.active {
	background: #fff;
}
#container header .menu-trigger.active span {
	background-color: #1eaaff;
}
#container header .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
#container header .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
#container header .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}
#container header #overlay {
	width: 100%;
	height: 100vh;
	margin: auto;
	padding-top: 15%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: #1eaaff;	/*#1eaaff*/
	display: none;
	color: #151515;
	opacity: 0.9;
}
#container header #overlay h1 {
	text-align: center;
	margin-bottom: 10px;
}
#container header #overlay .sns {
	justify-content: center;
}
#container header #overlay .sns li {
	margin: 0 10px;
}
#container header #overlay .gnav {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#container header #overlay .gnav li {
	border: 0;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
#container header #overlay .gnav li {
	text-align: center;
	width:80%;
	margin:0 auto;
	background:#fff;
	opacity: 0.9;
}
#container header #overlay .gnav li a {
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: bold;
	color: #151515;
}
#container header #overlay .gnav li a span {
	color: #fff;
	font-size: 1.1rem;
	padding-top: 10px;
	display: block;
}
#container .fv_wrap {
	background: #fff;			/*url(../img/top/bg_mv.jpg);*/
	background-size: cover;
	position: relative;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container .fv_wrap {
			height: auto;
		}
	}
#container .fv_wrap .inner_box {
	max-width: 100%;
	margin: 0 auto;
	padding: 0px 0 0px;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	align-items: flex-end;*/
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container .fv_wrap .inner_box {
			padding: 0px 0px 0px;
			max-width: 100%;
		}
	}
/*
#container .fv_wrap .inner_box .cont {
	width: 54%;
}

	@media screen and (max-width: 767px) {
		#container .fv_wrap .inner_box .cont {
			width: 100%;
			margin-bottom: 20px;
		}
	}

#container .fv_wrap .inner_box .cont h2 {
	font-size: 4.8rem;
	font-weight: bold;
	color: #008000;
	margin-bottom: 25px;
	line-height: 1.2;
	text-align: left;
}
#container .fv_wrap .inner_box .cont h2 span {
	color: #9400d3;
	font-size: 4.0rem;
}
	@media screen and (max-width: 767px) {
		#container .fv_wrap .inner_box .cont h2,
		#container .fv_wrap .inner_box .cont h2 span {
			text-align: left;
			font-size: 3.0rem;
		}
	}

#container .fv_wrap .inner_box .cont .txt {
	font-weight: 700;
	margin-bottom: 30px;
	font-size: 1.8rem;
	line-height: 1.6;
}
	@media screen and (max-width: 767px) {
		#container .fv_wrap .inner_box .cont .txt {
			font-size: 1.4rem;
		}
	}
#container .fv_wrap .inner_box .fig {
	width: 42%;
}
	@media screen and (max-width: 767px) {
		#container .fv_wrap .inner_box .fig {
			width: 100%;
		}
	}
#container .fv_wrap .inner_box .fig figure {
	margin-top: 20px;
}
*/

#container .toTop {
	position: fixed;
	right: 3%;
	bottom: 28px;
	z-index:1000;
	vertical-align:middle;
}
#container .toTop a{
	background: rgba(0,0,0,.3);
	color:#fff;
	font-weight:bold;
	padding:5px 20px 10px;
	border-radius: 10px;
	font-size:1.5vw;
}
#container .toTop img {
	box-shadow: 0 0 3px #eeeeee;
}
@media screen and (max-width: 767px) {
		#container .toTop a{
			display:none;
		}
		#container .toTop img {
			display:none;
		}
	}
#container .fix_btn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#container .fix_btn li {
	text-align: center;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#container .fix_btn li:first-child {
background: #080000;	/*#14b7ca*/
}
#container .fix_btn li:last-child {
background: #080000;		/*#092472;*/
}
#container .fix_btn li:last-child a {
line-height: 1.8;
}
#container .fix_btn li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 5px;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight: 700;
	display: block;
	line-height: 1.5;
}
#container .fix_btn li a span {
	font-size: 1.2rem;
	display: block;
}

/*=======================================================
	共通レイアウト
========================================================*/
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container {
			overflow: hidden;
		}
	}
#container .flex {
	display: flex;
	flex-wrap: wrap;
}
#container .flex img {
	max-width: 100%;
}
#container section {
padding: 70px 0;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container section {
		padding: 40px 0;
		}
	}
#container section .inner {
	max-width: 80%;
	margin: 0 auto;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container section .inner {
			max-width: 90%;
			padding: 0 15px;
		}
	}
#container section .marker {
	background: linear-gradient(transparent 60%, #ffff7f 60%);
}
#container .more01 {
	text-align: center;
	margin-top: 50px;
}
#container .more01 a {
	background: #fff;
	padding: 15px 20px;
	display: block;
	max-width: 350px;
	background: #27689B;
	border-radius: 20px;
	text-align: center;
	margin: 30px auto 0;
	text-decoration: none;
	position: relative;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	/*border-bottom: 4px solid #32cd32;*/
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#container .more01 a {
			font-size: 1.8rem;
		}
	}
#container .more01 a::before {
	content: url(../img/common/ico_contact.png);
	/*content: "\f0e0";*/
	margin-right: 15px;
}
#container .more01 a:hover {
	opacity: 0.6;
}
#container .more01 a:hover::after {
	right: 10px;
	transition: all .3s;
	background-image: url(../img/ico_arrow01_on.png);
}
	@media screen and (max-width: 767px) {
		#container .more01 {
			padding: 0 20px;
		}
	}

/*=======================================================
    TOP
========================================================*/
#top #container h2.style01 {
	text-align: center;
	position: relative;
	font-size: 3vw;
	font-weight: 700;
	margin-bottom: 20px;
	color: #fff;	/*#1eaaff*/
}
#top #container h2.style01 span {
	font-size: 1.5vw;
	display: block;
	font-weight: normal;
	margin-top: 10px;
	color: #fff;
}
	@media screen and (max-width: 767px) {
		#top #container h2.style01 {
			font-size: 3.5rem;
			margin-bottom:20px;
		}
		#top #container h2.style01 span {
			font-size: 2rem;
			margin-top: 10px;
		}
	}
#top #container h2.style01::after {
	content: url(../img/top/fig_h222.png);
	display: block;
}

#top #container h2.style02 {
	text-align: center;
	position: relative;
	font-size: 2vw;
	font-weight: 700;
	margin-bottom: 50px;
	color:#f5f5f5;
}
#top #container h2.style022 {
	text-align: center;
	position: relative;
	font-size: 4.0rem;
	font-weight: 700;
	margin-top:50px;
	margin-bottom: 50px;
}

#top #container h2.style02 span {
	color: #008000;	/*#1eaaff;*/
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container h2.style02,
		#top #container h2.style022 {
			font-size: 2rem;
			margin-bottom:20px;
		}
	}

#top #container .lead {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 50px;
	color:#f5f5f5;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .lead {
			font-size: 1.6rem;
		}
	}
#top #container .lead span {
	color: #1eaaff;
	font-weight: 700;
	font-size: 2.0rem;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .lead span {
			font-size: 1.8rem;
		}
	}

	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 h2 {
			padding: 0 15px;
		}
	}
#top #container .sec001 {
	background:#fff;
}
#top #container .sec001 .box {
	background: url(../img/top/bg-index3.jpg);
	/*opacity: 0.7;*/
	background-size: cover;
	color: #9400d3;
}
#top #container .sec001 .box::before {
	content: url(../img/top/fig_arrow011.png);
	text-align: center;
	display: block;
}
#top #container .sec001 .box .inner {
	padding: 100px 125px;
	box-sizing: border-box;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 .box .inner {
			padding: 50px 15px;
		}
	}
#top #container .sec001 .box .inner h3 {
	text-align: center;
	font-weight: 700;
	/*font-size: 2.9rem;*/
	line-height: 1.6;
	margin-bottom: 40px;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 .box .inner h3 {
			font-size: 2.3rem;
		}
	}
#top #container .sec001 .box .inner h3 span {
	color: #008000;	/*#1eaaff;*/
	/*font-size: 3.4rem;*/
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 .box .inner h3 span {
			font-size: 2.5rem;
		}
	}
#top #container .sec001 .box .inner .point_list {
	padding: 25px;
	border: 4px solid #9400d3;
	margin-bottom: 40px;
}
	#top #container .sec001 .box .inner .point_list ul li {
	font-size: 1.8rem;
	margin-bottom: 20px;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 .box .inner .point_list ul li {
			font-size: 1.5rem;
		}
	}
#top #container .sec001 .box .inner .point_list ul li::before {
	content: url(../img/top/ico_check1.png);
	margin-right: 5px;
}
#top #container .sec001 .box .inner .point_list p {
	text-align: center;
}
#top #container .sec001 .box .inner h4 {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.6;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec001 .box .inner h4 {
			font-size: 2.0rem;
		}
	}
#top #container .sec002{
	background: linear-gradient(180deg, transparent 0 30%, #f5f5f5 70% 100%), url(../img/top/bg-index3.jpg) no-repeat;
	/*background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/top/bg-index3.jpg) no-repeat;*/
	background:cover;
	height:auto;
	position:relative;
	/*border-bottom:2px solid #000;	下線確認のため*/
}

#top #container .sec002 .inner .flex {
	justify-content: space-between;
	margin-bottom: 80px;
	width:100%;
	/*background:#ff0000;	縦幅確認のため*/
}
#top #container .sec002 .inner .flex li {
	width: 23%;
	padding:3% 1%;
	background:#fcfcfc;
	border-radius:50%;
	text-align:center;
	position:relative;
}
#top #container .sec002 .inner .flex li .li_txt{
	width:80%;
	height:auto;
	position:absolute;
	top:80%;
	left:50%;
	transform:translate(-50%, -50%);
	background:rgba(166,247,219,0.5);
	color:#151515;
	font-size:0.8vw;
	font-weight:bold;
	padding:5px 0;
}
#top #container .sec002 .inner .flex li img{
	width:96%;
	text-align:center;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec002 .inner .flex li {
			width: 94%;
			padding:10% 3%;
			margin-bottom: 15px;
		}
		#top #container .sec002 .inner .flex li .li_txt{
			font-size:4.5vw;
			
		}
	}

#top #container .sec002 .inner .fig {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top #container .sec002 .inner .fig figure {
width: 48%;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec002 .inner .fig figure {
			width: 100%;
			margin: 10px 0;
		}
	}

#top #container .sec003 {
	background: #ebf6fd;
	margin-top:20px;
}
	@media screen and (max-width: 767px) {
		#top #container .sec003{
			margin-top:0px;
		}
	}
#top #container .sec003{
	background: url(../img/top/bg-index2.jpg) no-repeat;
}
#top #container .sec003 .inner .flex {
	justify-content: space-between;
}
#top #container .sec003 .inner .flex li {
	width: 24%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #c0c0c0;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec003 .inner .flex li {
			width: 100%;
			margin-bottom: 20px;
		}
	}
#top #container .sec003 .inner .flex li h3 {
	font-size: 1vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
	color: #27689b;
	line-height: 1.4;
}
	@media screen and (max-width: 767px) {
		#top #container .sec003 .inner .flex li h3 {
			font-size: 5vw;
		}
	}
#top #container .sec003 .inner .flex li figure {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #27689b;
}
#top #container .sec003 .inner .box {
	text-align:center;
}
#top #container .sec003 .func {
	background:#e0ffff;
	padding: 10px 0 30px;
	margin-top:30px;
	overflow:hidden;
}
#top #container .sec003 .func .box{
	text-align:center;
}
#local #container .function01 .sec002 .inner ul li .box_inner .more02,
#top #container .sec003 .inner .flex li .more02 {
	text-align: center;
	margin-top: 30px;
}
#local #container .function01 .sec002 .inner ul li .box_inner .more02 a,
#top #container .sec003 .inner .flex li .more02 {
	background: #27689b;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 20px;
}
#local #container .function01 .sec002 .inner ul li .box_inner .more02 a:hover,
#top #container .sec003 .inner .flex li .more02 a:hover,
#top #container .sec004 .inner .flex li .more02 a:hover,
#top #container .sec005 .inner .flex li .more02 a:hover,
#top #container .sec006 .inner .flex li .more02 a:hover {
	opacity: 0.6;
}
#top #container .sec004 {
	background:#e0ffff;
}
#top #container .sec004 .inner .flex {
	justify-content: space-between;
}
#top #container .sec004 .inner .flex.col2 {
	justify-content: space-evenly;
}
#top #container .sec004 .inner .flex li {
	width: 32%;
	background: #fff;	/*#ecf8ff*/
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #c0c0c0;
}
#top #container .sec004 .inner .flex.col2 li{
	width: 44%;
}
#top #container .sec004 .inner .flex.col3 li{
	width: 32%;
}
#top #container .sec004 .inner .flex.col4 li{
	width: 24%;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec004 .inner .flex li {
			width: 100%;
			margin-bottom: 20px;
		} 
		#top #container .sec004 .inner .flex.col2 li{
			width: 100%;
		}
		#top #container .sec004 .inner .flex.col3 li{
			width: 100%;
		}
		#top #container .sec004 .inner .flex.col4 li{
			width: 100%;
		}
	}
#top #container .sec004 .inner .flex li h3 {
	font-size: 2.3rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
	color: #27689b;
	line-height: 1.4;
}
#top #container .sec004 .inner .flex li figure {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #27689b;
}
#top #container .sec004 .inner .flex li .more02 {
	text-align: center;
	margin-top: 30px;
}
#top #container .sec004 .inner .flex li .more02 {
	background: #27689b;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 20px;
}
#top #container .sec005 {
	background: linear-gradient(180deg, transparent 0 30%, #f5f5f5 70% 100%), url(../img/top/bg_sec005s.jpg) no-repeat;
	background:cover;
	height:auto;
	position:relative;
	height:auto;
}
#top #container .sec005 .inner .flex {
	justify-content: space-between;
	margin-bottom:20px;
	padding-top:20%;
}
#top #container .sec005 .inner .flex li {
	width: 24%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #c0c0c0;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec005 .inner .flex li {
			width: 100%;
			margin-bottom: 20px;
		}
	}
#top #container .sec005 .inner .flex li h3 {
	font-size: 1vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
	color: #27689b;
	line-height: 1.4;
}
	@media screen and (max-width: 767px) {
		#top #container .sec005 .inner .flex li h3 {
			font-size:5vw;
		}
	}
#top #container .sec005 .inner .flex li figure {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #27689b;
}
#top #container .sec005 .inner .flex li .more02 {
	text-align: center;
	margin-top: 30px;
}
#top #container .sec005 .inner .flex li .more02 {
	background: #27689b;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 20px;
}
#top #container .sec006 .inner .flex {
	justify-content: space-between;
}
#top #container .sec006 .inner .flex li {
	width: 32%;
	background: #ecf8ff;
	padding: 20px;
	box-sizing: border-box;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec006 .inner .flex li {
			width: 100%;
			margin-bottom: 20px;
		}
	}
#top #container .sec006 .inner .flex li h3 {
	/*font-size: 2.3rem;*/
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
	color: #1eaaff;
	line-height: 1.4;
}
#top #container .sec006 .inner .flex li figure {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #1eaaff;
}
#top #container .sec006 .inner .flex li .more02 {
	text-align: center;
	margin-top: 30px;
}
#top #container .sec006 .inner .flex li .more02 a {
	background: #1eaaff;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 20px;
}
#top #container .sec007 {
	background: url("../img/top/bg007.png") repeat;
	animation: fall 10s infinite linear;
	padding: 60px 0;
	margin-bottom: 10px;
}
/*
#top #container .sec007 {
	background-image: url(../img/slide/photo000.jpg);
	width:100%;
	height:auto;
}
*/
@keyframes fall {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -700px 700px;
	}
}
/*
#top #container .sec007 .lead02 {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 50px;
}
*/
#top #container .sec007 ul li {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 5px 5px 5px #c0c0c0;
}
#top #container .sec007 ul li:last-child {
	margin-bottom: 0;
}
#top #container .sec007 ul li h3 {
	font-size: 2.3rem;
	font-weight: 700;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #1450b4;
	text-align:left;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li {
			padding:30px 15px;
		}
		#top #container .sec007 ul li h3 {
			font-size: 1.5rem;
			line-height:3rem;
			text-align:center;
			margin:0;
		}
	}
#top #container .sec007 ul li h3 .cat01 {
	background: #1450b4;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	margin-right: 20px;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li h3 .cat01 {
			padding: 5px;
			font-size: 1.2rem;
			margin-right: 10px;
		}
	}
#top #container .sec007 ul li h3 .cat02 {
	background: #1eaaff;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	margin-right: 20px;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li h3 .cat02 {
			padding: 5px;
			font-size: 1.2rem;
			margin-right: 10px;
		}
	}
#top #container .sec007 ul li .btn a {
	display: inline-block;
	background: #27689b;
	padding: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-left: 20px;
	font-size: 1.4rem;
	/*clip-path: polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);*/
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li .btn{
			display:block;
		}
		#top #container .sec007 ul li .btn a {
			padding: 5px;
			font-size: 1.2rem;
			margin-left: 0;
		}
	}
#top #container .sec007 ul li .btn a::after {
	content: url(../img/top/ico_link.png);
	margin-left: 10px;
}
#top #container .sec007 ul li .flex {
	justify-content: space-between;
}
#top #container .sec007 ul li .flex .cont {
	width: 60%;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li .flex .cont {
			width: 100%;
			margin-bottom: 20px;
		}
	}
#top #container .sec007 ul li .flex .cont h4 {
	font-size: 2.1rem;
	font-weight: 700;
	margin-bottom: 40px;
	text-align:left;
	border-bottom:2px solid #27689b;
}
#top #container .sec007 ul li .flex .cont h4 span.sys{
	display:inline-block;
}
#top #container .sec007 ul li .flex .cont h4 span.sys::before{
	content: url(../img/top/ico_tab.png);
	margin-right: 5px;
	margin-left: 10px;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li .flex .cont h4 span.sys{
			padding:5px 0;
			font-size: 1.5rem;
			display:block;
		}
		#top #container .sec007 ul li .flex .cont h4 span.sys::before{
			margin-left: 0px;
		}
	}
#top #container .sec007 ul li .flex figure {
	width: 36%;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#top #container .sec007 ul li .flex figure {
			width: 100%;
		}
	}


/*=======================================================
	
    下層共通レイアウト
    
========================================================*/
#local #container h2 {
	line-height: 1.6;
}
#local #container h2.style01 {
	text-align: center;
	position: relative;
	font-size: 3.6rem;
	font-weight: 700;
	margin-bottom: 50px;
}
#local #container h2.style01 span {
	font-size: 1.4rem;
	display: block;
	font-weight: normal;
	margin-top: 10px;
	color: #14b7ca;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#local #container h2.style01 {
			font-size: 2.8rem;
		}
	}
#local #container h2.style01::after {
	content: url(../img/top/fig_h2.png);
	display: block;
}
#local #container h2.style02 {
	text-align: center;
	position: relative;
	font-size: 3.6rem;
	font-weight: 700;
	margin-bottom: 50px;
}
#local #container h2.style02 span {
	color: #1eaaff; }
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#local #container h2.style02 {
			font-size: 2.8rem;
		}
	}
	@media screen and (max-width: 1201px) {	/*1201px以下の場合*/
		#local #container h2.style02 {
			text-align: left;
		}
	}

#local #container .bread {
	border-top: 1px solid #d6d6d6;
}
#local #container .bread ul {
	padding: 20px 0;
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#local #container .bread ul {
			padding: 20px 15px;
		}
	}
#local #container .bread ul li {
	font-size: 1.4rem;
	margin-right: 10px; }
#local #container .bread ul li::after {
	content: ">";
	margin-left: 10px;
}
#local #container .bread ul li:last-child::after {
	display: none;
}
#local #container .title {
	background: url(../img/top/bg_mv.jpg);
	background-size: cover;
	padding: 60px 0;
}
#local #container .title .inner {
	max-width: 1080px;
	margin: 0 auto;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#local #container .title .inner {
			padding: 0 20px;
		}
	}
#local #container .title .inner h1 {
	font-size: 4.0rem;
	color: #0c45a3;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}
	@media screen and (max-width: 767px) {	/*767px以下の場合*/
		#local #container .title .inner h1 {
			text-align: center;
			font-size: 3.2rem;
		}
	}
      #local #container .title .inner h1 span {
        font-size: 2.0rem;
        color: #000;
        display: block; }
    #local #container .title .inner .flex {
      justify-content: space-between;
      align-items: flex-end; }
      #local #container .title .inner .flex .cont {
        width: 50%; }
        @media screen and (max-width: 767px) {	/*767px以下の場合*/
          #local #container .title .inner .flex .cont {
            width: 100%;
            margin-bottom: 20px; } }
        #local #container .title .inner .flex .cont .catch {
          font-size: 2.8rem;
          font-weight: 700;
          margin-bottom: 30px;
          line-height: 1.6; }
        #local #container .title .inner .flex .cont dl {
          display: flex;
          flex-wrap: wrap;
          font-size: 1.8rem;
          padding: 25px;
          background: #fff;
          border-radius: 15px; }
          @media screen and (max-width: 767px) {	/*767px以下の場合*/
            #local #container .title .inner .flex .cont dl {
              font-size: 1.6rem; } }
          #local #container .title .inner .flex .cont dl dt {
            width: 27%;
            margin-bottom: 20px;
            border-bottom: 1px dotted #14b7ca;
            padding-bottom: 20px;
            font-weight: bold; }
            @media screen and (max-width: 767px) {	/*767px以下の場合*/
              #local #container .title .inner .flex .cont dl dt {
                width: 45%; } }
            #local #container .title .inner .flex .cont dl dt i {
              color: #14b7ca;
              margin-right: 10px; }
            #local #container .title .inner .flex .cont dl dt.last {
              border: 0;
              padding: 0;
              margin: 0; }
          #local #container .title .inner .flex .cont dl dd {
            width: 73%;
            margin-bottom: 20px;
            border-bottom: 1px dotted #14b7ca;
            padding-bottom: 20px;
            font-weight: bold;
            display: block; }
            @media screen and (max-width: 767px) {	/*767px以下の場合*/
              #local #container .title .inner .flex .cont dl dd {
                width: 55%; } }
            #local #container .title .inner .flex .cont dl dd.last {
              border: 0;
              padding: 0;
              margin: 0; }
      #local #container .title .inner .flex figure {
        width: 46%; }
        @media screen and (max-width: 767px) {	/*767px以下の場合*/
          #local #container .title .inner .flex figure {
            width: 100%; } }

#local #container .title02 {
  background: #e6f3f5;
  padding: 60px 0; }
  #local #container .title02 .inner {
    max-width: 1080px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #local #container .title02 .inner {
        padding: 0 20px; } }
    #local #container .title02 .inner h1 {
      font-size: 4.8rem;
      color: #14b7ca;
      font-weight: 700;
      line-height: 1.6;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #local #container .title02 .inner h1 {
          text-align: center;
          font-size: 3.6rem; } }
      #local #container .title02 .inner h1 span {
        font-size: 2.0rem;
        color: #000;
        display: block; }

#local #container .menu_list {
  background: #ebf6fd; }
  #local #container .menu_list .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #local #container .menu_list .inner ul li {
      width: calc(25% - 10px);
      box-shadow: 0 0 8px #eeeeee;
      font-size: 1.4rem;
      margin: 0 0 20px;
      padding: 15px;
      box-sizing: border-box;
      background: #fff; }
      @media screen and (max-width: 767px) {
        #local #container .menu_list .inner ul li {
          width: 100%; } }
      #local #container .menu_list .inner ul li.current {
        border: 4px solid #1eaaff; }
      #local #container .menu_list .inner ul li ul {
        padding: 0 15px; }
        #local #container .menu_list .inner ul li ul li {
          box-shadow: none;
          width: 100%;
          padding-left: 1.0em;
          text-indent: -1.0em;
          line-height: 1.4;
          padding: 0; }
          #local #container .menu_list .inner ul li ul li::before {
            font-family: FontAwesome;
            content: "\f101";
            margin-right: 5px;
            color: #1eaaff; }
          #local #container .menu_list .inner ul li ul li a {
            text-decoration: none; }
            #local #container .menu_list .inner ul li ul li a:hover {
              text-decoration: underline; }
      #local #container .menu_list .inner ul li h3 {
        font-size: 1.8rem;
        padding-bottom: 20px;
        margin-bottom: 20px;
        color: #1eaaff;
        font-weight: 700;
        text-align: center;
        line-height: 1.4;
        border-bottom: 1px solid #1eaaff; }
        #local #container .menu_list .inner ul li h3 a {
          color: #1eaaff;
          text-decoration: none; }
          #local #container .menu_list .inner ul li h3 a:hover {
            text-decoration: underline; }
      #local #container .menu_list .inner ul li h4 {
        font-size: 1.8rem;
        font-weight: 700;
        padding: 0 20px 0; }
      #local #container .menu_list .inner ul li p {
        padding: 20px; }

/*=======================================================
	
    講座管理
    
========================================================*/
#local #container .function01 .sec001 .inner {
  max-width: 900px; }
  #local #container .function01 .sec001 .inner ul {
    padding: 20px 20px 20px 40px;
    margin: 20px 0;
    background: #ebf6fd; }
    #local #container .function01 .sec001 .inner ul li {
      list-style: disc;
      margin-bottom: 10px;
      font-weight: 700; }
      #local #container .function01 .sec001 .inner ul li:last-child {
        margin-bottom: 0; }

#local #container .function01 .sec002 {
  background: #ebf6fd; }
  #local #container .function01 .sec002 .inner {
    max-width: 900px; }
    #local #container .function01 .sec002 .inner ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #local #container .function01 .sec002 .inner ul li {
        width: calc(50% - 20px);
        box-shadow: 0 0 8px #eeeeee;
        box-sizing: border-box;
        font-size: 1.4rem;
        margin-bottom: 20px;
        background: #fff; }
        @media screen and (max-width: 767px) {
          #local #container .function01 .sec002 .inner ul li {
            width: 100%; } }
        #local #container .function01 .sec002 .inner ul li figure {
          margin-bottom: 20px;
          text-align: center;
          width: 380px;
          height: 210px;
          overflow: hidden; }
          #local #container .function01 .sec002 .inner ul li figure img {
            object-fit: cover;
            object-position: top;
            font-family: 'object-fit: cover; object-position: top;'; }
            #local #container .function01 .sec002 .inner ul li figure a + a img {
                border-top:1px solid #CCC;
            }
        #local #container .function01 .sec002 .inner ul li .box_inner {
          padding: 25px; }
          #local #container .function01 .sec002 .inner ul li .box_inner h3 {
            font-size: 2.2rem;
            font-weight: 700;
            padding-bottom: 30px;
            border-bottom: 1px solid #1eaaff;
            margin-bottom: 20px;
            color: #1eaaff;
            line-height: 1.6; }
          #local #container .function01 .sec002 .inner ul li .box_inner h4 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.6; }

#local #container .function01 .sec003 .inner {
  max-width: 900px; }
  #local #container .function01 .sec003 .inner table {
    width: 100%;
    font-size: 1.4rem; }
    #local #container .function01 .sec003 .inner table tr th {
      padding: 15px;
      background: #ebf6fd;
      font-weight: 700;
      color: #1eaaff;
      border: 1px solid #1eaaff;
      width: 20%;
      line-height: 1.6;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        #local #container .function01 .sec003 .inner table tr th {
          width: 100%;
          box-sizing: border-box;
          display: block; } }
    #local #container .function01 .sec003 .inner table tr td {
      padding: 15px;
      border: 1px solid #1eaaff;
      line-height: 1.6; }
      @media screen and (max-width: 767px) {
        #local #container .function01 .sec003 .inner table tr td {
          width: 100%;
          box-sizing: border-box;
          display: block; } }

/*=======================================================
	
    保育士等キャリアアップ研修とは
    
========================================================*/
#local #container .about section .inner {
  max-width: 900px;
  margin: 0 auto; }
  #local #container .about section .inner h3 {
    font-size: 2.2rem;
    padding: 10px 0 10px 20px;
    border-left: 5px solid #14b7ca;
    margin-bottom: 30px;
    font-weight: 700; }
  #local #container .about section .inner .txt {
    margin-bottom: 20px; }
    #local #container .about section .inner .txt span {
      font-weight: 700;
      color: #14b7ca; }
  #local #container .about section .inner .box {
    margin-bottom: 40px; }
  #local #container .about section .inner .more01 {
    padding: 20px 0;
    border-radius: 25px;
    text-align: center;
    box-sizing: border-box; }
    #local #container .about section .inner .more01 a {
      box-sizing: border-box;
      padding: 10px 10px;
      border-radius: 25px;
      display: block;
      color: #fff;
      text-decoration: none;
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 1.6;
      background: #14b7ca;
      max-width: 500px;
      margin: 0 auto;
      border-bottom: 5px solid #0f93a2;
      position: relative; }
      #local #container .about section .inner .more01 a:hover {
        opacity: 0.8; }
  #local #container .about section .inner dl dt {
    font-weight: 700;
    margin-bottom: 10px; }
  #local #container .about section .inner dl dd ul {
    padding-left: 20px; }
    #local #container .about section .inner dl dd ul li {
      list-style: disc;
      margin-bottom: 10px; }
  #local #container .about section .inner .flex li {
    width: calc(25% - 10px);
    box-shadow: 0 0 8px #eeeeee;
    font-size: 1.4rem;
    margin: 0 5px 20px;
    padding: 20px;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      #local #container .about section .inner .flex li {
        width: 100%; } }
    #local #container .about section .inner .flex li h3 {
      font-size: 2.0rem;
      color: #14b7ca;
      font-weight: 700;
      border: 0;
      padding: 0;
      margin-bottom: 20px;
      line-height: 1.6; }

#local #container .about section .sec001, #local #container .about section .sec002, #local #container .about section .sec003, #local #container .about section .sec004, #local #container .about section .sec005, #local #container .about section .sec006, #local #container .about section .sec007 {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    #local #container .about section .sec001, #local #container .about section .sec002, #local #container .about section .sec003, #local #container .about section .sec004, #local #container .about section .sec005, #local #container .about section .sec006, #local #container .about section .sec007 {
      padding: 30px 15px; } }

#local #container .about section .sec002, #local #container .about section .sec004, #local #container .about section .sec006, #local #container .about section .sec008 {
  background: #f7f7f7; }

.red {
  color: #b52626 !important; }

@media screen and (max-width: 767px) {
  #top #container .lead {
    text-align: left; } }

@media screen and (max-width: 767px) {
  #top #container h2.style02 {
    text-align: left; } }

#local #container .function01 .sec002 .inner ul li figure {
  border: 1px solid #CCC; }

/*# sourceMappingURL=style.css.map */


/*width*/
.w10p{width:10%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w47p{width:47%;}
.w48p{width:48%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}
.w-half-res{width:47%;margin-left:1.5%;margin-right:1.5%;float:left;}
@media (max-width:768px) {
    .w-half-res{width:auto;float:none;margin-left:auto;margin-right:auto;}
    .w-half-res iframe{width: 100%;}
}

/*margin*/
.mr0{margin-right:0px !important;}
.ml0{margin-left:0px !important;}
.mt0{margin-top:0px !important;}
.mb0{margin-bottom:0px !important;}
.pdt0{padding-top:0px !important;}
.pdb0{padding-bottom:0px !important;}

.mr10{margin-right:10px !important;}
.ml10{margin-left:10px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.pdt10{padding-top:10px !important;}
.pdb10{padding-bottom:10px !important;}

.mr20{margin-right:20px !important;}
.ml20{margin-left:20px !important;}
.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px !important;}
.pdt20{padding-top:20px !important;}
.pdb20{padding-bottom:20px !important;}

.mr30{margin-right:30px !important;}
.ml30{margin-left:30px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.pdt30{padding-top:30px !important;}
.pdb30{padding-bottom:30px !important;}

.mr40{margin-right:40px !important;}
.ml40{margin-left:40px !important;}
.mt40{margin-top:40px !important;}
.mb40{margin-bottom:40px !important;}
.pdt40{padding-top:40px !important;}
.pdb40{padding-bottom:40px !important;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

/*border*/
.border-top{ padding-top: 24px; border-top: 1px solid #CCC;}
.border-bottom{border-bottom: 1px solid #CCC;}

/*font*/
.red{color:#FF0000;}
.bold{font-weight: bold;}

/*vertical-align*/
.vt-top{
	vertical-align: top;
}


#container .fv_wrap .inner_box .fig figure.fv-fig-logo{
	padding-left:40px;
}
	@media screen and (max-width: 767px) {
		#container .fv_wrap .inner_box .fig figure.fv-fig-logo{
			padding-left:0;
		}
	}
#top #container h2.style02 {
	line-height:1.4;
}
	@media screen and (max-width: 767px) {
		#local #container .function01 .sec003 .inner table tr th {
			border-bottom:none;border-top:none;
		}
		#local #container .function01 .sec003 .inner table{
			border-top:1px solid #1eaaff;
			}
		}
	@media screen and (max-width: 767px) {
		#local #container .function01 .sec002 .inner ul li figure {
			width:auto; height:auto;
		}
	}
	@media screen and (max-width: 360px) {
		#container .fv_wrap .inner_box .cont h2 {
			font-size: 3.0rem;
		}
	}