/*----------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

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;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	-webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	box-sizing: border-box;
}
code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
button,
input,
select,
textarea {
	font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

	margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
	line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */

}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #FFF;
	padding: 5px 60px;
	border: 3px solid #004098;
	text-align: center;
	background: #004098;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	display: inline-block;
	cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	cursor: pointer;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	cursor:pointer;
	opacity: 0.7;  
	filter: alpha(opacity=70);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0;
  /* Addresses excess padding in IE8/9 */

}

input[type="search"] {
	-webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #5F5F66;
	border: 1px solid #dddddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 98%;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #101010;
}
input[type=text],
input[type=email] {
	padding: 10px;
}
textarea {
	overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding: 10px;
	vertical-align: top;
  /* Improves readability and alignment in all browsers */
}

input::placeholder,
textarea::placeholder{
	color: #c4c4c4;
}

/* styles
-------------------------------------------------------------- */
body,
button,
select {
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	height: 100%;
	color: #777777;
	font-size: 15px;font-size: 1.5rem;
	line-height: 1.8;
}
body {
	min-width:1060px;
	width:100%;
	position: relative;
	-webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	animation: fadeIn 1.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

  
/* typography
-------------------------------------------------------------- */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {clear: both;}

/* Text elements */
p {margin-bottom: 1.5em;letter-spacing: 0.05em;}

ul,
ol {margin: 0;}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;}

b,
strong {
	font-weight: bold;}
dfn,
cite,
em,
i {
	font-style: italic;}
blockquote {
	margin: 0 1.5em;}

address {
	margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-size: 0.7em;
	line-height: 1.5em;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
	box-shadow: 0 3px 5px #ddd inset;}

.display-none {
	display: none;
}
	
/* Links */
a {
	color: #004098;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
}
a:hover {
	color: #00afec;
	cursor:pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}



/* Text */
.ttl01,
.ttl02 {
	color: #000000;
	font-size: 30px;font-size: 3.0rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
	text-align: center;
}
.ttl01 span,
.ttl02 span {
	font-size: 15px;font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 1px;
	display: block;
	opacity: 0.7;  
	filter: alpha(opacity=70);
}
/*下線あり*/

.ttl01 span,
.ttl02 span{
	position: relative;
	font-weight: 800;
	font-family: "Josefin Sans", sans-serif;
	color: #004098;
	letter-spacing: 0.6em;
}
.ttl01 span::before,
.ttl02 span::before{
	display: inline-block;
	position: absolute;
	content: '';
	top: -12px;
	left: 49.7%;
	width: 30px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #004098;
}

.ttl02,
.ttl02 span{
	color: #FFFFFF;
}
.ttl02 span::before{
	background-color: #fff;
}

.ttl03 {
	color: #000000;
	font-size: 34px;font-size: 3.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.05em;
	padding-bottom: 12px;
	margin-bottom: 40px;
	position: relative;
}

/*  下線にアクセント*/
.ttl03{
	border-bottom: 3px solid #004098;
}
.ttl03::before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 20%;
	height: 3px;
	content: '';
	background: #00afec;
}

.ttl04 {
	color: #000000;
	font-size: 20px;font-size: 2.0rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.4;
	padding-bottom: 18px;
	margin-bottom: 26px;
	position: relative;
}
.ttl04::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#00afec;
}

.ttl05 {
	color: #000000;
	font-size: 30px;font-size: 3.0rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 12px;
	margin-bottom: 26px;
	position: relative;
	padding: 0.5rem 1.6rem;
	border-left: 4px solid #00afec;
}


.font-red {
	color:#FF0000;
}

.font-blue {
	color:#004098;
}

.font-b {
	font-weight: bold;
}

.font-110 {
	font-size: 110%;
}
.font-88{
	font-size: 88%;
}

/* List */
ul.list01,
ol.list01{
	list-style-type: disc;
	margin-left: 20px;
}

.indent01 {
	padding-left:1.7em;
	text-indent:-1.7em;
}

.indent02 {
	padding-left:1em;
	text-indent:-1em;
}

/* Button */
.btn01 {
	padding: 8px 40px;
	font-size: 16px;font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	background: #FFFFFF;
	border: 2px solid #004098;
	text-align: center;
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
/*
.btn01:after,
.btn02:after {
	width: 0%;
	position: absolute;
	transition: 0.3s;
	content: "";
	left: 0;
	height: 2px;
	background: #004098;
}
*/
.btn01:hover,
.btn02:hover {
	box-shadow: inset 0px 0px 0px 2px #004098;
	opacity: 1;  
	filter: alpha(opacity=100);
	cursor: pointer;
}

.btn02 {
	font-size: 14px;font-size: 1.4rem;
	padding: 6px 16px;
	border: 2px solid #004098;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	display: inline-block;
}
.btn01 span,
.btn02 span{
	position: relative;
	z-index: 3;
}
.btn01:hover span,
.btn02:hover span{
	color:#fff;
}
@media screen and (min-width:1024px) {
	.bgleft:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #004098;
	width: 100%;
	height: 100%;
	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: right top;
	}
	/* safari用 */
	_::-webkit-full-page-media, _:future, :root .bgleft:before {
		transform: scale(1, 0);
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
	}
	.bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
}

/*
.btn02:after {
	height: 1px;
}
.btn02:hover {
	box-shadow: inset 0px 0px 0px 1px #004098;
	opacity: 1;  
	filter: alpha(opacity=100);
}
*/
.btn03 {
  color: #FFF;
  font-size: 18px;font-size: 1.8rem;
  padding: 5px 60px;
  border: 3px solid #004098;
  text-align: center;
  background: #004098;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	display: inline-block;
	text-shadow: none !important;
}
.btn03:after {
	width: 0%;
	position: absolute;
	transition: 0.3s;
	content: "";
	left: 0;
	height: 2px;
	background: #004098;
}
.btn03:hover {
	color: #FFF;
	box-shadow: inset 0px 0px 0px 2px #FFF;
	opacity: 1;  
	filter: alpha(opacity=100);
	cursor: pointer;
}

.btn04 {
	font-size: 18px;font-size: 1.8rem;
	padding: 16px 30px;
	background: #FFFFFF;
	border: 2px solid #004098;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.btn04-or{
	border: 2px solid #ff882e !important;
}

.btn04:after {
	width: 0%;
	position: absolute;
	transition: 0.3s;
	content: "";
	left: 0;
	height: 2px;
	background: #004098;
}
.btn04-or:after{
	background: #ff882e;
}
.btn04:hover {
  box-shadow: inset 0px 0px 0px 2px #004098;
  opacity: 1;  
  filter: alpha(opacity=100);
  cursor: pointer;
}
.btn04-or:hover{
	box-shadow: inset 0px 0px 0px 2px #ff882e;
}

.btn05 {
  color: #FFF;
  font-size: 18px;font-size: 1.8rem;
  padding: 5px 60px;
  border: 2px solid #004098;
  text-align: center;
  background: #004098;
  transition: 0.3s;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  display: inline-block;
}
.btn05:hover {
  color: #004098;
  background: #FFFFFF;
  opacity: 1;  
  filter: alpha(opacity=100);
  cursor: pointer;
}

.btn06 {
  color: #004098;
  font-size: 18px;font-size: 1.8rem;
  padding: 5px 60px;
  border: 2px solid #004098;
  text-align: center;
  background: #FFFFFF;
  transition: 0.3s;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  display: inline-block;
}
.btn06:hover {
  color: #FFF;
  background: #004098;
  opacity: 1;  
  filter: alpha(opacity=100);
  cursor: pointer;
}

/* Table */
table.tb01 {
	margin: 0 auto;
}
table.tb01 th,
table.tb01 td {
	padding: 26px 0;
	border-bottom: 1px solid #CCCCCC;
}
table.tb01 th {
	color: #00afec;
	letter-spacing: 2px;
	text-align: left;
	padding: 26px 70px 26px 0;
}

table.tb02 {
	margin: 0 auto;
}
table.tb02 th,
table.tb02 td {
	padding: 26px 0;
	border-bottom: 1px solid #FFFFFF;
}
table.tb02 th {
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding: 26px 0;
}	

