@charset "utf-8";

html{
  overflow-y:scroll;
}

@font-face {
    font-family: 'mv_boliregular';
    src: url('../font/mvboli-webfont.eot');
    src: url('../font/mvboli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mvboli-webfont.woff2') format('woff2'),
         url('../font/mvboli-webfont.woff') format('woff'),
         url('../font/mvboli-webfont.ttf') format('truetype'),
         url('../font/mvboli-webfont.svg#mv_boliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{font-family:"mv_boliregular";}



.loading{
    width:1080px;
    margin:120px auto 60px;
    display:none;
}

.loading span{
    display: block;
    width:130px;
    height:80px;
    background: url("../images/loading.gif")center center no-repeat;
    border:solid 1px #ddd;
    border-radius:3px;
    margin:0 auto;
}

@media all and (max-width: 767px) {
	
#maintenance {
    top: -7px;
}
    
.loading{
    width:100%;
    margin:35px auto 30px;
}

.loading span{
    display: block;
    width:130px;
    height:80px;
    background: url("../images/loading.gif")center center no-repeat;
    background-size: 70% auto;
    border:solid 1px #ddd;
    border-radius:3px;
    margin:0 auto;
}
    
}


.slideCourse{
  _display: none;
}
.slideCourse.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}



@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

@keyframes rotate-anime_r {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(-360deg);}
}

/*------------------------------------------------------------
    デフォルトスタイル
------------------------------------------------------------*/
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,
font,
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 {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
	box-sizing:border-box;
    font-size: 1em;
}

body {
    font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option {
    font-family:"Lato", "YakuHanJP", '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3',
        'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
    font-weight: 500;
}
/*
"Lato", "YakuHanJP", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",sans-serif
*/
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

header{
background: #fff;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

img {
    vertical-align: top;
}

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

a:visited {
    color: #232323;
    text-decoration: none;
}

a:hover {
    color: #b12008;
    text-decoration: underline;
}

a:active {
    color: #232323;
    text-decoration: underline;
}

input[type="checkbox"],
label {
    cursor: pointer;
}

/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/
body {
    min-width: 1080px;
    color: #232323;
    font-size: 15px;
    line-height: 1.5;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    _background-color: #fff;
    font-weight: 500;
    overflow: hidden;
}

#container {
    text-align: left;
}

body.single #container,
body.page-id-3950 #container,
body.post-type-archive-information #container{
background: #fafafa;
}

@media all and (max-width: 767px) {
  body.single #container{
background: #fff;
}  
}

a[href^='tel:'] {
    cursor: default;
    pointer-events: none;
}

input[type='submit'] {
    -webkit-appearance: none;
    border-radius: 0;
}

.sp {
    display: none !important;
}

.wrap.bgbk{
    background: #3c3c41 url(../../img/top/bg02.jpg) repeat left top;
    background-size: 70% auto;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (min-width: 768px) {
    .sp_only {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    body {
        min-width: inherit;
    }

    body.fixed {
        position: fixed !important;
        width: 100%;
        top: 0;
    }

    a:hover,
    a:hover img {
        opacity: 1 !important;
    }

    .sp {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    a[href^='tel:'] {
        cursor: pointer;
        pointer-events: auto;
    }

    .pc_only {
        display: none !important;
    }
}
/*------------------------------------------------------------
    main
------------------------------------------------------------*/

main{
margin-top:57px;

}


/*------------------------------------------------------------
    ヘッダー
------------------------------------------------------------*/
#header{
	position:fixed;
	top:0;
	height:57px;
	width:100%;
	background: rgba(255,255,255,0.8);
	z-index:100;
	
}
#header.topheader{
	background:#254055;
	
}
#header .headerInner{
	position:relative;

}
#header .logo{
	position:absolute;
	top:0;
	left:15px;;
	width:110px;
	padding-top:10px;
}
#header.topheader .logo{
	display:none;
}
#header .logo img{
	width:100%;
}
#header .logo img:hover{
	opacity:0.6;
}
#header .PagePrint{
	position:absolute;
	top:0;
	right:10px;
	width:50px;
	height:57px;
	background: url(../images/svg/k_print_icon.svg) no-repeat center center;
	background-size:35px auto;
}
#header.topheader .PagePrint{
	background: url(../images/svg/f_print_icon.svg) no-repeat center center;
	background-size:35px auto;
}
#header .PagePrint:hover{
	opacity:0.6;
}
#header .overlay-menu{
    position: fixed;
    top:0;
	height:57px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

#header .overlay-menu .menu-user{
	font-size:14px;
	font-weight:bold;
	padding:0 30px;	
	display: inline-block;
	position: relative;
 	text-decoration: none;
}
#header.topheader .overlay-menu .menu-user{
	color:#fff;
}

#header .overlay-menu .menu-user:hover{
	color:#000;
}
#header.topheader .overlay-menu .menu-user:hover{
	color:#fff;
}
#header .overlay-menu .menu-user.active:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(1);
	transition: 0.1s;
}
#header .overlay-menu .menu-user:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(0, 1);
	transition: 0.4s;
	
}
#header.topheader .overlay-menu .menu-user.active:before{
	background: #fff;
}
#header.topheader .overlay-menu .menu-user:before{
	background: #fff;
	
}
#header .overlay-menu .menu-user.active,
#header .overlay-menu .menu-user:hover:before {
	transform: scale(1);
}
.menu-state{
	display:none;
}
.sp_btn{
	display:none;
}
.spnavigation{
    width: 0;
    height: 0;
    overflow: hidden;
}
#header .spnavigation .logo {
    display: none;
}
/*------------------------------------------------------------
    TitleBorder
------------------------------------------------------------*/
#TitleBorder{
	max-width:1080px;
	margin:0 auto;
	padding:15px 15px 20px 15px;
	font-size:14px;
	line-height:1.5em;


}


/*------------------------------------------------------------
    PageImage
------------------------------------------------------------*/
#PageImage{
	height:280px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;

}

#PageImage .PageContents{
	height:100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    
