.mobile{
	display: none !important;
}
.hidden{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.m10{
    margin:10px !important;
}
.m20{
    margin:20px !important;
}
.mt20{
    margin-top:20px;
}
.mb30{
	margin-bottom:30px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb100{
	margin-bottom:100px !important;
}
.mt100{
	margin-top:100px !important;
}
.mt200{
	margin-top:200px !important;
}
.ml100{
    margin-left:100px;
}
.mr100{
    margin-right: 100px;
}
.pb0{
    padding-bottom:0 !important;
}
.pb50{
    padding-bottom:50px !important;
}
.pb100{
    padding-bottom:100px !important;
}
.pt10{
	padding-top:1px !important;
}
.pt100{
	padding-top:100px !important;
}
div#headerWrapper0{
    width:100%;
    min-width: var(--min-width);
    height: calc(80px);
    position: fixed;
    top:0;
    z-index: 1000;
    box-shadow: 0 3px 9px rgba(0,0,0,0.35);
}
div#headerWrapper{
    width:100%;
    min-width: var(--min-width);
    height: 80px;
    background:rgba(255,255,255,0);
    transition: all 0.2s;
}
div#headerWrapper.white{
    background:rgba(255,255,255,1);
    transition: all 0.75s;
}
div#header{
    width:100%;
    min-width: var(--min-width);
    max-width: calc(var(--max-width) - 20px);
    height: 80px;
    margin:auto;

    /*position: relative;*/
    box-sizing: border-box;
    padding:0 10px;
    align-items: center;
}
div#header h1{
    margin-top:10px;
    margin-left:10px;
    float: left;
	background:url("../images/logo.svg") left center no-repeat;
	background-size:70px;
	padding-left:83px;
	font-size:24px;
    width:200px;
    height: 50px;
    line-height: 50px;
}
div#header h1 a{
    width:100%;
    height: 100%;
    display: block;
}
.white a{
    color:var(--blue-color) !important;
}
ul.nav{
    width:60vw;
	max-width:900px;
	height: 80px;
    display: flex;
    justify-content: space-between;
	color:#fff;
	align-items: center;
	float: right;
	margin-right: 3vw;
	font-size:min(18px,1.25vw);
}
ul.nav a{
	color:#fff;
	display: block;
	width:100%;
	height: 100%;
}
ul.nav > li{
    text-align: center;
    cursor: pointer;
	line-height: 54px;
	width:calc((100% / 7) - 10px);
}
ul.nav > li span{
	width:100%;
	height: 100%;
	display: block;
	position: relative;
}
ul.nav > li span::after{
    content: "";
    width:0;
    height: 2px;
    background-color:#fff;
    position: absolute;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    transition: all 0.2s;
}
ul.nav > li:hover span::after,
ul.nav > li.active span::after{
    content: "";
    width:100%;
    height: 3px;
    background:#fff;
    position: absolute;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    transition: all 0.2s;
}



.white ul.nav{
    width:60vw;
	max-width:900px;
	height: 80px;
    display: flex;
    justify-content: space-between;
	color:var(--blue-color);
	align-items: center;
	float: right;
	margin-right: 3vw;
	font-size:min(18px,1.25vw);
}
.white ul.nav a{
	color:var(--blue-color) !important;
	display: block;
	width:100%;
	height: 100%;
}
.white ul.nav > li span::after{
    background-color:var(--blue-color);
}
.white ul.nav > li:hover span::after,
.white ul.nav > li.active span::after{
    content: "";
    width:100%;
    height: 3px;
    background-color:var(--blue-color);
    position: absolute;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    transition: all 0.2s;
}
ul.nav div{
    position: absolute;
    width:100vw;
	/*height: 70px;*/
	/*min-width: var(--min-width);*/
    margin:auto;
	left:0;
	right:0;
	top:35px;
	padding-bottom:0px;
	padding-top:30px;
	display: none;
}
ul.nav ul.child{
	width:100%;
    min-width: var(--min-width);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	margin:15px auto;
	padding-bottom:10px;
	background:var(--blue-color);
}
ul.nav ul.child li{
    line-height: 30px;
	border-radius: 40px;
	padding:0 20px;
	text-align: center;
	margin:10px 20px 0;
	box-sizing: border-box;
}
ul.nav > li:hover div{
    display: block;
}
ul.nav ul.child li:hover,
ul.nav ul.child li.active{
    background:#fff;
}
ul.nav ul.child li a{
    color:#fff !important;
	display: block;
	width:100%;
	height: 100%;
}
ul.nav ul.child li:hover a,
ul.nav ul.child li.active a{
    color:var(--blue-color) !important;
}
a.top{
    width:150px;
    height: 2em;
    line-height: 2em;
    display: inline-block;
    margin:0 10px;
    text-align: center;
    font-size:16px;
    border-radius: 4px;
    color:var(--blue-color);
    position: relative;
}
a.top.inquiry{
    background:var(--gra7-color);
    background:#fff;
}
a.top.demo{
    background:var(--gra7-color);
    background:#fff;
}
a.top.inquiry:hover{
    background:var(--orange-color);
    color:#fff;
}
a.top.demo:hover{
    background:var(--orange-color);
    color:#fff;
}