table.tb03 {
	margin: 0 auto;
}
table.tb03 th,
table.tb03 td {
	padding: 20px 0;
	border-bottom: 1px solid #CCCCCC;
}
table.tb03 th {
	text-align: left;
	padding: 26px 10px 26px 0;
}

table.tb04 {
	margin: 0 auto;
}
table.tb04 th {
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-top: 26px;
}
table.tb04 td {
	padding: 0 0 26px 30px;
	border-bottom: 1px solid #CCCCCC;
}



/* Width */
.wd10 {width:10%;}
.wd15 {width:15%;}
.wd20 {width:20%;}
.wd25 {width:25%;}
.wd30 {width:30%;}
.wd35 {width:35%;}
.wd40 {width:40%;}
.wd45 {width:45%;}
.wd50 {width:50%;}
.wd55 {width:55%;}
.wd58 {width:58%;}
.wd60 {width:60%;}
.wd65 {width:65%;}
.wd70 {width:70%;}
.wd75 {width:75%;}
.wd80 {width:80%;}
.wd85 {width:85%;}
.wd90 {width:90%;}
.wd95 {width:95%;}
.wd100 {width:100% !important;}

/* Space */
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb56{padding-bottom:56px !important;}
.pb85{padding-bottom:85px;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt88{margin-top:88px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr40{margin-right:40px;}
.mr183{margin-right:183px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml45{margin-left:45px;}
.ml183{margin-left:183px;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}

.br-for-res{
	display: none;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.left {float:left;}
.right {float:right;}
.center {text-align: center;}

.txtleft{text-align:left;}
.txtright{text-align:right;}

/* Animation */
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	50% {
		opacity: 1
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	50% {
		opacity: 1
	}
}



/* layout
-------------------------------------------------------------- */
.header-container {
	width: 100%;
}

.header-container-row {
	width: 100%;
	height: 420px;
	position: relative;
	overflow: hidden;
}

.header-container-row:before{
	content: "";
	background: inherit;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: 0;
}

.header{
	width: 1060px;
	margin: 0 auto;
	border-bottom: 2px solid #000;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
	transition: .3s;
	background: -moz-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7) 52%, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7) 52%, rgba(255,255,255,0));
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7) 52%, rgba(255,255,255,0));
}

.header-inner {
	width: 1060px;
	padding-top: 14px;
	margin: 0 auto;
}

.main-fluid {
	background: #FFF;
	overflow:hidden;
	position: relative;
	z-index: 20;}


.main-fluid .container {
	width: 1060px;
	margin: 80px auto;
	display: table;}

.main-fluid .container main,
.main-fluid .container aside {
	display: table-cell;
	vertical-align: top;
}
@media(min-width: 1024px){
	.header-inner {
		max-width: 1060px;
		width: 96%;
	}
}

/* Common layout box */
.sc-base {
	width: 96%;
	padding: 80px 2%;
	margin: 0 auto;
}
.sc-wht02 {
/*	width: 100%;  */
	width: calc(100% + 10%);
	margin: 0 -5%;
/*	padding: 40px 0 90px;*/
	padding: 56px 0 112px;
}
.sc-gray {
/*	width: 100%;  */
	padding: 80px 0;
	background: #f6f7f8;
}
.sc-blue {
	width: 100%;
	padding: 80px 0;
	background: #cceffb;
}
.sc-blue02 {
/*	width: 100%;  */
	width: calc(100% + 10%);
	margin: 0 -5%;
/*	padding: 40px 0 90px;*/
	padding: 56px 0 112px;
	background: #cceffb;
}

.sc-inner {
	width: 1060px;
	margin: 40px auto;
}
.sc-inner-none {
	width: 1060px;
	margin: 0 auto;
}
.sc-inner-top {
	width: 1060px;
	margin: 40px auto 0;
}
.sc-inner-bottom {
	width: 1060px;
	margin: 0 auto 40px;
}

@media screen and (max-width: 1024px) {
	.sc-inner,
	.sc-inner-none,
	.page-privacy01 .sc-inner-bottom,
	.ag-antiSocial-forces01{
		width: 100%;
	}
	.sc-blue02,
	.sc-wht02{
		width: 100%;
		margin: 0;
	}
}


.sc-main {
	width: 760px;
	margin-right: 50px;
	
}

.sc-side {
	width: 255px;
}

.wrapper{
	width: 98%;
    margin: 0 auto;
}

.wrapper2{
	width: 80%;
	margin: 0 auto;
}

.bl{
	color: #333;
}

.gr{
	color: #444;
}
@media screen and (max-width:1024px) {
	.sc-main{
		width: 730px;
		margin-right: 20px;
	}
}


/* Header
-------------------------------------------------------------- */
#top .header-container {
	height: 630px;
}

#whats .header-container-row {
	background: #efefef url("../img/bg_whats_ttl_2.jpg") no-repeat center top;
	background-size: cover;
}

#advantages .header-container-row {
	background: #efefef url("../img/bg_advantages_ttl_3.jpg") no-repeat center top;
	background-size: cover;
}

#service .header-container-row {
	background: #efefef url("../img/bg_service_ttl_2.jpg") no-repeat center right;
	background-position: 90% !important;
	background-size: cover;
}

#company .header-container-row {
	background: #efefef url("../img/bg_company_ttl.jpg") no-repeat center top;
	background-size: cover;
}

#office .header-container-row,
#ceo-message .header-container-row {
	background: #efefef url("../img/bg_office_ttl2.jpg") no-repeat center top;
	background-size: cover;
}

#mvv .header-container-row {
	background: #efefef url("../img/bg_mvv_ttl.jpg") no-repeat center top;
	background-size: cover;
}

#recruit .header-container-row {
	background: #efefef url("../img/bg_recruit_ttl_3.jpg") no-repeat center top;
	background-size: cover;
}

#contact .header-container-row {
	background: #efefef url("../img/bg_contact_ttl_2.jpg") no-repeat center top;
	background-size: cover;
}

#privacy .header-container-row {
	background: #efefef url("../img/bg_privacy_ttl_2.jpg") no-repeat center center;
	background-size: cover;
}

#ag_antiSocial_forces .header-container-row {
	background: #efefef url("../img/bg_ag_antiSocial_forces_ttl.jpg") no-repeat center center;
	background-size: cover;
}

#news .header-container-row {
	background: #efefef url("../img/bg_news_ttl_3.jpg") no-repeat center top;
	background-size: cover;
}

#sitemap .header-container-row {
	background: #efefef url("../img/bg_sitemap_ttl.jpg") no-repeat center top;
	background-size: cover;
}

.header .logo {
	margin: 0;
	display:block;
	float: left;
}

.header-info {
	margin-top: 14px;
	float: right;
}

.header-info ul.header-info-link {
	font-size: 15px;font-size: 1.5rem;
	display: inline-block;
}
.header-info ul.header-info-link li {
	padding-left: 30px;
	display: inline-block;
	position: relative
}
.header-info ul.header-info-link li::before {
	content:"";
	width: 10px;
	height: 1px;
	background: #004098;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
}

dl.header-info-ph {
	color: #004098;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 42px;
	margin-left: 40px;
	display: inline-block;
	background: url("../img/ico_ph01.png") no-repeat left;
	background-size: 31px auto;
}
dl.header-info-ph dt {
	font-size: 13px;font-size: 1.3rem;
}
dl.header-info-ph dd {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 23px;font-size: 2.3rem;
	margin: 0;
}

a.header-info-contact {
	color: #FFF;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 16px;font-size: 1.6rem;
	background: #004098 url("../img/ico_mail01.png") no-repeat left 20px top 50%;
	background-size: 20px auto;
	padding: 12px 22px 12px 60px;
	margin-left: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}

nav.main-nav {
	padding: 3px 0;
	position:relative;
	clear: both;
}

nav.main-nav ul{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 5px;
	display:block;
	text-align:center;
}

nav.main-nav li {
	 display:inline;
	 padding: 0 34px;
	 border-right: 1px solid #c8c8c8;
}
nav.main-nav li.service {
	border-right: none;
}

