@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:700,900&display=swap&subset=japanese');
/*--------------------------------------------------------------------------------------------------

   common
			  - reset
					- common
					- header
					- fContact
					- footer
					- btn

--------------------------------------------------------------------------------------------------*/


/*reset-------------------------------------------------*/
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
	margin: 0;
	padding: 0;
}

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

img {
	border: none;
	vertical-align: top;
  -webkit-backface-visibility: hidden;
}

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

header,section,article,aside,footer,nav {
 display: block;
}

/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #282828;
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	line-height: 1.8;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #993300;
}

a:hover, a:active {
	color: #F26400;
	opacity: 0.7;
}

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

.clear {
 display: inline-table;
 overflow: hidden;
}

/* mac \*/
* html .clear {
 height: 1%;
}
.clear {
 display: block;
}
/* macend */

.alignleft {
	float: left;
	margin: 0 20px 30px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 30px;
}

.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.font-blue {
  color: #006cbd;
}

.font-white {
  color: #fff!important;
}

.bg-blue {
  background-color: #006cbd;
}

.al-center {
  text-align: center;
}

.flex {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;   
}


/*-------------------------------------------------common*/


/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	position: fixed;
	background-color: #FFF;
	z-index: 1000;
}

#header header {
	width: 934px;
	height: 80px;
	margin: 0 auto;
}

#header h1,
#header p {
	float: left;
	margin: 13px 0 0;
	width: 298px;
}

#header h1 a,
#header p a {
	display: block;
	width: 298px;
	height: 54px;
	background: url(../image/logo.png) no-repeat 0 0;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}

.menu-trigger {
	display: none;
}

#header nav ul {
	float: right;
	width: 630px;
	height: 80px;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4;
	font-weight: 600;
}

#header nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

#header nav ul li a {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
	color: #282828;
}

#header nav ul li a:hover, #header nav ul li a:active {
	opacity: 1;
}

#header nav ul li:nth-child(1) a {
	width: 110px;
}

#header nav ul li:nth-child(2) a {
	width: 110px;
}

#header nav ul li:nth-child(3) {
	margin-right: 24px;
}

#header nav ul li:nth-child(3) a {
	width: 110px;
}

#header nav ul li:nth-child(1) a:hover, #header nav ul li:nth-child(1) a:active,
#header nav ul li:nth-child(2) a:hover, #header nav ul li:nth-child(2) a:active,
#header nav ul li:nth-child(3) a:hover, #header nav ul li:nth-child(3) a:active {
	color: #006cbd;
}

#header nav ul li:nth-child(4) a {
	width: 116px;
	background-color: #f11e00;
	color: #FFF;
}

#header nav ul li:nth-child(4) a:hover, #header nav ul li:nth-child(4) a:active {
	background-color: #FFF;
	color: #f11e00;
}

#header nav ul li:nth-child(4):hover > a {
	background-color: #FFF;
	color: #f11e00;
}


#header nav ul li:nth-child(5) a {
	width: 150px;
	background-color: #006cbd;
	color: #FFF;
}

#header nav ul li:nth-child(5) a:hover, #header nav ul li:nth-child(5) a:active {
	background-color: #FFF;
	color: #006cbd;
}

nav ul > li:nth-child(4) {
 display: table-cell;
}

nav ul > li:hover .menu {
 max-height: 9999px;
 opacity: 1;
}

nav ul > li > a {
 transition: all .2s ease-in;
}

nav ul .menu {
 transition: all .2s ease-in;
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 left: 0;
 text-align: center;
 position: absolute;
 background-color: #f11e00;
}

#header nav ul .menu .menu_inner {
	width: 745px;
	margin: 0 auto;
	float: none;
	display: flex;
 justify-content: flex-end;
 align-items: center;
	height: auto;
}

nav ul .menu .menu_inner li {
 display: inline-block;
 margin: 0 1em;
	height: 41px;
}

nav ul .menu .menu_inner li a {
	height: 41px !important;
}

_:-ms-input-placeholder, :root nav ul .menu .menu_inner li a {
 padding: 5px 0 0;
}

/*------------------------------------------------------------------------------------------------
  fContact
--------------------------------------------------------------------------------------------------*/
#fContact {
	background-color: #006cbd;
	color: #FFF;
	padding: 85px 0;
}

#fContact .cont {
	width: 1080px;
	margin: 0 auto;
}

#fContact .cont h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-style: italic;
	font-size: 60px;
	margin: 0 0 31px;
	text-align: center;
}

#fContact .cont h2 .sub {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 26px;
	display: block;
	line-height: 1;
	margin-top: -12px;
}