flex-wrap:wrap;
}
#PageImage .PageContents div{
    width: 100%;
	font-size:40px;
	color:#fff;
	font-family:"mv_boliregular";
	text-align:center;
}
#PageImage .PageContents h3{
	padding-top:15px;
	font-size:16px;
	color:#fff;
	font-family:"mv_boliregular";
}


/*------------------------------------------------------------
    PageTitle
------------------------------------------------------------*/
.PageTitle{
	width:100%;
	background:#fff;
}
.PageTitle .PageTitleInner{
	max-width:850px;
	margin:0 auto;
	padding:30px 15px 60px 0;
}



.PageTitle .PageTitleInner .PIcon{
	display:block;
	width:70px;
	height:77px;
	background: url(../images/svg/page_icon_01.svg) no-repeat center center;
	background-size:70px auto;
	margin:0 auto 70px auto;
}

.PageTitle .PageTitleInner .PIcon2{
	width:400px;
	display:block;
	height:77px;
	background: url(../images/svg/page_icon_02.svg) no-repeat left center;
	background-size:70px auto;
	margin:0 auto 70px auto;
	padding:0 0 0 70px;
	font-size:40px;
	line-height:77px;
	font-family:"mv_boliregular";
	text-align:center;
}
.PageTitle .PageTitleInner .PTitle{
	font-size:40px;
	line-height:50px;
	padding:0 15px 50px 15px;
	font-weight:bold;
	text-align:center;
}
.PageTitle .PageTitleInner .PSubtitle{
	font-size:18px;
	line-height:28px;
	padding:0 15px 50px 15px;
	text-align:center;
}
.PageTitle .PageTitleInner .PText{
	font-size:16px;
	line-height:28px;
	padding:0 15px 60px 0;
}




/*------------------------------------------------------------
    Pagetop
------------------------------------------------------------*/
.Pagetop{
	display:none;
	position:fixed;
	bottom: 0;
	right: 0;
	transform: rotate(90deg);
}
.Pagetop p{
	position: absolute;
	bottom: -70px;
	right: 60px;
	color: #000;
	padding: 10px 0;
	font-family: "mv_boliregular";
	font-size: 24px;
	width: 180px;
	height: 50px;
	text-align:right;
	cursor:pointer;
	text-shadow: 1px 1px 1px #ffffff;
}
.Pagetop p:hover{
	color:#004988
}
.Pagetop p::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 20px;
    width: 35px;
    height: 7px;
    border: none;
    border-left: 2px solid #000;
    border-bottom: 1px solid #000;
    transform: skew(-45deg);
    transition: .3s;
}
.Pagetop p:hover::after{
    left: 30px;
}
.Pagetop p::before{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    left: 21px;
    width: 35px;
    height: 7px;
    border: none;
    border-left: 2px solid #fff;
    border-bottom: 1px solid #fff;
    transform: skew(-45deg);
    transition: .3s;
}
.Pagetop p:hover::before{
    left: 31px;
}


/*------------------------------------------------------------
    Topsec
------------------------------------------------------------*/

#Topsec{
	position:relative;
	background:#254055;
	width:100%;
	width:100%;
		height:calc(100vh - 57px);
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#Topsec .TopInner{
	width:50vw;
	max-width:800px;
	text-align:center:

}
#Topsec .TOPLogo svg{
	width:50vw;
	max-width:800px;
	height:16vw;
	max-height:250px;
}
#Topsec .TopText{
text-align:center;
padding:20px 0 40px 0;
color:#fff;
font-size:3vw;
}

#Topsec .Anc{
	position:absolute;
	left:50%;
	bottom:80px;
	margin-left:-20px;
	width:40px;
	height:40px;
}
#Topsec .Anc p{
	display:block;
	position:relative;
	background: url(../images/svg/anc_flm.svg) no-repeat center center;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime 5s linear infinite;
}
#Topsec .Anc a{
	display:block;
	position:absolute;
	left:0 ;
	top:0;
	background: url(../images/svg/anc_inn.svg) no-repeat center center;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime_r 5s linear infinite;
}
#Topsec .Anc a:hover{
	opacity:0.8;
}




/*------------------------------------------------------------
    ServiceContents
------------------------------------------------------------*/

.ServiceContents{
	width:100%;
	background:#3A578A;
	padding:0 15px 0 15px;
}
.ServiceContents .ContentsInner{
	max-width:1020px;
	margin:0 auto;
	padding:100px 0 120px 0;
	position:relative;
}
.ServiceContents .ContentsInner .Title{
	color:#fff;
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	padding:0 0 20px 0;
	text-align:center;
	font-family:"mv_boliregular";
}
.ServiceContents .ContentsInner .Subtitle{
	color:#fff;
	font-size:18px;
	line-height:28px;
	padding:0 0 15px 0;
	text-align:center;
}
.ServiceContents .ContentsInner .TitleLine{
	position:relative;
	border:5px solid #fff;
	width:40px;
	margin:0 auto 100px auto;
	transition: 1s ! important;
	transform: scale(3,1);
}
.ServiceContents .ContentsInner .TitleLine.show{
	transform: scale(1,1);
	
}