p.tickerTitle{
    font-size:14px;
    display: inline-block;
    padding:4px 16px;
    color:#fff;
    background:var(--orange-color);
    text-align: center;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
    margin-right: 15px;
    width:90px;
}
div.tickerWrapper{
    display: inline-block;
    width:calc(100% - 100px);
}
div.tickerWrapper a{
    color:#fff;
}
div.tickerWrapper a:hover{
    color:var(--orange-color);
}
div.googleSearch{
    width:30%;
}
.gsc-control-cse {
     background-color: transparent!important; 
     border: none !important; 
}
.gsc-search-button-v2{
    border:none !important;
    background-color:var(--blue-color) !important;
}
div.wrapper{
    width:100%;
}
div.wrapper.dark{
    background-color:var(--blue-color);
    color:#fff;
}
div.wrapper.light{
    background-color:#fff;
    color:var(--blue-color);
}
div.top{
    width:100%;
    min-width:var(--min-width);
}
div.topWrapper {
	width:100%;
    min-width:var(--min-width);
    margin:auto;
    height: calc(100vh);
    position: relative;
}
div.topWrapper img{
    position: absolute;
    object-position: center center;
    width:100%;
    height: 100vh;
	object-fit:cover;
    z-index: 1;
	/*transform-origin:  center center;
	transform: scale(1.1);
	transition: all 0.5s;
	display: block;*/
}
div.topWrapper .slick-active  {
	/*transform: scale(1.0);
	transition: all 0.5s;*/
}
div.topWrapper p{
    font-size:24px;
    text-align: center;
    margin-top:70px;
}

/*slick*/
button.slick-prev {
	background: url("../images/arrow_prev.svg") no-repeat;
	background-size: 30px;
	left: 10px;
}
button.slick-prev:hover {
	background-image: url(../images/arrow_prev_on.svg) !important;
}
button.slick-next {
	background: url("../images/arrow_next.svg") no-repeat;
	background-size: 30px;
	right: 10px;
}
button.slick-next:hover {
	background-image: url(../images/arrow_next_on.svg) !important;
}
button.slick-arrow {
	text-indent: -9999px;
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 1;
	border: none;
	cursor: pointer;
}
button.slick-arrow{
    top:calc(50%);
}
ul.slick-dots {
	width: 100%;
	height: 20px;
	text-align: center;
	position: absolute;
	bottom: 15px;
}
ul.slick-dots li {
	text-indent: -9999px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: var(--blue-color);
	border-radius: 10px;
	margin: 5px;
}
li.slick-active {
	background-color: var(--lightblue-color) !important;
}
/*end of slick*/
section.bg{
    width: 100%;
    min-width: var(--min-width);
    overflow: hidden;
    position: relative;
}
section.bg::before{
    content: "";
    width:calc(100vw - 5vw);
    height: calc(100% - 150px);
    background:var(--lightblue-color);
    position: absolute;
    top:150px;
}
div.wrapper{
    width: 100%;
    min-width: var(--min-width);
    overflow: hidden;
    position: relative;
    padding-top:10px;
    padding-bottom:50px;
}
div.info ul{
    margin-left:60px;
}
div.tomoreWrapper{
    width:960px;
    margin:auto;
    display: flex;
    justify-content: space-around;
}
a.tomore{
    display: block;
    width:220px;
    height: 40px;
    line-height: 40px;
    background-color:var(--gra6-color);
    background:#333;
    text-align: center;
    border-radius: 20px;
    margin:50px auto 30px;
    color:#fff;
}
a.tomore:hover{
    background-color:var(--purple-color);
}
div#footerWrapper {
    width:100%;
    min-width:var(--min-width);
    margin-top:0;
    background-color:var(--blue-color);
    background-color:#333;
    box-shadow: 0 3px 12px rgba(0,0,0,0.6) inset;
    padding:50px 0
}
div#footer{
    width:var(--min-width);
    text-align: center;
    margin:auto;
    color:#fff;
}
div#footer img {
    margin-bottom: 20px;
    width: 300px;
    height: auto;
}
div#footer ul a{
    color:#fff;
}
div#footer p.copy{
    font-size:12px;
}
p#totop{
    width:50px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image:url("../images/totop.svg");
    background-size:50px;
    background-position: center top;
    position: fixed;
    right:20px;
    bottom:20px;
    display: none;
}
p#totop a{
    display: block;
    width:100%;
    height: 100%;
}
p#totop:hover{
    background-position: center bottom;
}
div.h2Wrapper{
    width:calc(100% - 20px);
    min-width:var(--min-width);
    height: 80px;
    margin-top:80px;
    margin-bottom:10px;
    padding: 0 10px;
    background-image: linear-gradient(90deg, rgb(69, 69, 69),rgb(224, 224, 224)),linear-gradient(157.5deg, rgb(58, 129, 189) 0%, rgb(58, 129, 189) 47%,rgb(64, 107, 172) 47%, rgb(64, 107, 172) 49%,rgb(70, 86, 155) 49%, rgb(70, 86, 155) 51%,rgb(76, 64, 139) 51%, rgb(76, 64, 139) 68%,rgb(82, 43, 122) 68%, rgb(82, 43, 122) 95%,rgba(79,26,192, 0.45) 95%, rgba(79,26,192, 0.45) 100%),linear-gradient(67.5deg, rgb(58, 129, 189) 0%, rgb(58, 129, 189) 47%,rgb(64, 107, 172) 47%, rgb(64, 107, 172) 49%,rgb(70, 86, 155) 49%, rgb(70, 86, 155) 51%,rgb(76, 64, 139) 51%, rgb(76, 64, 139) 68%,rgb(82, 43, 122) 68%, rgb(82, 43, 122) 95%,rgba(79,26,192, 0.45) 95%, rgba(79,26,192, 0.45) 100%),linear-gradient(157.5deg, rgb(58, 129, 189) 0%, rgb(58, 129, 189) 47%,rgb(64, 107, 172) 47%, rgb(64, 107, 172) 49%,rgb(70, 86, 155) 49%, rgb(70, 86, 155) 51%,rgb(76, 64, 139) 51%, rgb(76, 64, 139) 68%,rgb(82, 43, 122) 68%, rgb(82, 43, 122) 95%,rgba(79,26,192, 0.45) 95%, rgba(79,26,192, 0.45) 100%); background-blend-mode:overlay, overlay, overlay, normal;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
}
div.h2Wrapper h2{
    width:calc(100% - 50px);
    max-width:var(--min-width);
    padding:0 20px;
    line-height:32px;
    color:#fff;
    font-size:32px;
    position: relative;
    border-left:7px solid #fff;
    margin:14px auto;
}
div.h2Wrapper.white h2{
    color:var(--blue-color);
}
div.h2Wrapper h2 > span,
div.h2Wrapper.color h2 > span{
    font-size:36px;
    border-left:4px solid #fff;
    padding-left:30px;
}
div.h2Wrapper.white h2 > span{
    font-size:36px;
    border-left:4px solid var(--blue-color);
    padding-left:30px;
}

