@charset "utf-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

a:hover,
a:link,
a:visited,
ins {
    text-decoration: none
}

a,
body {
    color: #323232;
}

.btn_type_A_title,
.fixed_ctr_inner {
    transform: translateY(-50%) translateX(-50%)
}

.que,
.st_h,
body,
img {
    width: 100%
}

.form_1,
.form_2,
table {
    border-collapse: collapse
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

img,
input,
select {
    vertical-align: middle
}

button,
input[type=email],
input[type=mail],
input[type=password],
input[type=submit],
input[type=text],
select,
textarea {
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400
}

a,
a img,
select {
    background: 0 0
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-spacing: 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

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

a img {
    border: 0 #fff
}

.cf:after,
.cf:before,
.wp-pagenavi:after,
.wp-pagenavi:before {
    content: "";
    display: table
}

.cf:after,
.wp-pagenavi:after {
    clear: both
}

.cf,
.wp-pagenavi {
    zoom: 1
}

 ::selection {
    background: #fff000
}

 ::-moz-selection {
    background: #fff000
}

select {
    -webkit-appearance: none;
    appearance: none;
    font-size: inherit;
    color: inherit;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ''
}

select::-ms-expand {
    display: none
}

input {
    display: block;
    margin: auto auto 3em
}

.mark{
	background: linear-gradient(transparent 60%, #ffff00 0%);
	font-weight: bold
}
body {
    position: relative;
    letter-spacing: .1em;
	font-size: 14px;
	line-height: 1.8em;
    text-align: justify;
    text-justify: inter-ideograph;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 400;
    font-family: arial, sans-serif;
    overflow-x: hidden;
    word-wrap: break-word;
}
body:after{
	content: "";
	display: block;
	height: 50%;
	width: 0;
background: #FFF;
	z-index: 1001;
	position: fixed;
	top: 0;
	left: 0;
	transition-delay: 0.3s;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
body:before{
	content: "";
	display: block;
	height: 50%;
	width: 0;
	
background: #FFF;
	z-index: 1000;
	position: fixed;
	bottom: 0;
	right: 0;
	transition-delay: 0.3s;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
body.transition:after{
	width: 100%;
}
body.transition:before{
	width: 100%;
}
.que {
    height: 750pt
}

.depth_1 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .08)
}
.fixed_ctr {
    z-index: -1
}

.fixed_ctr_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    z-index: 0
}

.ol_bg,
.st_h {
    position: relative
}

.st_h {}

.ol_bg:after {
    background: url(img/movie_overlay.png) top left;
    z-index: 1;
    opacity: .4
}
.ol_bg:after,
.ol_bg_white:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    display: block
}

.sp_nav_wrap,
.sp_overlay {
    position: fixed;
    height: 100%;
    top: 0
}

.ol_bg_white:after {
    background: hsla(0, 0%, 100%, .8);
    z-index: -1;
    opacity: .8
}

p {
    margin-bottom: 15px
}

.txt_c {
    text-align: center
}

.txt_l {
    text-align: left
}

.txt_r {
    text-align: right
}
.sp_txt_l{
	text-align: center;
}
.small_note{
	font-size: 80%;
}
.a_line {
    border-bottom: 1px solid #0b71ff;
    color: #0b71ff
}
img{
	display: block;
	position: relative;
}
img:after{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #323232;
	top: 0;
	left: 0;
	z-index: 1111
}
.a_line:hover {
    opacity: .7
}

.op {
    transition: .3s;
    opacity: 1
}

.op:hover {
    opacity: .8
}
.pc_hide{
	display: none !important;
}
.grd_txt{
	background: linear-gradient(-45deg, #3079df 0%, #04befe 80% , #04befe 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.grd_txt{
		background: none;
		color: #004199;
	}
	.grd_txt i{
		background: none !important;
		color: #004199 !important;
	}
}
_::-webkit-full-page-media, _:future, :root .grd_txt {
		background: none;
		color: #004199;
	-webkit-text-fill-color:currentcolor;
	-webkit-background-clip: border-box !important;
	
}
/*初期値　横並び(左詰)*/
.fle_l{
    display: flex;
    flex-wrap: wrap;
}
/*横並び(右詰)*/
.fle_r{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
/*横並び(センタリング)*/
.fle_c{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/*横並び(左右均等振り*コンテンツの間)*/
.fle_btw{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*横並び(左右均等振り*コンテンツの両端)*/
.fle_ard{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
/*コンテンツの横位置　右寄せ*/
.ps_right {
    justify-content: flex-end
}
/*コンテンツの高さ位置　中央*/
.ps_ctr {
    align-items: center
}
/*コンテンツの高さ位置　下揃え*/
.ps_btm {
    align-items: flex-end
}
/*コンテンツの並び順 右から左*/
.order_r-rv{
	flex-direction: row-reverse;
}
/*コンテンツの並び順 下から上*/
.order_c-rv{
	flex-direction: column-reverse;
}

@media only screen and (max-width: 750px){
	/*コンテンツの並び順 右から左*/
	.sp_order_r-rv{
		flex-direction: row-reverse;
	}
	/*コンテンツの並び順 下から上*/
	.sp_order_c-rv{
		flex-direction: column-reverse;
	}
}
.inner{
	position: relative;
	width: calc( 100% - 190px );
	max-width: 1180px;
	margin: 0 auto 0;
}
.narrow_inner{
	position: relative;
	width: calc( 100% - 190px );
	max-width: 980px;
	margin: 0 auto 0;
}

.body_bg_line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.body_bg_line > div {
    width: 25%;
    height: 100%;
    margin: 0 auto;
    border-right: 1px solid #e1e1e1;
}
.body_bg_line > div:first-child{
    border-left: 1px solid #e1e1e1;
}
/*MAINVISUAL*/
.main_visual_bg,
.main_visual_bg:after { 
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #FFF;
}
/*
.main_visual_bg:after { 
	position: absolute;
	top: 0; 
	left: 0;
    content: '';
    display: block;
    background: rgba(0, 0, 0, 1); 
    z-index: 11;
    opacity: 0.3;
}
*/
#video{
	position: absolute;
	top: 0;
	display: block;
	min-height: 100%;
	min-width: 100%;
	z-index: -3;
}
.mv_txt{
	width: 100%;
	height: 100%;
	position: relative;
}
.scr_br{
	position: absolute;
	height: calc( 70px + 1.4em );
	z-index: 1;
	bottom: 200px;
	left: -1px;
	right: 0;
	margin: auto;
	text-align: center;
}
.scr_br p{
	color: #FFF;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
}
/* scroolDownAnimation */
.next_page{
	position: absolute;
	bottom: 180px;
	left: 50%;
	z-index: 1;
	transition-delay: 2.7s;
	transition-duration: 1s;
	opacity: 1;
}
#scroll-down {
    display: block;
    position: relative;
	text-align:center;
}
.arrow-down {
    display: block;
}
#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 70px;
    background: #5eb6f9;
    content: '';
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
.mv_recruit_btn{
	position: absolute;
	bottom: 0;
	right: 40px;
	width: 220px;
	font-size: 13px;
	font-weight: bold;
	z-index: 2;
}
.mv_recruit_btn a{
	display: block;
	padding: 10px 30px 10px 40px;
	border-radius: 40px;
	border: 2px solid #FFF;
	line-height: 1.4em;
	color: #FFF;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mv_recruit_btn a:hover{
	border: 2px solid #f80000;
}
.mv_recruit_btn a:before{
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-radius: 50%;
	position: absolute;
    top: 50%;
    left: calc( 50% + 70px);
    transform: translateY(-50%) translateX(-50%);
    background: #f80000;
    z-index: -1;
    transition: 0.2s;
}
.mv_recruit_btn a:hover:before{
	height: 400px;
	width: 400px;
}
.mv_recruit_btn a:after{
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(-45deg);
	position: absolute;
	right: 31px;
	top: calc( 50% - 5px );
}
.mv_recruit_btn a img{
	width: 30px;
	position: absolute;
	display: block;
	top: calc( 50% - 15px );
	right: 20px;
    animation: recruit_btn_spin 1.5s linear infinite;
}
@keyframes recruit_btn_spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.mv_recruit_btn a:hover img{
	animation-play-state: paused;
}
.mv_bg{
	width: 100%;
	position: absolute;
	z-index: -11;
}
.mv{
	overflow: hidden;
	position: absolute;
	z-index: -3;
	width: 100%;
}
.mv:after{
}
.mv:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 1;
}
.mv_inner{
    position: absolute;
    width: 100%;
    top: calc( 50% - 150px );
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    z-index: 3;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
.mv.is_shown .mv_inner{
	opacity: 1;
}
.mv_main_ttl_jp{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
	color: #FFF;
	width: calc( 100% - 30px );
	margin: 0 auto 0;
	letter-spacing: 0.3em;
}
.mv_main_ttl_big{
	font-size: 60px;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	position: relative;
	font-weight: lighter;
	text-align: center;
	margin: 0 auto;
}
.mv_main_ttl_big img{
	max-width: 340px;
	display: block;
	margin: 0 auto;
}
.mv_main_ttl_en_02{
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 0.05em;
	color: #FFF;
}
.mv_main_ttl_en{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.8em;
	text-align: center;
	color: #FFF;
	width: calc( 100% - 30px );
	margin: 0 auto 0;
	letter-spacing: 0.2em;
	font-style: italic;
	position: relative
}
.mv_main_ttl_en span{
	font-weight: 100;
	font-style: normal;
}
.mv_main_ttl_en img{
	display: block;
	width: 200px;
	position: absolute;
	bottom: -50px;
	right: calc( 50% - 280px );
}
.mv_service_list{
	margin-top: 20px;
}
.mv_service_list li{
	background: rgba(255, 255, 255, 0.7);
	padding: 8px 15px;
	font-weight: bold
}
.mv_service_list li:nth-child(2){
	margin: 0 15px;
}
.mv_btn{
	position: absolute;
	bottom: 300px;
	right: 80px;
	width: 220px;
	font-size: 13px;
	font-weight: bold;
	z-index: 2;
}
.mv_btn.lower_mv_btn{
	bottom:50px;
	right: 80px;
	text-align: left
}
.mv_btn{
	overflow: hidden;
	border-radius: 40px;
}
.mv_btn a{
	display: block;
	padding: 20px 30px 20px 40px;
	border-radius: 40px;
	line-height: 1.4em;
	color: #FFF;
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Josefin Sans', sans-serif;
	overflow: hidden;
	transition: 0.3s;
}
.mv_btn a:hover{
	letter-spacing: 0.2em;
}
.mv_btn a:after{
	content: "";
	display: block;
	height: 100%;
	width: 130%;
	position: absolute;
	top: 0;
	left: -30%;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	z-index: -1;
	transition: 0.3s;
}
.mv_btn a:hover:after{
	left: 0;
}
.mv_btn_arrow{
	display: block;
	height: 1px;
	width: 30px;
	position: absolute;
	right: 50px;
	top: calc( 50% - 2px );
	transition: 0.3s;
}
.mv_btn a:hover .mv_btn_arrow{
	right: 32px;
}
.mv_btn_arrow:after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transform: rotate(-45deg);
	position: absolute;
	top: calc( 50% - 3px );
	right: 1px;
	transition: 0.3s;
}
.mv_btn a:hover .mv_btn_arrow:after{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.mv_btn_arrow:before{
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	background: #FFF;
	position: absolute;
	top: 50%;
	right: 0;
	transition: 0.3s;
}
.mv_btn a:hover .mv_btn_arrow:before{
	width: 0;
}
.mv_btn_circle{
	display: block;
	height: 30px;
	width: 30px;
	border: 1px solid #FFF;
	position: absolute;
	right: 20px;
	top: calc( 50% - 15px );
	border-radius: 50%;
	transition: 0.3s;
	opacity: 0;
}
.mv_btn a:hover .mv_btn_circle{
	opacity: 1;
}
.mv_overlay_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.mv_overlay_white{
	background: url(img/mv_overlay_white.png) left bottom;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0;
}
.mv_overlay_white.animation{
	transition: 1.5s;
}
.mv_overlay_white.animation.is_shown{
	opacity: 0.2;
}
.mv_overlay_blue_top{
	background: url(img/mv_overlay_blue_top.png) left bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.mv_overlay_blue_top.animation{
	transition: 0.5s;
	opacity: 0;
}
.mv_overlay_blue_top.animation.is_shown{
	opacity: 0.8;
}
.mv_overlay_blue_under{
	background: url(img/mv_overlay_blue_under.png) left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0.4;
	mix-blend-mode: multiply;
}
.mv_overlay_blue_under.animation{
	transition: 1s;
	opacity: 0;
}
.mv_overlay_blue_under.animation.is_shown{
	opacity: 0.4;
}
.mv_overlay_white_under{
	background: url(img/mv_overlay_white_under.png) left bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 1;
	z-index: 1;
}
/*MV SLIDE TXT*/
.mv_overlay_wrap h3{
	display: block;
    top: calc( 50% - 50px );
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #FFF;
    position: absolute;
    z-index: 100;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
}
/*HEADER*/
header{
	position: fixed;
	width: 100%;
	z-index: 20;
	margin: 0 auto;
	padding: 0 50px;
}
header:after{
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: -123%;
	left: 0;
	position: absolute;
	background: #FFF;
	z-index: -1;
	transition: 0.3s;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .08);
    opacity: 0;
}
header.lower:after,
.header.header_fixed:after,
header:hover:after{
	top: 0;
    opacity: 1;
}
header.lower:after,
header.lower:hover:after{
	top: 0;
}
h1{
	transition: 0.3s;
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	position: relative;
	z-index: 3;
}
h1 a{
	display: block;
	position: relative;
}
h1 a:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 3;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url(img/header_logo_bg.png) left top;
	background-size: 100%;
	vertical-align: middle;
	width: 230px;
	opacity: 0;
	transition: 0.3s;
}
h1 img{
	width: 230px;
	transition: 0.3s;
	display: block;
	padding: 0;
	margin: 0;
}
header.lower h1 img,
header.header_fixed h1 img{
	opacity: 0;
}
header.lower h1 a:after,
header.header_fixed h1 a:after,
header:hover h1 a:after{
	opacity: 1;
}
.gnav{
	padding-right:30px; 
}
.gnav li{
	margin-left: 40px;
	transition-delay: 0;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	text-align: center;
	line-height: 1em;
	font-size: 14px;
}
.gnav li span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 10px;
}
.gnav li:first-child{
	margin-left: 0;	
}
.gnav li > a{
	color: #FFF;
	display: block;
	height: 100%;
	position: relative;
	letter-spacing: 0.2em;
	font-family: 'Josefin Sans', sans-serif;
	transition: 0.3s;
	font-weight: normal;
	padding: 30px 0;
	transition: 0.3s;
}
.gnav li > a:after{
	content: "";
	display: block;
	height: 0;
	width: 1px;
	background: #0098d8;
	position: absolute;
	left: calc( 50% - 1px );
	top: 0;
	transition: 0.3s;
	z-index: 10;
}
.gnav li > a:hover:after{
	height: 13px;
}
.gnav li > a span{
	font-weight: bold;
}
header.lower .gnav li > a,
header.header_fixed .gnav li > a{
	padding: 20px 0;
}
header.lower .gnav li > a,
header.header_fixed .gnav li > a,
header:hover .gnav li > a{
	color: #404040;
}
header.header_fixed .gnav li > a:after,
header:hover > a:after{
	background: #0098d8;
}
header.lower .gnav li > a:hover,
header.header_fixed .gnav li > a:hover,
header:hover .gnav li > a:hover{
	color: #0098d8
}

/*BTN_BASE*/
.btn_base{
	width: 100%;
	max-width: 220px;
	position: relative;
}
.btn_base_txt{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
	line-height: 35px;
	color: #0098d8;
	display: block;
	padding-top: 4px;
	transition: 0.3s;
}
.btn_base a:hover .btn_base_txt{
	letter-spacing: 0.4em;
}
.btn_base_arrow{
	display: block;
	width: 70px;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	right: 40px;
	transition: 0.3s;
}
.btn_base a:hover .btn_base_arrow{
	right: 17px
}
.btn_base_arrow:before{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #6e6e6e;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	transition: 0.3s;
}
.btn_base a:hover .btn_base_arrow:before{
	width: 0;
}
.btn_base_arrow:after{
	content: "";
	display: block;
	border-right: 1px solid #6e6e6e;
	border-bottom: 1px solid rgba(110, 110, 110, 0);
	transform: rotate(-45deg);
	width: 9px;
	height: 9px;
	position: absolute;
	right: 1px;
	top: -4px;
	transition: 0.3s;
}
.btn_base a:hover .btn_base_arrow:after{
	border-bottom: 1px solid rgba(110, 110, 110, 1);
}
.btn_base_circle{
	display: block;
	height: 40px;
	width: 40px;
	background: #ecf7fd;
	position: absolute;
	top: 0;
	right: 20px;
	border-radius: 50%;
	transition: 0.3s;
	/*background-image: linear-gradient(to right, #005bea 0%, #00c6fb 100%);*/
}
.btn_base a:hover .btn_base_circle{
	right: 0	
}
.btn_base_circle.white{
	background: #FFF;
}
.btn_base_circle:after{
	content: "";
	display: block;
	height: calc( 100% + 6px );
	width: calc( 100% + 6px );
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	top: -3px;
	left: -3px;
	border-radius: 50%;
	z-index: -1;
	transition: 0.7s;
}
.btn_base a:hover .btn_base_circle:after{
	transform: rotate(-180deg)
}
/*TOP SERVICE*/
.top_company{
	padding: 40px 0 120px;
	position: relative;
}
.top_company.top_column_t01{
	padding: 80px 0 80px;
}
.top_company.top_column_t01:after{
	content: "";
	display: block;
	height: calc( 80px + 43% );
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ecf7fd;
	z-index: -5;
}
.top_ttl01{
	position: relative;
	/*
	padding-bottom: 25px;
	*/
	margin-bottom: 25px;
}
/*
.top_ttl01:after{
	content: "";
	display: block;
	height: 1px;
	width: 70px;
	background: #0098d8;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
*/
.top_ttl01_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 32px;
	letter-spacing: 0.4em;
	display: inline-block;
	padding: 0;
	line-height: 1.4em;
	/*
	line-height: 1.8em;
	*/
}
.top_ttl01_jp{
	display: block;
	line-height: 1.8em;
	font-size: 15px;
}