nav.main-nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
nav.main-nav a::after,
#top li.home a::after,
#news li.news a::after,
#whats li.whats a::after,
#advantages li.advantages a::after,
#service li.service a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background:#000000;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
nav.main-nav a:hover::after {
  transform: scale(1, 1);
  opacity: 1;  
  filter: alpha(opacity=100);
}
#top li.home a::after,
#news li.news a::after,
#whats li.whats a::after,
#advantages li.advantages a::after,
#service li.service a::after {
  transform: inherit;
}

.main-nav-m {
	display: none;
}

/* header animation */
.header.is-animation {
	width: 100%;
	background: #FFF;
}

.header-container-row h2 {
/*	color: #004098;
	font-size: 34px;font-size: 3.4rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 3px;
	line-height: 1.5;
	text-align: center;
	position: absolute;
	top: 243px;
	left: 0;
	right: 0;
	margin: auto;
*/
/*  修正案 */
	color: #111;
	font-size: 3.2rem;
	font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .05em;
    line-height: 1.5;
	text-align: center;
    position: absolute;
    top: 230px;
    left: 0;
    right: 0;
    margin: auto;
/**/
/*  左寄せ　タイトル大
	color: #111;
    font-size: 7rem;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.15em;
    line-height: 1.5;
    position: absolute;
    top: 188px;
    left: 9%;
    right: 0;
    margin: auto;
*/
}

.header-container-row h2 span {
/*	font-size: 15px;font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 0;
	display: block;
*/
/*  修正案 */
	font-size: 1.6rem;
	font-weight: 900;
	font-family: "Josefin Sans", sans-serif;
	letter-spacing: .3em;
	display: block;
	color: #004098;
	margin-bottom: 3px;
/**/
/* 左寄せ　タイトル大*/ 
/*
font-size: 2.8rem;
font-weight: 900;
font-family: "Josefin Sans", sans-serif;
letter-spacing: .3em;
display: block;
color: #004098;
margin-bottom: 12px;
*/
}

/* 背景に水色の英字タイトル */
/*.header-container-row h2::before{
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(0,175,236,0.2);
	font-size: 53px;font-size: 5.3rem;
	font-style: italic;
}*/

/* Home
-------------------------------------------------------------- */
/* Home main image */

@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.10);
transform: scale(1.10);
}
}

@keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.10);
transform: scale(1.10);
}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { 
	-webkit-animation: zoomUp 10s linear 0s;
	animation: zoomUp 10s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slide-img {
	background-size: cover;
	background-position: center center;
	height: 630px;
}

.slide-text {
	width: 980px;
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	margin: auto;
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	z-index: 10;
}

.slide-text p.slide-text-top {
	color: #004098;
	font-size: 51px;font-size: 5.1rem;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.slide-text p.slide-text-middle {
	font-size: 24px;font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.6;
	display: block;
}

.slide-text01 p.slide-text-middle {
	margin-bottom: 40px;
}

.header-container .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E") !important;
    background-position: left;
	left: 2%;
}
.header-container .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E") !important;
    background-position: right;
	right: 2%;
}


/* Home News */
.home-news {
	padding: 25px 8%;
}