#fContact .cont .lead {
	margin: 0 0 40px;
	text-align: center;
}

#fContact .cont .tm {
	position: relative;
	height: 220px;
}

#fContact .cont .tm div.tel,
#fContact .cont .tm div.mail {
	position: absolute;
	width: 500px;
	height: 220px;
	background-color: #FFF;
	top: 0;
	padding: 40px;
	text-align: center;
}

#fContact .cont .tm .tel {
	left: 0;
}

#fContact .cont .tm .tel h3 {
	position: relative;
	background-color: #f11e00;
	padding: 2px 0;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 4px;
}

_:-ms-input-placeholder, :root #fContact .cont .tm .tel h3 {
	padding: 10px 0 0;
}

#fContact .cont .tm .tel h3:before {
 content: "";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 26px 0 26px 24px;
}

#fContact .cont .tm .tel h3:after {
 content: "";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 26px 24px 26px 0;
}

#fContact .cont .tm .tel dl dt {
	font-family: 'Noto Sans JP', sans-serif;
	font-style: italic;
	color: #f11e00;
	font-size: 43px;
}

#fContact .cont .tm .tel dl dt img {
	vertical-align: -2px;
	margin-right: 6px;
}

#fContact .cont .tm .tel dl dd {
	margin-top: -8px;
	color: #282828;
}

#fContact .cont .tm .mail {
	right: 0;
}

#fContact .cont .tm .mail h3 {
	position: relative;
	background-color: #006cbd;
	padding: 2px 0;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}


_:-ms-input-placeholder, :root #fContact .cont .tm .mail h3 {
	padding: 10px 0 0;
}

#fContact .cont .tm .mail h3:before {
 content: "";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 26px 0 26px 24px;
}

#fContact .cont .tm .mail h3:after {
 content: "";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 26px 24px 26px 0;
}


/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
#footer {
	background-color: #333;
}

#footer .cont {
	width: 1080px;
	margin: 0 auto;
	padding: 0 0 36px;
}

#footer .cont .logo {
	float: left;
	width: 360px;
	padding: 70px 0 0;
}

#footer .cont .fMenu {
	float: right;
	width: 620px;
	padding: 60px 0 0;
}

#footer .cont .fMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 600;
	font-size: 16px;
}

#footer .cont .fMenu ul li {
	margin: 0 0 14px;
	padding: 0;
}

#footer .cont .fMenu ul:nth-child(1) {
	width: 234px;
	float: left;
}

#footer .cont .fMenu ul:nth-child(2) {
	width: 234px;
	float: left;
}

#footer .cont .fMenu ul:nth-child(3) {
	width: 152px;
	float: left;
}

#footer .cont .fMenu ul li a {
	color: #FFF !important;
}

#footer .cont .fMenu ul li ul li a {
	color: #B1B1B1 !important;
}

#footer .cont .fMenu ul li ul {
	margin: 8px 0 0;
}

#footer .cont .fMenu ul li ul li {
	margin: 0 0 3px;
}

#copy {
	background-color: #E4E4E4;
	line-height: 60px;
	text-align: center;
}


/*------------------------------------------------------------------------------------------------
  second
--------------------------------------------------------------------------------------------------*/
#secondTitle {
	width: 100%;
	margin: 80px 0 0;
}

#secondTitle div {
	width: 1080px;
	height: 239px;
	margin: 0 auto;
	padding: 93px 0 0;
	position: relative;
	color: #FFF;
}

#secondTitle h1 {
	position: absolute;
	top: 93px;
	left: 0;
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: italic;
	font-size: 60px;
	background-color: #006cbd;
	line-height: 0.6;
	padding: 0 6px 8px 0;
}

#secondTitle p.sub {
	position: absolute;
	top: 160px;
	left: 0;
	display: inline-block;
	background-color: #006cbd;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	padding: 2px 1px 0;
}

#second .cont {
	width: 1080px;
	margin: 0 auto;
}

#second .cont p {
	margin: 0 0 32px;
}


/*------------------------------------------------------------------------------------------------
  btn
--------------------------------------------------------------------------------------------------*/
.btnBox {
	width: 260px;
	margin: 0 auto;
}

button,
button::after {
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}

