@charset "UTF-8";

[id^="gallery-"] .gallery-item{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
[id^="gallery-"] .gallery-item img{
    border:0!important;
}

.clip-box-a {
    position: relative;
    padding: 15px 35px 15px 25px;
    background-color: #fff; /* ボックス背景色 */
    color: #555555; /* 文章色 */
    border: 1px solid #ccc; /* 枠線 */
    box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
    position: absolute;
    content: '';
    top: -15px;
    right: 10px;
    height: 55px;
    width: 15px;
    border: 3px solid #555555; /*クリップ色 */
    background-color: none;
    border-radius: 12px;
    box-shadow: 1px 1px 2px #999;
    transform: rotate(10deg);
    z-index: 1;
}
.clip-box-a::after {
    position: absolute;
    content: '';
    top: 0px;
    width: 10px; 
    right: 20px;
    border: solid 5px #fff; /*背景色と同じ色にする*/
    z-index: 2;
}

.lists,
.lists--odd {
    position: relative;
    display: inline-block;
    width: 10%;
    min-width: 280px;
    height: 280px;
}
.lists h2,
.lists--odd h2 {
    font-size: 12px;
    color: #fff;
    font-family: "Quattrocento Sans";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lists--odd h2 {
    color: #000;
}

.opacity_0{opacity:0;}
.opacity_1{opacity:0.1;}
.opacity_2{opacity:0.2;}
.opacity_3{opacity:0.3;}
.opacity_4{opacity:0.4;}
.opacity_5{opacity:0.5;}
.opacity_6{opacity:0.6;}
.opacity_7{opacity:0.7;}
.opacity_8{opacity:0.8;}
.opacity_9{opacity:0.9;}
.opacity_9{opacity:0.9;}
.opacity_1{opacity:1;}




.pentagon,
.hexagon,
.dodecagon,
.octagon,
.nonagon,
.decagon,
.pentadecagon,
.hexadecagon,
.octadecagon,
.icosagon {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pentagon .rect,
.hexagon .rect,
.dodecagon .rect,
.octagon .rect,
.nonagon .rect,
.decagon .rect,
.pentadecagon .rect,
.hexadecagon .rect,
.octadecagon .rect,
.icosagon .rect {
  background: #333;
  transform-origin: center center;
  box-sizing: border-box;
  border: 1px solid #333;
  border-left: none;
  border-right: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.lists--odd .rect {
  background: transparent;
}

.pentagon .rect {
  width: 72.6542528005%;
  height: 100%;
  border-top: none;
}
.pentagon .rect:nth-of-type(1) {
  transform: rotate(0deg);
}
.pentagon .rect:nth-of-type(2) {
  transform: rotate(72deg);
}
.pentagon .rect:nth-of-type(3) {
  transform: rotate(144deg);
}
.pentagon .rect:nth-of-type(4) {
  transform: rotate(216deg);
}
.pentagon .rect:nth-of-type(5) {
  transform: rotate(288deg);
}


.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}
.blog-card a {
    color: inherit;
}
.blog-card a:hover {
    color: #5ad67d;
}
.blog-card:hover .photo {
    transform: scale(1.3) rotate(3deg);
}
.blog-card .meta {
    position: relative;
    z-index: 0;
    height: 200px;
}
.blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
}
.blog-card .details,
.blog-card .details ul {
    margin: auto;
    padding: 0;
    list-style: none;
}
.blog-card .details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    margin: auto;
    transition: left 0.2s;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 0.9rem;
}
.blog-card .details a {
    -webkit-text-decoration: dotted underline;
            text-decoration: dotted underline;
}
.blog-card .details ul li {
    display: inline-block;
}
.blog-card .details .author:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}
.blog-card .details .date:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}
.blog-card .details .tags ul:before {
    font-family: FontAwesome;
    content: "";
    margin-right: 10px;
}
.blog-card .details .tags li {
    margin-right: 2px;
}
.blog-card .details .tags li:first-child {
    margin-left: -4px;
}
.blog-card .description {
    padding: 1rem;
    background: #fff;
    position: relative;
    z-index: 1;
}
.blog-card .description h1,
.blog-card .description h2 {
    font-family: Poppins, sans-serif;
}
.blog-card .description h1 {
    line-height: 1;
    margin: 0;
}
.blog-card .description h2 {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-top: 5px;
}
.blog-card .description .read-more {
    text-align: right;
}
.blog-card .description .read-more a {
    color: #5ad67d;
    display: inline-block;
    position: relative;
}
.blog-card .description .read-more a:after {
    content: "";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
    transition: margin 0.3s, opacity 0.3s;
}
.blog-card .description .read-more a:hover:after {
    margin-left: 5px;
    opacity: 1;
}
.blog-card p {
    position: relative;
    margin: 1rem 0 0;
}
.blog-card p:first-of-type {
    margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
    content: "";
    position: absolute;
    height: 5px;
    background: #5ad67d;
    width: 35px;
    top: -0.75rem;
    border-radius: 3px;
}
.blog-card:hover .details {
    left: 0%;
}