.home-news h2.ttl {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.home-news .home-news-box01 {
	width: 180px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.home-news dl.home-news-box02 {
/*	width: 873px;  */
	vertical-align: top;
	padding-left: 40px;
	border-left: 1px #FFF solid;
	display: inline-block;
}
.home-news dl.home-news-box02 dt {
	width: 88px;
	margin: 10px 20px 10px 0;
	display: inline-block;
	float: left;
    clear: left;
}
.home-news dl.home-news-box02 dd {
/*	width: 748px;  */
/*	width: 84%; */
	margin: 5px 0;
	display: inline-block;
	float: left;
}

/* js-cms用 ここから */
.home-news-box02 ul{
	width: 873px;
	vertical-align: top;
	padding-left: 40px;
	border-left: 1px #FFF solid;
	display: inline-block;
}
.home-news-box02 span {
	width: 88px;
	margin: 5px 20px 5px 0;
	display: inline-block;
}
.home-news-box02 a {
/*	width: 748px; */
	margin: 5px 0;
	display: inline-block;
}
/* js-cms用 ここまで */


/* Home Service */
.home-service {
	background: url("../img/bg_home_service.png") no-repeat right top 50%;
	background-size: 70% auto; 
}

.home-service .home-service-box01 {
}
.home-service .sc-inner p {
	color: #00afec;
	font-family: 'Work Sans', sans-serif;
	font-size: 70px;font-size: 7.0rem;
	font-weight: 200;
	line-height: 1;
	margin: 0 10px 40px 0;
	display: inline-block;
}
.home-service .home-service-box02 p:first-of-type {
	margin-bottom: 8px;
}
.home-service .sc-inner p.servise-titlesub {
	color: #004098;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 28px;font-size: 2.8rem;
	font-weight: 700;
	display: inline-block;
	line-height: 1.5;
}
.home-service dl dt {
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 38px;font-size: 3.8rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 26px;
}
.home-service dl dd {
	margin-bottom: 60px;
}

.home-service img.left {
	/*margin-right: 120px;*/
}
.home-service .home-service-box02 {
	text-align: right;
}

.home-service .home-service-box02 p.servise-titlesub {
	margin-bottom: 37px;
	
}

/* Home  Handlingpayment*/
.home-Handlingpayment{
	background: linear-gradient(20deg, #fff 0%, #fff 50%, #cceffb 50%, #cceffb 100%);
}
.tilearea{
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tilearea .tile{
	display: inline-block;
    width: 30%;
    margin: 1%;
    text-align: center;
}
.tilearea .tile a{
	display: block;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 7%;
	margin-right: 0;
	position: relative;
	top:0;
	transition: all .3s;
	background-color: #fff;
	box-shadow: 0 3px 3px 0 rgb(0 0 0 / 20%);
}
.tilearea .tile a:hover{
	top: -8px !important;
	opacity: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.anchor::before{
    display: block;
	height: 18rem;
	margin-top: -18rem;
	content: "";
}
.anchor2::before{
    display: block;
	height: 25rem;
	margin-top: -25rem;
	content: "";
}
.tilearea .tile span.tile-txt{
	font-size: 1.8rem;font-size: 18px;
}
.tilearea .tile span.icon{
	display: block;
}
.tilearea .tile span.icon img{
	width: 13rem;
}
.tile-txt span:after{
	font-family: "Font Awesome 5 Free";
    content: '\f054';
	font-weight: 900;
    margin-left: 1.5rem;
}

/* Home features */
.home-features {
	background: url("../img/bg_home_features.jpg") no-repeat bottom;
	background-size: cover;
}

.home-features .home-features-box {
  	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

.home-features .home-features-box .home-features-boxs {
	width: 400px;
	text-align: center;
	position: relative;
	margin: 0 3rem;
}

.home-features-box .home-features-boxs img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.home-features-boxs dl {
	margin-top: 158px;
	padding: 30px 40px;
	background: #FFF;
}

.home-features-boxs dl dt {
	color: #004098;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 19px;font-size: 1.9rem;
	margin-bottom: 16px;
}

.home-features-boxs dl dd {
	text-align: left;
	letter-spacing: 0.05em;
	color: #444;
}

/* Home company */
.home-company {
/*	padding-bottom: 340px;*/
	background: url("../img/sample01.jpg") no-repeat right bottom;
	background-size: 100% auto;
	text-shadow: 0px 1px 1px #f2f2f2;
}
.home-company .sc-inner {
	width: 750px;
	font-size: 17px;font-size: 1.7rem;
	line-height: 2.4;
	text-align: center;
}
.home-company p{
	letter-spacing: 0;
}

@media(max-width: 1200px){
	.home-company{
		width: 100%;
		background-size: 145% auto;
	}
}


/* Home contact */
.home-contact {
	width: 100%;
	text-align: center;
	padding: 80px 0;
	background: #2da0e6;
	background: -moz-linear-gradient(top,  #2da0e6 0%, #0069cc 100%);
	background: -webkit-linear-gradient(top,  #2da0e6 0%,#0069cc 100%);
	background: linear-gradient(to bottom,  #2da0e6 0%,#0069cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da0e6', endColorstr='#0069cc',GradientType=0 );
}

.home-contact .sc-inner-top {
  	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}

.home-contact .home-contact-box {
	width: 440px;
	border: 2px #004098 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 84px 30px 30px;
}
.home-contact .home-contact-box-ph {
	color: #FFFFFF;
	background: #004098 url("../img/ico_ph02.png") no-repeat center top 30px;
	background-size: 36px auto;
	margin-right: 16px;
	display: inline-block;
}
.home-contact .home-contact-box-ph dt {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 20px;font-size: 2.0rem;
	position: relative;
	margin-bottom: 10px;
}
.home-contact-box-ph dt:before,
.home-contact-box-form p:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -12px; /*下線の上下位置調整*/
	display: inline-block;
	width: 30px; /*下線の幅*/
	height: 2px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置調整*/
	background-color: #99b3d6; /*下線の色*/
}

.home-contact .home-contact-box-ph dd {
	color: #ccd9ea;
}
.home-contact .home-contact-box-ph dd.ph {
	color: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 38px;font-size: 3.8rem;
	letter-spacing: 1px;
	display: inline-block;
	border-bottom: 1px #99b3d6 solid;
	margin-bottom: 10px;
}

.home-contact .home-contact-box-form {
	color: #004098;
	background: #FFFFFF url("../img/ico_mail02.png") no-repeat center top 39px;
	background-size: 38px auto;
	display: inline-block;
}
.home-contact .home-contact-box-form p {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 28px;font-size: 2.8rem;
	margin-bottom: 24px;
	position: relative;
}
.home-contact-box-form p:before {
	bottom: -10px;
}

.home-contact .home-contact-box-form:hover{
	color: #FFFFFF;
	background: #00afec url("../img/ico_mail03.png") no-repeat center top 39px;
	background-size: 38px auto;
	border: 2px solid #fff;
	opacity: 1;  
	filter: alpha(opacity=100);
}

@media(min-width: 768px){
	a[href^="tel:"]{
		pointer-events: none;
	}
}


/* Footer
-------------------------------------------------------------- */
.footer {
	background: #efefef;
}

.footer .sc-inner {
	margin: 0 auto;
	padding: 50px 0;
}
.footer .wrapper {
	display: flex;
    justify-content: space-between;
}
.footer img {
	vertical-align: top;
	display: inline-block;
}

.footer .footer-link {
	border-left: 1px #FFF solid;
	/* margin-left: 65px; */
	/* padding-left: 20px; */
	display: inline-block;
}

.footer .footer-link a {
	color: #000000;
}
.footer-link a:hover {
	color: #00afec;
	opacity: none;
	filter: none;
}
.footer .footer-link ul {
	vertical-align: top;
	display: inline-block;
	margin-left: 24px;
}

.footer-link ul li {
	margin-bottom: 10px;
}

.footer-link li ul {
	margin: 2px 0 0 8px !important;
	display: block !important;
}
.footer-link li li {
	margin-bottom: 4px;
	padding-left: 10px;
	position: relative;
}

.footer-link li li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%; /*下線の上下位置調整*/
	display: inline-block;
	width: 6px; /*下線の幅*/
	height: 2px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置調整*/
	background-color: #000000; /*下線の色*/
}

p.footer-copy {
	color: #5d6969;
	font-size: 14px;font-size: 1.4rem;
	text-align: center;
	margin: 0;
	padding-bottom: 15px;
	position: relative;
}
p.footer-copy:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -15px; /*下線の上下位置調整*/
	display: inline-block;
	width: 20px; /*下線の幅*/
	height: 2px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置調整*/
	background-color: #000000; /*下線の色*/
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 40;
}
.pagetop a {
    display: block;
	width: 80px;
	height: 80px;
    color: #FFF;
    text-align: center;
	font-size: 12px;font-size: 1.2rem;
	line-height: 1.2;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #CBCBCB url(../img/ar_01.png) no-repeat center 18px;
	background-size: 40px auto;
    text-decoration: none;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	padding-top: 47px;
	box-sizing: border-box;
}
.pagetop a:hover {
    display: block;
    background-color: #004098;
    text-decoration: none;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}


/* Side
-------------------------------------------------------------- */
.side-box h3 {
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 20px;font-size: 2.0rem;
	padding-bottom: 10px;
	border-bottom: 2px solid #000000;
	position: relative;
}
.side-box h3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 134px;
	height: 3px;
	background:#000000;
}

.side-box ul {
	padding: 30px 0 10px;
	margin-bottom: 60px;
	border-bottom: 2px solid #000000;
}
.side-box ul li {
	line-height: 1.5;
	margin-bottom: 20px;
}
.side-box li a {
	display: block;
	padding-left: 26px;
	position: relative;
}
.side-box li a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 12px;
	height: 1px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#00afec;
}

.side-box li span {
	font-size: 13px;font-size: 1.3rem;
	padding-left: 26px;
	display: block;
}

/* js-cms用 ここから */
.side-box .cms-navi {
	display: block;
}
/* js-cms用 ここまで */


/* Page common
-------------------------------------------------------------- */
ul.breadcrumb {
	width: 1060px;
	margin: 8px auto;
	font-size: 14px;font-size: 1.4rem;
}
ul.breadcrumb li {
	display: inline-block;
	padding-right: 30px;
	position: relative;
}
ul.breadcrumb li a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 6px;
	height: 1px;
	background:#004098;
	margin: auto;
}

.box01-l,
.box01-r {
	margin: 0 auto;
	position: relative;
	font-size: 16px;font-size: 1.6rem;
}
.box01-l img {
	position: absolute;
	right: 0;
	top: -88px;
}
.box01-l dl,
.box01-r dl {
	width: 500px;
	margin-left: 40px;
}
.box01-l dt,
.box01-r dt {
	color: #000000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 27px;font-size: 2.7rem;
    font-weight: 700;
	margin-bottom: 16px;
}
.box01-l dt span,
.box01-r dt span {
	color: #FFFFFF;
	font-family: 'Work Sans', sans-serif;
    font-size: 68px;font-size: 6.8rem;
    font-weight: 200;
	line-height: 1;
	display: block;
}

.box01-l dd,
.box01-r dd {
	letter-spacing: 0.05em;
	color: #333;
}

.box01-r {}
.box01-r img {
	position: absolute;
	left: 0;
	top: -88px;
}
.box01-r dl {
	width: 500px;
	margin-left: 520px;
}
.box01-r dt span {
	color:#00afec;
}

.bnr-aiw {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
	padding: 40px 50px;
	background: url("../img/img_bnr_aiw01.png") no-repeat top right 160px;
	background-size: auto 100%; 
	border: 17px solid #004098;
	position: relative;
}
.bnr-aiw dl {
	color: #004098;
    display: inline-block;
}
.bnr-aiw dl dt {
    font-size: 38px;font-size: 3.8rem;
    font-weight: 700;
    line-height: 0.7;
	margin-bottom: 20px;
    display: inline-block;
}
.bnr-aiw dt span {
	color: #00afec;
    font-family: 'Work Sans', sans-serif;
    font-size: 70px;font-size: 7.0rem;
    font-weight: 200;
	margin-left: 10px;
    display: inline-block;
}
.bnr-aiw dd {
    font-size: 20px;font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.5;
}
.bnr-aiw a {
	width: 194px;
	height: 50px;
	color: #000000;
	text-align: center;
    font-weight: 500;
    line-height: 1.5;
	padding: 40px 0 45px;
	border: 2px solid #000000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #FFFFFF url("../img/ico_ar01.png") no-repeat center bottom 20px;
	background-size: 18px auto;
	display: block;
	position: absolute;
	right: 50px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bnr-aiw a:hover {
	color: #FFFFFF;
	background: #00afec url("../img/ico_ar02.png") no-repeat center bottom 20px;
	background-size: 18px auto;
	cursor: pointer;
  opacity: 1;  
  filter: alpha(opacity=100);
}

.bnr-transfer {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
	padding: 50px;
	background: url("../img/img_bnr_transfer01.png") no-repeat top right 160px;
	background-size: auto 100%; 
	border: 17px solid #ff882e;
	position: relative;
}
.bnr-transfer dl {
	color: #e6741e;
    display: inline-block;
}
.bnr-transfer dl dt {
    font-size: 38px;font-size: 3.8rem;
    font-weight: 700;
    line-height: 0.8;
	margin-bottom: 20px;
    display: inline-block;
}
.bnr-transfer dd {
    font-size: 20px;font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.5;
}
.bnr-transfer a {
	width: 194px;
	/* height: 50px; */
	height: 64px;
	color: #000000;
	text-align: center;
    font-weight: 500;
    line-height: 1.5;
	/* padding: 40px 0 45px; */
	padding: 24px 0 48px;
	border: 2px solid #000000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #FFFFFF url("../img/ico_ar01.png") no-repeat center bottom 20px;
	background-size: 18px auto; 
	display: block;
	position: absolute;
	right: 50px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bnr-transfer a:hover {
	color: #FFFFFF;
	background: #ff882e url("../img/ico_ar02.png") no-repeat center bottom 20px;
	background-size: 18px auto;
	cursor: pointer;
  opacity: 1;  
  filter: alpha(opacity=100);
}


/* News
-------------------------------------------------------------- */
.page-news01 {}

.page-news01 .page-news-box {
	padding: 30px 0;
	border-bottom: 1px #CCCCCC solid;
	background: url("../img/ico_ar03.png") no-repeat right 50px top 51px;
	background-size: 20px auto;
}

/*.page-news01 .page-news-box:first-of-type {
	border-top: 1px #CCCCCC solid;
}*/

.page-news01 .page-news-box h4 {
	font-size: 18px;font-size: 1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}

.page-news01 .page-news-box p {
	font-size: 13px;font-size: 1.3rem;
	background: url("../img/ico_date.png") no-repeat left;
	background-size: 16px auto;
	padding-left: 22px;
	margin-bottom: 0;
}

/* js-cms用 ここから */
.page-news-box .cms-navi {
	display: block;
}
.page-news01 .page-news-box li{
	padding: 30px 0;
	border-bottom: 1px #CCCCCC solid;
	background: url("../img/ico_ar03.png") no-repeat right 50px top 51px;
	background-size: 20px auto;
}

.page-news01 .page-news-box li:first-of-type {
	border-top: 1px #CCCCCC solid;
}

.page-news01 .page-news-box a {
	font-size: 18px;font-size: 1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}

.page-news01 .page-news-box span {
	font-size: 13px;font-size: 1.3rem;
	background: url("../img/ico_date.png") no-repeat left;
	background-size: 16px auto;
	padding-left: 22px;
	margin-bottom: 0;
	display: block;
}
/* js-cms用 ここまで */

@media screen and (max-width:1024px){
	#news .main-fluid .container{
		width: 96%;
		padding: 0px 2% 8px;
	}
}

/* News - 詳細ページ
-------------------------------------------------------------- */
.page-news-detail01 .ttl05 {
	margin-bottom: 16px;
}

.page-news-detail01 .date {
/*	text-align: right;*/
	margin-bottom: 40px;
}

.page-news-detail01 .page-news-detail-box {
	min-height: 488px;
	padding-bottom: 80px;
	border-bottom: 1px solid #CCCCCC;
}


/* What's e-wallet?
-------------------------------------------------------------- */
.page-whats01 {
	width: 100%;
	padding: 0;
	margin: 80px auto;
	background: url(../img/bg_home_service.png) no-repeat right top 20%, url(../img/bg_home_service02.png) no-repeat left top 55%;
	background-size: 74% auto;
}

.page-whats01 .page-whats01-box01,
.page-advantages01 .sc-inner p.gr,
.page-service01 .sc-inner p.gr {
/*	width: 620px;*/
    font-size: 17px;font-size: 1.7rem;
}

.page-whats02{
	margin: 88px auto 48px;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
}
.page-whats02 .page-whats02-box:first-of-type{
	margin-bottom: 40px;
}

.page-whats02 h3.ttl01{
	margin: 160px auto 88px;
}
.page-whats02 .whats02-box-header{
	width: 60%;
	margin: 0 auto;
}
.page-whats02 .whats02-box-content{
	width: 76%;
	margin: 0 auto;
	padding: 6% 2%;
	font-size: 110%;
}
.page-whats02 .page-whats02-box.svg_1{
	margin-bottom: 115px;
}
.page-whats03.sc-base{
	padding: 80px 2% 8px 2%;
}


/* svgアニメーション */
.svg__anime1 path{
	stroke: #fff;
	stroke-width: 0.2px;
	fill: #fff;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	animation: loadingAnime 3s linear;
}
@keyframes loadingAnime{
	0% {
		stroke-dashoffset: 600;
		fill:transparent;
	}
	50% {
		fill:transparent;
	}
	60%{
		stroke-dashoffset: 300;
		fill:#fff;
	}
	100% {
	stroke-dashoffset: 0;
	fill:#fff;
	}
}
.svg__anime1,
.svg__anime2 {
	display: none;
}
.on .svg__anime1,
.on .svg__anime2 {
	display: block;
}
.svg__anime2 path {
	stroke: #004098;
	stroke-width: 0.2px;
	fill: #004098;
	stroke-dasharray: 600;
	stroke-dashoffset: 600;
	animation: textAnime 4.5s linear;
}
@keyframes textAnime {
	0% {
		stroke-dashoffset: 600;
		fill:transparent;
	}
	50% {
		fill:transparent;
	}
	60%{
		stroke-dashoffset: 300;
		fill:#004098;
	}
	100% {
	stroke-dashoffset: 0;
	fill:#004098;
	}
}

@media screen and (max-width:1024px) {
	.page-whats01 .sc-inner-bottom{
		width: 96%;
	}
}



/* Advantages
-------------------------------------------------------------- */
.page-advantages01 {
	width: 100%;
	padding: 80px 0 50px;
/*	font-size: 17px;font-size: 1.7rem;*/
}
.page-advantages01 .sc-inner {
	margin-top: 0;
}

#advantages .sc-gray{
	padding: 88px 0 88px;
}
#advantages .sc-gray.privacy-mark{
	padding: 0;
}
.page-advantages02{
	/*border: 1px solid #004098;
	margin-bottom: 96px;*/
	padding-bottom: 0 !important;
	padding-top: 120px !important;
}
.advantages02-issue-wrapper{
	position: relative;
}
.advantages02-issue-wrapper .advantages02-text{
	width: 60%;
    margin: 0 auto;
    background-color: #fff;
    padding: 6% 8% 3% 8%;
    border-radius: 5px;
}

.advantages02-issue-wrapper .advantages02-img img{
	position: absolute;
    top: -45%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.advantages02-solution-wrapper .solution-container{
	width: 94%;
    margin: 0 auto;
	background-color: #fff;
    padding: 5% 3% 2%;
	margin-top: -30px;
	position: relative;
	border: 2px solid skyblue;
}

.solution-title{
	width: 35%;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.solution-container h5{
	text-align: center;
    font-size: 130%;
	font-weight: bold;
	width: 100%;
	padding: 2% 0;
    color: #fff;
	position: relative;
	background: #004098;
	border-radius: 30px;
}
.solution-container h5:before{
	content: "";
    position: absolute;
    top: 98%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #004098;
}
.advantages02-solution-wrapper .solution-inner{
	display: flex;
	justify-content: space-around;
	
}
.advantages02-solution-wrapper .solution-inner .advantages02-text{
	width: 56%;
	padding: 3% 0%;
}

.arrow01{
	position: relative;
	z-index: 10;
    margin-top: -3%;
}
.circle{
	width: 10px;	
	height: 10px;
	border-radius: 50%;
	background: #004098;
	margin: 1% auto;
}
.advantages-arrow{
	display: block;
    width: 24px;
    height: 24px;
    border-top: solid 6px #004098;
    border-right: solid 6px #004098;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	margin: -1.5% auto;
	/* border-radius: 5px; */
}
.page-advantages02-s{
	background-image: url(../img/background-solid.png);
}

.page-advantages03 .sc-inner{
	margin-bottom: 88px;
}
.page-advantages03 .sc-inner:first-of-type{
	margin-top: 64px;
}
.page-advantages03 .sc-inner:last-child{
	margin-bottom: 40px;
}
.advantages03{
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}
.advantages03 img{
	vertical-align: top;
}
.advantages03 .r-wrapper{
	width: 50%;
	padding: 10% 5% 5% 8%;
}
.page-advantages03 .sc-inner:first-of-type .r-wrapper{
	padding-top: 9%;
}
.advantages03 .r-wrapper dt{
	font-size: 29px;font-size: 2.9rem;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	color: #004098;
	margin-bottom: 16px;
	letter-spacing: 0.03em;
	position: relative;
}
.page-advantages03 .sc-inner:first-of-type .r-wrapper dt{
	line-height: 1.4;
}
.advantages03 .r-wrapper dt span{
	position: absolute;
	top: -188%;
    left: -14%;
	color: rgba(0,64,152,0.2);
	font-size:80px;font-size: 8rem;
	font-family: caliban-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
.page-advantages03 .sc-inner:first-of-type .r-wrapper dt span{
	top: -100%;
}
.advantages03 dd {
	letter-spacing: 0.05em;
	color: #444;
}

.page-advantages04 .mb80 {
	margin-bottom: 80px;
}

.page-advantages05 .sc-inner{
	margin: 56px auto 48px;
}

.page-advantages05 .card-box{
	display: flex;
	justify-content: space-around;
	font-family: 'Noto Sans JP', sans-serif;
}

.page-advantages05 .card-box .card{
	width: 40%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	padding: 0 2% 2% 2%;
	background-color: #fff;
	border-radius: 30px;
	transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
}
.page-advantages05 .card-box .card:hover{
	transform:scale(1.1);
}

.page-advantages05 .card-box .card .card-image{
	margin: 0px -5% 0;
}

.page-advantages05 .card-box .card img{
	width: 100%;
	vertical-align: top;
	border-radius: 30px 30px 0 0;
}

.page-advantages05 .card-box .card .card-text{
	margin: 5% 0 0;
	padding: 3% 5%;
	letter-spacing: 0.05em;
	line-height: 2;
}

.page-advantages05 .card-box .card .card-text dt{
	font-size: 2rem;
    font-weight: 900;
    color: #004098;
}

.page-advantages06 .sc-inner{
	margin: 0 auto;
}


@media screen and (max-width:1024px){
	.page-advantages01{
		width: 96%;
		padding: 80px 2% 8px;
	}
	.page-advantages03 .sc-inner,
	.page-advantages02-s .sc-inner{
		width: 98%;
	}
}


/* Service
-------------------------------------------------------------- */
.page-service01 .sc-inner,
.page-service02 .sc-inner,
.page-service03 .sc-inner {
	margin: 0 auto;
}

.page-service02 .page-service02-box01,
.page-service03 .page-service03-box01 {
	width: 582px;
	display: inline-block;
}
.page-service01 p span{
	font-size: 85%;
}
.page-service02 .sc-inner p,
.page-service03 .sc-inner p {
	color: #00afec;
	font-family: 'Work Sans', sans-serif;
	font-size: 68px;font-size: 6.8rem;
	font-weight: 200;
	line-height: 1;
	margin: 0 10px 40px 0;
	display: inline-block;
	letter-spacing: 0;
}
.page-service02 .sc-inner span,
.page-service03 .sc-inner span {
	color: #004098;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 34px;font-size: 3.4rem;
	font-weight: 700;
	display: inline-block;
}
.page-service02 dl dt,
.page-service03 dl dt {
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 26px;
}
.page-service02 dl dd,
.page-service03 dl dd {
	margin-bottom: 40px;
	color: #333;
}

.page-service03 img.left {
	margin-right: 78px;
}
.page-service03 .page-service03-box01 {
	text-align: right;
}
.page-service03 .page-service03-box01 p {
	margin: 0 ;
}

.page-service03 .page-service03-box01 span {
	margin-bottom: 37px;
	white-space: nowrap;
}

.page-service04 .ttl01 {
	margin-bottom: 50px;
}
.page-service04 .page-service04-box01,
.page-service04 .page-service04-box02,
.page-service04 .page-service04-box03,
.page-service04 .page-service04-box04 {
	text-align: center;
	padding-top: 40px;
	margin: 20px auto;
	border-top: 1px solid #FFFFFF;
}

.page-service04 h4{
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;font-size: 2.4rem;
	font-weight: 500;
}

.page-service04 p {
	margin: 20px 0 0;
}

.service-logo {
	padding: 20px 0 0;
	position: relative;
}

.service-logo dl dt {
	color: #000000;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 18px;font-size: 1.8rem;
}
.service-logo dl dd {
	text-align: left;
}

.service-logo .swiper-button-prev,
.service-logo .swiper-button-next {
	display: none;
}
	
.service-logo .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
	
.page-service04-box01 .service-logo .swiper-slide{
    flex: 0 0 22%;
    max-width: 22%;
    margin: 20px 0;
}
.page-service04-box02 .service-logo .swiper-slide,
.page-service04-box04 .service-logo .swiper-slide {
    flex: 0 0 31%;
    max-width: 31%;
    margin: 20px 0;
}
.page-service04-box03 .service-logo .service-logo-box {
    flex: 0 0 31%;
    max-width: 31%;
    margin: 20px auto;
}
.page-service04-box04 .service-logo .swiper-slide.mr183{margin-right:183px;}
.page-service04-box04 .service-logo .swiper-slide.ml183{margin-left:183px;}



@media screen and (max-width:1024px){
	.page-service02 .sc-inner{
		width: 96%;
	}
	.page-service03 img.left{
		margin-right: 35px;
	}
	.page-service04 .sc-inner{
		width: 96%;
		padding: 0;
		margin: 0 auto;
	}
}






/* Service - AIW
-------------------------------------------------------------- */
.page-wallet01{
	padding-bottom: 0;
}

/*.page-wallet01 .page-wallet01-box {
	width: 680px;
	float: left;
}*/

.page-wallet01 .page-wallet01-box p{
	width: 680px;
}
.page-wallet01 img{
	margin-top: -19%;
}
.page-transfer .page-wallet01.account-transfer img{
	margin-top: -29%;
}
.page-transfer .page-wallet01.account-transfer-web img{
	margin-top: -20%;
}

.page-wallet02 {
	padding-bottom: 0;
}
.page-wallet02 .sc-inner {
	margin: 0 auto 70px;
}

.page-wallet02 .sc-inner.box01-l,
.page-wallet02 .sc-inner.box01-r {
    margin: 0 auto;
}

.page-wallet02 dt {
    font-size: 20px;font-size: 2.0rem;
    margin-bottom: 14px;
	color: #004098;
}
span.font-l{
	color: #000000 !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 30px !important;font-size: 3.0rem !important;
	font-weight: 700 !important;
	display: inline-block !important;
}

.page-wallet03 .sc-inner {
	margin-bottom: 0;
}

.page-wallet04 .sc-inner {
	margin: 40px auto 0;
}

.page-wallet04 dl {
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px #FFFFFF solid;
}

.page-wallet04 dl dt {
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 19px;font-size: 1.9rem;
	margin-bottom: 6px;
}

.page-wallet04 .page-wallet04-last {
	padding-bottom: 50px;
	border-bottom: 1px #FFFFFF solid;
}

.page-wallet05 .sc-inner {
	margin: 0 auto;
}

@media screen and (max-width:1024px){
	.page-wallet01 img{
		margin-top: -20%;
	}
	.page-transfer .page-wallet01 img{
		margin-top: -25%;
	}
	.page-wallet02.sc-base{
		width: 100%;
		padding: 80px 0 0;
	}
	.page-wallet04 .sc-inner{
		padding: 0 5%;
	}
}



/* Service - TRANSFER
-------------------------------------------------------------- */
.sc-or{
	background: rgba(252,220,74,0.4) !important;
}

.page-transfer .box01-r dt span{
	color: #FFD523;
}

.page-transfer h3.ttl03{
	border-bottom: 3px solid #ff882e;
}

/*.page-transfer h3.ttl03::after{
	background: #ff882e !important;
}*/
.page-transfer h3.ttl03::before{
	background-color: rgba(255,184,33,0.8);
/*	top: -20%;*/
}

.page-transfer .page-wallet02 dt{
	color: #ff882e !important;
}



/* Company
-------------------------------------------------------------- */
.page-company01 {
/*	background: url("../img/bg_home_company.jpg") no-repeat bottom center;*/
	background-size: 100% auto;
	margin-top: -112px;
	padding: 192px 0 0;
	width: 100%;
}

.page-company03 {
	position: relative;
	z-index: -1;
}
.page-company03 .sc-inner.mb80 {
	margin-bottom: 80px;
}
.page-company03 h4.ttl04 {
	margin-bottom: 10px;
}
.page-company01 table.tb01 {
	font-size: 16px;font-size: 1.6rem;
	margin: 10px auto 104px;
}

.page-company02 {
	background: url(../img/bg-company02.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
    padding: 72px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.page-company02 .sc-inner{
	margin: 0 auto;
	padding-top: 40px;
}
.page-company02 ul.page-company02-list{
	display: flex;
	justify-content: space-around;
}
.page-company02 .page-company02-list li {
	position: relative;
	/* width: 450px; */
	/* height: 280px; */
	width: 31%;
	height: 200px;
	overflow: hidden;
	-webkit-box-shadow: 16px 16px 40px 0px rgb(0 0 0 / 12%);
	box-shadow: 16px 16px 40px 0px rgb(0 0 0 / 12%);
	background-color: #f4f4f4;
}
.page-company02-list li.list-office:before {
	/* content: ""; */
	background: url(../img/img_office02.jpg) no-repeat;
    background-size: 105%;
	position: absolute;
    left: 0;
    top: 0;
	width: 450px;
    height: 100%;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s
}
.page-company02-list li:hover:before {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page-company02-list li a:hover {
	opacity: 1;
}
.page-company02-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	font-family: "Josefin Sans", sans-serif;
	text-decoration: none;
	overflow: hidden;
}
.page-company02-list li a div.btn02 {
	color: #004098;
	float: right;
	background: #fff;
}
@media screen and (min-width: 1024px){
	.page-company02-list li a:hover div.btn02 {
		color: #fff;
	}
	.page-company02-list li a div.btn02:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #004098;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}
	/* safari用 */
	_::-webkit-full-page-media, _:future, :root .page-company02-list li a div.btn02:before {
		transform: scale(1, 0);
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
	}
	.page-company02-list li a:hover div.btn02:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
}
.page-company02-list li .white-box {
	position: relative;
	height: 100%;
	/* padding-left: 32px; */
	padding: 0 32px;
	z-index: 50;
}
.page-company02-list .white-box .text-mini {
	font-size: 13px;
    margin-bottom: 0px;
    /* padding-top: 56px; */
	padding-top: 40px;
    font-weight: bold;
	color: #004098;
}
.page-company02-list .white-box .box-title {
	font-size: 30px;
    font-weight: bold;
    letter-spacing: 4px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 10px;
}
.page-company02-list li a:after {
	content: "";
	background-color: #fff;
	/* width: 103%; */
	width: 100%;
	height: 100%;
	/* height: 120%; */
	position: absolute;
	left: -150px;
	top: -10px;
	z-index: 10;
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
}

.page-company03 table.tb02 th {
	width: 176px;
}


/* office
-------------------------------------------------------------- */
#office .sc-base{
	padding-bottom: 0;
}
#office .list-office ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none!important;
}
#office .list-office li {
	width: 46%;
    margin-bottom: 40px;
}
.list-office li .img-office {
	width: 100%;
}
.list-office li .img-office img {
	width: 100%;
	height: auto;
}
.list-office li .img-ttl {
	font-size: 22px;
	text-align: center;
	line-height: 1.5;
	padding: 1.5rem 0 1rem;
}

@media screen and (min-width:420px) and ( max-width:765px){
	.page-company02-list li.list-office:before {
		background-size: 138%;
	}
	.page-company02-list li.list-office:before {
		left: 278px;
	}
	.page-company02-list .white-box .text-mini {
		font-size: 1.9vw;
		padding-top: 8.26vw;
		margin-bottom: 0.5vw;
	}
	.page-company02-list .white-box .box-title {
		font-size: 3.5vw;
		margin-bottom: 6vw;
	}
	.page-company02-list .white-box .btn02 {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 4px 30px !important;
	}
}



/* CEO-message
-------------------------------------------------------------- */
#ceo-message .sc-inner.message {
	position: relative;
}
#ceo-message .sc-inner.message::before {
	content: "";
    background-color: #f4f4f4;
    width: 326px;
    height: 200%;
    position: absolute;
    left: 0;
    top: -170px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    z-index: -1;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transition: -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s, -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    width: 2666px;
    height: 250%;
    top: -500px;
    left: -100px;
	-webkit-clip-path: inset(0);
    clip-path: inset(0);
}
#ceo-message .message-wrapper {
	background-color: #fff;
    padding: 80px 88px;
	margin-bottom: 48px;
}
#ceo-message .ceo-name {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.ceo-name img {
	width: 20%;
}
.ceo-name p {
	margin: 0 1.5em 0 0;
}