.ServiceContents .ContentsInner .ServiceTab{
}
.ServiceContents .ContentsInner .ServiceTab li{
	margin-bottom:70px;
	background-repeat:repeat-x;
	background-position:right center;
	background-size:50%;
	padding-left:50%;
	box-shadow: 5px 6px 0px 5px rgba(255,255,255,0.2);
}
.ServiceContents .ContentsInner .ServiceTab li:nth-child(odd){
	background-position:left center;
	padding-right:50%;
	padding-left:0;
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft{
	width:100%;
	padding:15px;
	background:#fff;
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft .SNumber{
	background: url(../images/svg/k_hex.svg) no-repeat 3px center;
	background-size:50px auto;
	width:53px;
	height:44px;
	font-size:24px;
	line-height:44px;
	text-align:center;
	margin:0 0 10px 0;
	font-family:"mv_boliregular";
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft .STitle{
	font-size:28px;
	line-height:34px;
	padding:0 0 20px 0;
	font-family:"mv_boliregular";
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft .SSubtitle{
	font-size:18px;
	line-height:1.6em;
	padding:0 0 10px 0;
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText{
	font-size:18px;
	line-height:1.6em;
	padding:0 0 40px 0;
}

.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText div{
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:5px;
}
.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dl{
	display:table;
	width:100%;
}

.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dt{
	display:table-cell;
	width:220px;
}

.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dd{
	display:table-cell;
/*	font-size:16px;*/
}




.ServiceContents .ContentsInner .ServiceTab li .StLeft img{
	display:none;
	width:1%;
}



/*------------------------------------------------------------
    WorkflowContents
------------------------------------------------------------*/

.WorkflowContents{
	width:100%;
	background: url(../images/workflow_img.jpg) no-repeat center center;
	background-size:cover;
	 background-attachment: fixed;
	padding:0 15px 0 15px;
}
.tabl .WorkflowContents{
	background: url(../images/workflow_img.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: none;
}
.WorkflowContents .ContentsInner{
	max-width:1020px;
	margin:0 auto;
	padding:100px 0 120px 0;
	position:relative;
}
.WorkflowContents .ContentsInner .Title{
	color:#004988;
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	padding:0 0 20px 0;
	text-align:center;
	font-family:"mv_boliregular";
}
.WorkflowContents .ContentsInner .Subtitle{
	color:#000;
	font-size:18px;
	line-height:28px;
	padding:0 0 15px 0;
	text-align:center;
}
.WorkflowContents .ContentsInner .TitleLine{
	position:relative;
	border:5px solid #004988;
	width:40px;
	margin:0 auto 100px auto;
	transition: 1s ! important;
	transform: scale(3,1);
}
.WorkflowContents .ContentsInner .TitleLine.show{
	transform: scale(1,1);
	
}
.WorkflowContents .ContentsInner .Text{
	color:#000;
	font-size:30px;
	line-height:1.6empx;
	padding:0 0 70px 0;
	text-align:center;
}

.WorkflowContents .ContentsInner .FlowStep{
	position:relative;
	width:775px;
	margin:0 auto;
	padding:0 0 30px 0;
}
.WorkflowContents .ContentsInner .FlowStep img{
	position:absolute;
	top:0;
	left:0;
	width:775px;
}
.WorkflowContents .ContentsInner .FlowStep .Step01Icon img{
	position:relative;
}



.WorkflowContents .ContentsInner .FlowStepSp{
	display:none;
	position:relative;
	width:320px;
	margin:0 auto;
	padding:0 0 50px 0;
}
.WorkflowContents .ContentsInner .FlowStepSp img{
	position:absolute;
	top:0;
	left:0;
	width:145px;
}
.WorkflowContents .ContentsInner .FlowStepSp .TextStep01{
	height:160px;
	padding:93px 0 0 150px;
	
}
.WorkflowContents .ContentsInner .FlowStepSp .TextStep02,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep03,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep04{
	height:116px;
	padding:50px 0 0 150px;
	
}

.WorkflowContents .ContentsInner .FlowStepSp .TextStep01 p,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep02 p,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep03 p,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep04 p{
	text-align:left;
	font-size:16px;
	line-height:20px;
	margin:0 0 10px 0;
	font-family:"mv_boliregular";
}
.WorkflowContents .ContentsInner .FlowStepSp .TextStep01 span,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep02 span,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep03 span,
.WorkflowContents .ContentsInner .FlowStepSp .TextStep04 span{
	display:block;
	color:#00246B;
	text-align:left;
	font-size:14px;
	line-height:20px;
	width:100%;
}

.WorkflowContents .ContentsInner .FlowText{
	position:relative;
	width:835px;
	margin:0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    padding:0 0 50px 0;
}
.WorkflowContents .ContentsInner .FlowText div{
	float:left;
}
.WorkflowContents .ContentsInner .FlowText div.Step01{
	width:32%;
	padding-left:10%;
}
.WorkflowContents .ContentsInner .FlowText div.Step02{
	width:23%;
	padding-left:2%
}
.WorkflowContents .ContentsInner .FlowText div.Step03{
	width:23%;
	padding-left:2%
}
.WorkflowContents .ContentsInner .FlowText div.Step04{
	width:22%;
}
.WorkflowContents .ContentsInner .FlowText div p{
	text-align:center;
	font-size:16px;
	line-height:20px;
	height:40px;
	margin:0 0 10px 0;
	font-family:"mv_boliregular";
}
.WorkflowContents .ContentsInner .FlowText div span{
	display:block;
	color:#00246B;
	text-align:center;
	font-size:14px;
	line-height:20px;
	width:100%;
}

.WorkflowContents .ContentsInner .FlowBox{
	position:relative;
	width:775px;
	margin:0 auto;
	background:#33689D;
	padding:35px 95px;
}

.WorkflowContents .ContentsInner .FlowBox .FbLine{
	position:absolute;
    top: 10px;
    left: 10px;
	width:50px;
	height:50px;
}
.WorkflowContents .ContentsInner .FlowBox .FbLine::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 2px;
   background:#fff;
	transform: scale(0.3,1);
    transform-origin: left top;/*左上基点*/
	transition: 1s ! important;
}


.WorkflowContents .ContentsInner .FlowBox .FbLine::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 50px;
	background: #fff;
	transform: scale(1,0.3);
    transform-origin: left top;/*左上基点*/
	transition: 1s ! important;
	
}
.WorkflowContents .ContentsInner .FlowBox .FbLine.show:after{
	transform: scale(1,1);
}
.WorkflowContents .ContentsInner .FlowBox .FbLine.show:before{
	transform: scale(1,1);
}

.WorkflowContents .ContentsInner .FlowBox .FbText{
	color:#fff;
	font-size:24px;
	line-height:40px;
	padding:0 0 60px 0;
}

.WorkflowContents .ContentsInner .FlowBox .FbEtc{
	color:#fff;
	font-size:12px;
	line-height:1.6em;
}
.WorkflowContents .ContentsInner .FlowBox .FbAnc{
	position:absolute;
	right:10px ;
	bottom:10px;
	background: url(../images/svg/anc_flm.svg) no-repeat center center;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime 5s linear infinite;
}
.WorkflowContents .ContentsInner .FlowBox .FbAnc a{
	display:block;
	position:absolute;
	left:0 ;
	top:0;
	background: url(../images/svg/anc_inn.svg) no-repeat center center;
	background-size:40px auto;
	width:40px;
	height:40px;
	animation: rotate-anime_r 5s linear infinite;
}
.WorkflowContents .ContentsInner .FlowBox .FbAnc a:hover{
	opacity:0.8;
}






/*------------------------------------------------------------
    FlowContents
------------------------------------------------------------*/
.FlowContents{
	width:100%;
	padding:0 15px 0 15px;
}
.FlowContents .ContentsInner{
	max-width:950px;
	margin:0 auto;
	padding:100px 0 120px 0;
	position:relative;
}

.FlowContents .ContentsInner .Title{
	color:#000;
	font-size:16px;
	line-height:24px;
	padding:0 0 20px 0;
	text-align:center;
}
.FlowContents .ContentsInner .SubTitle{
	color:#000;
	font-size:34px;
	line-height:34px;
	padding:0 0 10px 0;
	font-weight:bold;
	font-family:"mv_boliregular";
	text-align:center;
}
.FlowContents .ContentsInner .TitleLine{
	width:300px;
	height:10px;
	margin:0 auto 40px auto;
	background: url(../images/svg/flow_line.svg) no-repeat center center;
	background-size:cover;
}

.FlowContents .ContentsInner .orderFlows{
}

.FlowContents .ContentsInner .orderFlows .FlowStart .FlowInner{
	padding:20px;
	box-shadow: 0px 3px 10px 0px #777777;
	text-align:center;
	background: url(../images/svg/f_s_left.svg) no-repeat left top, url(../images/svg/f_s_right.svg) no-repeat right bottom;
	
}
.FlowContents .ContentsInner .orderFlows .FlowStart .FlowTitle{
	color:#004988;
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-weight:bold;
	font-family:"mv_boliregular";
}
.FlowContents .ContentsInner .orderFlows .FlowStart .FlowSubtitle{
	font-size:16px;
	line-height:24px;
	padding:0 0 10px 0;
}

.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowInner{
	padding:20px;
	box-shadow: 0px 3px 10px 0px #777777;
	text-align:center;
	background: url(../images/svg/f_e_left.svg) no-repeat left top, url(../images/svg/f_e_right.svg) no-repeat right bottom;
}
.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowTitle{
	color:#004988;
	font-size:40px;
	line-height:40px;
	padding:0 0 10px 0;
	font-weight:bold;
	font-family:"mv_boliregular";
}
.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowSubtitle{
	font-size:16px;
	line-height:24px;
	padding:0 0 10px 0;
}
.FlowContents .ContentsInner .orderFlows .FlowBox{
	background: url(../images/flow_leftline.png) repeat-y left center;
	padding:50px 0 10px 0;
	margin:0 auto;
	width:100%;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep{
	display:table;
	width:100%;
}

.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowIcons{
	display:table-cell;
	width:200px;
	vertical-align:top;
	background: url(../images/svg/step01_arrow.svg) no-repeat 61px calc(50% + 70px);
	background-size:30px auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowIcons{
	background: url(../images/svg/step02_arrow.svg) no-repeat 61px calc(50% + 70px);
	background-size:30px auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowIcons{
	background: url(../images/svg/step03_arrow.svg) no-repeat 61px calc(50% + 70px);
	background-size:30px auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowIcons{
	background: url(../images/svg/step04_arrow2.svg) no-repeat 61px calc(50% + 70px);
	background-size:30px auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowIcons .IconImg{
	background: url(../images/stei01_icon.png) no-repeat left top;
	background-size:150px auto;
	width:150px;
	height:150px;
	text-align:center;
	color:#fff;
	font-family:"mv_boliregular";
	padding:80px 0 0 0;
}

.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowIcons .IconImg{
	background: url(../images/stei02_icon.png) no-repeat left top;
	background-size:150px auto;
}


.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowIcons .IconImg{
	background: url(../images/stei03_icon.png) no-repeat left top;
	background-size:150px auto;
	line-height:16px;
	padding:75px 0 0 0;
}


.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowIcons .IconImg{
	background: url(../images/stei04_icon.png) no-repeat left top;
	background-size:150px auto;
}





.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail{
	display:table-cell;
	vertical-align:top;
	padding-bottom:90px;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner{
	background: url(../images/svg/f_c_back.svg) no-repeat left top;
	background-size:320px auto;
	width:100%;
	padding:15px 20px 50px 20px;
	box-shadow: 0px 3px 10px 0px #777777;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowIBlock{
	display:inline-block;
	padding:0 40px 0 0;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step02.flowStep .FlowDetail .FlowDInner .FlowIBlock,
.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowDetail .FlowDInner .FlowIBlock,
.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowDetail .FlowDInner .FlowIBlock{
	display:block;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowIBlock:nth-child(2){
	padding:0 0 0 0;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .bFlowIcons{
	display:none;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTitle{
	display:inline-block;
	font-size:40px;
	line-height:40px;
	padding:0 20px 10px 0;
	font-weight:bold;
	font-family:"mv_boliregular";
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step02.flowStep .FlowDetail .FlowDInner .FlowTitle span{
	color:#F3582B;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowDetail .FlowDInner .FlowTitle span{
	color:#F4A702;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowDetail .FlowDInner .FlowTitle span{
	color:#04ABB5;
}
.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowDetail .FlowDInner .FlowTitle span{
	color:#A0CB07;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowSubtitle{
	display:inline-block;
	font-size:20px;
	line-height:40px;
	padding:0 0 10px 0;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox{
	display:block;
	width:100%;
	font-size:16px;
	line-height:24px;
	padding:0 0 20px 0;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal{
	display:table;
	width:100%;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal01{
	display:table-cell;
	vertical-align:middle;
	padding:0 100px 0 0;
	font-size:14px;
	line-height:30px;
	background: url(../images/svg/plus.svg) no-repeat right 60px center;
	background-size:25px auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal02{
	display:table-cell;
	vertical-align:middle;
	padding:0 100px 0 0;
	font-size:14px;
	line-height:30px;
	background: url(../images/svg/equals.svg) no-repeat right 60px center;
	background-size:25px auto;
	
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal03{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	line-height:30px;
}


.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .stepImg{
	max-width:590px;
	margin:0 auto;
}
.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .stepImg img{
	width:100%;
}








/*------------------------------------------------------------
    CaseContents
------------------------------------------------------------*/
.CaseContents{
	width:100%;
	padding:0 15px 0 15px;
}
.CaseContents .ContentsInner{
	max-width:1020px;
	margin:0 auto;
	padding:100px 0 120px 0;
	position:relative;
}
.CaseContents .ContentsInner .Title{
	color:#004988;
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	padding:0 0 20px 0;
	text-align:center;
	font-family:"mv_boliregular";
}
.CaseContents .ContentsInner .Subtitle{
	color:#000;
	font-size:18px;
	line-height:28px;
	padding:0 0 15px 0;
	text-align:center;
}
.CaseContents .ContentsInner .TitleLine{
	position:relative;
	border:5px solid #004988;
	width:40px;
	margin:0 auto 100px auto;
	transition: 1s ! important;
	transform: scale(3,1);
}
.CaseContents .ContentsInner .TitleLine.show{
	transform: scale(1,1);
	
}

.CaseContents .ContentsInner .CaseArea{
	position:relative;
	width:780px;
	height:680px;
	margin:0 auto;
}
.CaseContents .ContentsInner .CaseArea .caseImg{
	position:absolute;
	top:0;
	left:0;
	width:190px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:hover{
	opacity:0.8;
}
.CaseContents .ContentsInner .CaseArea .caseImg img{
	width:100%;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(1){
	top:0;
	left:290px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(2){
	top:82px;
	left:149px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(3){
	top:82px;
	left:432px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(4){
	top:164px;
	left:6px;
}

.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(5){
	top:164px;
	left:290px;
}

.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(6){
	top:164px;
	left:574px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(7){
	top:246px;
	left:149px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(8){
	top:246px;
	left:432px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(9){
	top:328px;
	left:6px;
}

.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(10){
	top:328px;
	left:290px;
}

.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(11){
	top:328px;
	left:574px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(12){
	top:410px;
	left:149px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(13){
	top:410px;
	left:432px;
}
.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(14){
	top:492px;
	left:290px;
}






/*------------------------------------------------------------
    MessageContents
------------------------------------------------------------*/
.MessageContents{
	width:100%;
}
.MessageContents .ContentsInner{
}
.MessageContents .MessageTop{
	width:100%;
	background: url(../images/message_img.jpg) no-repeat center top;
	background-size:cover;
	 background-attachment: fixed;
	padding:0 15px 0 15px;
}
.tabl .MessageContents .MessageTop{
	background: url(../images/message_img.jpg) no-repeat center top;
	background-size:cover;
	 background-attachment: none;
}
.MessageContents .MessageTop .MessageTopInner{
	max-width:1020px;
	margin:0 auto;
	padding:100px 0 20px 0;
	position:relative;
}
.MessageContents .ContentsInner .Title{
	color:#fff;
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	padding:0 0 20px 0;
	font-family:"mv_boliregular";
}
.MessageContents .ContentsInner .Subtitle{
	color:#fff;
	font-size:18px;
	line-height:28px;
	padding:0 0 15px 0;
	font-family:"mv_boliregular";
}
.MessageContents .ContentsInner .TitleLine{
	position:relative;
	border:1px solid #fff;
	margin:0 0 20px 0;
}

.MessageContents .ContentsInner .TitleLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 340px;
	height: 5px;
	background: #fff;
	transform: scale(0.3,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.MessageContents .ContentsInner .TitleLine.show:before{
	transform: scale(1,1);
	
}
.MessageContents .ContentsInner .Copy{
	color:#fff;
	font-size:30px;
	line-height:40px;
	padding:0 0 30px 0;
	font-weight:bold;
}
.MessageContents .ContentsInner .Logo{
	width:230px;
	padding:0 0 20px 0;
}
.MessageContents .ContentsInner .Logo img{
	width:100%;
}

.MessageContents .MessageBottom{
	width:100%;
	padding:0 15px 0 15px;
}
.MessageContents .MessageBottom .MessageBottomInner{
	max-width:1020px;
	margin:0 auto;
	padding:20px 0 100px 0;
	position:relative;
	text-align:right;
}
.MessageContents .MessageBottom .MessageBottomInner .Fleft{
	position:absolute;
	top:20px;
	left:15px;
	font-size:18px;
	line-height:1.8em;
	text-align:left;
}
.MessageContents .MessageBottom .MessageBottomInner .Fleft img{
	width:220px;
	margin:20px 0 0 70px;
}
.MessageContents .MessageBottom .MessageBottomInner .FRight{
	display:inline-block;
	width:65%;
	margin-top:-120px;
	background:#fff;
	text-align:left;
	font-size:18px;
	line-height:1.8em;
	padding:40px 30px;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	font-family: 'Noto Serif JP', serif;
}

/*------------------------------------------------------------
    InnovationContents
------------------------------------------------------------*/
.InnovationContents{
	width:100%;
	background:#5B86E5;
	padding:0 15px 0 15px;
}
.InnovationContents .ContentsInner{
	max-width:1220px;
	margin:0 auto;
	padding:40px 0 80px 0;
	position:relative;
}
.InnovationContents .ContentsInner .Title{
	background: url(../images/svg/page_icon_03.svg) no-repeat left center;
	background-size:70px auto;
	padding:0 0 0 85px;
	color:#fff;
	font-size:30px;
	line-height:70px;
	font-weight:bold;
	margin:0 0 10px 20px;
}
.InnovationContents .ContentsInner .Subtitle{
	color:#fff;
	font-size:60px;
	line-height:60px;
	padding:0 0 10px 0;
	font-family:"mv_boliregular";
	margin:0 0 0 20px;
}
.InnovationContents .ContentsInner .TitleLine{
	position:relative;
	margin:0 0 50px 20px;
}
.InnovationContents .ContentsInner .Fbg{
	position:absolute;
	right:0;
	top:0;
	color:rgba(255,255,255,0.1);
	font-size:120px;
	line-height:120px;
	padding:0 0 10px 0;
	font-family:"mv_boliregular";
}

.InnovationContents .ContentsInner .TitleLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 340px;
	height: 5px;
	background: #fff;
	transform: scale(0.3,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.InnovationContents .ContentsInner .TitleLine.show:before{
	transform: scale(1,1);
	
}

.InnovationContents .ContentsInner .TFlex{
    align-items: center;
    display: flex;
    justify-content: center;

}
.InnovationContents .ContentsInner .TFlex .FlexBox{
	width:33%;
	padding:0 20px 0 20px;

}

.InnovationContents .ContentsInner .TFlex .FlexBox .FlexBoxOuter{
	width:100%;
	background:rgba(144,174,45,0.4);
	color:#fff;
	transform:rotate(-5deg);
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FlexBoxInner{
	position:relative;
	background: #72ae2d;
	padding:20px 35px;
	transform:rotate(5deg);
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox.b_f .FlexBoxOuter{
	background:rgba(233,77,144,0.4);
}
.InnovationContents .ContentsInner .TFlex .FlexBox.b_f .FlexBoxInner{
	background: #E94D90;
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox.b_l .FlexBoxOuter{
	background:rgba(244,178,27,0.4);
}
.InnovationContents .ContentsInner .TFlex .FlexBox.b_l .FlexBoxInner{
	background: #f4b21b;
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FTitle{
	font-size:30px;
	line-height:30px;
	padding:0 0 10px 0;
	font-family:"mv_boliregular";
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FTitle span{
	display:none;
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FNumber{
	font-size:20px;
	line-height:20px;
	padding:0 0 30px 0;
	font-family:"mv_boliregular";
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FText{
	font-size:30px;
	font-size:clamp(24px, 2.3vw, 30px);
	line-height:40px;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px 0;
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FText{
	font-size:30px;
	font-size:clamp(24px, 2.3vw, 30px);
	line-height:40px;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px 0;
	
}
.InnovationContents .ContentsInner .TFlex .FlexBox .FIcon{
  animation: FIconflash 2s linear infinite;
	position:absolute;
	top:25px;
	right:35px;
	width:46px;
	height:65px;
	background: url(../images/svg/w_ino_icon.svg) no-repeat left center;
	background-size:45px auto;
	
}

@keyframes FIconflash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

/*------------------------------------------------------------
    PlusBanner
------------------------------------------------------------*/
.PlusBanner{
	width:100%;
	background: url(../images/plus_bnr.jpg) no-repeat center center;
	background-size:cover;
	padding:45px 15px 45px 15px;
	margin:50px 0 50px 0
}
.PlusBanner .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
}
.PlusBanner .ContentsInner .PbTitle{
	font-size:40px;
	line-height:50px;
	padding:0 200px 5px 0;
	font-family:"mv_boliregular";
	color:#fff;
}
.PlusBanner .ContentsInner .PbLine{
	position:relative;
	border:2px solid #fff;
	margin:0 0 5px 0;
	width:100px;
}
.PlusBanner .ContentsInner .PbsubTitle{
	font-size:30px;
	line-height:1.8em;
	padding:0 200px 10px 0;
	color:#fff;
}
.PlusBanner .ContentsInner .PbText{
	font-size:18px;
	line-height:1.8em;
	padding:0 200px 10px 0;
	color:#fff;
}


.PlusBanner .ContentsInner .fPlusBtn{
	background: url(../images/svg/fw_btn_bg.svg) no-repeat center center;
	background-size:170px auto;
	width:170px;
	height:40px;
	position:absolute;
	bottom:0;
	right:0;
}
.PlusBanner .ContentsInner .fPlusBtn:hover{
	opacity:0.9;
}
.PlusBanner .ContentsInner .fPlusBtn a{
	color:#fff;
	font-size:16px;
	line-height:40px;
	font-family:"mv_boliregular";
	text-align:center;
	
	
	display:inline-block;
    width: 150px;
    padding:0 30px 0 20px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	
	
}
.PlusBanner .ContentsInner .fPlusBtn a::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 15px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.PlusBanner .ContentsInner .fPlusBtn a:hover::after{
    right: 10px;
    width: 25px;
}

/*------------------------------------------------------------
    CompanyContents
------------------------------------------------------------*/
.CompanyContents{
	width:100%;
	background:#fff;
	padding:70px 15px 180px 15px;
}
.CompanyContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.CompanyContents .ContentsInner .Title{
	font-size:50px;
	line-height:50px;
	padding:0 0 10px 0;
	font-family:"mv_boliregular";
}
.CompanyContents .ContentsInner .Subtitle{
	font-size:18px;
	line-height:1.8em;
	padding:0 0 10px 0;
}
.CompanyContents .ContentsInner .TitleLine{
	position:relative;
	border:1px solid #D9D9D9;
	margin:0 0 35px 0;
}

.CompanyContents .ContentsInner .TitleLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 340px;
	height: 5px;
	background: #2177F9;
	transform: scale(0.3,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.CompanyContents .ContentsInner .TitleLine.show:before{
	transform: scale(1,1);
	
}

.CompanyContents .ContentsInner dl{
	display:table;
	width:100%;
}

.CompanyContents .ContentsInner dt{
	display:table-cell;
	border-bottom:1px solid #D9D9D9;
	vertical-align:top;
	width:150px;
	font-size:16px;
	line-height:1.6em;
	font-weight:bold;
	padding:25px 10px 25px 0;
}
.CompanyContents .ContentsInner dt:nth-child(2){
	display:table-cell;
	border-bottom:none;
	vertical-align:top;
	width:50px;
}
.CompanyContents .ContentsInner dd{
	display:table-cell;
	border-bottom:1px solid #D9D9D9;
	vertical-align:top;
	padding:25px 10px 25px 0;
	font-size:16px;
	line-height:1.6em;

}


/*------------------------------------------------------------
    PlusContents
------------------------------------------------------------*/
.PlusContents{
	width:100%;
	background:#fff;
	padding:50px 15px 80px 15px;
}
.PlusContents .ContentsInner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}
.PlusContents .ContentsInner .PlusBlock{
	padding:0 0 35px 0;
}
.PlusContents .ContentsInner .PlusBlock .PlusImg{
	padding:0 0 15px 0;
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle{
	width:100%;
	height:85px;
	margin:0 0 20px 0;
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle{
	width:100%;
	height:85px;
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .Lline{
	position:relative;
	float:left;
	width:8px;
	height:85px;
	background:#D4D4D4;
	margin:0 20px 0 0 ;
}

.PlusContents .ContentsInner .PlusBlock .PlusTitle .Lline:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	height: 45px;
	background: #000;
	transform: scale(1,0.1);
    transform-origin: left top;/*左上基点*/
	transition: 1.5s ! important;
	
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .Lline.show:before{
	transform: scale(1,1);
	
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .LNumber{
	float:left;
	color:#A4A2EF;
	font-size:70px;
	line-height:70px;
	margin:0 20px 0 0 ;
	padding:10px 0 0 0;
	font-family:"mv_boliregular";
	height:85px;
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle{
	float:left;
	padding:10px 0 0 0;
	height:85px;
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle .LKtitle{
	color:#206192;
	font-size:30px;
	line-height:35px;
	font-family:"mv_boliregular";
}
.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle .LStitle{
	color:#206192;
	font-size:30px;
	line-height:35px;
	font-weight:bold;
}

.PlusContents .ContentsInner .PlusBlock .PlusImg img{
	width:100%;
}
.PlusContents .ContentsInner .PlusBlock .PlusText{
	font-size:16px;
	line-height:1.8em;
	padding:0 0 15px 0;
}





/*------------------------------------------------------------
    PrivacyContents
------------------------------------------------------------*/
.PrivacyContents{
	width:100%;
	background:#F3F5F7;
	padding:50px 15px 50px 15px;
}
.PrivacyContents .ContentsInner{
	max-width:920px;
	margin:0 auto;
	padding:70px 90px 90px 90px;
	background:#fff;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
}



.PrivacyContents .ContentsInner dt{
	font-size:16px;
	line-height:28px;
	padding:0 0 25px 0;
}
.PrivacyContents .ContentsInner dd{
	font-size:14px;
	line-height:28px;
	padding:0 0 30px 25px;
}
.PrivacyContents .ContentsInner .dlLine{
	position:relative;
	border:1px solid #D9D9D9;
	margin:0 0 35px 0;
}

.PrivacyContents .ContentsInner .dlLine:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 239px;
	height: 2px;
	background: #00B1B9;
	transform: scale(0.2,1);
    transform-origin: left bottom;/*左上基点*/
	transition: 1s ! important;
	
}
.PrivacyContents .ContentsInner .dlLine.show:before{
	transform: scale(1,1);
	
}
/*------------------------------------------------------------
    PrivacyContents
------------------------------------------------------------*/
.PrintContents{
	background: url(../images/footer_img.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:210px;
}
.PrintContents .PrintInner{
	margin:0 auto;
	padding:150px 15px 0 15px;
	max-width:1080px;
}
.PrintContents .PrintInner .PagePrint{
	float:right;
	background:#fff;
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	width:140px;
	height:30px;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	
}
.PrintContents .PrintInner .PagePrint span{
	background: url(../images/svg/k_print2_icon.svg) no-repeat right center;
	background-size:20px auto;
	line-height:30px;
	padding:0 25px 0 0;
}
.PrintContents .PrintInner .PagePrint:hover{
	background:#ddd;
}




/*------------------------------------------------------------
    パンクズリスト
------------------------------------------------------------*/
/*------------------------------------------------------------
    conts
------------------------------------------------------------*/

/*------------------------------------------------------------
    sideBar
------------------------------------------------------------*/
/*------------------------------------------------------------
    フッター
------------------------------------------------------------*/
.footer{
	background:#F1F1F1;
}
.footer .fOuter{
	max-width:1080px;
	margin:0 auto;
	padding:30px 15px 30px 15px;
}
.footer .fInner{
min-height:200px;
	
}
.footer .fInner .fAccess{
	float:left;
	width:190px;
}
.footer .fInner .fAccess .fLogo{
	padding:0 0 20px 0;
}

.footer .fInner .fAccess .fLogo img{
	width:150px;
}
.footer .fInner .fAccess .fLine{
	background:#254055;
	width:60px;
	height:3px;
	margin:0 0 28px 0;
}
.footer .fInner .fAccess .fMapBtn{
	background: url(../images/svg/f_btn_bg.svg) no-repeat center center;
	background-size:170px auto;
	width:170px;
	height:40px;
}
.footer .fInner .fAccess .fMapBtn:hover{
	opacity:0.9;
}
.footer .fInner .fAccess .fMapBtn a{
	color:#fff;
	font-size:16px;
	line-height:35px;
	font-family:"mv_boliregular";
	text-align:center;
	
	
	display:inline-block;
    width: 150px;
    padding:0 30px 5px 20px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	
	
}
.footer .fInner .fAccess .fMapBtn a::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 15px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.footer .fInner .fAccess .fMapBtn a:hover::after{
    right: 10px;
    width: 25px;
}






.footer .fInner .fNavi{
	float:right;
	width:300px;
}
.footer .fInner .fLocation{
	float:right;
	width:280px;
	position:relative;
}


.footer .fInner dt{
	color:#929292;
	font-size:18px;
	line-height:1.8em;
	font-family:"mv_boliregular";
}
.footer .fInner dd{
	color:#000;
	font-size:14px;
	line-height:1.6em;
}

.footer .fInner .fLocation .fdbl{
	padding:20px 0 0 0;
}

.footer .fInner .fLocation .fdbl:nth-child(2){
	position:absolute;
	bottom:0;
	right:40px;
}


.footer .fCopy{
	height:50px;
	line-height:50px;
	font-size:12px;
	width:100%;
	background:#254055;
	color:#fff;
	text-align:center;
	font-family:"mv_boliregular";
}

/***************************************************
 * Generated by SVG Artista on 4/1/2022, 6:00:23 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.8s}svg.active .svg-elem-1{fill:rgb(255,255,255)}svg .svg-elem-2{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.9s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 0.9s}svg.active .svg-elem-2{fill:rgb(255,255,255)}svg .svg-elem-3{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1s}svg.active .svg-elem-3{fill:rgb(255,255,255)}svg .svg-elem-4{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.1s}svg.active .svg-elem-4{fill:rgb(255,255,255)}svg .svg-elem-5{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.2000000000000002s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.2000000000000002s}svg.active .svg-elem-5{fill:rgb(255,255,255)}svg .svg-elem-6{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.3s}svg.active .svg-elem-6{fill:rgb(255,255,255)}svg .svg-elem-7{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.4000000000000001s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.4000000000000001s}svg.active .svg-elem-7{fill:rgb(255,255,255)}svg .svg-elem-8{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.5s}svg.active .svg-elem-8{fill:rgb(255,255,255)}svg .svg-elem-9{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.6s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.6s}svg.active .svg-elem-9{fill:rgb(255,255,255)}svg .svg-elem-10{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.7000000000000002s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.7000000000000002s}svg.active .svg-elem-10{fill:rgb(255,255,255)}svg .svg-elem-11{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.8s}svg.active .svg-elem-11{fill:rgb(255,255,255)}svg .svg-elem-12{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.9000000000000001s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 1.9000000000000001s}svg.active .svg-elem-12{fill:rgb(255,255,255)}svg .svg-elem-13{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2s}svg.active .svg-elem-13{fill:rgb(255,255,255)}svg .svg-elem-14{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.1s}svg.active .svg-elem-14{fill:rgb(255,255,255)}svg .svg-elem-15{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.2s}svg.active .svg-elem-15{fill:rgb(255,255,255)}svg .svg-elem-16{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.3s}svg.active .svg-elem-16{fill:rgb(255,255,255)}svg .svg-elem-17{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.4000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.4000000000000004s}svg.active .svg-elem-17{fill:rgb(255,255,255)}svg .svg-elem-18{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.5s}svg.active .svg-elem-18{fill:rgb(255,255,255)}svg .svg-elem-19{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.6s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.6s}svg.active .svg-elem-19{fill:rgb(255,255,255)}svg .svg-elem-20{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.7s}svg.active .svg-elem-20{fill:rgb(255,255,255)}svg .svg-elem-21{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.8s}svg.active .svg-elem-21{fill:rgb(255,255,255)}svg .svg-elem-22{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.9000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 2.9000000000000004s}svg.active .svg-elem-22{fill:rgb(255,255,255)}svg .svg-elem-23{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3s}svg.active .svg-elem-23{fill:rgb(255,255,255)}svg .svg-elem-24{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.1000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.1000000000000005s}svg.active .svg-elem-24{fill:rgb(255,255,255)}svg .svg-elem-25{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.2s}svg.active .svg-elem-25{fill:rgb(255,255,255)}svg .svg-elem-26{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.3s}svg.active .svg-elem-26{fill:rgb(255,255,255)}svg .svg-elem-27{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.4000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.4000000000000004s}svg.active .svg-elem-27{fill:rgb(255,255,255)}svg .svg-elem-28{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.5s}svg.active .svg-elem-28{fill:rgb(255,255,255)}svg .svg-elem-29{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.6000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.6000000000000005s}svg.active .svg-elem-29{fill:rgb(255,255,255)}svg .svg-elem-30{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.7s}svg.active .svg-elem-30{fill:rgb(255,255,255)}svg .svg-elem-31{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.8s}svg.active .svg-elem-31{fill:rgb(255,255,255)}svg .svg-elem-32{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.9000000000000004s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 3.9000000000000004s}svg.active .svg-elem-32{fill:rgb(255,255,255)}svg .svg-elem-33{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4s}svg.active .svg-elem-33{fill:rgb(255,255,255)}svg .svg-elem-34{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.1000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.1000000000000005s}svg.active .svg-elem-34{fill:rgb(255,255,255)}svg .svg-elem-35{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.2s}svg.active .svg-elem-35{fill:rgb(255,255,255)}svg .svg-elem-36{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.3s}svg.active .svg-elem-36{fill:rgb(255,255,255)}svg .svg-elem-37{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.4s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.4s}svg.active .svg-elem-37{fill:rgb(255,255,255)}svg .svg-elem-38{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.5s}svg.active .svg-elem-38{fill:rgb(255,255,255)}svg .svg-elem-39{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.6000000000000005s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.6000000000000005s}svg.active .svg-elem-39{fill:rgb(255,255,255)}svg .svg-elem-40{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.7s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.7s}svg.active .svg-elem-40{fill:rgb(255,255,255)}svg .svg-elem-41{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.8s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.8s}svg.active .svg-elem-41{fill:rgb(255,255,255)}svg .svg-elem-42{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.9s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 4.9s}svg.active .svg-elem-42{fill:rgb(255,255,255)}svg .svg-elem-43{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5s}svg.active .svg-elem-43{fill:rgb(255,255,255)}svg .svg-elem-44{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.1s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.1s}svg.active .svg-elem-44{fill:rgb(255,255,255)}svg .svg-elem-45{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.2s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.2s}svg.active .svg-elem-45{fill:rgb(255,255,255)}svg .svg-elem-46{fill:transparent;-webkit-transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.3s;transition:fill 0.7s cubic-bezier(0.95,0.05,0.795,0.035) 5.3s}svg.active .svg-elem-46{fill:rgb(255,255,255)}




/* ローディングの背景部分のCSS */
.loader{
  background:#254055;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:101;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#ffffff;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
  width:10px;
  color:#ffffff;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}



.sa {
opacity: 0;
transition: all 1.5s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--lr {
transform: translate(-100px, 0);
}
.sa--rl {
transform: translate(100px, 0);
}
.sa--up {
transform: translate(0, 100px);
}
.sa--down {
transform: translate(0, -100px);
}
.sa--scaleUp {
transform: scale(.8);
}
.sa--scaleDown {
transform: scale(1.5);
}
.sa--rotateL {
transform: rotate(180deg);
}
.sa--rotateR {
transform: rotate(-180deg);
}