@media (min-width: 768px) {
    .blog-card {
        flex-direction: row;
    }
    .blog-card .meta {
        flex-basis: 40%;
        height: auto;
    }
    .blog-card .description {
        flex-basis: 60%;
    }
    .blog-card .description:before {
        transform: skewX(-3deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    .blog-card.alt {
        flex-direction: row-reverse;
    }
    .blog-card.alt .description:before {
        left: inherit;
        right: -10px;
        transform: skew(3deg);
    }
    .blog-card.alt .details {
        padding-left: 25px;
    }
}

table.pricing_rate{
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}
table.pricing_rate tr:last-child{
    border-bottom:solid 1px #ddd;
}
table.pricing_rate th{
    text-align: center;
    padding: 7px 0;
    border-right:solid 1px #ddd;
    border-left:solid 1px #ddd;
    width: 33%;
}
table.pricing_rate th.normal{
    background-color:#dddddd;
}
table.pricing_rate th.rich{
    background-color:#f5b932;
    color: white;
}
table.pricing_rate tr:nth-child(2) td{
    font-size: 30px;
}

table.pricing_rate td{
    text-align: center;
    padding: 7px 0;
    border-right:solid 1px #ddd;
    border-left:solid 1px #ddd;
    width: 33%;
}

table.pricing_rate td a{
    background-color: #25b327;
    color: white;
    padding:5px 20px;
    border-radius: 30px;
    font-weight: bold;
}

table.pricing_rate .popular{
    width: 33%;
}

table.pricing_rate th.popular{
    position: relative;
}

table.pricing_rate th.popular span.no1{
    position: absolute;
    top: -10px;
    left:50%;
    transform: translateX(-50%);
    background: #bdcc28;
    width: 50%;
    font-size: 10px;
    border-radius: 15px;
    line-height: 1;
    padding: 5px;
}

table.pricing_rate th.popular span.inner{
    position: absolute;
    color:white;
    background-color: #f34955;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 10px 0;
}



.flow {
	padding-left: 120px;
	position: relative;
}
.flow::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
}
.flow > li {
	position: relative;
}
.flow > li:not(:last-child) {
	margin-bottom: 8vh;
}
.flow > li .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 1;
}
.flow > li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #66d5e9;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flow > li dl {
	padding-left: 30px;
	position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}
.flow > li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #6b90db;
	border-radius: 50%;
	left: -4px;
}
.flow > li dl::after {
	width: 20px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
}
.flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(107,144,219);
	margin-bottom: 1vh;
}

.ribbon19-wrapper {
    display: block;
    position: relative;
    margin: 15px auto;
    min-height: 85px;
    background: #f1f1f1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
}

.ribbon19-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    }

.ribbon19 {
    display: inline-block;
    position: absolute;
    padding: 5px 0;
    left: -24px;
    top: 20px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #39c3d4;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 2px rgb(57, 195, 212);
    border-top: dashed 1px rgba(255, 255, 255, 0.65);
    border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
}

.image-trim-fixed,
.image-trim-high,
.image-trim-thin,
.image-trim-wide,
.image-trim-square,
.image-trim {
    position: relative;
    overflow: hidden;
}
.image-trim-thin {padding-top: 25%!important;}
.image-trim-wide {padding-top: 40%!important;}
.image-trim {padding-top: 60%!important;}
.image-trim-square {padding-top: 100%!important;}
.image-trim-high {padding-top: 200%!important;}
.image-trim-fixed {padding-top: 100vh!important;}

.image-trim-fixed img,
.image-trim-thin img,
.image-trim-wide img,
.image-trim-high img,
.image-trim-square img,
.image-trim img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.page-numbers {
    display: flex;
    align-items:center;
    justify-content: center;
    width:32px;
    height:29px;
    padding-bottom: 3px;
    box-sizing: border-box;
    color : #555555;
    /* margin-left: 0.1rem;
    margin-right: 0.1rem; */
    font-size:1.2rem;
    border-bottom:1px solid #555555;
}
.page-numbers.current {
    border-bottom:3px solid #497943;
    padding-bottom: 0px;
}
.prev.page-numbers,
.next.page-numbers {
    background: transparent;
    width:auto;
    height:auto;

}

 

.note_wrap{
    background: #fff;
    padding: 1em 2em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.7); */
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.7);
    position:relative;
}
.note_wrap::before,.note_wrap::after{
    content:"";
    position: absolute;
    bottom:0;
    right:0;
    border-width:0rem;
    border-style: solid;
    transition:0.5s;
}
.note_wrap::before{
    border-top-color:rgb(245,245,245);
    border-left-color:rgb(245,245,245);
    border-right-color:rgba(0,0,0,0);
    border-bottom-color:rgba(0,0,0,0);
}
.note_wrap::after{
    border-top-color:rgb(235,235,235);
    border-left-color:rgb(235,235,235);
    border-right-color:rgba(0,0,0,0);
    border-bottom-color:rgba(0,0,0,0);
    transform: rotate(180deg);
}

.note_wrap:hover::before,.note_wrap:hover::after{
	transition: 0.5s;
    border-width:1.25rem;
}