/* MVV
-------------------------------------------------------------- */
.mvv.sc-inner {
	margin: 0 auto !important;
}
.trapezoid01-wrapper {
	height: 5.6rem;
	margin-top: 3rem;
	position: relative;
}
.trapezoid01 {
	width: 40%;
	height: 5.6rem;
	background-color: #00AFEC;
	transform: skewX(-25deg);
	position: absolute;
	bottom: 0;
	right: -40px;
}
.trapezoid02-wrapper {
	height: 10rem;
	margin-bottom: 10rem;
	position: relative;
}
.trapezoid02 {
	width: 80%;
	height: 10rem;
	background-color: #00AFEC;
	transform: skewX(-30deg);
	position: absolute;
	top: 0;
	right: -40px;
}
.mvv-block {
	font-family: Noto Sans JP, sans-serif;
	padding: 8.8rem 0 12rem;
}
.mvv-sub-ttl {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Josefin Sans", sans-serif;
	color: #004098;
	text-align: center;
	/* margin-top: 8.8rem; */
	margin-bottom: 0.8rem;
}
.mvv-ttl {
	font-size: 5.3rem;
	font-weight: 700;
	color: #111;
	text-align: center;
	margin-bottom: 7.2rem;
}
.mvv-txt01 {
	font-size: 2.4rem;
	font-weight: 500;
	color: #444;
	text-align: center;
}
.mvv-txt02 {
	font-weight: 300;
}
.mvv-contents {
	position: relative;
	height: 82.5rem;
	padding-top: 3.2rem;
}
.mvv-contents::before {
	content: "";
	z-index: -1;
	background-image: url("../img/img_mvv_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0% 0%,100% 0%,66% 100%, 0% 100%);
	opacity: 40%;
	width: 50%;
	height: 87.6rem;
	position: absolute;
	top: 0;
	left: 0;
}



/* Recruit
-------------------------------------------------------------- */
.recruit-ttl{
/*	width: 90%;*/
    margin: 0 auto 40px;
	font-size: 25px;font-size: 2.5rem;
}

.sc-blue.page-recruit02{
	padding: 80px 0 80px;
}

.page-recruit02 table.tb02,
.page-recruit03 table.tb02 {
	width: 1020px;
	width: 100%;
	margin: 0 auto 72px;
	color: #333;
	font-size: 14px;font-size: 1.4rem;
	margin: 0 0 64px 0;
}

.page-recruit02 table.tb02 th,
.page-recruit03 table.tb02 th {
/*	width: 136px;*/
	width: 184px;
	font-weight: 600;
}

.page-recruit03 table.tb02 th,
.page-recruit03 table.tb02 td {
    padding: 32px 0;
    border-bottom: 1px solid #f3f3f3;
}

.page-recruit02 td p,
.page-recruit03 td p{
	margin-bottom: 2.4rem;
}

.sc-wht02.page-recruit03 .box01-l img {
    position: absolute;
    right: 0;
    top: -130px;
}

.page-recruit02 .img-pc,
.page-recruit03 .img-pc {
	display: block;
}
.page-recruit02 .img-m,
.page-recruit03 .img-m {
	display: none;
}

.page-recruit04 p.indent02 {
	margin-bottom: 0;
}
.proceed-application-txt{
	text-align: center;
	font-size: 90%;
	margin-bottom: 2.4em;
	/* width: 92%; */
}
.page-company02.recruit .sc-inner{
	padding-top: 0;
}
@media screen and (max-width:1024px){
	.page-recruit02 .sc-inner,
	.page-recruit03 .sc-inner{
		/* width: 98%; */
		width: 96%;
	}
}



/* Recruit form
-------------------------------------------------------------- */
input[type=text].year,
input[type=text].month,
input[type=text].day,
input[type=text].postnum01,
input[type=text].postnum02 {
	width: 116px;
} 

input[type=text].postnum01,
input[type=text].postnum02 {
	margin-bottom: 10px;
}

/* Contact
-------------------------------------------------------------- */
.page-contact01 {}

.page-contact-step {
	width: 800px;
	list-style-type: none;
	display:table;
	padding:0;
	margin:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto 50px;
	overflow:hidden;
}
.page-contact-step li{
	width: 33%;
  display:table-cell;
  position:relative;
  background: #efefef;
  padding: 1em 0.5em 1em 2em;
  color: #585f5f;
}
.page-contact-step li:last-child{
  padding-right: 1em;
}
.page-contact-step li:last-child:before,
.page-contact-step li:last-child:after{
  display:none;
}
.page-contact-step li:before,
.page-contact-step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.page-contact-step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 43px 0 43px 1em;
  z-index: 10;
}
.page-contact-step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #efefef;
  border-width: 43px 0 43px 1em;
  z-index: 10;
}
.page-contact-step li.current{
	color: #FFFFFF;
  background: #00afec;
  font-weight: bold;
}
.page-contact-step li.current:after{
  border-color: transparent transparent transparent #00afec;
}