p.pankuzu {
    width:var(--min-width);
    margin:30px auto 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#fff;
}
p.pankuzu a{
    color:#fff;
}
p.pankuzu a:hover{
    color:var(--orange-color);
}
p.pankuzu span.arrow{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fff;
    margin:0 20px
}
p.pankuzu span.current{
    border-bottom:2px solid #fff;
}

h4.line {
    width:calc(100% - 200px);
    margin:30px auto 10px;
    font-size:20px;
    color:var(--blue-color);
    text-align: center;
    position: relative;
    height: 30px;
    font-weight: bold;
}
h4.line::before{
    content:"";
    width:100%;
    height: 2px;
    background-color:var(--blue-color);
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index: -0
}
h4.line span{
    padding:0 30px;
    width:300px;
    background:#fff;
    display: inline-block;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}




div.main{
    width:calc(100% - 200px);
    float: right;
}
div.side{
    width:180px;
    float: left;
    color:#fff;
    margin-top:54px;
}

div.side h3{
    font-weight: bold;
    color:var(--blue-color);
    border-bottom:2px solid var(--blue-color);
    margin-bottom: 20px;
}
div.side a{
    color:var(--blue-color);
}
div.side ul{
    font-size:16px;
    margin-bottom: 50px;
}
div.side ul li{
    padding-left:16px;
    position: relative;
    margin-bottom:0.5em;
}
div.side ul li::before{
    content: "";
    width:8px;
    height: 8px;
    border-radius: 4px;
    background:var(--blue-color);
    position: absolute;
    left:0;
    top:0.4em;
}
div.page {
	width: calc(100% - 10px);
	padding: 5px;
	text-align: center;
	margin: 50px auto 0;
	display: flex;
	overflow: hidden;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
    font-family: proxima-nova,proxima nova,open sans,Arial,Helvetica,sans-serif;
}
div.page span.current_page {
	background: var(--blue-color);
	padding: 1px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
    color:#fff;
}
div.page a,
a.link_next,
a.link_before{
	display: block;
	background: #CCC;
	padding: 1px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
a.link_next {
    padding-left:10px !important;
    padding-right: 10px !important;
    margin-left:4px;
}
a.link_before {
    padding-left:10px !important;
    padding-right: 10px !important;
    margin-right:4px;
}
div.page span:last-child{
}
div.page a:hover {
	background: var(--blue-color);
	color: #fff;
}
h3.stripe{
    width:100%;
    height: 60px;
    background-image: linear-gradient(90deg, rgb(167, 167, 167),rgb(27, 27, 27)),linear-gradient(45deg, rgb(116, 19, 48) 0%, rgb(116, 19, 48) 69%,rgb(141, 30, 47) 69%, rgb(141, 30, 47) 75%,rgb(166, 41, 47) 75%, rgb(166, 41, 47) 81%,rgb(192, 52, 46) 81%, rgb(192, 52, 46) 85%,rgb(217, 63, 46) 85%, rgb(217, 63, 46) 91%,rgb(242, 74, 45) 91%, rgb(242, 74, 45) 100%),linear-gradient(135deg, rgb(116, 19, 48) 0%, rgb(116, 19, 48) 69%,rgb(141, 30, 47) 69%, rgb(141, 30, 47) 75%,rgb(166, 41, 47) 75%, rgb(166, 41, 47) 81%,rgb(192, 52, 46) 81%, rgb(192, 52, 46) 85%,rgb(217, 63, 46) 85%, rgb(217, 63, 46) 91%,rgb(242, 74, 45) 91%, rgb(242, 74, 45) 100%); background-blend-mode:overlay,overlay,normal;
    line-height: 60px;
    font-size:22px;
    text-indent: 30px;
    color:#fff;
    margin:0 0 50px;
}

div.entryBody img{
    max-width:100%;
    height: auto;
    margin:15px auto;
}
div.entryBody h1{
    font-size:32px;
    margin:20px 0;
    font-weight: bold;
}
div.entryBody h2{
    font-size:28px;
    margin:16px 0;
    font-weight: bold;
}
div.entryBody h3{
    font-size:24px;
    margin:12px 0;
    font-weight: bold;
    border-bottom:1px solid #fff;
}
div.entryBody h4{
    font-size:22px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody h5{
    font-size:20px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody h6{
    font-size:18px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody ul,
div.entryBody ol{
    margin:10px 10px 10px 40px;
    font-size:16px;
}
div.entryBody ul li{
    list-style: disc;
}
div.entryBody p{
    font-size:18px;
    margin:10px;
    text-align: justify;
}
div.entryBody table{
    width:100%;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}
div.entryBody table td{
    padding:10px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
}
div.entryBody blockquote{
    padding:20px;
    background:#efefef;
}
p.blogDate{
    text-align: right !important;
}
table.noborder{
    border: none !important;
}
table.noborder td{
    border: none !important;
    width:50%;
    text-align: center;
    font-size: 14px;
}
div.prevnext{
	clear: both;
	margin:30px auto;
	padding-top:15px;
	border-top:1px solid var(--blue-color);
	overflow: hidden;
    font-size:16px;
}
div.prevnext div{
	width:calc(45% - 15px);
	background-repeat: no-repeat;
	background-size:20px;
}
div.prevnext a{
	color:var(--blue-color);
}
div.prevnext a:hover{
    color:var(--gra1-color);
}
div.prev{
	padding-left:30px;
	background-image:url("../images/arrow_prev_on.svg");
	background-position: left top 0.1em;
	float: left;
	text-align: left;
}
div.next{
	padding-right:30px;
	background-image:url("../images/arrow_next_on.svg");
	background-position: right top 0.1em;
	text-align: right;
	float: right;
}
div.newsListWrapper {
    
}
div.newsList{
    margin-bottom:20px;
    margin-left:50px;
    border-left:4px solid var(--lightblue-color);
    padding-left:20px;
}
div.newsList p.date{
    font-size:14px;
    background:var(--lightblue-color);
    width:100px;
    text-align: center;
    margin-bottom:10px;
}

h2.top {
    margin:0px auto 20px;
    text-align:center;
    font-size:32px;
    line-height: 64px;
    height:64px;
    font-weight: bold;
    background-image:url("../images/h3Bg.svg");
    background-repeat:no-repeat;
    background-size:7000px;
    background-position: center center;
    background-color:#fff;
    color:var(--blue-color);
    text-shadow: 3px 3px 9px rgba(0,0,0,0.35);
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35) inset;
}
 
h2.top + p{
    width:960px;
    margin:auto auto 30px;
    box-sizing: border-box;
    padding:20px;
    /*border:1px solid #fff;
    border-radius: 8px;*/
    line-height: 2em;
}

ul.news{
    width:100%;
    margin:50px auto 50px;
    border-bottom:1px solid #ccc;
}
ul.news li{
    padding:10px;
    border-top:1px solid #ccc;
    width:calc(100% - 20px);
}
ul.news div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
ul.news a{
    display: block;
    width:calc(100% - 20px);
    color:var(--blue-color);
    margin-top:15px;
    margin-left:20px;
}
ul.news a:hover{
    color:var(--gra4-color);
}
ul.news span{
    display: block;
}
ul.news span.date{
    font-size:14px;
    color:#333;
    margin-bottom:5px;
    text-align: left;
    display: inline-block;
    width:100px;
    float: left;
}
ul.news span.category{
    font-size:14px;
    text-align: center;
    display: inline-block;
    width:120px;
    line-height: 1.5em;
    color:#fff;
    border-radius: 1.5em;
}
ul.news span.category.news{
    background:var(--red-color);
}
ul.news span.category.event{
    background:var(--orange-color);
}
ul.news span.new{
    font-style: italic;
    font-size:14px;
    font-family: splunk;
    margin-left:10px;
}
div.contents {
    width:var(--min-width);
    margin:auto auto 50px;
    /*background:#fff;
    border-radius: 8px;*/
    box-sizing: border-box;
    /*padding:25px;*/
    overflow: hidden;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35) inset;
}


div.page {
	width: 100%;
	padding: 5px;
	text-align: center;
	margin: 10px auto;
	display: flex;
	overflow: hidden;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
div.page span.current_page {
	border: 1px solid #fff;
	background: #CCC;
	padding: 2px;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 3px;
	text-align: center;
}
div.page a, a.link_next {
	display: block;
	border: 1px solid #666;
	background: #CCC;
	padding: 2px;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 5px;
	text-align: center;
	margin: 3px;
}
.link_next {
    padding:2px 10px !important;
}
div.page a:hover {
	border: 1px solid #666;
	background: var(--blue-color);
	color: #fff;
}

div.entryBody {
    margin:50px
}

div.blogInfo {
    overflow: hidden;
}

div.downloadImg {
    width:640px;
    height: 480px;
    margin:50px auto;
    padding:5px;
    background:#fff;
}
div.movieWrapper{
    width:100%;
    height: 500px;
    margin-bottom:50px;
}

div.downloadImg img{
    width:640px;
    height: 480px;
    object-fit: cover;
    display: inline-block;
    border:10px solid #fff;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
}

a.download {
    width:360px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    color:#fff;
    background:var(--green-color);
    display: block;
    margin:50px auto;
}
a.download:hover{
    background:var(--orange-color);
}


p.topcatch {
    font-size:28px;
    position: absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 1.5em;
    text-align: center;
    color:#fff;
    width:550px;
}

h2.solution {
    text-align: center;
    font-size:32px;
    font-weight: bold;
    margin:50px auto;
}



.button a{
    display: block;
    width:20px;
    height: 20px;
    background:red;
}
div.about_splunk_popup {
    width:100%;
    margin-bottom: 20px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
    text-align: center;
}
div.about_splunk_popup img{
    width:80%;
    height: auto;
}
a.zoom{
    position: relative;
    display: block;
}

div.down_arrow01 {
    background:url("../images/down_arrow01.svg") center top 20px no-repeat ;
    width:50px;
    height: 138px;
    background-size:50px;
    margin:0 auto 25px;
}
div.down_arrow02 {
    background:url("../images/down_arrow02.svg") center center no-repeat;
    width:62.5px;
    height: 50.5px;
    background-size:62.5px;
    margin:auto;
}

h3.title {
    font-size:24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    width:780px;
    margin:25px auto;
}
h3.title::before{
    content: "";
    width:80px;
    height: 5px;
    background:var(--blue-color);
    position: absolute;
    left:0;
    top:0.5em;
}
h3.title::after{
    content: "";
    width:80px;
    height: 5px;
    background:var(--blue-color);
    position: absolute;
    right:0;
    top:0.5em;
}
div.solution dl dt{
    background:var(--gra7-color);
    color:#fff;
    font-weight: bold;
    text-align: center;
    line-height: 2em
}
div.issue dl dd,
div.solution dl dd{
    padding:15px;
    font-size: 16px;
    text-align: justify;
    color:var(--blue-color);
}

div.margin{
    padding-top:100px;
    margin-top:-100px;
}

div.h3Wrapper {
    margin:25px 80px;
    height: 48px;
    color: var(--blue-color);
}
div.h3Wrapper h3{
    width: 70%;
    height: 48px;
    line-height: 48px;
    font-size: 22px;
    text-indent: 20px;
    float: left;
    position: relative;
    background:#fff;;
}
div.h3Wrapper h3::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 48px 32px 0 0;
    position: absolute;
    top: 0;
    right: -32px;
    border-color: #fff transparent transparent transparent;
}
div.h3Wrapper span.title{
	display: block;
	width:calc(30% - 15px);
	height: 48px;
	line-height: 48px;
	padding-right: 15px;
	text-align: right;
	float: right;
}
div.h3Wrapper span.title.brown{
	background:var(--brown-color);
}
div.h3Wrapper span.title.violet{
	background:var(--violet-color);
}
div.h3Wrapper span.title.skyblue{
	background:var(--skyblue-color);
}
div.h3Wrapper span.title.green{
	background:var(--green-color);
}


p.splunk_solution {
    width:350px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:#fff;
    background: rgb(249,157,28);
    background: linear-gradient(180deg, rgba(249,157,28,1) 0%, rgba(237,0,128,1) 100%);
    border-radius: 50px;
    font-weight: bold;
    font-size:20px;
    position: relative;;
    z-index:3;
    margin:auto;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
}
p.splunk_solution::before{
    content: "";
    position: absolute;
    background-image: url("../images/solution_arrow.svg");
    background-size:28px;
    background-position: center center;
    background-repeat: no-repeat;
    width:28px;
    height: 15px;
    z-index: 2;
    left:20px;
    top:0;
    bottom:0;
    margin:auto;
}
p.splunk_solution::after{
    content: "";
    position: absolute;
    background-image: url("../images/solution_arrow.svg");
    background-size:28px;
    background-position: center center;
    background-repeat: no-repeat;
    width:28px;
    height: 15px;
    z-index: 2;
    right:20px;
    top:0;
    bottom:0;
    margin:auto;
}

h3.entryTitle{
    font-size:24px;
    margin:0 25px 25px;
    position: relative;
    padding-left:30px;
    border-bottom:2px solid #fff;
}
h3.entryTitle2{
    font-size:24px;
    margin:0 auto 25px;
    position: relative;
    text-align: center;
    border-bottom:2px solid #fff;
    width:860px;
    padding-bottom:10px;
}
h3.entryTitle::before{
    content: "";
    width:20px;
    height: 20px;
    background:#fff;
    position: absolute;
    border-radius: 20px;
    top:0.3em;
    left:0;
}


div.entryInfo{
    float: right;
    width:200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
div.entryInfo p.date{
    font-size:14px;
    margin-right: 10px;
}
div.entryInfo a.category{
    background:var(--gra6-color);
    padding:0 10px;
    font-size:14px;
}
div.entryInfo a.category:hover{
    color:#fff;
    background:var(--gra1-color);
}

div.worksWrapper {
    width:calc(100% - 100px);
    max-width: var(--min-width);
    display: flex;
    justify-content: space-between;
    margin:auto;
}
div.worksWrapper2 {
    width:calc(100%);
    max-width: var(--min-width);
    display: flex;
    justify-content: flex-start;
    margin:auto;
    flex-wrap: wrap;
}
div.worksWrapper div.works{
    width:calc(25% - 20px);
}
div.worksWrapper2 div.works{
    width:calc(33% - 20px);
}
div.worksWrapper div.works div.image,
div.worksWrapper2 div.works div.image{
    width:100%;
    overflow: hidden;
    aspect-ratio:1;
    margin-bottom: 10px;
    border-radius: 12px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35) inset;
}
div.worksWrapper2 div.works{
    margin-bottom: 20px;
	margin-right: 20px;
}
div.works div.image img{
    width:100%;
    height: auto;
    transition: all 0.2s;
}
div.works div.image img:hover{
    width:105%;
    height: auto;
    transition:all 0.2s;
}

div.infoWrapper {
    display: flex;
    justify-content: space-between;
    max-width: var(--min-width);
    margin:auto;
}
div.infoWrapper div{
    width:calc(50% - 20px);
}

p.logo {
    background:url("../images/logo_w2.svg") no-repeat;
    width:277px;
    height: 155px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}

div.map {
    width:calc(100% - 200px);
    height: 300px;
    margin:20px auto;
    border-radius: 12px;
    overflow: hidden;
}
ul.switch{
    width:860px;
    margin:15px auto 30px;
    display: flex;
    justify-content: space-between;
}
ul.switch li{
    width:200px;
    height: 40px;
    line-height: 40px;
    background:#efefef;
    text-align: center;
    border-radius: 40px;
    border:2px solid var(--blue-color);
}
ul.switch a{
    color:var(--blue-color);
    display: block;
    width: 100%;
    height: 100%;
}
ul.switch li:hover,
ul.switch li.active{
    background:var(--blue-color);
}
ul.switch a:hover,
ul.switch li.active a{
    color:#fff;
}

div.inner {
    width:calc(100% - 20px);
    max-width:calc(var(--min-width) - 20px);
    box-sizing: border-box;
    margin:30px auto;
    padding:30px;
    border-radius: 12px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35) inset;
    overflow: hidden;
}
h3.general{
    width:100%;
    height: 50px;
    font-size:24px;
    line-height: 50px;
    color:#fff;
    text-indent: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);

    background-image: linear-gradient(0deg, rgb(82, 82, 82),rgb(99, 99, 99)),linear-gradient(45deg, rgb(58,84,135) 0%, rgb(58,84,135) 63%,rgb(16, 35, 140) 63%, rgb(16, 35, 140) 68%,rgb(19, 67, 156) 68%, rgb(19, 67, 156) 77%,rgb(23, 100, 171) 77%, rgb(23, 100, 171) 86%,rgb(26, 132, 187) 86%, rgb(26, 132, 187) 92%,rgb(30, 164, 203) 92%, rgb(30, 164, 203) 100%),linear-gradient(135deg, rgb(58,84,135) 0%, rgb(58,84,135) 63%,rgb(16, 35, 140) 63%, rgb(16, 35, 140) 68%,rgb(19, 67, 156) 68%, rgb(19, 67, 156) 77%,rgb(23, 100, 171) 77%, rgb(23, 100, 171) 86%,rgb(26, 132, 187) 86%, rgb(26, 132, 187) 92%,rgb(30, 164, 203) 92%, rgb(30, 164, 203) 100%); background-blend-mode:overlay,overlay,normal;
}
h4.general{
    margin-left:40px;
    height: 40px;
    font-size:20px;
    line-height: 40px;
    color:var(--blue-color);
    text-indent: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border:2px solid var(--blue-color);
    font-weight: bold;
}
ul.client{
    margin-left:80px;
    margin-bottom:50px;
}
ul.client li{
    position: relative;
    padding-left:30px;
}
ul.client li:before{
    content: "";
    position: absolute;
    width:16px;
    height: 16px;
    border-radius: 16px;
    background:var(--blue-color);
    top:0.2em;
    left:0;
}
div.greeting{
    width:100%;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom:10px;
}
div.greeting div {
    width:320px;
    float: left;
}
div.greeting div p.ceo{

    text-align: center;
    margin-top:20px;
}
div.greeting img{
    width:calc(100% - 20px);
    padding:10px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
}
div.greeting > p{
    width:calc(100% - 400px);
    float: right;
    text-align: justify;
    box-sizing: border-box;
    padding-right: 30px;
}
dl.company{
	margin: 50px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
dl.company.narrow{
	margin:auto 150px 50px;
}
dl.company >dt,
dl.company >dd{
	padding:15px;
	box-sizing: border-box;
	border-top:1px solid #ccc;
}
dl.company >dt{
	width:30%;
	float: left;
	clear: both;
}
dl.company >dd{
	width:70%;
	float: right;
}
dl.company div.cmap{
    width:100%;
    height: 350px;
}
dl.company h4.company{
    font-weight: bold;
    margin-bottom: 1em;
}
dl.company ul,
dl.company ol{
    margin-left:30px;
}
dl.company ul li{
    list-style: disc;
}
dl.company dl.child{
    overflow: hidden;
    width:300px;
}
dl.company dl.child dt{
    width:250px;
    float: left;
    clear: both;
}
dl.company dl.child dd{
    width:50px;
    float: right;
}
ol.history-list{
    list-style: none;
    margin:0 50px;
    padding: 0;
    font-style: normal;
    font-weight: normal;
}
ol.history-list > li{
    display: flex;
    align-items: flex-start;
}
.history-detail-list > li:not(:last-child) {
    margin-bottom: 60px;
}
p.history-list-year{
    flex-glow:0;
    flex-shrink:0;
    flex-basis: 130px;
    color:var(--text-color);
    font-family: Arial, Helvetica, "sans-serif";
    font-size:48px;
    height: 54px;
    line-height: 54px;
    font-weight: bold;
    font-style: italic;
    position: relative;
}
.history-list-year:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    border:3px solid var(--blue-color);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%,-50%);
    z-index: 10;
}
.history-detail-list{
    flex: 1 0 0%;
    padding: 60px 0;
    margin-left: -1px;
    border-left: 2px solid var(--blue-color);
    position: relative;
    z-index: 2;
}
.history-detail-list > li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--blue-color);
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: -1px;
    transform: translateX(-50%);
}
.history-list > li:first-child .history-detail-list::before{
    /*content: "";
    width: 4px;
    height: 36px;
    background: url("../images/icon_dot_02.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: -15px;
    left: 1px;
    transform: translate(-100%,-100%);*/
}
.history-list > li:not(:last-child){
    margin-bottom: 60px;
}
.history-detail-list > li{
    display: flex;
    position: relative;
}
.history-detail-list-time {
    flex: 0 0 170px;
    color: var(--blue-color);
    font-weight: bold;
    font-size: 16px;
    padding-left: 35px;
    box-sizing: border-box;
}
.history-detail-list-contents.row {
    display: flex;
    align-items: center;
    flex: 1 0 0%;
}
.history-detail-list-contents.row img{
    max-width: 100%;
}
.row-item-left {
    flex: 0 0 50%;
}
.row-item-right {
    flex: 1 0 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 10px 10px 30px;
}
.row-item-right:before {
    content: "";
    width: 20px;
    height: 1px;
    background: var(--blue-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
dl.company dt.must::after{
    content:"※";
    color: var(--red-color);
    padding-left:1em;
    
}
dl.company input[type=text],
dl.company input[type=email],
dl.company input[type=tel],
dl.company textarea{
    padding:5px;
    border:1px solid #ccc;
    border-radius: 4px;
    width:100%;
    box-sizing: border-box;
}
input[type="file"]{
    cursor: pointer;
}

dl.entry .half{
    width:50% !important;
}
div.entry h4.general{
	margin:10px auto;
	text-align: center;
	text-indent: 0;
	font-size:18px;
}
dl.company select{
    padding:5px;
    border:1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    padding-right: 40px;
    background-size:10px;
    cursor: pointer;
}
dl.company textarea{
    height: 200px;
}
div.submit{
    margin:50px auto;
    display: flex;
    justify-content: space-around;
}
div.submit p.button{
	width:200px;
	height: 50px;
    border-radius: 4px;
    color:#fff;
    cursor: pointer;
	line-height: 50px;
	text-align: center;
}
div.submit p.button.close{
    background:#333;
}
div.submit p.button.close:hover{
    background:#222;
}
div.submit p.button.confirm{
    background:var(--blue-color);
}
div.submit p.button.confirm:hover{
    background:var(--orange-color);
}
div.submit p.button.close label,
div.submit p.button.confirm label{
	display: block;
	width:100%;
	height: 100%;
	cursor: pointer;
}

div.submit input[type=submit]{
    width:200px;
    height: 50px;
    border-radius: 4px;
    background:var(--orange-color);
    color:#fff;
    cursor: pointer;
}
div.submit input[type=submit]:hover{
    background:var(--blue-color);
}
div.submit input[type=button]{
    width:200px;
    height: 50px;
    border-radius: 4px;
    background:var(--gray-color);
    color:#fff;
    cursor: pointer;
}
div.submit input[type=button]:hover{
    background:var(--darkgray-color);
}
div.privacyBox{
    width:300px;
    margin:20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
input[type=checkbox]{
    width:16px;
    height: 16px;
    border:2px solid var(--blue-color);
    cursor: pointer;
    margin-right: 30px;
}
input[type=checkbox]:checked{
    background:var(--blue-color);
}
.open_button {
    color:var(--blue-color);
    cursor: pointer;
}
.open_button:hover {
    text-decoration: underline;
}
.modal_wrap input {
  display: none;
}

.modal_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content {
    align-self: center;
    /*box-sizing: border-box;*/
    line-height: 1.4em;
    background: #fff;
    transform: scale(0.3);
    transition: 0.5s;
    position: relative;
}
body.dark .modal_content {
    background: #000;
}
@media screen and (max-width:640px){
.modal_content {
    align-self: center;
    /*box-sizing: border-box;*/
    line-height: 1.4em;
    background: #fff;
    transform: scale(0.3);
    transition: 0.5s;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}
}

.close_button {
  position: absolute;
  top: 20px;
  right: 16px;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background:url("../images/close_icon.svg") center center no-repeat;
  background-size:30px;
}
.close_button:hover{
    background-image:url("../images/close_icon_d.svg")
}
.modal_wrap{

}
.modal_content{
    display: block;
    height: 90vh;
    width:80vw;
    max-width:980px;
}
.modal_wrap input:checked ~ .modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap input:checked ~ .modal_overlay .modal_content {
  transform: scale(1);
    border-radius: 10px;
}
.modal_content h2{
    line-height: 66px;
    text-align: center !important;
    border-bottom:1px solid #ccc !important;
    font-size: 28px;
    font-weight: bold;
}
body.dark .modal_content h2{
    color:#fff;
    border-bottom:1px solid #cc1e1e !important;
}
@media screen and (max-width:640px){
.modal_content h2{
    line-height: 66px;
    text-align: center !important;
    border-bottom:1px solid #ccc !important;
    font-size: 22px;
    font-weight: bold;
}
}
div.nextSectionWrap {
    width: 100%;
    height: calc(100% - 77px);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.nextSection {
    padding:20px 30px;
    overflow-y: auto;
    width: calc(100% - 60px);
    height: calc(100% - 150px) !important;
    display: block;
    text-align: left;
}
div.nextSection h3 {
    font-size:18px;
    font-weight: bold;
    color:#fff;
    margin:40px 0 10px;
}
div.nextSection p{
    margin-left:50px;
}
div.modal_wrap h2,
div.modal_wrap p{
	color:#000;
}
dl.use {
	width:780px;
	margin:20px auto;
	overflow: hidden;
	border:2px solid var(--blue-color);
	border-radius: 12px;
}
dl.use dt,
dl.use dd{
	width:50%;
	box-sizing: border-box;
	padding:20px;
	height: 70px;
}
dl.use dt{
	float: left;
	clear: both;
}
dl.use dd{
	float: right;
	color:#fff;
	background:var(--blue-color);
	text-align: center;
	font-size:20px;
	font-weight: bold;
}
dl.use dt:first-child{
	border-bottom: 2px solid var(--blue-color);
}
dl.use dt:first-child + dd{
	border-bottom: 2px solid #fff;
}
ul.interview {
    width:100%;
    height: 180px;
    display: flex;
    justify-content: space-around;
    margin-bottom:50px;
}
ul.interview li{
    width:calc(20% - 10px);
    height: 200px;
}
ul.interview img{
    width:100%;
    height: auto;
    border:5px solid #fff;
}
ul.interview a{
    color:var(--blue-color);
}
li.ui-tabs-active img{
    border:5px solid #fff;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
}
ul.interview li p{
    width:100%;
    margin:0;
    padding:0;
    margin-top:1em;
    font-size:15px;
    text-align: center;
}

div.senpaiPhoto {
    display: flex;
	margin:0 100px;
    justify-content: space-between;
}
div.senpaiPhoto img{
    width:480px;
    height: 360px;
    object-fit: cover;
    border:10px solid #fff;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
	margin-bottom: 25px;
}
div.senpaiDesc{
	width:280px;
	height: 380px;
	box-sizing: border-box;
	background-color:#F7EFC2;
	background-color:#DDE1F7;
	background-color:#efefee;
	padding:100px 20px 20px;
	background-image:url("../images/pin.svg");
	background-repeat: no-repeat;
	background-size:40px;
	background-position: center top 3px;	
	box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
	text-align: center;
}
div.senpaiDesc strong{
	font-size:22px;
	font-weight:bold;
}
div.senpaiDesc ul{
	text-align: left;
	margin-top:30px;
}
div.senpaiDesc li{
	list-style: disc;
	margin-left:20px;
}
dl.senpai,
dl.senpai dt,
dl.senpai dd{
    border: none !important;
    margin:0 80px;
    overflow: visible;
}
dl.senpai dt,
dl.senpai dd{
    width:100% !important;
    text-align: left !important;
    padding:0 !important;
    margin:0 !important;
}
dl.senpai dt{
    color:var(--blue-color);
    font-weight:bold;
}
dl.senpai dd{
    margin-bottom: 20px !important;
	margin-left:50px !important;
}
dl.senpai dt::before{
    content:"Q";
    font-size:24px;
    margin-right:10px;
}
dl.senpai dd::before{
    content:"A";
    font-size:24px;
    margin-right:10px;
    color:pink;
    font-weight: bold;
}
div.entryWrapper {
    margin:20px 100px;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
div.entry{
    width:calc(50% - 40px);
    margin-bottom:20px;
    padding:10px;
    border:1px solid #042E8A;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}
div.noentry{
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background:rgba(0,0,0,0.8);
}
div.noentry p{
    width:100%;
    height: 1em;
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    text-align: center;
    color:#fff;
    font-size:20px;
}
div.entry h3{
    background:#042E8A;
    color:#fff;
    text-align: center;
    line-height: 3em;
    margin-bottom: 20px;
}
dl.entry{
    overflow: hidden;
}
dl.entry dt,
dl.entry dd{
    padding:5px;
    border-top:1px solid #ccc;
}
dl.entry dt{
    width:calc(30% - 10px);
    float: left;
    clear: both;
}
dl.entry dd{
    width:calc(70% - 10px);
    float: right;
}
dl.entry span{
    display: block;
    color:#042E8A;
    font-weight: bold;
	text-align: center;
	margin:10px auto;
}
p.entry{
    width:80%;
    height: 45px;
    margin:20px auto;
    text-align: center;
    background:#DE3907;
    line-height: 45px;
    font-size:18px;
    border-radius: 4px;
}
p.entry a{
    display: block;
    width:100%;
    height: 100%;
    color:#fff;
}
p.entry:hover{
    width:80%;
    height: 45px;
    margin:20px auto;
    text-align: center;
    background:#07BA09;
    line-height: 45px;
    font-size:18px;
    border-radius: 4px;
}
div.benefitWrapper{    
    width:calc(100% - 40px);
    margin:0 20px 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div.benefit{
	width:285px;
	position: relative;
	margin-bottom:20px;
}
div.benefit img{
	position: absolute;
	top:0;
	right: 0;
	width:285px;
	z-index: 1;
}
div.benefit h3{
	position: absolute;
	top:100px;
	right: 0;
    margin:auto;
	width:285px;
	height: 50px;
	line-height: 50px;
	background:rgba(255,255,255,0.8);
	color:var(--blue-color);
    font-weight: bold;
	text-align: center;
	z-index: 2;
}
div.benefit p{
	margin:200px 10px 10px;
}
div.resource {
    margin:20px 30px;
    display: flex;
}
div.resource img{
    width:320px;
    height: 240px;
    object-fit: cover;
}
div.resource div{
    margin-left:30px;
}
div.resource h4{
    background:var(--blue-color);
    line-height: 2.5em;
    color:#fff;
    border-radius: 2em;
    text-indent: 30px;
    font-weight: bold;
    margin-bottom:20px;
}

p.strong {
    font-size:24px;
    margin:0 50px 50px;
}

div.worksSlide {
    width:100%;
    aspect-ratio: 4 / 3;
	overflow: hidden;
}
div.worksSlide.narrow{
	width:50%;
	margin:auto;
}
div.worksSlide img{
    width:800px;
	height: 600px;
    object-fit: cover;
}

div.comment {
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}
div.comment div{
    width:calc(50% - 10px);
}
div.comment h4{
    font-size:22px;
    border-bottom:2px solid var(--blue-color);
    margin-bottom:10px;
}
div.comment ul{
    margin:0 10px 0 20px;
}
div.comment li{
    list-style: disc;
}
div.comment p{
    text-align: justify;
}

ul.footer {
	width:100%;
	max-width:calc(var(--min-width) - 20px);
	margin:10px auto;
	display: flex;
	justify-content: space-between;
	border-bottom:1px solid #fff;
	margin-top:50px;
	padding-bottom:120px;
	font-size:14px;
}
ul.footer > li{
	position: relative;
}
ul.footer > li div{
	position: absolute;
	top:20px;
	width:250px;
}
ul.footer > li div ul{
	font-size:14px;
	margin:10px
}
ul.footer > li div ul{
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
}
ul.footer > li div ul li{
	list-style: disc;
	margin-left:20px;
}
ul.footer a:hover{
	color:var(--orange-color) !important;
}
p.cmt {
	width:760px;
	font-size:32px;
	text-align:center;
	margin:50px auto;
	background-image:
		url("../images/q1.svg"),
		url("../images/q2.svg");
	background-repeat: no-repeat;
	background-position: 
		left top,
		right bottom;
	background-size:30px;
}
p.next{
	background:url("../images/icon_downArrow.svg") no-repeat;
	width:50px;
	height: 50px;
	background-size:50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left:0;
	right:0;
	bottom:40px;
	margin:auto;
	animation-name:downArrow;
	animation-delay: 1s;
	animation-duration:1s;
	animation-iteration-count:infinite;
}
p.next:hover{
	background-image:url("../images/icon_downArrow.svg");
}
p.next a{
	display: block;
	width:100%;
	height: 100%;
	border: none;
}
@keyframes downArrow {
    0% {
        background-position:center top;
		opacity: 1;
    }
    100% {
        background-position:center bottom;
		opacity: 0;
    }
}

p.general {
	margin:0 50px 20px;
}
p.general.narrow{
	margin:0 150px 20px;
}

p.privacy {
	margin:0 50px 50px ;
}

ul.sitemap {
	margin:50px 200px;
}
ul.sitemap a{
	color:var(--blue-color);
}
ul.sitemap > li{
	position: relative;
	padding:15px;
	border:2px solid var(--blue-color);
	border-radius: 12px;
	margin-bottom:15px;
	padding-left:45px;
	background-color:#efefef;
}
ul.sitemap > li > a{
	display: block;
	width:100%;
	height: 100%;
	background:url("../images/arrow_next_on.svg") right center no-repeat;
	background-size:20px;
}
ul.sitemap a:hover{
	color:var(--orange-color)
}
ul.sitemap > li:before{
	content: "";
	width:15px;
	height: 15px;
	background-color:var(--blue-color);
	position: absolute;
	border-radius: 15px;
	top:1em;
	left:10px;
}
ul.sitemap > li ul{
	margin-left:50px;
	font-size:16px;
	margin-top:10px;
}
ul.sitemap > li ul li{
	list-style: disc;
}
p.pankuzu{
	font-weight: bold;
}
p.pankuzu a{
	color:var(--blue-color);
	font-weight: normal;
}
p.pankuzu {
    width:var(--min-width);
    margin:20px auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size:16px;
	padding-left:10px;
	color:var(--blue-color);
}
p.pankuzu span.next{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent var(--blue-color);
    margin:0 20px
}
p.pankuzu span.current{
    border-bottom:2px solid var(--blue-color);
}