.wf-kokoro { font-family: "Kokoro"; }
.note{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 50%,
            #ffff 50%,
            #ffff 50%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 97%,
            #999 97%,
            #999 100%
        );
        background-size:
            8px 100%,
            100% 2em;
        line-height:2;
}
.note_paragraph{
    margin-bottom:2em;
}

.skew_left_light {
    background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
    background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
}
.skew_left_light .img_wrap {
    transform:skewX(-10deg);
    left:-40%;
}
.skew_left_light .text_wrap {
    transform:skewX(-10deg);
    right:-1.5rem;
}
.skew_left_light .img_wrap .wrap_child ,
.skew_left_light .text_wrap .wrap_child {
    transform:skewX(10deg);
}
.skew_left_blue {
    background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
    background-image:linear-gradient(290deg , #00578c 70% ,white 70% );
}
.skew_left_blue .img_wrap {
    transform:skewX(-10deg);
    left:-40%;
}
.skew_left_blue .text_wrap {
    transform:skewX(-10deg);
    right:-1.5rem;
}
.skew_left_blue .img_wrap .wrap_child ,
.skew_left_blue .text_wrap .wrap_child {
    transform:skewX(10deg);
}
.skew_right_light {
    background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
    background-image:linear-gradient(70deg , rgba(200,200,200,0.2) 70% ,white 70% );
}
.skew_right_light .img_wrap {
    transform:skewX(10deg);
    right:-40%;
}
.skew_right_light .text_wrap {
    transform:skewX(10deg);
    left:-1.5rem;
}
.skew_right_light .img_wrap .wrap_child ,
.skew_right_light .text_wrap .wrap_child {
    transform:skewX(-10deg);
}

.skew_right_blue {
    background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
    background-image:linear-gradient(70deg , #00578c 70% ,white 70% );
}
.skew_right_blue .img_wrap {
    transform:skewX(10deg);
    right:-60%;
}
.skew_right_blue .text_wrap {
    transform:skewX(10deg);
    left:-1.5rem;
}
.skew_right_blue .img_wrap .wrap_child ,
.skew_right_blue .text_wrap .wrap_child {
    transform:skewX(-10deg);
}

.skew_left_light {
    background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
    background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
}

.skew_flex_left_light .img_wrap{
    transform: skewX(10px);
    left:-20%;
}
.bg-fixed{background-attachment: fixed;}
.bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
.bg-position{background-position: center center;}
.bg-size-contain{background-size: contain;}
.bg-size-cover{background-size: cover;}
.bg-size-100{background-size: 100%;}
.bg-repeat{background-repeat:no-repeat;}
.bg_image_none{background-image: none;}

.position_static{position: static!important;}
.position_relative{position: relative!important;}
.position_absolute{position: absolute!important;}
.position_fixed{position: fixed!important;}
.position_left_top{left:0!important;top:0!important}
.position_left_bottom{left:0!important;bottom:0!important}
.position_right_top{right:0!important;top:0!important}
.position_right_bottom{right:0!important;bottom:0!important}
.position_center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
.position_left_center{left:0!important;top:50%!important;transform:translateY(-50%)!important;}
.position_right_center{right:0!important;top:50%!important;transform:translateY(-50%)!important;}
.position_center_top{left:50%!important;top:0!important;transform:translateX(-50%)!important;}
.position_center_bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;}
.translata_x_0{transform:translate(-0%,-50%)!important}
.translata_y_0{transform:translate(-50%,-0%)!important}
.translata_x_50{transform:translateX(-50%)!important}
.translata_y_50{transform:translateY(-50%)!important}

.flex_direction_row{flex-direction:row!important;}
.flex_direction_row_reverse	{flex-direction:row-reverse!important;}
.flex_direction_column{flex-direction:column!important;}
.flex_direction_column_reverse	{flex-direction:column-reverse!important;}

.left_up{left:-2rem!important;top:-2rem!important}
.left_down{left:-2rem!important;top:2rem!important}
.right_up{right:-2rem!important;top:-2rem!important}
.right_down{right:-2rem!important;top:2rem!important}
.left_only{left:-2rem!important;}
.top_only{top:-2rem!important}
.right_only{right:-2rem!important;}
.bottom_only{bottom:-2rem!important;}
.small_left_up{left:-1rem!important;top:-1rem!important}
.small_left_down{left:-1rem!important;top:1rem!important}
.small_right_up{right:-1rem!important;top:-1rem!important}
.small_right_down{right:-1rem!important;top:1rem!important}
.small_left_only{left:-1rem!important;}
.small_top_only{top:-1rem!important}
.mini_top_only{top:-0.5rem!important}
.small_right_only{right:-1rem!important;}
.small_bottom_only{bottom:-1rem!important;}

.hamburger_slide_from_left{
    width:100%;
    left: 0!important;
}

.border_width0{border-width:0px!important}
.border_width1{border-width:1px!important}
.border_width2{border-width:2px!important}
.border_width3{border-width:3px!important}
.border_width4{border-width:4px!important}
.border_width5{border-width:5px!important}
.border_width6{border-width:6px!important}
.border_width7{border-width:7px!important}
.border_width8{border-width:8px!important}
.border_width9{border-width:9px!important}
.border_width10{border-width:10px!important}

@media screen and (min-width:568px){
    .sm_position_static{position: static!important;}
    .sm_position_relative{position: relative!important;}
    .sm_position_absolute{position: absolute!important;}
    .sm_position_fixed{position: fixed!important;}
    .sm_position_left_top{left:0!important;top:0!important}
    .sm_position_left_bottom{left:0!important;bottom:0!important}
    .sm_position_right_top{right:0!important;top:0!important}
    .sm_position_right_bottom{right:0!important;bottom:0!important}
    .sm_position_center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
    .sm_position_left_center{left:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .sm_position_right_center{right:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .sm_position_center_top{left:50%!important;top:0!important;transform:translateX(-50%)!important;}
    .sm_position_center_bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;}
    .sm_translata_x_0{transform:translate(-0%,-50%)!important}
    .sm_translata_y_0{transform:translate(-50%,-0%)!important}
    .sm_translata_x_50{transform:translateX(-50%)!important}
    .sm_translata_y_50{transform:translateY(-50%)!important}
    .sm_flex_direction_row{flex-direction:row!important;}
    .sm_flex_direction_row_reverse{flex-direction:row-reverse!important;}
    .sm_flex_direction_column{flex-direction:column!important;}
    .sm_flex_direction_column_reverse{flex-direction:column-reverse!important;}
    .sm_border_width0{border-width:0px!important}
    .sm_border_width1{border-width:1px!important}
    .sm_border_width2{border-width:2px!important}
    .sm_border_width3{border-width:3px!important}
    .sm_border_width4{border-width:4px!important}
    .sm_border_width5{border-width:5px!important}
    .sm_border_width6{border-width:6px!important}
    .sm_border_width7{border-width:7px!important}
    .sm_border_width8{border-width:8px!important}
    .sm_border_width9{border-width:9px!important}
    .sm_border_width10{border-width:10px!important}
    .sm_image-trim-thin {padding-top: 25%!important;}
    .sm_image-trim-wide {padding-top: 40%!important;}
    .sm_image-trim {padding-top: 60%!important;}
    .sm_image-trim-square {padding-top: 100%!important;}
    .sm_image-trim-high {padding-top: 200%!important;}
    .sm_image-trim-fixed {padding-top: 100vh!important;}
    .sm_opacity_0{opacity:0;}
    .sm_opacity_1{opacity:0.1;}
    .sm_opacity_2{opacity:0.2;}
    .sm_opacity_3{opacity:0.3;}
    .sm_opacity_4{opacity:0.4;}
    .sm_opacity_5{opacity:0.5;}
    .sm_opacity_6{opacity:0.6;}
    .sm_opacity_7{opacity:0.7;}
    .sm_opacity_8{opacity:0.8;}
    .sm_opacity_9{opacity:0.9;}
    .sm_opacity_9{opacity:0.9;}
    .sm_opacity_1{opacity:1;}


    .sm_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .sm_skew_left_light .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .sm_skew_left_light .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .sm_skew_left_light .img_wrap .wrap_child ,
    .sm_skew_left_light .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .sm_skew_left_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(290deg , #00578c 70% ,white 70% );
    }
    .sm_skew_left_blue .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .sm_skew_left_blue .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .sm_skew_left_blue .img_wrap .wrap_child ,
    .sm_skew_left_blue .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .sm_skew_right_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(70deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .sm_skew_right_light .img_wrap {
        transform:skewX(10deg);
        right:-40%;
    }
    .sm_skew_right_light .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .sm_skew_right_light .img_wrap .wrap_child ,
    .sm_skew_right_light .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .sm_skew_right_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(70deg , #00578c 70% ,white 70% );
    }
    .sm_skew_right_blue .img_wrap {
        transform:skewX(10deg);
        right:-60%;
    }
    .sm_skew_right_blue .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .sm_skew_right_blue .img_wrap .wrap_child ,
    .sm_skew_right_blue .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .sm_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .sm_skew_flex_left_light .img_wrap{
        transform: skewX(10px);
        left:-20%;
    }
    .sm_bg-fixed{background-attachment: fixed;}
    .sm_bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
    .sm_bg-position{background-position: center center;}
    .sm_bg-size-contain{background-size: contain;}
    .sm_bg-size-cover{background-size: cover;}
    .sm_bg-size-100{background-size: 100%;}
    .sm_bg-repeat{background-repeat:no-repeat;}
    .sm_bg_image_none{background-image: none;}
    .sm_left_up{left:-2rem!important;top:-2rem!important}
    .sm_left_down{left:-2rem!important;top:2rem!important}
    .sm_right_up{right:-2rem!important;top:-2rem!important}
    .sm_right_down{right:-2rem!important;top:2rem!important}
    .sm_left_only{left:-2rem!important;}
    .sm_top_only{top:-2rem!important}
    .sm_right_only{right:-2rem!important;}
    .sm_bottom_only{bottom:-2rem!important;}
    .sm_small_left_up{left:-1rem!important;top:-1rem!important}
    .sm_small_left_down{left:-1rem!important;top:1rem!important}
    .sm_small_right_up{right:-1rem!important;top:-1rem!important}
    .sm_small_right_down{right:-1rem!important;top:1rem!important}
    .sm_small_left_only{left:-1rem!important;}
    .sm_small_top_only{top:-1rem!important}
    .sm_small_right_only{right:-1rem!important;}
    .sm_small_bottom_only{bottom:-1rem!important;}
    .sm_d_grid{display:grid!important;}
    .sm_hamburger_slide_from_left{
        width:calc(100% - 6rem);
        left: 6rem!important;
    }

    .sm_hamburgeranime {
        width: 60px;
        height: 48px;
    }
    .sm_hamburgeranime span {
        height: 6px;
    }
    .sm_hamburgeranime.is_opend span.first {
        -webkit-transform: translateY(24px) rotate(-45deg);
        transform: translateY(24px) rotate(-45deg);
    }
    .sm_hamburgeranime.is_opend span.third {
        -webkit-transform: translateY(-18px) rotate(45deg);
        transform: translateY(-18px) rotate(45deg);
    }
    .sm_flow > li dl {padding-left: 70px;}
    .sm_flow > li dl::after {width: 50px;}
}

@media screen and (min-width:768px){
    .md_position_static{position: static!important;}
    .md_position_relative{position: relative!important;}
    .md_position_absolute{position: absolute!important;}
    .md_position_fixed{position: fixed!important;}
    .md_position_left_top{left:0!important;top:0!important}
    .md_position_left_bottom{left:0!important;bottom:0!important}
    .md_position_right_top{right:0!important;top:0!important} 
    .md_position_right_bottom{right:0!important;bottom:0!important;left:auto!important;top:auto!important;transform:translate(0%,0%)!important}
    .md_position_center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
    .md_position_left_center{left:50%!important;top:50%!important;transform:translateY(-50%)!important;}
    .md_position_right_center{right:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .md_position_center_top{left:50%!important;top:0!important;transform:translateX(-50%)!important;}
    .md_position_center_bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;}
    .md_translata_x_0{transform:translate(-0%,-50%)!important}
    .md_translata_y_0{transform:translate(-50%,-0%)!important}
    .md_translata_x_50{transform:translateX(-50%)!important}
    .md_translata_y_50{transform:translateY(-50%)!important}
    .md_flex_direction_row{flex-direction:row!important;}
    .md_flex_direction_row_reverse	{flex-direction:row-reverse!important;}
    .md_flex_direction_column{flex-direction:column!important;}
    .md_flex_direction_column_reverse{flex-direction:column-reverse!important;}
    .md_border_width0{border-width:0px!important}
    .md_border_width1{border-width:1px!important}
    .md_border_width2{border-width:2px!important}
    .md_border_width3{border-width:3px!important}
    .md_border_width4{border-width:4px!important}
    .md_border_width5{border-width:5px!important}
    .md_border_width6{border-width:6px!important}
    .md_border_width7{border-width:7px!important}
    .md_border_width8{border-width:8px!important}
    .md_border_width9{border-width:9px!important}
    .md_border_width10{border-width:10px!important}
    .md_image-trim-thin {padding-top: 25%!important;}
    .md_image-trim-wide {padding-top: 40%!important;}
    .md_image-trim {padding-top: 60%!important;}
    .md_image-trim-square {padding-top: 100%!important;}
    .md_image-trim-high {padding-top: 200%!important;}
    .md_image-trim-fixed {padding-top: 100vh!important;}
    .md_opacity_0{opacity:0;}
    .md_opacity_1{opacity:0.1;}
    .md_opacity_2{opacity:0.2;}
    .md_opacity_3{opacity:0.3;}
    .md_opacity_4{opacity:0.4;}
    .md_opacity_5{opacity:0.5;}
    .md_opacity_6{opacity:0.6;}
    .md_opacity_7{opacity:0.7;}
    .md_opacity_8{opacity:0.8;}
    .md_opacity_9{opacity:0.9;}
    .md_opacity_9{opacity:0.9;}
    .md_opacity_1{opacity:1;}

    .md_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .md_skew_left_light .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .md_skew_left_light .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .md_skew_left_light .img_wrap .wrap_child ,
    .md_skew_left_light .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .md_skew_left_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(290deg , #00578c 70% ,white 70% );
    }
    .md_skew_left_blue .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .md_skew_left_blue .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .md_skew_left_blue .img_wrap .wrap_child ,
    .md_skew_left_blue .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .md_skew_right_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(70deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .md_skew_right_light .img_wrap {
        transform:skewX(10deg);
        right:-40%;
    }
    .md_skew_right_light .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .md_skew_right_light .img_wrap .wrap_child ,
    .md_skew_right_light .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .md_skew_right_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(70deg , #00578c 70% ,white 70% );
    }
    .md_skew_right_blue .img_wrap {
        transform:skewX(10deg);
        right:-60%;
    }
    .md_skew_right_blue .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .md_skew_right_blue .img_wrap .wrap_child ,
    .md_skew_right_blue .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .md_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .md_skew_flex_left_light .img_wrap{
        transform: skewX(10px);
        left:-20%;
    }
    .md_bg-fixed{background-attachment: fixed;}
    .md_bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
    .md_bg-position{background-position: center center;}
    .md_bg-size-contain{background-size: contain;}
    .md_bg-size-cover{background-size: cover;}
    .md_bg-size-100{background-size: 100%;}
    .md_bg-repeat{background-repeat:no-repeat;}
    .md_bg_image_none{background-image: none;}
    .md_left_up{left:-2rem!important;top:-2rem!important}
    .md_left_down{left:-2rem!important;top:2rem!important}
    .md_right_up{right:-2rem!important;top:-2rem!important}
    .md_right_down{right:-2rem!important;top:2rem!important}
    .md_left_only{left:-2rem!important;}
    .md_top_only{top:-2rem!important}
    .md_right_only{right:-2rem!important;}
    .md_bottom_only{bottom:-2rem!important;}
    .md_small_left_up{left:-1rem!important;top:-1rem!important}
    .md_small_left_down{left:-1rem!important;top:1rem!important}
    .md_small_right_up{right:-1rem!important;top:-1rem!important}
    .md_small_right_down{right:-1rem!important;top:1rem!important}
    .md_small_left_only{left:-1rem!important;}
    .md_small_top_only{top:-1rem!important}
    .md_small_right_only{right:-1rem!important;}
    .md_small_bottom_only{bottom:-1rem!important;}
    .md_d_grid{display:grid!important;}
    .md_hamburger_slide_from_left{
        width:calc(100% - 6rem);
        left: 6rem!important;
    }
    .md_hamburgeranime {
        width: 60px;
        height: 48px;
    }
    .md_hamburgeranime span {
        height: 6px;
    }
    .md_hamburgeranime.is_opend span.first {
        -webkit-transform: translateY(24px) rotate(-45deg);
        transform: translateY(24px) rotate(-45deg);
    }
    .md_hamburgeranime.is_opend span.third {
        -webkit-transform: translateY(-18px) rotate(45deg);
        transform: translateY(-18px) rotate(45deg);
    }
    .md_flow > li dl {padding-left: 70px;}
    .md_flow > li dl::after {width: 50px;}



}

@media screen and (min-width:992px){
    .lg_position_static{position: static!important;}
    .lg_position_relative{position: relative!important;}
    .lg_position_absolute{position: absolute!important;}
    .lg_position_fixed{position: fixed!important;}
    .lg_position_left_top{left:0!important;top:0!important}
    .lg_position_left_bottom{left:0!important;bottom:0!important}
    .lg_position_right_top{right:0!important;top:0!important}
    .lg_position_right_bottom{right:0!important;bottom:0!important}
    .lg_position_center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
    .lg_position_left_center{left:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .lg_position_right_center{right:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .lg_position_center_top{left:50%!important;top:0!important;transform:translateX(-50%)!important;}
    .lg_position_center_bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;}
    .lg_translata_x_0{transform:translate(-0%,-50%)!important}
    .lg_translata_y_0{transform:translate(-50%,-0%)!important}
    .lg_translata_x_50{transform:translateX(-50%)!important}
    .lg_translata_y_50{transform:translateY(-50%)!important}
    .lg_flex_direction_row{flex-direction:row!important;}
    .lg_flex_direction_row_reverse{flex-direction:row-reverse!important;}
    .lg_flex_direction_column{flex-direction:column!important;}
    .lg_flex_direction_column_reverse{flex-direction:column-reverse!important;}
    .lg_border_width0{border-width:0px!important}
    .lg_border_width1{border-width:1px!important}
    .lg_border_width2{border-width:2px!important}
    .lg_border_width3{border-width:3px!important}
    .lg_border_width4{border-width:4px!important}
    .lg_border_width5{border-width:5px!important}
    .lg_border_width6{border-width:6px!important}
    .lg_border_width7{border-width:7px!important}
    .lg_border_width8{border-width:8px!important}
    .lg_border_width9{border-width:9px!important}
    .lg_border_width10{border-width:10px!important}
    .lg_image-trim-thin {padding-top: 25%!important;}
    .lg_image-trim-wide {padding-top: 40%!important;}
    .lg_image-trim {padding-top: 60%!important;}
    .lg_image-trim-square {padding-top: 100%!important;}
    .lg_image-trim-high {padding-top: 200%!important;}
    .lg_image-trim-fixed {padding-top: 100vh!important;}
    .lg_opacity_0{opacity:0;}
    .lg_opacity_1{opacity:0.1;}
    .lg_opacity_2{opacity:0.2;}
    .lg_opacity_3{opacity:0.3;}
    .lg_opacity_4{opacity:0.4;}
    .lg_opacity_5{opacity:0.5;}
    .lg_opacity_6{opacity:0.6;}
    .lg_opacity_7{opacity:0.7;}
    .lg_opacity_8{opacity:0.8;}
    .lg_opacity_9{opacity:0.9;}
    .lg_opacity_9{opacity:0.9;}
    .lg_opacity_1{opacity:1;}
        
    .lg_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .lg_skew_left_light .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .lg_skew_left_light .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .lg_skew_left_light .img_wrap .wrap_child ,
    .lg_skew_left_light .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .lg_skew_left_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(290deg , #00578c 70% ,white 70% );
    }
    .lg_skew_left_blue .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .lg_skew_left_blue .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .lg_skew_left_blue .img_wrap .wrap_child ,
    .lg_skew_left_blue .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .lg_skew_right_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(70deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .lg_skew_right_light .img_wrap {
        transform:skewX(10deg);
        right:-40%;
    }
    .lg_skew_right_light .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .lg_skew_right_light .img_wrap .wrap_child ,
    .lg_skew_right_light .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .lg_skew_right_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(70deg , #00578c 70% ,white 70% );
    }
    .lg_skew_right_blue .img_wrap {
        transform:skewX(10deg);
        right:-60%;
    }
    .lg_skew_right_blue .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .lg_skew_right_blue .img_wrap .wrap_child ,
    .lg_skew_right_blue .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .lg_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .lg_skew_flex_left_light .img_wrap{
        transform: skewX(10px);
        left:-20%;
    }    
    .lg_bg-fixed{background-attachment: fixed;}
    .lg_bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
    .lg_bg-position{background-position: center center;}
    .lg_bg-size-contain{background-size: contain;}
    .lg_bg-size-cover{background-size: cover;}
    .lg_bg-size-100{background-size: 100%;}
    .lg_bg-repeat{background-repeat:no-repeat;}
    .lg_bg_image_none{background-image: none;}
    .lg_left_up{left:-2rem!important;top:-2rem!important}
    .lg_left_down{left:-1rem!important;top:2rem!important}
    .lg_right_up{right:-2rem!important;top:-2rem!important}
    .lg_right_down{right:-2rem!important;top:2rem!important}
    .lg_left_only{left:-2rem!important;}
    .lg_top_only{top:-2rem!important}
    .lg_right_only{right:-2rem!important;}
    .lg_bottom_only{bottom:-2rem!important;}
    .lg_small_left_up{left:-1rem!important;top:-1rem!important}
    .lg_small_left_down{left:-1rem!important;top:1rem!important}
    .lg_small_right_up{right:-1rem!important;top:-1rem!important}
    .lg_small_right_down{right:-1rem!important;top:1rem!important}
    .lg_small_left_only{left:-1rem!important;}
    .lg_small_top_only{top:-1rem!important}
    .lg_small_right_only{right:-1rem!important;}
    .lg_small_bottom_only{bottom:-1rem!important;}
    .lg_d_grid{display:grid!important;}
    .lg_hamburger_slide_from_left{
        width:calc(100% - 6rem);
        left: 6rem!important;
    }

    .lg_hamburgeranime {
        width: 60px;
        height: 48px;
    }
    .lg_hamburgeranime span {
        height: 6px;
    }
    .lg_hamburgeranime.is_opend span.first {
        -webkit-transform: translateY(24px) rotate(-45deg);
        transform: translateY(24px) rotate(-45deg);
    }
    .lg_hamburgeranime.is_opend span.third {
        -webkit-transform: translateY(-18px) rotate(45deg);
        transform: translateY(-18px) rotate(45deg);
    }
    .lg_flow > li dl {padding-left: 70px;}
    .lg_flow > li dl::after {width: 50px;}


    
}
@media screen and (min-width:1200px){
    .xl_position_static{position: static!important;}
    .xl_position_relative{position: relative!important;}
    .xl_position_absolute{position: absolute!important;}
    .xl_position_fixed{position: fixed!important;}
    .xl_position_left_top{left:0!important;top:0!important}
    .xl_position_left_bottom{left:0!important;bottom:0!important}
    .xl_position_right_top{right:0!important;top:0!important}
    .xl_position_right_bottom{right:0!important;bottom:0!important}
    .xl_position_center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
    .xl_position_left_center{left:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .xl_position_right_center{right:0!important;top:50%!important;transform:translateY(-50%)!important;}
    .xl_position_center_top{left:50%!important;top:0!important;transform:translateX(-50%)!important;}
    .xl_position_center_bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;}    
    .xl_translata_x_0{transform:translate(-0%,-50%)!important}
    .xl_translata_y_0{transform:translate(-50%,-0%)!important}
    .xl_translata_x_50{transform:translateX(-50%)!important}
    .xl_translata_y_50{transform:translateY(-50%)!important}
    .xl_flex_direction_row{flex-direction:row!important;}
    .xl_flex_direction_row_reverse	{flex-direction:row-reverse!important;}
    .xl_flex_direction_column{flex-direction:column!important;}
    .xl_flex_direction_column_reverse{flex-direction:column-reverse!important;}
    .xl_border_width0{border-width:0px!important}
    .xl_border_width1{border-width:1px!important}
    .xl_border_width2{border-width:2px!important}
    .xl_border_width3{border-width:3px!important}
    .xl_border_width4{border-width:4px!important}
    .xl_border_width5{border-width:5px!important}
    .xl_border_width6{border-width:6px!important}
    .xl_border_width7{border-width:7px!important}
    .xl_border_width8{border-width:8px!important}
    .xl_border_width9{border-width:9px!important}
    .xl_border_width10{border-width:10px!important}
    .xl_image-trim-thin {padding-top: 25%!important;}
    .xl_image-trim-wide {padding-top: 40%!important;}
    .xl_image-trim {padding-top: 60%!important;}
    .xl_image-trim-square {padding-top: 100%!important;}
    .xl_image-trim-high {padding-top: 200%!important;}
    .xl_image-trim-fixed {padding-top: 100vh!important;}
    .xl_opacity_0{opacity:0;}
    .xl_opacity_1{opacity:0.1;}
    .xl_opacity_2{opacity:0.2;}
    .xl_opacity_3{opacity:0.3;}
    .xl_opacity_4{opacity:0.4;}
    .xl_opacity_5{opacity:0.5;}
    .xl_opacity_6{opacity:0.6;}
    .xl_opacity_7{opacity:0.7;}
    .xl_opacity_8{opacity:0.8;}
    .xl_opacity_9{opacity:0.9;}
    .xl_opacity_9{opacity:0.9;}
    .xl_opacity_1{opacity:1;}
            
    .xl_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .xl_skew_left_light .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .xl_skew_left_light .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .xl_skew_left_light .img_wrap .wrap_child ,
    .xl_skew_left_light .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .xl_skew_left_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(290deg , #00578c 70% ,white 70% );
    }
    .xl_skew_left_blue .img_wrap {
        transform:skewX(-10deg);
        left:-40%;
    }
    .xl_skew_left_blue .text_wrap {
        transform:skewX(-10deg);
        right:-1.5rem;
    }
    .xl_skew_left_blue .img_wrap .wrap_child ,
    .xl_skew_left_blue .text_wrap .wrap_child {
        transform:skewX(10deg);
    }
    .xl_skew_right_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(70deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .xl_skew_right_light .img_wrap {
        transform:skewX(10deg);
        right:-40%;
    }
    .xl_skew_right_light .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .xl_skew_right_light .img_wrap .wrap_child ,
    .xl_skew_right_light .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .xl_skew_right_blue {
        background-image:-webkit-linear-gradient(20deg , #00578c 70% ,white 70% );
        background-image:linear-gradient(70deg , #00578c 70% ,white 70% );
    }
    .xl_skew_right_blue .img_wrap {
        transform:skewX(10deg);
        right:-60%;
    }
    .xl_skew_right_blue .text_wrap {
        transform:skewX(10deg);
        left:-1.5rem;
    }
    .xl_skew_right_blue .img_wrap .wrap_child ,
    .xl_skew_right_blue .text_wrap .wrap_child {
        transform:skewX(-10deg);
    }
    .xl_skew_left_light {
        background-image:-webkit-linear-gradient(20deg , rgba(200,200,200,0.2) 70% ,white 70% );
        background-image:linear-gradient(290deg , rgba(200,200,200,0.2) 70% ,white 70% );
    }
    .xl_skew_flex_left_light .img_wrap{
        transform: skewX(10px);
        left:-20%;
    } 
    .xl_bg-fixed{background-attachment: fixed;}
    .xl_bg-normal-setting{background-repeat:no-repeat;background-position:center center;background-size: cover;}
    .xl_bg-position{background-position: center center;}
    .xl_bg-size-contain{background-size: contain;}
    .xl_bg-size-cover{background-size: cover;}
    .xl_bg-size-100{background-size: 100%;}
    .xl_bg-repeat{background-repeat:no-repeat;}
    .xl_bg_image_none{background-image: none;}
    .xl_left_up{left:-2rem!important;top:-2rem!important}
    .xl_left_down{left:-2rem!important;top:2rem!important}
    .xl_right_up{right:-2rem!important;top:-2rem!important}
    .xl_right_down{right:-2rem!important;top:2rem!important}
    .xl_left_only{left:-2rem!important;}
    .xl_top_only{top:-2rem!important}
    .xl_right_only{right:-2rem!important;}
    .xl_bottom_only{bottom:-2rem!important;}
    .xl_small_left_up{left:-1rem!important;top:-1rem!important}
    .xl_small_left_down{left:-1rem!important;top:1rem!important}
    .xl_small_right_up{right:-1rem!important;top:-1rem!important}
    .xl_small_right_down{right:-1rem!important;top:1rem!important}
    .xl_small_left_only{left:-1rem!important;}
    .xl_small_top_only{top:-1rem!important}
    .xl_small_right_only{right:-1rem!important;}
    .xl_small_bottom_only{bottom:-1rem!important;}
    .xl_d_grid{display:grid!important;}
    .xl_hamburger_slide_from_left{
        width:calc(100% - 6rem);
        left: 6rem!important;
    }
    .xl_hamburgeranime {
        width: 60px;
        height: 48px;
    }
    .xl_hamburgeranime span {
        height: 6px;
    }
    .xl_hamburgeranime.is_opend span.first {
        -webkit-transform: translateY(24px) rotate(-45deg);
        transform: translateY(24px) rotate(-45deg);
    }
    .xl_hamburgeranime.is_opend span.third {
        -webkit-transform: translateY(-18px) rotate(45deg);
        transform: translateY(-18px) rotate(45deg);
    }
    .xl_flow > li dl {padding-left: 70px;}
    .xl_flow > li dl::after {width: 50px;}

    
            
}