.error_text {
	color: #FF0000;
	text-align: center;
	text-align: left;
    font-size: 90%;
}
.form_box {
	width: 700px;
	color: #000000;
  	font-size: 16px;font-size: 1.6rem;
	margin: 0 auto;
}
.form_box dt {
    width: 180px;
    color: #000000;
    font-weight: bold;
	vertical-align: top;
    padding: 10px 0 20px;
    display: inline-block;
}
.form_box dd {
    width: 512px;
	vertical-align: top;
    padding: 10px 0 20px;
    display: inline-block;
}

.form_box ul.form_checkbox li {
	width: 250px;
	display: inline-block;
}

.form_box p.center a{
	text-decoration: underline;
}

input[type=text].tell {
	width: 136px;
}

.form_button_container {
	text-align: center;
}
.form_button_container form {
	display: inline-block;
}

.page-contact02 .btn05,
.page-contact02 .btn06 {
	display: inline-block;
}

.page-contact02 .btn06 {
	color: #004098;
	background: #FFFFFF;
}

.page-contact03 h3 {
	color: #000000;
    font-size: 20px;font-size: 2.0rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 26px;
}


/* Privacy policy
-------------------------------------------------------------- */
.page-privacy01 p.page-privacy01-sign {
	text-align: right;
	margin-top: 40px;
}