.top_ttl02{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 22px;
}
.top_ttl02:after{
	content: "";
	display: block;
	height: 1px;
	width: 70px;
	background: #0098d8;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.top_ttl02_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	letter-spacing: 0.4em;
	display: inline-block;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.8em;
}
.top_ttl02_jp{
	line-height: 1.8em;
	font-size: 13px;
}

.top_company_list{
	margin-bottom: 40px;
}
.top_company_list li{
	margin-bottom: 15px;
	margin-right: 15px;
}
.top_company_list li span{
	color: #0098d8;
	padding: 5px 10px;
	border: 1px solid #0098d8;
	display: inline-block;
	font-weight: bold;
}
.top_company_txt{
	width: calc( 50% - 60px );
	position: relative;
	z-index: 1;
}
.top_company_img{
	width: 50%;
	position: relative;
	z-index: 0;
}
/*TOP SERVICE*/
.top_service{
	padding: 120px 0 120px;
	position: relative;
	background: #ecf7fd;
}
.top_service_pickup_list{
	margin-bottom: 40px;
}
.top_service_pickup_list a{
	color: #0098d8;
	padding: 5px 10px;
	border: 1px solid #0098d8;
	background: 1px solid #0098d8;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0;
	transition: 0.3s;
}
.top_service_pickup_list a:hover{
	background: #0098d8;
	color: #FFF;
}
.top_service_pickup_list a span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #0098d8;
	color: #0098d8;
	text-align: center;
	line-height: 18px;
	padding-left: 2px;
	margin-left: 10px;
	font-size: 12px;
	transition: 0.3s;
}
.top_service_pickup_list a:hover span{
	transform: rotate(720deg);
	border: 1px solid #FFF;
	color: #FFF;
}
.top_service_pickup_list li{
	margin-bottom: 15px;
	margin-right: 15px;
}
.top_service_txt{
	width: calc( 45% - 60px );
	position: relative;
	z-index: 1;
}
.top_service_img{
	width: 55%;
	margin-left: 60px;
	position: relative;
	z-index: 0;
}
.top_service_txt p{
	margin-bottom: 40px;
}
/*TOP COLUMN*/
.top_column_recruit{
	padding: 120px 0;
	position: relative;
}
.top_column_recruit:after{
	content: "";
	display: block;
	height: calc( 80px + 50% );
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ecf7fd;
	z-index: -5;
}
.top_column_recruit_wrap{
	width: calc( 50% - 30px );
	background: #FFF;
}
.top_column_recruit_content{
	padding: 40px;
	width: 100%;
	background: #FFF;
	z-index: 1;
	position: relative
}
.top_column_recruit_wrap_right{
}
.top_column_recruit_wrap_right .top_column_recruit_content{
	margin-right: 0;
	margin-left: auto;
}
.top_column_recruit_content p{
	margin-bottom: 20px;
}
.top_column_recruit_content_banner{
	max-width: 300px;
	display: block;
	border: 1px solid #eeeeee;
}
.top_column_recruit_content_banner img{
	width: 100%;
}
/*TOP INFO*/
.top_info{
	padding: 120px 0 60px;
	background: #ecf7fd;
}
.top_info_left{
	width: 400px;
	background: #FFF;
	padding: 90px 0 90px 0;
	transform: translateY(-90px);
	position: relative;
}
.top_info_left:after{
	content: "";
	display: block;
	height: 100%;
	width: 3000px;
	position: absolute;
	top: 0;
	left: -3000px;
	background: #FFF;
}
.top_info_left:before{
	content: "NEWS";
	display: block;
	position: absolute;
	top: 140px;
	left: -210px;
	color: #ecf7fd;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 80px;
	transform: rotate(90deg);
	line-height: 1.8em;
	z-index: 1
}
.top_info_right{
	width: calc( 100% - 250px );
	padding: 60px 0 60px 60px;
	margin-left: -150px;
	background: #ecf7fd;
	z-index: 1;
}
.top_ttl_t02_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 30px;
	letter-spacing: 0.4em;
	display: inline-block;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.4em;
	margin-bottom: 0;
	position: relative;
	display: block;
}
.top_ttl_t02_jp{
	font-size: 14px;
	font-weight: bold
}
.top_info_list > li{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e4e4e4
}
.top_info_list > li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}
.top_info_list > li a{
	transition: 0.3s;
}
.top_info_list > li a:hover{
	color: #1d95ff
}
.top_info_list_info_date{
	font-family: 'Josefin Sans', sans-serif;
	padding: 5px 0;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: 300;
}
.top_info_list > li a:hover .top_info_list_info_date{
	color: #323232;
}
.top_info_list_info{
	margin-bottom: 10px;
}
.top_info_list_info > *{
	margin-right: 20px;
}
.top_info_list_info > *:last-child{
	margin-right: auto;
}
.top_info_info_mark{
	display: inline-block;
	padding: 5px 20px;
	font-size: 11px;
	color: #FFF;
	line-height: 1.2em;
}
.top_info_info_mark_01{
	background: #1d95ff;
}
.top_info_info_mark_02{
	background: #ffbb00;
}
.top_info_list_ttl{
	font-weight: normal;
	font-size: 13px;
}
/*FOOTER CONTACT*/
.footer_contact{
	padding: 100px 0;
	background: url(img/footer_contact.jpg) center center;
	background-size: cover
}
.footer_contact_h2{
	color: #FFF;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1.8em;
	font-size: 40px;
	text-align: center;
	margin-bottom: 20px;
}
.footer_contact_desc{
	color: #FFF;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}
.footer_contact_action_tel{
	width: calc( 50% - 20px );
	max-width: 400px;
	border-right: 1px solid #dddddd;
}
.footer_contact_action_tel a{
	display: block;
	padding: 40px 20px;
	background: #FFF;
	border: 1px solid #fff;
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.footer_contact_action_tel_sub{
	display: block;
	margin-bottom: 5px;
	line-height: 1em;
	font-size: 12px;
}
.footer_contact_action_tel_num{
	display: block;
	font-size: 30px;
	font-family: 'Josefin Sans', sans-serif;
	font-style: italic;
	line-height: 1em;
	margin-bottom: 5px;
	color: #0063ca
}
.footer_contact_action_tel_open{
	line-height: 1em;
	font-size: 12px;
	display: block;
}
.footer_contact_action_mail{
	width: calc( 50% - 20px );
	max-width: 400px;
	background: #FFF;
	position: relative;
}
.footer_contact_action_mail_btn{
	width: 320px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.footer_contact_action_mail_btn a{
	display: block;
	padding: 20px 30px 20px 40px;
	border-radius: 40px;
	line-height: 1.4em;
	color: #FFF;
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Josefin Sans', sans-serif;
	overflow: hidden;
	transition: 0.3s;
}
.footer_contact_action_mail_btn a:hover{
	letter-spacing: 0.2em;
}
.footer_contact_action_mail_btn a:after{
	content: "";
	display: block;
	height: 100%;
	width: 130%;
	position: absolute;
	top: 0;
	left: -30%;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	z-index: -1;
	transition: 0.3s;
}
.footer_contact_action_mail_btn a:hover:after{
	left: 0;
}
.footer_contact_action_mail_btn_arrow{
	display: block;
	height: 1px;
	width: 30px;
	position: absolute;
	right: 50px;
	top: calc( 50% - 2px );
	transition: 0.3s;
}
.footer_contact_action_mail_btn a:hover .footer_contact_action_mail_btn_arrow{
	right: 32px;
}
.footer_contact_action_mail_btn_arrow:after{
	content: "";
	display: block;
	height: 9px;
	width: 9px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transform: rotate(-45deg);
	position: absolute;
	top: calc( 50% - 4px );
	right: 1px;
	transition: 0.3s;
}
.footer_contact_action_mail_btn a:hover .footer_contact_action_mail_btn_arrow:after{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.footer_contact_action_mail_btn_arrow:before{
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	background: #FFF;
	position: absolute;
	top: 50%;
	right: 0;
	transition: 0.3s;
}
.footer_contact_action_mail_btn a:hover .footer_contact_action_mail_btn_arrow:before{
	width: 0;
}
.footer_contact_action_mail_btn_circle{
	display: block;
	height: 30px;
	width: 30px;
	border: 1px solid #FFF;
	position: absolute;
	right: 20px;
	top: calc( 50% - 15px );
	border-radius: 50%;
	transition: 0.3s;
	opacity: 0;
}
.footer_contact_action_mail_btn a:hover .footer_contact_action_mail_btn_circle{
	opacity: 1;
}
.mv_overlay_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/*FOOTER*/
footer{
	padding: 60px 0 0;
}
.footer_sitemap_top{
	width: 33.33333%;
	padding-right: 50px;
}
.footer_sitemap_middle{
	width: 33.33333%;
	padding-right: 50px;
}
.footer_sitemap_top li,
.footer_sitemap_middle li{
}
.footer_sitemap_top li a,
.footer_sitemap_middle li a{
	font-size: 13px;
}
.footer_sitemap_top_home{
	font-weight: bold
}
.footer_address_wrap{
	display: block;
	font-size: 13px;
}
.footer_logo img{
	max-width: 210px;
	margin-bottom: 10px;
	width: 100%;
}
.footer_sitemap_banner{
	margin-top: 10px;
}
.footer_sitemap_banner li{
	margin-bottom: 15px;
}
.footer_sitemap_banner li a img{
	transition: 0.3s;
}
.footer_sitemap_banner li a:hover img{
	opacity: 0.6;
}
.footer_sitemap_banner img{
	max-width: 300px;
}
.footer_address{
	font-style: normal;
}
.footer_sitemap_service a{
	display: block;
	padding-left: 17px;
	position: relative;
	transition: 0.3s;
}
.footer_sitemap_service a:hover{
	color: #0098d8;
}
.footer_sitemap_list li a{
	transition: 0.3s;
}
.footer_sitemap_list li a i{
	margin-right: 5px;
}
.footer_sitemap_list li a:hover{
	color: #0098d8;
}
.footer_sitemap_list li:nth-of-type(n+2) a{
	display: block;
	padding-left: 17px;
	position: relative
}
.footer_sitemap_list li:nth-of-type(n+2) a:after,
.footer_sitemap_service a:after{
	content: "";
	display: block;
	height: 1px;
	background: #bcbcbc;
	width: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	transition: 0.3s;
}
.footer_sitemap_list li:nth-of-type(n+2) a:hover:after,
.footer_sitemap_service a:hover:after{
	background: #0098d8;
}
.footer_sitemap_middle > h2 a{
	transition: 0.3s;
}
.footer_sitemap_middle > h2 a:hover{
	color: #0098d8;
}
.copy{
	display: block;
	padding: 25px 10px;
	background: #ecf7fd;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	font-size: 10px;
	line-height: 1em;
	margin-top: 30px;
}
.lower_wrap{
	background: #f8f8f8;
}
.side_bar{
	width: 300px;
	width: 300px;
	position: relative;
	padding: 40px 40px 40px 0;
	z-index: 1;
}
.side_bar:after{
	content: "";
	display: block;
	width: 2000px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	z-index: -1;
}
.lower_content{
	width: calc( 100% - 300px );
}

/*LOWER HEADER*//*LOWER HEADER*/
.lower_bl{
	height: 60px;
}
.lower_header {
    height: 390px;
    width: 100%;
    overflow: hidden;
	position: relative;
}
.lower_header.service {
	background: url(img/lower_header_service.jpg) center center;
	background-size: cover;
}
.lower_header.service_content {
	background: url(img/lower_header_def.jpg) center center;
	background-size: cover;
}
.lower_header.company {
	background: url(img/lower_header_company_content.jpg) center center;
	background-size: cover;
}
.lower_header.contact {
	background: url(img/lower_header_contact.jpg) center center;
	background-size: cover;
}
.lower_header.column {
	background: url(img/lower_header_column.jpg) center center;
	background-size: cover;
}
.lower_header.column {
	background: url(img/lower_header_column.jpg) center center;
	background-size: cover;
}
.lower_header_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.lower_header_overlay_white{
	background: url(img/lower_header_overlay_white.png) left bottom;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0.2;
	z-index: 1;
}
.lower_header_overlay_blue_top{
	background: url(img/lower_header_overlay_blue_top.png) left bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.lower_header_overlay_blue_under{
	background: url(img/lower_header_overlay_blue_under.png) left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0.4;
	mix-blend-mode: multiply;
}
.lower_catch {
	position: relative;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc( 50% + 20px );
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}
.lower_catch h2{
    font-size: 14px;
    line-height: 1em;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
}
.lower_catch_ttl span{
	font-size: 19px;
    display: block;
    margin-top: 15px;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
}
.lower_catch_ttl_single span{
	font-size: 16px;
	letter-spacing: 0.01em;
}
.lower_catch_desc{
	color: #FFF;
	margin-top: 20px;
	width: calc( 100% - 30px );
	margin-left: 15px;
}
/*BREADCRUMB*/
.breadcrumb{
	margin-top: 15px;
}
.breadcrumb li{
	color: #FFF;
	margin-right: 20px;
	position: relative;
	font-size: 12px;
}
.breadcrumb li:last-child{
	margin-right: 0;
}
.breadcrumb li:after{
	content: "";
	display: block;
	height: 5px;
	width: 5px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(-45deg);
	position: absolute;
	right: -10px;
	top: calc( 50% - 3px );
}
.breadcrumb li:last-child:after{
	display: none;
	margin-right: 0;
}
.breadcrumb li a{
	font-size: 12px;
	color: #FFF;
	transition: 0.3s;
}
.breadcrumb li a:hover{
	opacity: 0.4;
}
/*LOWER_TTL*/
.lower_ttl_01{
	font-size: 25px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
}
.lower_ttl_01 span{
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	display: block;
	margin-bottom: 6px;
	color: #0098d8;
}
.lower_ttl_01:after{
	content: "";
	display: block;
	height: 2px;
	width: 40px;
	position: absolute;
	left: calc( 50% - 20px );
	bottom: 0;
	background: #0098d8;
}
.lower_ttl_base_child_num{
	position: absolute;
	top: -16px;
	left: 10px;
	color: #0098d8;
	font-size: 15px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
}
/*SERVICE*/
.lower_service_wrap{
	background: #ecf7fd;
}
.lower_service_content_header{
	padding: 60px 0;
}
.lower_service_intro_ttl{
	font-size: 22px;
	font-weight: bold;
	position: relative;
	line-height: 1.8em;
	margin-bottom: 10px;
	text-align: center
}
.lower_service_content_list_wrap_after h3{
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.lower_service_content_list_wrap > section p{
	margin-bottom: 0;
}
.lower_service_content_list{
	padding: 0 0 60px 0;
}
.lower_service_content_list_wrap > section{
	
}
.lower_service_content_list_wrap > .lower_service_content_list_wrap_first{
	width: 100%;
	margin: 0 auto 65px;
}
.lower_service_content_list_wrap > .lower_service_content_list_wrap_after{
	width: calc( 33.3333% - 20px );
	position: relative;
	margin: 0 30px 65px 0;
}
.lower_service_content_list_wrap > section:nth-child(4){
	margin-right: 0
}
.lower_service_content_list_wrap > section:nth-child(7){
	margin-right: 0
}
.lower_service_content_list_wrap > section:nth-child(10){
	margin-right: 0
}
.lower_service_content_list_wrap > section:after{
	content: "";
	display: block;
	height: 50%;
	width: 100%;
	background: #FFF;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.lower_service_content_list_wrap_after a{
	padding: 40px 30px 30px;
	height: 100%;
	background: #FFF;
	display: block;
}
.lower_service_content_list_wrap > section a:after{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-top: 30px solid transparent;
	border-right: 30px solid #0098d8;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: 0.3s;
}
.lower_service_content_list_wrap > section a:hover:after{
	opacity: 1;
}
.lower_service_content_list_icon{
	width: 130px;
	height: 130px;
	border-radius: 50%;
	padding: 0;
	margin: 0 auto 25px;
	position: relative;
	z-index: 2;
	transition: 0.3s;
}
.lower_service_content_list_icon:after{
	content: "";
	position: absolute;
	display: block;
	width: 130px;
	height: 130px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: #323232;
	z-index: -1;
	border-radius: 50%;
	transition: 0.5s;
	opacity: 1;
}
.lower_service_content_list_wrap_after a:hover .lower_service_content_list_icon:after{
	width: 150px;
	height: 150px;
	opacity: 0;
    background: #0098d8;
}
.lower_service_content_list_wrap_after a:hover .lower_service_content_list_icon{
    background: #0098d8;
}
.lower_service_content_list_icon img{
	width: 65px;
	position: absolute;
	display: block;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.lower_service_content_list_icon.lower_service_content_list_icon_04 img{
	margin-top: -5px;
}
.lower_service_content_list_wrap > .lower_service_content_list_wrap_first{
	width: 100%;
	margin: 0 auto 65px;
	background: #FFF;
	padding: 0;
}
.lower_service_content_list_wrap_first {
	position: relative
}
.lower_service_content_list_wrap_first a:after{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-top: 30px solid transparent;
	border-right: 30px solid #0098d8;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 1;
	transition: 0.3s;
	z-index: 1;
}
.lower_service_content_list_wrap_first a:hover:after{
	opacity: 1;
}
.lower_service_list_no_first{
	font-size: 16px;
	font-weight: 800;
	font-style: italic;
	color: #0098d8;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.3em;
	display: block;
	text-align: left;
	margin-bottom: 0;
}

.lower_service_list_no_first > span{
	font-size: 24px;
	margin-left: 10px;
}
.lower_service_content_list_wrap_first a{
	width: 100%;
}
.lower_service_content_list_wrap_first_img{
	width: 50%;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.lower_service_content_list_wrap_first_img img{
	transition: 0.3s;
}
.lower_service_content_list_wrap_first_img:before{
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: #0098d8;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: 0.3s;
}
.lower_service_content_list_wrap_first:hover .lower_service_content_list_wrap_first_img:before{
	opacity: 0.7;
}
.lower_service_content_list_wrap_first:hover section.lower_service_content_list_wrap_first_img:after{
	opacity: 0;
}
.lower_service_content_list_wrap_first:hover .lower_service_content_list_wrap_first_img img{
	transform: scale(1.1);
}
.lower_service_content_list_wrap_first_img span{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	font-size: 13px;
	z-index: 2;
	letter-spacing: 1.5em;
	width: 100%;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: 0.3s;
	opacity: 0;
}

.lower_service_content_list_wrap_first_img span:after{
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 50%;
    transform: translateX(-50%);
	background: #FFF;
	transition: 0.3s;
}
.lower_service_content_list_wrap_first:hover .lower_service_content_list_wrap_first_img span{
	letter-spacing: 0.4em;
	opacity: 1;
}
.lower_service_content_list_wrap_first:hover .lower_service_content_list_wrap_first_img span:after{
	width: 50%;
}
.lower_service_content_list_wrap_first_content{
	width: 50%;
	padding: 30px 60px;
}
.lower_service_content_list_wrap_first_content > *:nth-child(1){
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}
.lower_service_content_list_wrap_first_content_icon{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	padding: 15px;
	background: #323232;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	transition: 0.3s;
}
.lower_service_content_list_wrap_first_content_icon:after{
	content: "";
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: #323232;
	z-index: -1;
	border-radius: 50%;
	transition: 0.5s;
	opacity: 1;
}
.lower_service_content_list_wrap_first a:hover .lower_service_content_list_wrap_first_content_icon:after{
	width: 90px;
	height: 90px;
	opacity: 0;
    background: #0098d8;
}
.lower_service_content_list_wrap_first a:hover .lower_service_content_list_wrap_first_content_icon{
    background: #0098d8;
}
.lower_service_content_list_wrap_first_content_ttl{
	width: calc( 100% - 80px );
	margin-left: 10px;
}
.lower_service_list_no{
	position: absolute;
    top: -18px;
    left: 20px;
	font-size: 24px;
	font-weight: 800;
	font-style: italic;
	color: #0098d8;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.3em;
}
.lower_service_list_no > span{
	font-size: 34px;
	margin-left: 10px;
	font-style: italic;
	color: #0098d8;
	font-family: 'Montserrat', sans-serif;
}
.lower_service_list_ttl{
	display: block;
	font-size: 18px;
	position: relative;
	text-align: center
}
.lower_service_list_ttl:after{
	content: "";
	display: block;
	height: 2px;
	width: 30px;
	position: absolute;
	bottom: -15px;
	left: calc( 50% - 15px );
	background: #0098d8;
}
.lower_service_list_ttl_first{
	display: block;
	font-size: 20px;
	position: relative;
	line-height: 1.8em;
}
/*CONTENT _LO*/
.lower_wrap_col02{
	margin-top: 50px;
	margin-bottom: 50px;
}
.lower_col02_sidebar{
	width: 330px;
}
.lower_col02_content{
	width: calc( 100% - 390px );
}
.lower_col02_content > *{
	margin-bottom: 40px;
}
.lower_col02_content > *:last-child{
	margin-bottom: 0;
}
/*LOWER SERVICE CHILD*/
.lower_service_child_wrap > *{
	margin-bottom: 40px; 
}
.lower_service_child_intro_ttl{
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}
.lower_service_child_intro_ttl:after{
	content: "";
	display: block;
	height: 1px;
	width: 50px;
	background: #0098d8;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	bottom: 0;
	left: calc( 50% - 25px );
}
.lower_service_child_intro_ttl span{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
	display: inline-block;
	padding: 14px 20px;
	font-weight: bold;
	border-radius: 10px;
	color: #5eb6f9;
	line-height: 1em;
}
.lower_service_detail_content{
	width: calc( 100% - 360px );
}
.lower_service_detail_sidebar_ttl{
	padding: 20px;
	text-align: center;
	background: #323232;
	color: #FFF;
}
.lower_service_detail_sidebar_sitemap{
	margin-bottom: 20px;
}
.lower_service_detail_sidebar_sitemap li{
	overflow: hidden;
	position: relative;
}
.lower_service_detail_sidebar_sitemap li:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #0098d8;
	width: 0;
	height: 100%;
	transition: 0.3s;
	z-index: -1;
}
.lower_service_detail_sidebar_sitemap li:hover:after{
	width: 100%;
}
.lower_service_detail_sidebar_sitemap li a{
	padding: 20px 20px 20px 0;
	display: block;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}
.lower_service_detail_sidebar_sitemap li a:hover{
	padding-left: 40px;
	color: #FFF
}
.lower_service_detail_sidebar_sitemap li a:before{
	content: "";
	display: block;
	height: 1px;
	width: 0;
	position: absolute;
	top: 50%;
	left: 0;
	background: #323232;
	transition: 0.3s;
	z-index: 1;
}
.lower_service_detail_sidebar_sitemap li a:hover:before{
	width: 30px;
	background: #FFF
}
.lower_service_detail_sidebar_sitemap li a:after{
	content: "";
	display: block;
	height: 7px;
	width: 7px;
	border-bottom: 2px solid #323232;
	border-right: 2px solid #323232;
	transform: rotate(-45deg);
	position: absolute;
	top: calc( 50% - 3px );
	right: 15px;
	transition: 0.3s;
}
.lower_service_detail_sidebar_sitemap li a:hover:after{
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.lower_service_detail_sidebar_banner li a{
	border: 1px solid #eeeeee;
	display: block;
}
.lower_service_detail_sidebar_banner li:nth-child(1){
	margin-bottom: 20px;
}
.lower_col02_content > *{
	margin-bottom: 50px;
}
.lower_col02_content > *:last-child{
	margin-bottom: 0;
}
.single_kanren ul li{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.single_kanren ul li a{
	color: #165dff;
	text-decoration: underline
}
.single_kanren ul li a:hover{
	text-decoration: none
}
/*LOWER_TTL_BASE*/
.lower_ttl_base{
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-left: 40px;
	font-size: 22px;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}
.lower_ttl_base:after{
	content: "";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0;
	left: 0;
	background: #0098d8
}
.lower_ttl_base:before{
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 16px;
	left: 16px;
	background: #0098d8
}
.lower_ttl_base_child{
	padding: 10px;
	background: #0098d8;
	color: #FFF;
	margin-bottom: 15px;
	position: relative;
}
.single_sec_ttl_child_kanren{
	padding: 10px;
	background: #f8f8f8;
	margin-bottom: 10px;
}
/*LOWER COMPANY*/
.lower_company_sec > *{
	margin-bottom: 40px;
}
.lower_company_sec > *:last-child{
	margin-bottom: 0;
}
.lower_company_sec_ttl{
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}
.lower_company_sec_ttl:after{
	content: "";
	display: block;
	height: 1px;
	width: 50px;
	background: #0098d8;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	bottom: 0;
	left: calc( 50% - 25px );
}
.lower_company_sec_ttl span{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
	display: inline-block;
	padding: 14px 20px;
	font-weight: bold;
	border-radius: 10px;
	color: #5eb6f9;
	line-height: 1em;
}
.lower_company_sec_child h3{
	padding: 10px;
	background: #0098d8;
	color: #FFF;
	margin-bottom: 10px;
}
.lower_company_sec_child_txt_strong{
	padding: 20px;
	font-weight: bold;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #eeeeee;
	font-size: 18px;
	line-height: 1,4em;
	margin-top: 20px;
}
/*TABLE*/
.table_type01 {
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  width: 100%;
  margin: 20px auto 0;
  font-size: 90%;
}
.table_type01_multi > *{
	margin-bottom: 20px;
}
.table_type01_multi > *:last-child{
	margin-bottom: 0;
}
.table_type01_ttl{
	padding: 10px;
	background: #f3f3f3;
	margin-bottom: 10px;
}
.table_type01 tr {
  border-bottom: 1px solid #efefef;
  background: #FFF;
  width: 100%;
}

.table_type01 tr th {
  width: 150px;
  vertical-align: middle;
  border-right: 1px solid #efefef;
    padding: 10px;
  background: #f8f8f8
}

.table_type01 tr td {
	background: #FFF;
	width: calc( 100% - 150px );
    padding: 10px;
  text-align: left;
	line-height: 1.8em;
}

.table_type01_title {
  display: block;
  font-weight: bold
}

.table_indent {
  margin-left: 1.2em;
  margin-top: -20px
}
.table_type01_list_no li{
	padding-left: 30px;
	position: relative;
	line-height: 1.8em;
}
.table_type01_list_no li:last-child{
	margin-bottom: 0;
}
.table_type01_list_no li:after{
	content: "(1)";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
}
.table_type01_list_no{
	margin-bottom: 0;
}
.table_type01_list_no li:nth-child(2):after{
	content: "(2)";
}
.table_type01_list_no li:nth-child(3):after{
	content: "(3)";
}
.table_type01_list_no li:nth-child(4):after{
	content: "(4)";
}
.table_type01_list_no li:nth-child(5):after{
	content: "(5)";
}
.table_type01_list_no li:nth-child(6):after{
	content: "(6)";
}
.table_type01_list_no li:nth-child(7):after{
	content: "(7)";
}
.table_type01_list_no li:nth-child(8):after{
	content: "(8)";
}
.table_type01_list_no li:nth-child(9):after{
	content: "(9)";
}
.table_type01_list_no li:nth-child(10):after{
	content: "(10)";
}
.table_type01_list_no li:nth-child(11):after{
	content: "(11)";
}
.table_type01_list_no li:nth-child(12):after{
	content: "(12)";
}
.table_type01_list_no li:nth-child(13):after{
	content: "(13)";
}
.table_type01_list_no li:nth-child(14):after{
	content: "(14)";
}
.table_type01_list_no li:nth-child(15):after{
	content: "(15)";
}
.table_type01_list_no li:nth-child(16):after{
	content: "(16)";
}
.table_type01_list_no li:nth-child(17):after{
	content: "(17)";
}
.table_type01_list_no li:nth-child(18):after{
	content: "(18)";
}
.table_type01_list_no li:nth-child(19):after{
	content: "(19)";
}
.table_type01_list_no li:nth-child(20):after{
	content: "(20)";
}
.table_type01_list_no li:nth-child(21):after{
	content: "(21)";
}
.table_type01_list_no li:nth-child(22):after{
	content: "(22)";
}
.table_type01_list_no li:nth-child(23):after{
	content: "(23)";
}

@media only screen and (max-width: 750px) {
  .table_type01 tr th {
    width: 100%;
    padding: 20px
  }
  .table_type01 tr th, .table_type01 tr td {
    display: block
  }
  .table_type01 tr th {
    padding: 10px 15px
  }
  .table_type01 tr td {
    padding: 10px 15px
  }
	.table_type01 tr th {
		border-right: none;
	}
	.table_type01 tr td {
		width: 100%;
	}
}
/*COLUMN*/

.lower_column_info_list_wrap{
	padding: 10px;
	border: 1px solid #eeeeee;
	background: #f8f8f8;
	margin-top: -1px;
}
.lower_column_info_list_date{
	font-family: 'Josefin Sans', sans-serif;
	padding: 5px 0;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: 300;
	width: 80px;
}
.lower_column_info_list_cate{
	display: block;
	padding: 5px 0;
	line-height: 1.2em;
	font-size: 11px;
	width: 100px;
	background: #0098d8;
	color: #FFF;
	text-align: center;
	margin-right: 10px;
}
.lower_column_info_list{
	margin-bottom: 10px;
}
.lower_column_info_list:last-child{
	margin-bottom: 0;
}
.lower_column_info_list_ttl{
	width: calc( 100% - 200px );
	font-weight: normal;
	font-size: 13px;
	transition: 0.3s;
}
.lower_column_info_list a:hover .lower_column_info_list_ttl{
	color: #0098d8
}
.lower_column_info_list_wrap_ttl{
	display: block;
	font-size: 13px;
	color: #FFF;
	padding: 10px 20px;
	border: 1px solid #eeeeee;
	background: #323232;
	position: relative;
	z-index: 1;
}
.column_cate_wrap > *{
	width: 100%;
	margin-bottom: 30px;
}
.column_cate_wrap > *:last-child{
	margin-bottom: 0;
}
.column_cate_wrap h5{
	margin-bottom: 9px;
	padding: 0;
	line-height: 1.2em;
	color: #0098d8
}
.column_cate_wrap > * ul{
	width: 100%;;
	line-height: 1.4em;
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #eeeeee;
}
.column_cate_wrap > * a{
	font-size: 13px;
	line-height: 1.4em;
	padding-left: 16px;
	position: relative;
	text-decoration: underline;
	transition: 0.3s;
}
.column_cate_wrap > * a:hover{
	color: #0098d8
}
.lower_column_info_list_txt{
	text-decoration: underline	
}
.column_cate_wrap > * a:after{
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	background: #323232;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 0;
	transition: 0.3s;
}
.column_cate_wrap > * a:after{
	color: #0098d8
}
.lower_column_info_list_ttl_mark{
	font-size: 11px;
	line-height: 1em;
	padding: 5px;
	background: #f00000;
	color: #FFF;
}
.column_cate_wrap li{
	margin-bottom: 6px;
}
.column_cate_wrap li:last-child{
	margin-bottom: 0;
}
.column_note{
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #eeeeee;
}
.column_note h2{
	border-bottom: 1px solid #dddddd;
	line-height: 1em;
	padding-bottom: 10px;
	margin-bottom: 6px;
}
.column_note li{
	font-size: 12px;
	padding-left: 15px;
	position: relative;
	letter-spacing: 0.02em;
}
.column_note li:after{
	content: "※";
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}
.single_head_ttl{
	font-size: 20px;
	padding: 15px;
	background: #f8f8f8;
	margin-bottom: 15px;
}
.single_header_answer{
	padding: 20px;
	border: 3px solid #0098d9;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-top: 20px;
}
.single_header_answer:after{
	content: "ANSWER";
	position: absolute;								
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	color: #0098d9;
	top: -7px;
	left: 10px;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	display: inline-block;
	background: #fff;
	padding: 0 15px;
}
.single_h3 span,
.single_img_footer_ttl span{
	display: inline-block;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px;
	background: #f8f8f8;
}
.single_table{
	width: 100%;
	margin-bottom: 10px;
}
.single_table thead{
}
.single_table thead th{
	background: #f8f8f8;
	padding: 20px;
	border: 1px solid #dddddd;
}
.single_table thead th:nth-child(1){
	width: 200px;
}
.single_table tbody td{
	padding: 20px;
	border: 1px solid #dddddd;
}
.single_table tbody td:nth-child(1){
	background: #f8f8f8;
	width: 200px;
}
.single_content_footer{
	padding-top: 0;
	border-top: 1px solid #dddddd;
}
.single_content > div > *{
	margin-bottom: 40px;
}
.single_content > div > *.single_info{
	margin-bottom: 0;
}
.single_content > div > *:last-child{
	margin-bottom: 0;
}

img{
	width: 100%;
}
.single_content_chuki{
	color: #ff0000;
	background: #ffd6d6;
	font-size: 11px;
	padding: 15px;
	margin-top: 15px;
}
.single_content_chuki > *:last-child{
	margin-bottom: 0;
}
.single_content  ol {
	margin-bottom: 15px;
}
.single_content  ol li{
	padding-left: 25px;
	position: relative;
	line-height: 1.8em;
	margin-bottom: 5px;
}
.single_content  ol li:last-child{
	margin-bottom: 0;
}
.single_content  ol li:after{
	content: "1";
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: b.single_content  old;
	position: abs.single_content  olute;
	left: 0;
	top: 1px;
	font-size: 11px;
	width: 22px;
	text-align: center;
	line-height: 22px;
	color: #0098d9;
	letter-spacing: 0.01em;
	position: absolute;
}
.single_content  ol li:nth-child(2):after{
	content: "2";
}
.single_content  ol li:nth-child(3):after{
	content: "3";
}
.single_content  ol li:nth-child(4):after{
	content: "4";
}
.single_content  ol li:nth-child(5):after{
	content: "5";
}
.single_content  ol li:nth-child(6):after{
	content: "6";
}
.single_content  ol li:nth-child(7):after{
	content: "7";
}
.single_content  ol li:nth-child(8):after{
	content: "8";
}
.single_content  ol li:nth-child(9):after{
	content: "9";
}
.single_content  ol li:nth-child(10):after{
	content: "10";
}
.single_content  ol li:nth-child(11):after{
	content: "11";
}
.single_content  ol li:nth-child(12):after{
	content: "12";
}
.single_content  ol li:nth-child(13):after{
	content: "13";
}
.single_content  ol li:nth-child(14):after{
	content: "14";
}
.single_content  ol li:nth-child(15):after{
	content: "15";
}
.single_content  ol li:nth-child(16):after{
	content: "16";
}
.single_content  ol li:nth-child(17):after{
	content: "17";
}
.single_content  ol li:nth-child(18):after{
	content: "18";
}
.single_content  ol li:nth-child(19):after{
	content: "19";
}
.single_content  ol li:nth-child(20):after{
	content: "20";
}
.single_content  ol li:before{
	content: "";
	display: block;	
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 1px;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	border: 2px solid #0098d9;
}
.single_content a{
    border-bottom: 1px solid #0098d9;
    color: #0098d9;
    transition: 0.3s; 
}
.single_content a:hover{
	opacity: 0.7;
    border-bottom: 1px solid rgba(11, 113, 255, 0);
}
.single_info{
	padding-bottom: 20px;
}
.single_date{
	margin-right: 20px;
	line-height: 1.4em;
	font-size: 12px;	
	font-family: 'Josefin Sans', sans-serif;
	color: #878787;
}
.single_cate{
	color: #FFF; 
	font-size: 12px;
	display: inline-block;
	line-height: 1.4em;
	font-size: 12px;
	color: #FFF;
	padding: 4px 15px;
	background: #323232;
}
.single_cate{
	display: inline-block;
	padding: 5px 20px;
	font-size: 11px;
	color: #FFF;
	line-height: 1.2em;
}
.single_cate{
	background: #1d95ff;
}
.single_cate.single_cate_02 {
	background: #ffbb00;
	margin-left: 15px;
}

.single_author{
	margin-top: 30px;
}
.single_author h3{
	padding-left: 18px;
	font-size: 14px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1em;
}
.single_author h3:after{
	content: "";
	display: block;
	height: 13px;
	width: 13px;
	position: absolute;
	top: 0;
	left: 0;
	background: #323232;
	border-radius: 50%;
}
.single_author_inner{
	width: 100%;;
	line-height: 1.4em;
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #eeeeee;
}
.single_author_name{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}
.single_author_jp{
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
}
.single_author_en{
	color: #0098d8;
	font-size: 11px;
	margin-left: 10px;
}
.single_author_txt{
	margin-bottom: 0;
}



/*BTN_BASE*/
.single_back_home_btn{
	width: 100%;
	max-width: 210px;
	position: relative;
}
.single_back_home_btn a{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #0098d8;
	display: block;
	padding-top: 4px;
	transition: 0.3s;
	text-align: right;
}
.single_back_home_btn a .single_back_home_btn_txt{
	letter-spacing: 0.0em;
	transition: 0.3s;
}
.single_back_home_btn a:hover .single_back_home_btn_txt{
	letter-spacing: 0.2em;
}
.single_back_home_btn_arrow{
	display: block;
	width: 50px;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 17px;
	transition: 0.3s;
}
.single_back_home_btn_arrow:before{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #6e6e6e;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: 0.3s;
}
.single_back_home_btn a:hover .single_back_home_btn_arrow:before{
	width: 0;
}
.single_back_home_btn_arrow:after{
	content: "";
	display: block;
	border-left: 1px solid #6e6e6e;
	border-top: 1px solid rgba(110, 110, 110, 0);
	transform: rotate(45deg);
	width: 9px;
	height: 9px;
	position: absolute;
	left: 1px;
	top: -4px;
	transition: 0.3s;
}
.single_back_home_btn a:hover .single_back_home_btn_arrow:after{
	border-bottom: 1px solid rgba(110, 110, 110, 1);
}
.single_back_home_btn_circle{
	display: block;
	height: 40px;
	width: 40px;
	background: #FFF;;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	transition: 0.3s;
	/*background-image: linear-gradient(to right, #005bea 0%, #00c6fb 100%);*/
}
.single_back_home_btn a:hover .single_back_home_btn_circle{
	right: 0	
}.single_back_home_btn_circle:after{
	content: "";
	display: block;
	height: calc( 100% + 6px );
	width: calc( 100% + 6px );
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	position: absolute;
	top: -3px;
	left: -3px;
	border-radius: 50%;
	z-index: -1;
	transition: 0.7s;
}
.single_back_home_btn a:hover .single_back_home_btn_circle:after{
	transform: rotate(-180deg)
}
/*
.single_content_img_wrap{
	border: 1px solid #dddddd;
}
*/
.single_content_img_wrap{
	margin-bottom: 15px;
}
.lower_staff{
	background: #FFF;
}
.lower_staff_txt_name{
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}
.lower_staff_txt_name span{
	color: #0098d8;
	font-size: 12px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	margin-left: 15px;
}
.lower_staff_img{
	width: 250px;
}
.lower_staff_txt{
/*	width: calc( 100% - 280px )*/
	width: calc( 100% - 250px );
	padding: 30px;
}
.single_post_navigation{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eeeeee;
}
.single_post_navigation_home{
	margin: 0 20px;
}
.single_post_navigation_home a{
	margin: 0 30px;
	padding: 0 10px 5px;
	color: #0098d9;
	font-size: 13px;
	position: relative;
}
.single_post_navigation_home a:after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition: 0.3s;
	background: #0098d9;
	opacity: 0.7
}
.single_post_navigation_home a:hover:after{
	width: 0;
}
.single_post_navigation_next a{
	color: #0098d9;
	padding-bottom: 5px;
	position: relative;
}
.single_post_navigation_next a:hover{
	opacity: 0.7;
}
.single_post_navigation_next a:after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.3s;
	background: #0098d9;
}
.single_post_navigation_next a:hover:after{
	width: 0;
}
.single_post_navigation_prev a{
	color: #0098d9;
	padding-bottom: 5px;
	position: relative;
	transition: 0.3s;
}
.single_post_navigation_prev a:hover{
	opacity: 0.7;
}
.single_post_navigation_prev a:after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.3s;
	background: #0098d9;
}
.single_post_navigation_prev a:hover:after{
	width: 0;
}
/*-------------------------------------------------------------------------
seminor event news release company
SP NAV
------------------------------------------------------------------------*/
/*SP_NAV_WRAP*/
.sp_nav_wrap {
	position: fixed;
	top: 0;
	z-index: 3;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	visibility: hidden;
	z-index: 10;
	height: 100%;
	background: #FFF;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transition: 0.3s;
	padding: 70px 0 40px;
	line-height: 1em;
	transform: translate( 100% , 0);
}
.sp_nav_wrap.open {
	visibility: visible;
	transform: translate( 0 , 0);
}
/*SP_OPEN_OVERLAY*/
.sp_overlay{
	display: none;
}
.sp_overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 0;
	background: #FFF;
	transition: 0.01s;
}
.sp_overlay.open{
	height: 100%
}
/*SP_BTN*/

/*SP_NAV_BTN_NORMAL*/
.sp_nav_btn_1{
	width: 30px;
	height: 25px;
	position: relative;
	margin: 50px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.sp_nav_btn_1 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #d4521a;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.sp_nav_btn_1 span:nth-child(1) {
  top: 0px;
}

.sp_nav_btn_1 span:nth-child(2) {
  top: 8px;
}

.sp_nav_btn_1 span:nth-child(3) {
  top: 16px;
}

.sp_nav_btn_1.open span:nth-child(1) {
  top: 6px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sp_nav_btn_1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.sp_nav_btn_1.open span:nth-child(3) {
  top: 6px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sp_nav_btn_2{
	width: 30px;
	height: 25px;
	position: relative;
	margin: 50px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.sp_nav_btn_2 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #d3531a;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.sp_nav_btn_2 span:nth-child(1) {
  top: 0px;
}

.sp_nav_btn_2 span:nth-child(2),.sp_nav_btn_2 span:nth-child(3) {
  top: 8px;
}

.sp_nav_btn_2 span:nth-child(4) {
  top: 16px;
}

.sp_nav_btn_2.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.sp_nav_btn_2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp_nav_btn_2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sp_nav_btn_2.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.sp_nav_btn_3{
	width: 30px;
	height: 25px;
	position: relative;
	margin: 50px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.sp_nav_btn_3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #d3531a;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.sp_nav_btn_3 span:nth-child(1) {
  top: 0px;
}

.sp_nav_btn_3 span:nth-child(2),.sp_nav_btn_3 span:nth-child(3) {
  top: 8px;
}

.sp_nav_btn_3 span:nth-child(4) {
  top: 16px;
  width: 70%;
}

.sp_nav_btn_3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.sp_nav_btn_3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp_nav_btn_3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sp_nav_btn_3.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
/*SP_NAV_BTN_SQUARE*/
.sp_nav_btn_1_square{
	width: 60px;
	height: 60px;
	background: #323232;
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 1001;
	transition: 0.2s;
}
.sp_nav_btn_1_square.header_fixed{
	top: 0;
	right: 0;
}
.sp_nav_btn_1_square .sp_nav_btn_inner{
	width: 30px;
	height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
   	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .2s ease-in-out;
	cursor: pointer;
}

.sp_nav_btn_1_square .sp_nav_btn_inner span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #FFF;
	border-radius: 9px;
	opacity: 1;
	right: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.sp_nav_btn_1_square .sp_nav_btn_inner span:nth-child(1) {
  top: 0px;
}

.sp_nav_btn_1_square .sp_nav_btn_inner span:nth-child(2) {
  top: 8px;
}

.sp_nav_btn_1_square .sp_nav_btn_inner span:nth-child(3) {
  top: 16px;
}

.sp_nav_btn_1_square.open .sp_nav_btn_inner span:nth-child(1) {
  top: 6px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sp_nav_btn_1_square.open .sp_nav_btn_inner span:nth-child(2) {
  opacity: 0;
  left: auto;
  right: -60px;
}

.sp_nav_btn_1_square.open .sp_nav_btn_inner span:nth-child(3) {
  top: 6px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*SP_LIST_STYLE*/
.sp_nav_list{
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 0;
}
.sp_nav_list li{
	margin-bottom: 60px;
}
.sp_nav_list li:last-child{
	margin-bottom: 0;
}
.sp_nav_list li a{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0;
	color: #FFF;
	position: relative;
}
.sp_nav_contact{
	margin-bottom: 20px;
}
.sp_nav_contact a{
	display: block;
	padding: 15px 20px;
	text-align: center;
	background-image: linear-gradient(to right, #4a8df9 0%, #00c6fb 100%);
	width: calc( 100% - 20px ) ;
	margin:0 auto;
	color: #FFF;
	font-weight: bold;
}
.sp_nav_contact a span{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-weight: normal;
	font-size: 10px;
	display: block;
	color: #FFF;
	margin-top: 6px;
}
.sp_nav_other_list{
    position: absolute;
    left: 80px;
    bottom: 100px;
}
.sp_nav_other_list li{
}
.sp_nav_other_list li a{
	font-size: 16px;
}
.nav_contact_link{
	margin-top: -10px;
}
.nav_contact_link li{
	margin-bottom: 10px;
}
.nav_contact_link_mail a{
	display: block;
	padding: 20px 0px;
	background: #f80000;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	line-height: 1em;
	font-weight: bold;
	position: relative;
}
.nav_contact_link_mail a:after{
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid  #FFF;
	transform: rotate(-45deg);
}
.nav_contact_link_tel img{
	border: 2px solid #323232;
	border-radius: 10px;
	background: #FFF;
	padding: 0 20px;
}
.sp_nav_sitemap > li{
}
.sp_nav_sitemap > li > a{
	padding: 18px 20px;
	display: block;
	background: #FFF;
	border-bottom: 1px solid #eeeeee;
	color: #323232;
	position: relative;
	font-weight: bold
}
.sp_nav_sitemap{
	margin-bottom: 15px;
}
.sp_nav_sitemap li a{
	font-size: 14px;
}
.sp_nav_sitemap li a span{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-weight: normal;
	font-size: 10px;
	position: absolute;
	right: 40px;
	color: #989898
}
.sp_nav_sitemap > li > a:after{
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-right: 2px solid #323232;
	border-bottom: 2px solid #323232;
	transform: rotate(-45deg);
}
.sp_nav_sitemap > li.sp_nav_parent{
	background: #FFF;
	border-bottom: 1px solid #eeeeee;
	color: #323232;
	position: relative;
}
.sp_nav_sitemap > li.sp_nav_parent span{
	display: block;
	padding: 18px 20px;
	position: relative;
	font-weight: bold;
}
li.sp_nav_parent span div{
	display: block;
	position: absolute;
	right: 17px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 10px;
	width: 10px;
	background: #f8f8f8;
	transition: 0.3s;
}
li.sp_nav_parent span div:after{
	content: "";
	display: block;
	position: absolute;
	right: calc( 50% - 1px );
	top: 0;
	height: 10px;
	width: 2px;
	background: #323232;
}
li.sp_nav_parent span div:before{
	content: "";
	display: block;
	position: absolute;
	top: calc( 50% - 1px );
	right: 0;
	width: 10px;
	height: 2px;
	background: #323232;
}
.sp_nav_child li{
	padding: 0 20px 0 20px;
}
.sp_nav_child li a{
	padding: 18px 0 18px 15px;
	display: block;
	border-bottom: 1px solid #dddddd;
	color: #323232;
	position: relative;
	font-weight: bold;
}
.sp_nav_sitemap > li:first-child a{
	padding-top: 16px;
}
.sp_nav_child li:last-child a{
	border: none;
}
.sp_nav_child li a:before{
	content: "";
	position: absolute;
	display: block;
	height: 6px;
	width: 6px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	top: calc( 50% - 5px );
	left: 0;
}
.sp_nav_child li a:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-right: 2px solid #323232;
	border-bottom: 2px solid #323232;
	transform: rotate(-45deg);
}
.sp_nav_banner{
	width: calc( 100% - 20px );
	margin: 0 auto
}
.sp_nav_banner li{
	margin-bottom: 20px;
}
.sp_nav_banner li:last-child{
	margin-bottom: 0;
}
.sp_nav_sitemap > li.sp_nav_parent span.active div{
	transform: rotate(315deg);
}
.sp_nav_child{
    display:none;
}
.sp_nav_child.active{
    display:block;
}

.sp_nav_list li .sp_corp_switch_btn a{
	max-width: 300px;
	min-width: 270px;
	padding: 10px 30px;
	display: block;
	width: 100%;
	font-size: 12px;
	border: 1px solid #FFF;
	border-radius: 30px;
}
.sp_nav_btn{
	display: none;
}
.sp_nav_wrap{
	display: none;
}
@media screen and (max-width:1180px) {
	.mv_btn{
		display: none
	}
	.sp_nav_btn,
	.sp_nav_wrap{
		display: block;
	}
	.sp_nav_btn{
		opacity: 0;
		transition-delay: 0.2s;
		transition-duration: 0.3s;
	}
	.sp_nav_btn.is_shown{
		opacity: 1;
	}
	.sp_overlay{
		display: block;
	}
	.inner{
		width: calc( 100% - 40px );
	}
	.gnav{
		display: none;
	}
	header{
		width: 100%;
		top: 0;
		position: fixed
	}
	.header{
		transition: 0.3s;
	}
	.header.header_fixed{
		top: 0;
	}
	header:after{
		top: -100px;
		height: 70px;
		background: #FFF
	}
	header.header_fixed:after{
		top: -100px;
		height: 60px;
		background: #FFF
	}
	header{
		padding: 15px 20px 10px;
	}
	header.header_fixed{
		padding: 10px 10px 10px;
	}
	h1 a,
	h1 a img,
	h1 a:after{
		margin-top: 0;
		width: 195px;
	}
	header:hover:after{
		top: -100px;
	}
	header.open:after{
		top: 0;
		opacity: 1;
	}
	h1.open a img{
		opacity: 0;
	}
	header:hover h1 a:after{
		opacity: 0;
	}
	header.open:hover h1 a:after{
		opacity:1;
	}
	h1.open a:after{
		opacity: 1;
	}
	.top_ttl01_en{
		font-size: 26px;
		letter-spacing: 0.2em;
	}
	.top_ttl01{
		padding-bottom: 15px;
		/*
		margin-bottom: 15px;
		*/
	}
	.top_ttl01:after{
		height: 1px;
		width: 50px;
	}
	.top_ttl01_en{
		font-size: 26px;
		letter-spacing: 0.2em;
		margin-bottom: 7px;
	}
	.top_company{
		padding: 20px 0 60px;
		position: relative;
	}
	.top_company_list{
		display: block;
	}
	.top_company_list li{
		margin-bottom: 10px;
		margin-right: auto;
		font-size: 12px;
	}
	.top_company_txt{
		width: calc( 50% - 20px );
		position: relative;
		z-index: 1;
	}
	.top_company_img{
		width: 50%;
		position: relative;
		z-index: 0;
	}
	.top_service{
		padding: 60px 0 60px;
	}
	.top_column_recruit{
		padding: 60px 0;
	}
	.top_column_recruit_wrap{
		width: calc( 50% - 10px );
	}
	.top_column_recruit_content{
		padding: 20px;
	}
	.top_info_left:before{
		top: auto;
		bottom: 90px;
		left: -110px;
	}
	.top_info_right{
		width: calc( 100% - 200px );
		padding: 30px 0 30px 30px;
		margin-left: -200px;
		background: #ecf7fd;
		z-index: 1;
	}
	
	.top_service_txt{
		width: 50%;
		position: relative;
		z-index: 1;
	}
	.top_service_img{
		width: calc( 50% - 60px );
		margin-left: 60px;
		position: relative;
		z-index: 0;
	}
	.footer_contact{
		padding: 60px 0;
	}
	footer{
		padding: 20px 0 0;
	}
	.lower_col02_sidebar{
		width: 280px;
	}
	.lower_col02_content{
		width: calc( 100% - 300px );
	}
	.lower_header {
	    height: 260px;
	}
}
@media screen and (max-width:1000px) {
	.footer_sitemap_top,
	.footer_sitemap_middle{
		display: none;
	}
	.footer_address_wrap{
		text-align: center;
		width: 100%;
	}
	.footer_logo img{
		margin: 0 auto 20px;
	}
	footer{
		padding: 40px 0 0;
	}
	.copy{
		margin-top: 40px;
	}
}
@media screen and (max-width:1000px) {
	.lower_service_content_list_wrap_first_img{
		width: 100%;
	}
	.lower_service_content_list_wrap_first_content{
		width: 100%;
		padding: 30px;
	}
	.lower_service_content_list_wrap > .lower_service_content_list_wrap_after{
		width: calc( 50% - 15px );
		position: relative;
		margin: 0 30px 65px 0;
	}
	.lower_service_content_list_wrap > section:nth-child(3){
		margin-right: 0
	}
	.lower_service_content_list_wrap > section:nth-child(4){
		margin-right: 30px
	}
	.lower_service_content_list_wrap > section:nth-child(5){
		margin-right: 0
	}
	.lower_service_content_list_wrap > section:nth-child(7){
		margin-right: 0
	}
	.lower_service_content_list_wrap > section:nth-child(9){
		margin-right: 0
	}
	.lower_service_content_list_wrap > section:nth-child(10){
		margin: 0 auto
	}
}
@media screen and (max-width:950px) {
	.lower_col02_sidebar{
		display: none;
	}
	.lower_col02_content{
		width: 100%;
	}
}
@media screen and (max-width:800px) {
	.top_info{
		padding: 0 0 40px;
	}
	.top_info_left{
		width: 100%;
		background: #FFF;
		padding: 40px 0 80px;
		transform: translateY(0);
	}
	.top_info_left:before{
		content: "NEWS";
		position: absolute;
		top: auto;
		bottom: 33px;
		left: auto;
		right: 10px;
		font-size: 90px;
		transform: rotate(0);
		line-height: 1em;
		z-index: -1
	}
	.top_info_right{
		width: 100%;
		padding: 30px 0 0 30px;
		margin-left: auto;
		margin-top: -60px;
		background: #ecf7fd;
		z-index: 1;
	}
	.footer_contact_action{
		display: block;
		width: 100%;
	}
	.footer_contact_action_tel{
		width: 100%;
		margin: 0 auto 30px
	}
	.footer_contact_action_mail{
		width: 100%;
		background: none;
		margin: 0 auto
	}
	.footer_contact_action_mail_btn{
		width: 270px;
		position: relative;
	    top: auto;
	    left: auto;
	    transform: translateY(0) translateX(0);
		margin: 0 auto
	}
	.top_company > .fle_btw,
	.top_service > .fle_btw{
		display: block;
	}
	.top_company_list{
	    display: flex;
	    flex-wrap: wrap;
	}
	.top_company_img{
		width: calc( 100% - 50px );
		margin-left: -20px;
	}
	.top_company_txt{
		padding: 30px 0 0 30px;
		background: #FFF;
		width: 100%;
		margin-top: -120px;
		z-index: 1;
		position: relative;
	}
	.top_column_t01 .top_company_txt{
		background: #ecf7fd;
	}
	.top_service > .inner.fle_btw{
	    display: flex;
	    flex-wrap: wrap;
		flex-direction: row-reverse;
		flex-direction: column-reverse;
	}
	.top_service_txt{
		width: 100%;
	}
	.top_service_img{
		width: 100%;
		margin: 0 auto;
	}
	.top_service_img img{
		max-width: 600px;
		margin: 0 auto;
	}
	.top_ttl02_en{
		font-size: 17px;
	}
	.top_ttl02_jp{
		font-size: 12px;
	}
	.top_ttl02:after{
		width: 50px;
	}	
	.mv_inner{
	    top: calc( 50% - 150px );
	}
	.mv_main_ttl_big{
		max-width: 300px;
		width: calc( 100% - 40px );
	}
	.scr_br{
		bottom: 160px;
	}
	/* scroolDownAnimation */
	.next_page{
		position: absolute;
		bottom: 130px;
		left: 50%;
		z-index: 1;
		transition-delay: 2.7s;
		transition-duration: 1s;
		opacity: 1;
	}
	.mv_overlay_blue_top{
		left: -50px;
	}
	.mv_overlay_blue_under{
		left: -20px;
	}
	.lower_col02_sidebar{
		width: 100%;
	}
	.lower_col02_content{
		width: 100%;
	}
	.lower_company_sec_child_txt_strong{
		padding: 13px;
		font-size: 14px;
	}
	/*LOWER_TTL_BASE*/
	.lower_ttl_base{
		padding-bottom: 7px;
		margin-bottom: 7px;
		padding-left: 30px;
		font-size: 18px;
	}
	.lower_ttl_base:after{
		height: 12px;
		width: 12px;
		top: 0;
		left: 0;
	}
	.lower_ttl_base:before{
		height: 7px;
		width: 7px;
		top: 12px;
		left: 12px;
	}
	.lower_company_sec_child h3{
		padding: 10px;
		background: #0098d8;
		color: #FFF;
		margin-bottom: 7px;
	}
	.lower_company_sec_child_txt_strong{
		padding: 13px;
		font-size: 16px;
	}
	.lower_company_sec > *{
		margin-bottom: 40px;
	}
	.lower_staff{
		background: none;
	}
	.lower_staff_txt{
		width: calc( 100% - 280px );
		padding: 0;
	}
}
@media screen and (max-width:600px) {
	header{
		padding: 15px 10px 10px;
	}
	.top_company_img{
		width: calc( 100% + 20px);
		margin-left: -10px;
	}
	.top_service{
		padding: 40px 0 40px;
	}
	.top_company{
		padding: 20px 0 40px;
		position: relative;
	}
	.top_company.top_column_t01{
		padding: 0 0 40px;
		position: relative;
	}
	.top_column_recruit{
		padding: 40px 0;
	}
	.mv_main_ttl_en{
		font-size: 25px;
		width: 100%;
	}
	.mv_main_ttl_en img{
		display: block;
		width: 130px;
		position: absolute;
		bottom: -30px;
		right: calc( 50% - 170px );
	}
	.mv_main_ttl_en_02{
		font-size: 10px;
		letter-spacing: 0.01em;
	}
	.top_column_recruit_wrap{
		width: 100%;
		background: #FFF;
	}
	.top_column_recruit_wrap_right{
		margin-top: 30px;
	}
	.footer_contact_desc{
		font-size: 11px;
		letter-spacing: 0
	}
	.inner{
		width: calc( 100% - 20px );
	}
	.top_company_txt{
		padding: 15px;
		margin-top: -120px;
	}
	.top_ttl01_en{
		font-size: 20px;
		letter-spacing: 0.2em;
	}
	.top_ttl01_jp{
		font-size: 13px;
	}
	.top_info_right{
		width: 100%;
		padding: 15px 0 0 15px;
		margin-left: auto;
	}
	.top_info_list > li{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e4e4e4
	}
	.top_info_info_mark{
		padding: 5px 5px;
		font-size: 10px;
		letter-spacing: 0;
	}
	.top_info_list_info > *{
		margin-right: 10px;
	}
	.footer_contact{
		padding: 30px 0;
	}
	.footer_contact_h2{
		font-size: 30px;
		margin-bottom: 0;
	}
	.mv_overlay_white{
		background: url(img/mv_overlay_white.png) left bottom;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.2;
	}
	.mv_overlay_blue_top{
		left: -30%;
	}
	.mv_overlay_blue_under{
		left: -10%;
	}
	.top_service_txt p{
		margin-bottom: 20px;
	}
	.top_service_pickup_list{
		margin-bottom: 20px;
	}
	.top_service_pickup_list li{
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.top_service_pickup_list a span{
		display: inline-block;
		width: 16px;
		height: 16px;
		line-height: 14px;
		padding-left: 1px;
		margin-left: 0px;
		font-size: 12px;
	}
	.top_service_pickup_list a{
		font-size: 12px;
		padding: 3px 5px;
	}
/*LOWER_SERVICE*/
	.lower_service_content_header{
		padding: 30px 0;
	}
	.lower_service_intro_ttl{
		font-size: 18px;
	}
	.lower_service_list_ttl_first{
		font-size: 16px;
	}
	.lower_service_content_list_wrap_first_content{
		padding: 15px;
		margin: 0 auto 40px;
	}
	.lower_service_content_list_wrap > .lower_service_content_list_wrap_after{
		width: 100%;
		position: relative;
		margin: 0 auto 40px;
	}
	.lower_service_content_list_wrap_after a{
		padding: 15px;
	}
	.lower_service_content_list_wrap > section:nth-child(3),
	.lower_service_content_list_wrap > section:nth-child(4),
	.lower_service_content_list_wrap > section:nth-child(5),
	.lower_service_content_list_wrap > section:nth-child(7),
	.lower_service_content_list_wrap > section:nth-child(9),
	.lower_service_content_list_wrap > section:nth-child(10){
		margin: 0 auto 40px;
	}
	.lower_service_content_list_wrap > section:last-child{
		margin: 0 auto 0;
	}
	.lower_header {
	    height: 220px;
	}
	.lower_catch h2{
	    font-size: 11px;
		width: calc( 100% - 20px );
		margin-left: auto;
		margin-right: auto;
	}
	.lower_catch_ttl span{
		font-size: 16px;
	}
	.lower_catch_ttl_single span{
		font-size: 13px;
		line-height: 1.4em;
	}
	.breadcrumb li a{
		font-size: 11px;
		color: #FFF;
		letter-spacing: 0.01em;
	}
	.breadcrumb li{
		font-size: 11px;
		color: #FFF;
		letter-spacing: 0.01em;
	}
	
	.lower_staff_img{
		width: 250px;
		margin: 0 auto 20px;
	}
	.lower_staff_txt{
		width: 100%;
	}
	.fle_btw.ps_ctr.lower_staff_reverse{
		flex-direction: column-reverse;
	}
	.lower_staff_txt_name{
		font-size: 18px;
		text-align: center
	}
	.lower_staff_txt_name span{
		margin-left: auto;
		font-size: 10px;
		display: block
	}
	.single_head_ttl{
		font-size: 16px;
		padding: 15px;
		background: #f8f8f8;
		margin-bottom: 15px;
	}
	.single_header_answer{
		padding: 10px;
		border: 2px solid #0098d9;
		font-size: 15px;
	}
	.lower_wrap_col02{
		margin-top: 20px;
	}
	.single_post_navigation_next,
	.single_post_navigation_prev{
		display: none;
	}
	.single_post_navigation_home{
		margin: 0 auto;
	}
}

@media screen and (max-width:450px) {
	.lower_column_info_list_ttl{
		width: 100%;
		margin-top: 10px;
	}
	.lower_column_info_list{
		margin-bottom: 15px;
	}
}
@media screen and (max-width:380px) {
	/*MV SLIDE TXT*/
	.mv_overlay_wrap h3{
		font-size: 12px;
	}
	.mv_main_ttl_en{
		letter-spacing: 0.01em;
	}
	.mv_main_ttl_en img{
		display: block;
		width: 100px;
		position: absolute;
		bottom: -20px;
		right: calc( 50% - 120px );
	}
	.mv_main_ttl_jp{
		font-size: 13px;
		width: 100%;
		letter-spacing: 0.05em;
	}
	header:after{
		height: 60px;
	}
	header.header_fixed:after{
		height: 50px;
	}
	header{
		padding: 15px 10px 15px;
	}
	header.header_fixed{
		padding: 10px 10px 10px;
	}
	.sp_nav_btn_1_square{
		width: 50px;
		height: 50px;
		background: #323232;
		position: fixed;
		top: 5px;
		right: 5px;
		z-index: 1001;
		transition: 0.2s;
	}
	.sp_nav_btn_1_square.header_fixed{
		top: 0;
		right: 0;
	}
	h1 a,
	h1 a img,
	h1 a:after{
		margin-top: 0;
		width: 180px;
	}
	.footer_contact_desc{
		font-size: 11px;
		letter-spacing: 0;
		text-align: left
	}
	.footer_contact_desc .hide{
		display: none
	}
}
/*loading*/
.loading_bl{
	width: 100%;
	height: 100vh;
}
.loading_bl.is_shown{
	height: 0;
	width: 0;
	display: none;
}
.loading_wrap {
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	position: fixed;
	z-index: 1000;
	overflow: hidden;
	transition: 0;
	color: #004199;
	transition-delay: 0.2s;
	transition-duration: 0.3s; 
}
.loading_wrap_bg{
	position: fixed;
	right: 0;
	width: 100%;
	height: 100%;
}
.loading_wrap_bg > div{
	position: absolute;
	height: 50%;
	width: 100%;
	transition-delay: 0.1s;
	transition-duration: 0.3s;
}
.loading_wrap_bg > div:nth-child(1){
	top: 0;
	left: 0;
	
	background: #f80000;
}
.loading_wrap_bg > div:nth-child(2){
	bottom: 0;
	right: 0;
	
	background: #f80000;
}
.loading_wrap.is_shown .loading_wrap_bg > div:nth-child(1),
.loading_wrap.is_shown .loading_wrap_bg > div:nth-child(2){
	width: 0;
}
.loading_wrap.is_shown{
	visibility: hidden;
	opacity: 0;
}
.loading_wrap.is_shown:before{
	content: "";
	position: fixed;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: #f80000;
}
.loading_wrap.is_shown:before{
	display: none;
}
.loading_wrap_logo{
	position: absolute;
    top: calc( 50% - 70px );
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 100;
	width: 100%;
	transition: 0.4s;
	text-align: center;
}
.loading_wrap.is_shown .loading_wrap_logo{
    top: calc( 50% - 150px );
}
.loading_wrap_logo span{
	width: 130px;
	display: block;
	margin: -30px auto 0;
}
.loading_wrap_logo span.small{
	font-size: 14px;
	line-height: 1em;
}
#loader{
//	border: solid;  /*to test position*/
  width: 95px;
  height: 10px;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  z-index: 100;
	transition: 0.4s;
}
.loading_wrap.is_shown #loader{
  top: calc( 50% - 80px );
}
#loader div{
  height: 10px;
  width: 10px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: animate 1.4s ease infinite;
}


#loader div:nth-child(2) {
  margin-left: 15px;
  -webkit-animation-delay: .08s;
}

#loader div:nth-child(3) {
  margin-left: 30px;
  -webkit-animation-delay: .16s;
}

#loader div:nth-child(4) {
  margin-left: 45px;
  -webkit-animation-delay: .24s;
}

#loader div:nth-child(5) {
  margin-left: 60px;
  -webkit-animation-delay: .32s;
}

#loader div:nth-child(6) {
  margin-left: 75px;
  -webkit-animation-delay: .40s;
}

@-webkit-keyframes animate {
  0%{left: 0px; top: 0px;}
  5%{left: -1px; top: 2px; width: 12px; height: 8px; -webkit-filter: blur(0.1px);}
  10%{left: -1px; top: 2px; width: 11px; height: 9px; -webkit-filter: blur(0.1px);} 
  /*halfway up*/
  15%{left: 1px; top: -8px; width: 9px; height: 11px; -webkit-filter: blur(0.3px);} 
  /*top*/
  22%{left: 0px; top: -17px; width: 10px; height: 10px; -webkit-filter: blur(0.2px);} 
  /*halfway down*/
  29%{left: 1px; top: -8px; width: 9px; height: 11px; -webkit-filter: blur(0.3px);} 
  /*bottom*/
  34%{left: 1px; top: 0px;  width: 9px; height: 11px; -webkit-filter: blur(0.2px);}
  /*elastic bottom*/
  40%{left: -1px; top: 2px; width: 11px; height: 9px; -webkit-filter: blur(0.1px);} 
  /*end*/
  43%{left: 0px; top: 0px; width: 10px; height: 10px;-webkit-filter: blur(0px)} 
  100%{left: 0px; top: 0px;}
}


@media print {
	.loading_wrap{
		display: none
	}
	header{
		display: none;
	}
	*{
		opacity: 1 !important;
		visibility: visible !important
	}
body:after {
    display: none
}
body {
    -webkit-print-color-adjust: exact;
}
header {
    background-color: #fff!important;
}
}@page { size: A4 } /* A4縦 */
@page { size: A4 landscape} /* A4横 */

/*LOADING*/
.loadingWrap {
	width: 100%;/*100%で全画面表示*/
	height: 100%;/*100%で全画面表示*/
	background: #FFF;/*背景色*/
	position: fixed;
	top: 0;/*画面上部からの位置*/
	left: 0;/*画面左部からの位置*/
	z-index: 9999;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
.loading_logo{
	position: absolute;
    top: calc( 50% - 80px );
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    max-width: 210px;
}
.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 56px;
	height: 56px;
	margin: -28px 0 0 -28px;
}
.loading .spinner {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 52px;
	height: 52px;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}
.loading .mask {
	width: 24px;
	height: 24px;
	overflow: hidden;
}
.loading .maskedCircle {
	width: 40px;
	height: 40px;
	border-radius: 24px;
	border: 4px solid #0081c4;
}
/*TEL*/
.tel_link{
	pointer-events: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tel_link{
		pointer-events: none;
	}
}
@media screen and (max-width:480px) {
	.tel_link{
		pointer-events: auto;
	}
}
.contact_wrap{
	margin-top: 30px;
}
.contact_wrap > *{
	margin-bottom: 40px;
}
.contact_wrap > *:last-child{
	margin-bottom: 0;
}
.radia_contact_type input{
	display: none;
}
.radia_contact_type label {
	display: block;
	width: 25%;
	background: #f8f8f8;
	padding: 15px 5px;
	font-weight: bold;
	background: #f8f8f8;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	display: block;
	font-weight: bold;
	position: relative;
	padding-left: 37px;
	transition: 0.3s;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 0;
}
.radia_contact_type {
	border-left: 1px solid #dddddd;
}
.radia_contact_type label {
	border-right: 1px solid #dddddd;
}
.radia_contact_type label i{
	content: "";
	display: block;
	color: #a8a8a8;
	position: absolute;
	top: 19px;
	left: 17px;
	font-size: 18px;
}
.radia_contact_type input:checked + label {
	background: #e61e19;
	color: #FFF;
}
.radia_contact_type input:checked + label i{
	color: #FFF;
}
.contact_ttl{
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	line-height: 1.8em;
}
.required{
	font-size: 10px;
	background: #f00000;
	display: inline-block;
	padding: 3px 10px;
	line-height: 1.4em;
	color: #FFF;
	border-radius: 3px;
	margin-left: 15px;
}
.any{
	font-size: 10px;
	background: #f0f0f0;
	display: inline-block;
	padding: 3px 10px;
	line-height: 1.4em;
	border-radius: 3px;
	margin-left: 15px;
	border: 1px solid #dddddd;
}
/*-------------------------------------------------------------------------
CONTACTFORM form_3
----------------------------------------------------------------*/
.form_3{
  width: 100%;
  padding-left: 100px;
  border-collapse: collapse;
}
.form_3 th,
.form_3 td {
	position: relative;
    text-align: left;
    vertical-align: top;
    padding: 15px 0 15px 20px;
	border-top: 1px dotted #dddddd;
	vertical-align: middle;
}
.form_3 th{
	background: #f8f8f8;
}
.form_3 tr:last-child th,
.form_3 tr:last-child td{
	border-bottom: 1px dotted #dddddd;
}
.form_3 th h2{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.form_3 th{
	width: 250px;
}
.form_3 th{
	padding-right: 10px;
}
.form_3 .fix-txt{
	margin-top: 30px;
	line-height: 1.8em;
}
.form_3 .fix-txt a{
	display: block;
	line-height: 1.8em;
	color: #4e4d4d;
	font-size: 25px;
	margin-top: 40px;
}
.form_3 .fix-txt a i{
	color: #FFAB00;
}
.form_3 .fix-title{
	font-size: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
}
/*---formDesign---*/
.form_3 input[type="text"], 
.form_3 input[type="submit"],
.form_3 input[type="tel"],
.form_3 input[type="search"],
.form_3 input[type="email"],
.form_3 input[type="mail"],
.form_3 input[type="password"],
.form_3 textarea, 
.form_3 button,
.form_3 select{
  outline: 0;
  width: 100%;
  padding: 15px;
  margin: 5px auto;
  outline: 0;
  border: 1px solid #DDDDDD;
  font-size: 16px;
  line-height: 1.2em;
  background: #FFF;
 }
input[type="file"]{
  padding: 15px;
  margin: 5px auto;
  outline: 0;
}
.form_3 .satsusu > div{
	width: 200px;
	float: left;
}
.form_3 .satsusu span{
	display: block;
	width: 20px;
	float: left;
	margin: 20px 10px;
}
.form_3 textarea{
	height: 10em;
}
.form_3 input[type="text"]:focus,
.form_3 input[type="tel"]:focus,
.form_3 select:focus,
.form_3 textarea:focus{
  border-color: #0096e5;
  }
  
/*---selectBox---*/
.form_3 select {
  width: 100%;
  padding: 15px;
  margin: 5px auto;
  background-image: url(form/img/arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
  vertical-align: middle;
  border: 1px solid #DDDDDD;
  }
  .book,.seminor{
	  display: none
  }
  .book.block{
	  display: table-row;
  }
  .seminor.block{
	  display: table-row;
  }
  .select_wrap{
	position: relative;
}
.select_wrap:after{
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	transform: rotate(45deg);
	position: absolute;
	top: calc( 50% - 6px );
	right: 20px;
	z-index: 1;
}
.page_content_inner_head {
  position: relative;
  padding: 20px 30px;
  background: #f8f8f8;
  margin-bottom: 80px;
  border-radius: 5px
}

.page_content_inner_head:after {
  content: "";
  display: block;
  height: 70%;
  width: 1px;
  background: #dddddd;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.page_content_inner_head>div {
  width: 48%
}

.page_content_inner_head>div:first-child {
  margin-right: 4%
}

.page_content_inner_head>div p {
  margin-bottom: 0
}

.page_content_inner_head h3 {
  margin-bottom: 5px
}

.page_content_inner_head p span {
  display: block;
  font-weight: bold
}
.contact_btn_tel a{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 30px;
	font-style: italic;
	line-height: 30px;
}
.contact_btn_tel a i{
	font-size: 30px;
}
.page_content_inner_head p{
	text-align: center;
	line-height: 1.4em;
}
.radio_magazine input{
	display: none;
}
.radio_magazine label {
	display: block;
	font-weight: bold;
	display: block;
	font-weight: bold;
	position: relative;
	padding-left: 26px;
	transition: 0.3s;
	cursor: pointer;
	letter-spacing: 0;
	margin-right: 15px;
}
.radio_magazine label i{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 22px;
	color: #a8a8a8;
}
.radio_magazine input:checked + label {
}
.radio_magazine input:checked + label i{
	color: #e61e19;
}
/*PRIVACY*/

.privacy_chack{
	margin-bottom: 30px;
}
.lower_privacy_content_inner{
	background: #FFF;
	font-weight: normal
}
.contact_privecy_address{
	font-style: normal
}
.lower_privacy_content_inner.lower_contact_privacy{
	padding: 10px;
	text-align: left;
	height: 300px;
	overflow-y: scroll;
	margin: 10px auto 20px;
	border: 1px solid #dddddd;
	font-size: 13px;
}
.lower_contact_privacy_ttl{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold
}
.lower_privacy_content_inner{
	text-align: left
}
.lower_contact_privacy p{
	font-size: 13px;
	line-height: 2em;
}
.lower_contact_privacy dl{
	margin-bottom: 20px;
	line-height: 2em;
	font-size: 13px;
}
.lower_contact_privacy dt{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold
}
.lower_contact_privacy dl ul li{
	padding-left: 30px;
	position: relative;
}
.lower_contact_privacy dl ul li:after{
	content: "(1)";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
}
.table_type02_list_no{
	margin-bottom: 0;
}
.lower_contact_privacy dl ul li:nth-child(2):after{
	content: "(2)";
}
.lower_contact_privacy dl ul li:nth-child(3):after{
	content: "(3)";
}
.lower_contact_privacy dl ul li:nth-child(4):after{
	content: "(4)";
}
.lower_contact_privacy dl ul li:nth-child(5):after{
	content: "(5)";
}
.lower_contact_privacy dl ul li:nth-child(6):after{
	content: "(6)";
}
.lower_contact_privacy dl ul li:nth-child(7):after{
	content: "(7)";
}
.lower_contact_privacy dl ul li:nth-child(8):after{
	content: "(8)";
}
.lower_contact_privacy dl ul li:nth-child(9):after{
	content: "(9)";
}
.lower_contact_privacy dl ul li:nth-child(10):after{
	content: "(10)";
}
.contact_privecy_address{
	font-style: normal;
	line-height: 2em;
	font-size: 13px;
}
/*LOWER*/
.header_low{
	padding: 8px 10px;
	border-bottom: 1px solid #eeeeee;
	background: #F5F9FC
}
.header_low a{
	font-size: 11px;
	color: #737373;
	font-weight: bold;
}
.lower_header{
	padding: 20px 0;
	text-align: center
}
.lower_ttl{
	font-size: 35px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	line-height: 1.8em;
}
/*PRIVACY CHECK*/
.check_box01_wrap{
	margin: 0 auto 10px;
	text-align: center
}
.check_box01_inner{
	padding: 15px 30px;
	background: #f8f8f8;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #dddddd;
}
/*CHECK BOX*/
.check_box01 input{
	display: none;
}
.check_box01{
	padding-left: 27px;
	position: relative;
}
.check_box01 span{
	font-weight: bold;
}
.check_box01 span:after{
	content:"\f096";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #ccc;
	font-size: 23px;
	position: absolute;
	top: -5px;
	left: 0;
}
.check_box01 span:before{
	content:"\f14a";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #e61e19;
	font-size: 23px;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 1;
	transition: 0.3s;
	opacity: 0;
}
.check_box01 input[type="checkbox"]:checked + span:before{
	opacity: 1;
}
/*CHECK BOX*/
.check_box_multi li{
	margin-right: 24px;
	margin-bottom: 5px;
}
.check_box02 input{
	display: none;
}
.check_box02{
	padding-left: 19px;
	font-size: 13px;
	position: relative;
	letter-spacing: 0em;
}
.check_box02 span:after{
	content:"\f096";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #ccc;
	font-size: 18px;
	position: absolute;
	top: -4px;
	left: 0;
}
.check_box02 span:before{
	content:"\f14a";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #e61e19;
	font-size: 18px;
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 1;
	transition: 0.3s;
	opacity: 0;
}
.check_box02 input[type="checkbox"]:checked + span:before{
	opacity: 1;
}
.contact_btn{
	margin: 50px auto 30px;
}
.contact_btn_inner{
	width: 270px;
	margin: 0 auto;
	position: relative;
}
.contact_btn_inner:before{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #1d95ff;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	z-index: 1;
}
.contact_btn_inner:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #000000;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	z-index: 0;
}
.contact_btn.contact_btn_back .contact_btn_inner:before{
	background: #818181;
}
.contact_btn.contact_btn_back .contact_btn_inner:after{
	background: #000000;
}
.contact_btn_inner:hover:before{
	width: 0;
}
.contact_btn a,
.contact_btn input{
	display: block;
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	font-family: 'Montserrat', sans-serif;
}
.contact_btn a{
	font-style: italic
}
.contact_btn a{
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.thanks_btn{
	margin-left: 0;
	max-width: 270px;
	margin-top: -20px;
}
.thanks_btn li{
	margin-left: 0;
	margin-right: auto;
}
.thanks_btn li:nth-child(1){
	margin-bottom: 20px;
}
.thanks_btn .contact_btn{
	margin-top: 0;
	margin-bottom: 0;
}

@media screen and (max-width:700px) {	
	.radia_contact_type label {
		width: calc( 50% - 5px );
		margin-bottom: 10px;
		border-left: 1px solid #dddddd;
	}
	.radia_contact_type {
		border: none
	}
	.form_3 th{
		width: 100%;
		display: block;
	}
	.form_3 td{
		width: 100%;
		display: block;
		padding: 10px 0 30px 0;
	}
	.form_3 tr:last-child td{
		border: none
	}
	.page_content_inner_head>div:nth-child(1) {
		margin-bottom: 10px;
	}
	.page_content_inner_head>div {
	  width: 100%
	}
	.page_content_inner_head:after {
		display: none;
	}

}

@media screen and (max-width:700px) {	
	.radia_contact_type label {
		width: 100%;
		margin-bottom: 10px;
		border-left: 1px solid #dddddd;
	}
}

.privacy_chack .error,
.form_3 .error{
	font-size: 11px;
	color: #f00000
}
.privacy_chack .error{
	text-align: center
}