button.btn-1 {
 background: none;
 border: 1px solid #fff;
 border-radius: 50px;
 color: #006cbd;
	background-color: #FFF;
 display: block;
 font-weight: bold;
 padding: 0;
 position: relative;
 text-transform: uppercase;
	cursor: pointer;
 z-index: 10;
	width: 260px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-1::before,
button.btn-1::after {
	background-color: #006cbd;
 content: '';
 position: absolute;
 z-index: -1;
 border-radius: 50px;
}

button.btn-1:hover {
  color: #FFF;
  border-radius: 50px;
}

.btn-1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-1:hover::after {
  width: 100%;
}

.btn-1 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(0,108,189, 1);
	position: absolute;
	left: 93%;
}

.btn-1:hover .btnarrow::before {
	color: rgba(256,256,256,1);
}

button.btn-2 {
  background: none;
  border: 1px solid #006cbd;
  border-radius: 50px;
  color: #FFF;
		background-color: #006cbd;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 260px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-2::before,
button.btn-2::after {
		background-color: #DEEDF4;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-2:hover {
  color: #006cbd;
  border-radius: 50px;
}

.btn-2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-2:hover::after {
  width: 100%;
}

.btn-2 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 93%;
}

.btn-2:hover .btnarrow::before {
	color: rgba(0,108,189,1);
}

button.btn-3 {
  background: none;
  border: 1px solid #006cbd;
  border-radius: 50px;
  color: #FFF;
		background-color: #006cbd;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 260px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-3::before,
button.btn-3::after {
		background-color: #F6F6F6;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-3:hover {
  color: #006cbd;
  border-radius: 50px;
}

.btn-3::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-3:hover::after {
  width: 100%;
}

.btn-3 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 93%;
}

.btn-3:hover .btnarrow::before {
	color: rgba(0,108,189,1);
}

button.btn-4 {
  background: none;
  border: 1px solid #FFF;
  border-radius: 50px;
  color: #E61D01;
		background-color: #FFFFFF;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 260px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-4::before,
button.btn-4::after {
		background-color: #E61D01;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-4:hover {
  color: #FFF;
  border-radius: 50px;
}

.btn-4::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-4:hover::after {
  width: 100%;
}

.btn-4 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(230, 30, 0, 1);
	position: absolute;
	left: 93%;
}

.btn-4:hover .btnarrow::before {
	color: rgba(255,255,255,1);
}

button.btn-5 {
  background: none;
  border: 1px solid #006cbd;
  border-radius: 50px;
  color: #FFF;
		background-color: #006cbd;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 280px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-5::before,
button.btn-5::after {
		background-color: #FFF;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-5:hover {
  color: #006cbd;
  border-radius: 50px;
}

.btn-5::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-5:hover::after {
  width: 100%;
}

.btn-5 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 93%;
}

.btn-5:hover .btnarrow::before {
	color: rgba(0,108,189,1);
}

button.btn-6 {
 background: none;
 border: 2px solid #006cbd;
 border-radius: 50px;
 color: #006cbd;
	background-color: #FFF;
 display: block;
 font-weight: bold;
 padding: 0;
 position: relative;
 text-transform: uppercase;
	cursor: pointer;
 z-index: 10;
	width: 260px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-6::before,
button.btn-6::after {
	background-color: #006cbd;
 content: '';
 position: absolute;
 z-index: -1;
 border-radius: 50px;
}

button.btn-6:hover {
  color: #FFF;
  border-radius: 50px;
}

.btn-6::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-6:hover::after {
  width: 100%;
}

.btn-6 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(0,108,189, 1);
	position: absolute;
	left: 93%;
}

.btn-6:hover .btnarrow::before {
	color: rgba(256,256,256,1);
}

button.btn-7 {
  background: none;
  border: 1px solid #006cbd;
  border-radius: 50px;
  color: #FFF;
		background-color: #006cbd;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 260px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-7::before,
button.btn-7::after {
		background-color: #FFF;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-7:hover {
  color: #006cbd;
  border-radius: 50px;
}

.btn-7::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-7:hover::after {
  width: 100%;
}

.btn-7 .btnarrow::before {
	content: '\f053';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 7%;
}

.btn-7:hover .btnarrow::before {
	color: rgba(0,108,189,1);
}

button.btn-pro {
  background: none;
  border: 2px solid #006cbd;
  border-radius: 50px;
  color: #006cbd;
		background-color: #FFF;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 192px;
		height: 50px;
		line-height: 50px;
		margin: 0 4px;
		letter-spacing: 1px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-pro::before,
button.btn-pro::after {
		background-color: #006cbd;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-pro:hover {
  color: #FFF;
  border-radius: 50px;
}

button.btn-pro::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

button.btn-pro:hover::after {
  width: 100%;
}

button.btn-pro .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(0,108,189,1);
	position: absolute;
	left: 90%;
}