.page-privacy01 .sc-inner-none {
	margin-top: 64px;
}

.list01.ml45 {
	margin-left: 45px;
}

.page-privacy01 dl.page-privacy01-address {
	color: #000000;
    font-size: 18px;font-size: 1.8rem;
	border-left: 2px solid #00afec;
	margin-left: 30px;
	padding-left: 20px;
}
.page-privacy01 dl.page-privacy01-address dt {
	font-weight: bold;
}

.page-privacy01 dl dt{
  color: #545454;
  font-weight: bold;
}

.page-privacy01 dl dd{
	margin-left: 20px;
}

.page-privacy01 .sc-gray{
	padding: 24px;
}

.p-mark__certification{
	display: flex;
	justify-content: space-between;
}
.p-mark__certification__text{
	width: 70%;;
}
.p-mark__certification dl {
	line-height: 2;
}
.p-mark__certification dt{
	float: left;
}
.page-privacy01 .p-mark__certification dl dd{
	margin-left: 104px;
}




/* Privacy mark
--------------------------------------------------------------*/
.sc-gray.privacy-mark{
	background: #efefef;
	padding: 0;
	color: #111;
}
.privacy-mark .sc-inner{
	margin: 0 auto;
}
.p-mark{
	/* display: flex; */
	text-align: center;
	justify-content: center;
	padding: 24px 0;
	border-bottom: 1px solid #fff;
}
.p-mark img {
	width: 88px;
	margin: 16px auto;
    /* margin-left: 56px; */
}

.p-mark dd{
	margin: 0;
	display: flex;
	align-items: center;
	text-align: center;
}


/* Say channel
--------------------------------------------------------------*/
.say-channel {
	text-align: center;
	padding: 24px 0;
	border-bottom: 1px solid #fff;
}
.say-channel img {
	width: 320px;
	margin: 16px 0;
}


/* Site map
-------------------------------------------------------------- */
.page-sitemap01 {
    font-size: 18px;font-size: 1.8rem;
}

.page-sitemap01 a:hover {
	color: #00afec;
	cursor:pointer;
	opacity: none;
	filter: none;
}

.page-sitemap01 ul li ul {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  margin-left: 56px;
}
 
.page-sitemap01 ul li ul li {
  margin-bottom: 1.2em;
  position: relative;
}
 
.page-sitemap01 ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.4em;
  left: -28px;
  width: 10px;
  height: calc(100% + 1.2em);
  border-left: 1px solid #00afec;
}
 
.page-sitemap01 ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.page-sitemap01 ul li ul li::after {
  content: "";
  position: absolute;
  top: .8em;
  left: -28px;
  width: 18px;
  border-bottom: 1px solid #00afec;
}



/* ag antiSocial forces
--------------------------------------------------------------*/
.ag-antiSocial-forces01 p.ag-antiSocial-forces01-sign {
	text-align: right;
	margin-top: 40px;
}
.ag-antiSocial-forces01 .sc-inner-none {
	margin-top: 64px;
}
.ag-antiSocial-forces01 dl.ag-antiSocial-forces01-address {
	color: #000000;
    font-size: 18px;font-size: 1.8rem;
	border-left: 2px solid #00afec;
	margin-left: 30px;
	padding-left: 20px;
}
.ag-antiSocial-forces01 dl.ag-antiSocial-forces01-address dt {
	font-weight: bold;
}

.ag-antiSocial-forces01 dl dt{
	color: #545454;
	font-weight: bold;
}

.ag-antiSocial-forces01 dl dd{
	margin-left: 20px;
}

.ag-antiSocial-forces01 .sc-gray{
	padding: 24px;
}



/* Misc & mixens
-------------------------------------------------------------- */
.clear {
  clear: both;
}
/* clear floats */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}


/* Not Found Timeout
-------------------------------------------------------------- */
#not_found .header-container-row,
#timeout .header-container-row {
	height: 180px;
}
#not_found article div.nf-txt-area,
#timeout article div.nf-txt-area {
	display: flex;
	flex-direction: column;
}
#not_found article div img,
#timeout article div img {
	width: 310px;
	margin: 8px auto 32px;
}
#not_found article div h2,
#timeout article div h2 {
	font-size: 6rem;
	font-weight: 700;
}
#not_found article div p,
#timeout article div p {
	text-align: center;
	color: #444;
	margin-bottom: 1.1em;
	font-weight: 700;
}
#not_found article div p.nf-txt,
#timeout article div p.nf-txt {
	margin-bottom: 0;
	font-weight: 500;
	padding: 0 10px;
}
#not_found .nf-btn-area,
#timeout .nf-btn-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
}
#not_found article button,
#not_found article a,
#timeout article button,
#timeout article a {
	padding: 5px 40px;
}