@charset "UTF-8";

/*  
Theme Name: WSC7
Theme URI: http://www.studiobrain.net/wsc
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
body{margin:0px;padding:0;-webkit-text-size-adjust: none;font:12px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
@media screen and (max-width: 480px) {h1,h2,h3,h4,h5,h6,p{margin: 0px 0px 0px 0px;}}
ul,ol{padding:0;margin:0 0 0px 0px;}
h1 {
text-align: center;
font-size:45px;
font-weight:bold;
font-family: "serif",serif;
margin: 70px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {h1{font-size:18px;margin: 20px 0px 20px 0px;padding: 0px 0px 0px 0px;}}

h3 {
	clear:both;
  position: relative;
  font-size:20px;
  line-height: 28px;
  border-bottom: 4px solid #ccc;
  margin:20px 0px 10px 0px;
}
h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #dc9934;
}
h3:first-letter {
  font-size: 2em;
  color: #ff9200;
}
@media screen and (max-width: 480px) {h3{font-size:16px;}}

h4 {
	clear:both;
  position: relative;
  font-size:20px;
  line-height: 28px;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
h4::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}
h4:first-letter {
  font-size: 2em;
  color: #7172ac;
}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;height:auto;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
a img{vertical-align:bottom;}
@media screen and (max-width: 480px) {a img {width: 100%;}}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{clear:both;background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
@media screen and (max-width: 480px) {hr{margin:20px 0px 20px 0px;}}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin:0 0 20px;}
object,embed{width:100%;margin:0 auto;display:block;margin:auto;}

/*wrap*/
#wrap{overflow: hidden;max-width:100%;margin:auto;text-align:left;clear:both;background-color:#fff;}
#wrap2{overflow: hidden;max-width:100%;margin:auto;text-align:left;clear:both;background-color:#fff;}
#main{text-align:left;overflow:hidden;padding:0px 0px 0px 0px;width:100%;float:left;font-size: 14px;}
@media screen and (max-width: 768px) {#main{margin:auto;display:block;float:none;width:auto;padding:20px 30px 10px 30px;}}
@media screen and (max-width: 480px) {#main{margin:auto;display:block;float:none;width:auto;padding:10px 20px 10px 20px;}}
#main2{text-align:left;overflow:hidden;padding:20px 0;width:100%;float:left;}
@media screen and (max-width: 920px) {#main2{max-width:640px;margin:auto;display:block;float:none;width:auto;padding:20px 10px;}}
#main-wide{float:left;text-align:left;overflow:hidden;padding:20px 0;background-color: #fff;max-width:900px;}
@media screen and (max-width: 920px) {#main-wide{width:100%;padding:20px 10px;}}
#main-liquid{width:100%;padding:20px 0;}
#box{max-width:1280px;margin:0px auto 0px auto;background-color:#fff;}
#page{width:80%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}
@media screen and (max-width: 480px) {#page{width:100%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}}

/*header*/
#header{max-width:1280px;margin:auto;overflow:hidden;background-color:#fff;}
#site-title{float: left;overflow: hidden;width:23%;height:auto;margin:15px 0px 20px 30px;padding:0px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-title{width:40%;margin:20px auto 0px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-title{float:none;width:50%;margin:0px auto 0px auto;padding:12px 10px 10px 20px;}}
#site-title a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-title a{float:left;margin:0 0px 0 0;}}
#site-title img{width:100%;}
@media screen and (max-width: 768px) {#site-title img{width:100%;}}
@media screen and (max-width: 480px) {#site-title img{width:100%;display: block;margin: auto;}}

#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:0px 0 0;padding:0;text-align:right;}
@media screen and (max-width: 920px) {#site-description{margin-right:10px;padding:0px 0px 0px 0px;font-size:10px;}}
@media screen and (max-width: 480px) {#site-description{text-align:center;margin-right:10px;padding:10px 0px 10px 0px;font-size:10px;line-height:12px;}}

#site-midashi{overflow: hidden;width:60%;height:auto;margin:0px auto 40px auto;;padding:30px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-midashi{width:100%;margin:20px auto 30px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-midashi{width:100%;margin:0px auto 30px auto;padding:10px 10px 10px 0px;}}
#site-midashi a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-midashi a{float:left;margin:0 10px 0 0;}}
#site-midashi img{width:100%;}

/*header-menu*/
#header .menu {margin:0px auto 0px auto;padding:0;float:right;clear:right;border-right:1px solid #eee;}
#header .menu ul{border-right:1px solid #eee;}
#header .menu li{float:left;margin:0px 0px 0px 0px;}
#header .menu li a{float:left;font-size:14px;line-height:15px;padding:10px 30px 8px 30px;text-decoration:none;border-left:1px solid #eee;}
#header .menu li:hover a{color:#fff;background-color:#f0a402;}
@media screen and (max-width: 480px) {#header .menu li a{float:left;font-size:14px;line-height:15px;padding:8px 10px;text-decoration:none;border-left:1px solid #eee;}}

.current-menu-item{background-color:#fff;}


/*top-image*/
#top-image{margin:0px auto 55px auto;height:auto;max-width:1280px;padding: 0px 0px 20px 0px;background-color:#fff;}
@media screen and (max-width: 768px) {#top-image{margin-top:0px;height:auto;}}
@media screen and (max-width: 570px) {#top-image{margin-top:10px;height:auto;}}
@media screen and (max-width: 480px) {#top-image{margin-top:0px;margin-bottom:0px;height:auto;padding: 0px 0px 0px 0px;}}
#top-image-wrap{margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#fff;}

/*breadcrumb*/
#breadcrumb{color:#666666;clear:both;font-size:10px;line-height:12px;padding:5px 0;max-width:960px;margin:auto;}
@media screen and (max-width:920px) {#breadcrumb{padding:10px;}}
#breadcrumb a{color:#666666;text-decoration:none;}

/*content*/
.hentry{padding:0;overflow:hidden;}
.hentry .pageTitle,
.hentry .pageTitle a{text-decoration:none;font-size:18px;line-height:22px;margin: 0px 0px 20px 0px;}
.hentry ul{margin-left:25px;padding-left:0px;}
.hentry ol{margin-left:30px;padding-left:0px;}
.hentry ul li{list-style-type:disc;}
.hentry ol li{list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:20px;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}

.nav {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.nav {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.nav {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.nav {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.global-nav{
overflow: hidden;
float: right;
width:64%;
margin: 0px 5px 15px 0px;
padding: 0px 0px 0px 0px;
background-color:#fff;
}
@media screen and (max-width: 480px) {.global-nav {width: 100%;margin: -5px auto 0px auto;padding: 0px 0px 0px 0px;}}

#page-inner-01 {
width: 80%;
margin: 20px auto 0px auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {#page-inner-01 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {#page-inner-01 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#page-inner-01 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}


/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面外にいる状態 */
.fadein1 {
    opacity : 0;
    transform : translateX(0, -50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein1.scrollin {
    opacity : 1;
    transform : translateX(0, 0);
    }
@media screen and (max-width: 480px) {.fadein1  {opacity : 1;transform : translate(0, 0px);}}


/*==================================================
ふわっ
===================================*/

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.9s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.9s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}


#single {
width: 80%;
margin: 20px auto 0px auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {#single {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {#single {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#single {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.b {
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.inner-01-txt-09{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.map{
clear:both;
overflow: hidden;
display: block;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
}
@media screen and (max-width: 1024px) {.map{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.map{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.map{top: 31%;width: 100%;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;}}


.class-map {
clear:both;
padding-bottom: 25.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0px 0px 30px 0px;
}
@media screen and (max-width: 480px) {.class-map{padding-top: 0px;padding-bottom: 51.25%;}}
 
.class-map iframe,
.class-map object,
.class-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




.global-nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.global-nav .menu li {
  position: relative;
}

.global-nav .menu li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.global-nav .menu li:hover > ul {
  display: block;
}

.global-nav .menu li ul li {
  width: 200px; /* サブメニューの幅を調整 */
}

.youtube {
  width: 75%;
  aspect-ratio: 16 / 9;
  margin: 10px auto 0px auto;
}
@media screen and (max-width: 480px) {.youtube {width: 100%;margin: 10px auto 30px auto;}}
.youtube iframe {
  width: 100%;
  height: 100%;
}




 /*================================================
 *  TOP
 ================================================*/

.top-inner-01 {
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-inner-01 {width: 100%;margin: 20px auto 0px auto;padding: 0px 0px 0px 0px;}}

.top-inner-02 {
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-inner-02 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.top-inner-03 {
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-inner-03 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.top-box-01{
width: 75%;
display:block;
overflow:hidden;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-02{
width: 90%;
display:block;
overflow:hidden;
margin: 55px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-02 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-03{
width: 75%;
display:block;
overflow:hidden;
margin: 55px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-03 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-04{
width: 90%;
display:block;
overflow:hidden;
margin: 20px auto 85px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-04 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-05{
width: 75%;
display:block;
overflow:hidden;
margin: 55px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-05 {width: 100%;margin: 25px 0px 40px 0px;padding: 0px 0px 0px 0px;}}


.catch-01 {
position: relative;
border-bottom: 3px solid #ff9200;
color: #333333;
text-align: center;
font-size: 40px;
font-weight: bold;
font-family: "serif",serif;
line-height: 50px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.catch-01 {font-size: 17px;line-height: 28px;margin: 0px 0px 15px 0px;padding: 10px 0px 0px 0px;}}

.catch-01::before {
position: absolute;
top: 0;
left: .3em;
transform: rotate(55deg);
height: 11px;
width: 12px;
background: #ff9200;
content: '';
}

.catch-01::after {
position: absolute;
transform: rotate(15deg);
top: .6em;
left: 0;
height: 8px;
width: 8px;
background: #ff9200;
content: '';
}

.top-txt00{
float: left;
color: #707070;
margin-bottom: 0px;
padding: 0px 30px 0px 30px;
font-size: 14px;
}
@media screen and (max-width: 1024px) {.top-txt00 {padding: 0px 0px 0px 10px;font-size: 14px;}}
@media screen and (max-width: 480px) {.top-txt00 {}}

.top-txt01{
overflow: hidden;
width: auto;
color: #6C7C84;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
}
@media screen and (max-width: 1024px) {.top-txt01 {width: 95%;padding: 0px 10px 0px 10px;font-size: 14px;line-height: 22px;}}
@media screen and (max-width: 480px) {.top-txt01 {}}
.top-txt01 a{text-decoration: none;}


.top-txt-01{
width: 100%;
font-family: "serif",serif;
font-weight:bold;
font-size:19px;
line-height: 44px;
text-align: left;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-txt-01 {text-align: left;width: 100%;font-size:14px;line-height: 28px;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;}}

.top-txt-02{
width: 50%;
font-size:22px;
font-weight:bold;
text-align: center;
line-height: 35px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-02 {width: 80%;font-size:16px;line-height: 28px;margin: 10px auto 10px auto;}}

.top-txt-03 {
    position: relative;
    font-size:25px;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #ff9200;
    color: #333333;
    text-align: center;
    width: 95%;
    margin: 0px auto 0px auto;
}
@media screen and (max-width: 480px) {.top-txt-03 {width: 95%;font-size:15px;line-height: 28px;margin: 0px auto 15px auto;}}

.top-txt-03::before,
.top-txt-03::after {
    position: absolute;
    left: 450px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.top-txt-03::before {
    background-color: #ff9200;
}

.top-txt-03::after {
    bottom: -11px;
    background-color: #fff;
}

.top-txt-04{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 45px;
margin: 35px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-04 {width: 95%;text-align: left;font-size:15px;line-height: 26px;margin: 20px auto 30px auto;}}

.top-txt-05 {
    display: inline-block;
    position: relative;
    color: #333;
    width: 100%;
    font-size:24px;
    text-align: center;
    margin: 35px auto 0px auto;
}
@media screen and (max-width: 480px) {.top-txt-05 {width: 100%;font-size:20px;line-height: 0px;margin: 10px auto 10px auto;}}

.top-txt-05:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #ff9200;
}

.top-txt-06{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 45px;
margin: 35px auto 20px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-06 {width: 95%;font-size:14px;line-height: 28px;margin: 10px auto 20px auto;}}

.top-txt-07 {
    position: relative;
    font-size:25px;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #ff9200;
    color: #333333;
    text-align: center;
    width: 95%;
    margin: -10px auto 0px auto;
}

.top-txt-07::before,
.top-txt-07::after {
    position: absolute;
    left: 615px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.top-txt-07::before {
    background-color: #ff9200;
}

.top-txt-07::after {
    bottom: -11px;
    background-color: #fff;
}

.top-txt-08{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 32px;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-08 {width: 80%;font-size:14px;line-height: 28px;margin: 10px auto 30px auto;}}

.top-img-01 {
float: left;
display:block;
overflow: hidden;
width: 45%;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.top-img-01 {float: none;width: 95%;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;}}
.top-img-01 img {width: 100%;}

.top-img-02 {
float: left;
display:block;
overflow: hidden;
width: 45%;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.top-img-02 {float: none;width: 95%;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;}}
.top-img-02 img {width: 100%;}

.top-img-03 {
display:block;
overflow: hidden;
width: 45%;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.top-img-03 {float: none;width: 95%;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;}}
.top-img-03 img {width: 100%;}

.top-img-04 {
display:block;
overflow: hidden;
width: 20%;
margin: 0px auto 0px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.top-img-04 {float: none;width: 57%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.top-img-04 img {width: 100%;}




/*================================================
 *pickup
 ================================================*/

.pickup-box-0 {
clear:both;
overflow: hidden;
display: block;
width: 90%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.pickup-box-0{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.pickup-box-1{
position: relative;
float: left;
width: 33%;
overflow:hidden;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.pickup-box-1 {float: left;width: 50%;height:175px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pickup-box-1 a{text-decoration: none;}
.pickup-box-1:hover{
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5);transform: translateY(-1px);cursor: pointer;border-radius: 5px;transition: box-shadow 0.2s ease-in-out;
}

.pickup-box-1:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.up-txt-1{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.up-txt-1{float: left;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.up-txt-1 img {width: 100%;}
.up-txt-1 a{text-decoration: none;}


.button01{
width: 75%;
display:block;
overflow:hidden;
font-weight:bold;
font-size:22px;
margin: 30px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.button01 {width: 65%;font-size:18px;margin: 25px auto 30px auto;padding: 0px 0px 0px 0px;}}

.button01 a {
    background: #ff9200;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
	font-weight:bold;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.button01 a:hover {
    background: #ffe0b7;
    color: #ff9200;
}
.button01 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button01 a:hover:after {
    border-color: #ff9200;
}










 /*================================================
 *  midashi
 ================================================*/

.midashi-box-01{
position: relative;
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.midashi-box-01 {width: 100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}

.midashi-img-01 {
display:block;
overflow: hidden;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.midashi-img-01 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.midashi-img-01 img {width: 100%;}


.midashi-txt-01{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size:24px;
color: #fff;
font-weight:bold;
line-height: 28px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.midashi-txt-01 {width: 100%;text-align: center;top: 48%;left: 50%;font-size:20px;}}

.midashi-txt-02{
position: absolute;
top: 62%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size:16px;
color: #fff;
font-weight:bold;
line-height: 28px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.midashi-txt-02 {width: 100%;text-align: center;top: 65%;left: 50%;font-size:11px;}}



/*================================================
 * product
 ================================================*/

.product-txt-0 {
width: 100%;
overflow: hidden;
display: block;
text-align: center;
font-size:35px;
line-height: 55px;
font-weight:bold;
color: #e69509;
margin: 20px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.product-txt-0 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-0 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-0 {width: 95%;font-size:20px;line-height: 30px;margin: 40px auto 10px auto;padding: 0px 0px 0px 0px;}}


.product-title-1{
float:none;
width: 83%;
font-size:20px;
text-align: center;
line-height: 35px;
color: #fff;
overflow: hidden;
margin: 50px auto 0px auto;
padding: 10px 10px 10px 10px;
background-color: #0c82b3;
border-radius: 15px 15px 0px 0px;
}
@media screen and (max-width: 480px) {.product-title-1{width: 95%;font-size:17px;line-height: 18px;margin: 20px auto 0px auto;padding: 10px 10px 10px 10px;}}

.product-title-2{
float:none;
width: 50%;
font-size:20px;
text-align: center;
line-height: 10px;
color: #00628C;
overflow: hidden;
margin: 50px auto 0px auto;
padding: 10px 10px 0px 10px;
}
@media screen and (max-width: 480px) {.product-title-2{width: 70%;font-size:17px;margin: 20px auto 5px auto;padding: 10px 10px 10px 10px;}}



h6 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
@media screen and (max-width: 480px) {h6{}}

h6:before, h6:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
@media screen and (max-width: 480px) {h6:before, h6:after{}}

h6:before {
  left:0;
}
@media screen and (max-width: 480px) {h6:before{}}
h6:after {
  right: 0;
}
@media screen and (max-width: 480px) {h6:after{}}

.product-txt-1 {
width: 80%;
overflow: hidden;
display: block;
text-align: center;
font-size:18px;
line-height: 35px;
font-weight:bold;
margin: 0px auto 30px auto;
padding: 10px 10px 10px 10px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 1024px) {.product-txt-1 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-1 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-1 {width: 95%;font-size:14px;line-height: 22px;margin: 0px auto 30px auto;padding: 10px 15px 10px 15px;}}

.product-txt-2 {
width: 80%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 0px auto 30px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 1024px) {.product-txt-2 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-2 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-2 {width: 90%;font-size:14px;line-height: 25px;margin: 0px auto 30px auto;padding: 20px 10px 20px 20px;}}

.product-txt-3 {
width: 80%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 0px auto 80px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 1024px) {.product-txt-3 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-3 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-3 {width: 95%;font-size:14px;line-height: 25px;margin: 0px auto 75px auto;padding: 10px 15px 10px 15px;}}


.product-img-1{
float:none;
width: 60%;
overflow: hidden;
margin: 20px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.product-img-1{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.product-img-1{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.product-img-1{width: 85%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.product-img-1 img {width: 100%;}

.product-img-2{
float:none;
width: 30%;
overflow: hidden;
margin: 20px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.product-img-2{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.product-img-2{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.product-img-2{width: 85%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.product-img-2 img {width: 100%;}



 /*================================================
 *  news
 ================================================*/
 
.news-box-0 {
width: 75%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-box-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-box-0{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.news-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.news-box-2 {
width: 90%;
overflow: hidden;
display: block;
margin: 50px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-box-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.news-box-3 {
width: 100%;
overflow: hidden;
display: block;
border-bottom: 1px solid #999;
margin: 50px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-box-3{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-box-3{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.news-txt-1{
float: left;
width: auto;
text-align: right;
font-size:14px;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.news-txt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.news-txt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.news-txt-1 {font-size:10px;line-height: 28px;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;}}

.news-txt-2{
float: right;
width: auto;
text-align: right;
font-size:14px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.news-txt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.news-txt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.news-txt-2 {font-size:10px;line-height: 28px;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;}}


.news-txt-3{
width: 100%;
font-size:14px;
line-height: 32px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.news-txt-3 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.news-txt-3 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.news-txt-3 {font-size:12px;line-height: 28px;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;}}


 /*================================================
 *  screen
 ================================================*/

.screen-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.screen-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.screen-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.screen-box-2 {
width: 101%;
overflow: hidden;
display: block;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.screen-box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.screen-box-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.heading-screen {
    position: relative;
    padding: 0px 0px 0px 29px;
    border-bottom: 3px solid #ff9200;
    color: #333333;
}
@media screen and (max-width: 480px) {.heading-screen {width: 100%;margin: 6px 0px 18px 0px;padding: 0px 0px 0px 29px;}}

.heading-screen::before,
.heading-screen::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-screen::before {
    background-color: #ff9200;
}

.heading-screen::after {
    bottom: -11px;
    background-color: #fff;
}

.screen-txt01 {
width: 95%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 18px auto 80px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 480px) {.screen-txt01 {width: 95%;font-size:14px;line-height: 25px;margin: 0px auto 25px auto;padding: 10px 15px 10px 15px;}}

.screen-txt02 {
width: 95%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 0px auto 0px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 480px) {.screen-txt02 {width: 95%;font-size:14px;line-height: 25px;margin: 0px auto 0px auto;padding: 10px 15px 10px 15px;}}


.screen-img-01{
float:left;
width: 34%;
overflow: hidden;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.screen-img-01{float:none;width: 85%;margin: 15px auto 15px auto;padding: 0px 12px 0px 0px;}}
.screen-img-01 img {width: 100%;}

.screen-img-02{
float:left;
width: 24%;
overflow: hidden;
margin: 20px 0px 20px 58px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.screen-img-02{float:none;width: 70%;margin: 15px auto 15px auto;padding: 0px 12px 0px 0px;}}
.screen-img-02 img {width: 100%;}

.screen-img-03{
float:right;
width: 30%;
overflow: hidden;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.screen-img-03{float:none;width: 80%;margin: 15px auto 15px auto;padding: 0px 12px 0px 0px;}}
.screen-img-03 img {width: 100%;}



 /*================================================
 *  sublimation
 ================================================*/

.sublimation-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-2 {
float: left;
width: 30%;
overflow: hidden;
display: block;
margin: 20px 50px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-2{width: 50%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-3 {
float: left;
width: 30%;
overflow: hidden;
display: block;
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-3{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-3{width: 50%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-4 {
float: right;
width: 30%;
overflow: hidden;
display: block;
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-4{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-4{width: 50%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-5 {
float: left;
width: 30%;
overflow: hidden;
display: block;
margin: 20px 50px 80px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-5{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-5{width: 50%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-6 {
float: left;
width: 30%;
overflow: hidden;
display: block;
margin: 20px 0px 80px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.sublimation-box-6{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.sublimation-box-6{width: 50%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.sublimation-box-2-1{
position: relative;
float: left;
width: 100%;
overflow:hidden;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.sublimation-box-2-1 {float: none;width: 97%;height:170px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.sublimation-box-2-1 a{text-decoration: none;}
.sublimation-box-2-1:hover{
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5);transform: translateY(-1px);cursor: pointer;border-radius: 5px;transition: box-shadow 0.2s ease-in-out;
}

.sublimation-box-2-1:before {
    content: "";
    display: block;
    padding-top: 100%;
}


.heading-sublimation {
    position: relative;
    padding: 0px 0px 0px 29px;
    border-bottom: 3px solid #ff9200;
    color: #333333;
}
@media screen and (max-width: 480px) {.heading-sublimation {width: 100%;margin: 6px 0px 18px 0px;padding: 0px 0px 0px 29px;}}

.heading-sublimation::before,
.heading-sublimation::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-sublimation::before {
    background-color: #ff9200;
}

.heading-sublimation::after {
    bottom: -11px;
    background-color: #fff;
}

.sublimation-txt01 {
width: 95%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 18px auto 80px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 480px) {.sublimation-txt01 {width: 95%;font-size:14px;line-height: 25px;margin: 0px auto 25px auto;padding: 10px 15px 10px 15px;}}

.sublimation-txt02 {
width: 95%;
overflow: hidden;
display: block;
text-align: left;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 18px auto 0px auto;
padding: 20px 25px 20px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 480px) {.sublimation-txt02 {width: 95%;font-size:14px;line-height: 25px;margin: 0px auto 25px auto;padding: 10px 15px 10px 15px;}}

.sublimation-txt03 {
width: 84%;
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
line-height: 30px;
font-weight:bold;
margin: 0px auto 0px auto;
padding: 10px 25px 10px 25px;
font-family: "serif",serif;
background-color: #f0f3f8;
border-radius: 0px 3px 3px 3px;
}
@media screen and (max-width: 480px) {.sublimation-txt03 {width: 80%;font-size:11px;line-height: 25px;margin: 0px auto 0px auto;padding: 10px 15px 10px 15px;}}


.sublimation-img-01{
width: 75%;
overflow: hidden;
margin: 20px auto 120px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.sublimation-img-01{width: 95%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.sublimation-img-01 img {width: 100%;}


 /*================================================
 *  works
 ================================================*/

.works-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.works-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.works-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.works-box-2 {
width: 100%;
overflow: hidden;
display: block;
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.works-box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.works-box-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.works-box-3 {
width: 100%;
overflow: hidden;
display: block;
margin: 30px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.works-box-3{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.works-box-3{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}



 /*================================================
 *  faq
 ================================================*/

.faq-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.faq-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.faq-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.faq-box-2 {
width: 100%;
overflow: hidden;
display: block;
margin: 40px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.faq-box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.faq-box-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.qa-8 dt {
	font-size:18px;
	line-height: 30px;
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}
@media screen and (max-width: 480px) {.qa-8 dt {font-size:16px;line-height: 28px;margin: 6px 0px 5px 0px;padding: 0px 10px 0px 10px;}}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
	font-size:18px;
	line-height: 30px;
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #ffe8c6;
    color: #333333;
}
@media screen and (max-width: 480px) {.qa-8 dd {font-size:16px;line-height: 28px;margin: 6px 0px 25px 0px;padding: 15px 15px 15px 15px;}}

.qa-8 dd::before {
    content: "A.";
}

.heading-faq {
    position: relative;
    padding: 0px 0px 0px 29px;
    border-bottom: 3px solid #ff9200;
    color: #333333;
}
@media screen and (max-width: 480px) {.heading-faq {width: 100%;margin: 6px 0px 18px 0px;padding: 0px 0px 0px 29px;}}

.heading-faq::before,
.heading-faq::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-faq::before {
    background-color: #ff9200;
}

.heading-faq::after {
    bottom: -11px;
    background-color: #fff;
}



 /*================================================
 *  about
 ================================================*/

.about-box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.about-box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.about-box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.about-box-02{
width: 92%;
display:block;
overflow:hidden;
margin: 55px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.about-box-02 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.about-txt-01 {
    position: relative;
    font-size:25px;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #ff9200;
    color: #333333;
    text-align: center;
    width: 95%;
    margin: 0px auto 0px auto;
}
@media screen and (max-width: 480px) {.about-txt-01 {font-size:20px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.about-txt-01::before,
.about-txt-01::after {
    position: absolute;
    left: 450px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.about-txt-01::before {
    background-color: #ff9200;
}

.about-txt-01::after {
    bottom: -11px;
    background-color: #fff;
}

.about-txt-02{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 45px;
margin: 35px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.about-txt-02 {width: 90%;text-align: left;font-size:14px;line-height: 28px;margin: 10px auto 30px auto;}}

.about-txt-03 {
	width: 100%;
	font-size:20px;
	line-height: 3px;
	text-align: center;
	font-weight:bold;
    display: inline-block;
    position: relative;
    color: #333;
    margin: 35px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.about-txt-03 {width: 100%;text-align: left;font-size:20px;line-height: 3px;margin: 35px 0px 0px 0px;}}

.about-txt-03:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #ff9200;
}
@media screen and (max-width: 480px) {.about-txt-03:before {left: 9%;}}

.about-txt-04{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 30px;
margin: 5px auto 15px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.about-txt-04 {width: 100%;text-align: left;font-size:14px;line-height: 28px;margin: 10px auto 0px auto;}}

.about-txt-05{
width: 98%;
font-size:18px;
font-weight:bold;
text-align: center;
line-height: 30px;
margin: 5px auto 45px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.about-txt-05 {width: 100%;text-align: left;font-size:14px;line-height: 28px;margin: 10px auto 30px auto;}}




 /*================================================
 *  contact
 ================================================*/

.contact-box-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.contact-box-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.contact-box-02{
width: 70%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.contact-box-02 {width: 90%;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;}}

.wpcf7 input[name="text-731"],
.wpcf7 input[name="text-718"],
.wpcf7 input[name="tel-488"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"] {
width: 100%;
height: 25px !important;
margin: 0px auto 0px auto;
}
@media screen and (max-width: 1024px) {
.wpcf7 input[name="text-731"],
.wpcf7 input[name="text-718"],
.wpcf7 input[name="tel-488"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 80%;height: 25px !important;}}
@media screen and (max-width: 768px) {
.wpcf7 input[name="text-731"],
.wpcf7 input[name="text-718"],
.wpcf7 input[name="tel-488"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 80%;height: 25px !important;}}
@media screen and (max-width: 480px) {
.wpcf7 input[name="text-731"],
.wpcf7 input[name="text-718"],
.wpcf7 input[name="tel-488"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 100%;height: 25px !important;}}
 
.wpcf7 textarea[name="your-message"] {
width: 100%;
height: 350px !important;
}
@media screen and (max-width: 1024px) {.wpcf7 textarea[name="your-message"]  {width: 80%;height: 350px !important;}}
@media screen and (max-width: 768px) {.wpcf7 textarea[name="your-message"]  {width: 80%;height: 350px !important;}}
@media screen and (max-width: 480px) {.wpcf7 textarea[name="your-message"]  {width: 100%;height: 250px !important;}}


/*Contact Form 7*/
.wpcf7-form{width: 85%;border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#ffedd5;border-radius:10px;-moz-border-radius:10px;}
@media screen and (max-width: 480px) {.wpcf7-form{width: 85%;}}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;color: #5d6163;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}
nput.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;color: #5d6163;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}




.follow-me {
	float:right;
	width: 13%;
  list-style: none;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  padding: 0;
}
@media screen and (max-width: 480px) {.follow-me {float:none;width: 30%;margin: -2px auto 10px auto;}}

.follow-me li {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0;
}
@media screen and (max-width: 480px) {.follow-me li {width: 33%;margin: 0px 0px 0px 0px;}}
.follow-me li a::before {
  background-color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #333;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 28px;
  height: 44px; /* Button height */
  line-height: 44px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 44px; /* Button width */
  border-radius: 10px 10px 10px 10px;
}
@media screen and (max-width: 480px) {.follow-me li a::before {font-size: 25px;height: 35px;line-height: 35px;width: 35px;}}

.follow-me li a:hover::before {
  color: #fff;
}
.follow-me li a[href*="facebook.com"]::before       { content: "\f09a"; }
.follow-me li a[href*="instagram.com"]::before      { content: "\f16d"; }
.follow-me li a[href*="youtube.com"]::before        { content: "\f16a"; }

.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me li a[href*="instagram.com"]:hover::before      { background-color: #ff7800; }
.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }


.follow-me2 {
  width: 12%;
  list-style: none;
  margin: 0px auto 0px auto;
  overflow: hidden;
  padding: 0;
}
@media screen and (max-width: 480px) {.follow-me2 {float:none;width: 30%;margin: 8px auto 10px auto;}}
.follow-me2 li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 0;
}
@media screen and (max-width: 480px) {.follow-me2 li {width: 33%;margin: 0px 0px 0px 0px;}}
.follow-me2 li a::before {
  background-color: #ff9200;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 28px;
  height: 44px; /* Button height */
  line-height: 44px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 44px; /* Button width */
}
@media screen and (max-width: 480px) {.follow-me2 li a::before {font-size: 25px;height: 35px;line-height: 35px;width: 35px;}}
.follow-me2 li a:hover::before {
  color: #fff;
}
.follow-me2 li a[href*="facebook.com"]::before       { content: "\f09a"; }
.follow-me2 li a[href*="instagram.com"]::before      { content: "\f16d"; }
.follow-me2 li a[href*="youtube.com"]::before        { content: "\f16a"; }

.follow-me2 li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me2 li a[href*="instagram.com"]:hover::before      { background-color: #ff7800; }
.follow-me2 li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }



#page-top {
    position: fixed;
    bottom: 35px;
    right: 50px;
    font-size: 500%;
}
@media screen and (max-width: 480px) {#page-top{bottom: 65px;right: 0px;}}
#page-top a {
    text-decoration: none;
    color: #eac376;
    padding: 0px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}


/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px solid #ccc;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#48e;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
@media screen and (max-width: 480px) {.aligncenter{width: 100%;clear: both;display: block;margin:auto;}}
.aligncenter img{width: 100%;}

.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}
@media screen and (max-width: 480px) {.hentry img {float:none;display:block;margin:auto auto 0px;padding:0;max-width:100%;}}

/*comment*/
#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*sideFix*/
#sideFix{width:280px;}
@media screen and (max-width:920px){#sideFix{width:auto;}}
.fixed{top: 20px;}
@media screen and (max-width:920px){.fixed{position:static;}}

/*side*/
#side{overflow:hidden;padding:50px 20px 0px 20px;margin:0px 0px 0px 0px;width:25%;float:right;}
@media screen and (max-width: 1024px) {#side{padding:70px 20px 0px 10px;float:none;}}
@media screen and (max-width: 768px) {#side{width:97%;padding:0px 20px 0px 10px;float:none;}}
@media screen and (max-width: 480px) {#side{clear:both;border-top:1px solid #ccc;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}}
#side2{overflow:hidden;padding:20px 0 20px;margin:0;width:220px;float:right;}
@media screen and (max-width: 920px) {#side2{border-top:1px solid #ccc;width:100%;float:none;}}
@media screen and (max-width: 480px) {#side2{clear:both;border-top:1px solid #ccc;}}
.side-widget{padding:0px 0 0;float:left;width:280px;overflow:hidden;}
@media screen and (max-width: 920px) {.side-widget{border-bottom-style:none;margin:0 10px;}}
@media screen and (max-width: 480px) {.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding-bottom:20px;}}
.side-widget .widget-title{margin:0;font-weight:bold;}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer{clear:both;overflow: hidden;max-width:100%;margin:auto;color: #fff;background-color:#3B464D;padding:0;}
#footer-wrap{max-width:1280px;margin:auto;}
#footer-bottom{max-width:100%;margin:auto;padding:10px 0 0;background-color:#ff9200;}
#copyright{text-align:center;margin:0px auto 10px auto;padding:0px 0px 20px 0px;font-size:11px;color: #fff;}
@media screen and (max-width: 920px) {#copyright{margin:0px auto 0px auto;padding:0px 0px 20px 0px;font-size:7px;}}

#copyright2{text-align:center;margin:0px auto 0px auto;padding:0px 0px 0px 10px;font-size:11px;color: #fff;}
@media screen and (max-width: 920px) {#copyright2{margin:0px auto 0px auto;padding:0px 0px 20px 0px;font-size:7px;}}
#copyright2 a{color: #fff;text-decoration: none;}

#site-title-footer{overflow: hidden;width:20%;height:auto;margin:28px auto 10px auto;padding:0px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-title-footer{width:40%;margin:20px auto 0px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-title-footer{float:none;width:50%;margin:0px auto 0px auto;padding:10px 10px 0px 10px;}}
#site-title-footer a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-title-footer a{float:left;margin:0 10px 0 0;}}
#site-title-footer img{width:100%;}


/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{width:100%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}
@media screen and (max-width: 768px) {#footer-widget-area{width:90%;margin:0px auto 0px auto;padding:0px 0px 0px 30px;}}
@media screen and (max-width: 480px) {#footer-widget-area{width:90%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}}
.footer-widget{padding:15px 0;margin:0 30px 0 0;float:left;width:22%;}
@media screen and (max-width: 1024px) {.footer-widget{width:20%;}}
@media screen and (max-width: 768px) {.footer-widget{width:20%;}}
@media screen and (max-width: 480px) {.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}
.footer-widget img{max-width:195px;}

#custom_html-2{width:100%;text-align:center;font-size:20px;margin:10px 0px 0px 0px;}
@media screen and (max-width: 480px) {#custom_html-2{font-size:18px;margin:10px 0px 0px 0px;}}
#custom_html-3{float:left;width:50%;text-align:center;font-size:16px;line-height:32px;margin:10px 0px 20px 0px;}
@media screen and (max-width: 480px) {#custom_html-3{width:100%;font-size:14px;line-height:28px;margin:10px 0px 20px 0px;}}
@media screen and (max-width: 480px) {#custom_html-3 a{color: #fff;}}
#custom_html-4{width:50%;text-align:center;font-size:16px;line-height:32px;margin:10px 0px 20px 0px;}
@media screen and (max-width: 480px) {#custom_html-4{width:100%;font-size:14px;line-height:28px;margin:10px 0px 20px 0px;}}


/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}






































------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


 
 /*================================================
 *  TOP
 ================================================*/



 #top{
width: 70%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {#top {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#top {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.top-box{
float: left;
width: 100%;
display:block;
overflow:hidden;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.top-box {float: left;width: 100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.top-box {float: left;width: 100%;margin: 0px 10px 10px 10px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.top-box {float: none;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-img01{
display:block;
text-align: center;
width: 30%;
height:auto;
clear:both;
float: left;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 570px) {.top-img01 {width: 25%;padding: 15px 10px 0px 0px;}}
@media screen and (max-width: 480px) {.top-img01 {width: 30%;padding: 10px 10px 0px 5px;}}

.top-img01 img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-img01 img {width: 100%;padding: 0px 5px 0px 0px;}}


 
 
.h1-txt {
text-align: left;
font-size: 12px;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.h1-txt{display:none;}}


.head-box-1{
float: right;
width: 60%;
display:block;
overflow:hidden;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.head-box-1 {display:none;}}

.box-l{
float: left;
width: 34%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.box-l {float:left;width: 42%;line-height: 17px;margin: 0px 0px 20px 0px;padding: 0px 15px 0px 15px;}}

.box-r{
float: right;
width: 30%;
display:block;
overflow:hidden;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.box-r {clear:both;overflow: hidden;display: block;float:none;width: 43%;margin: 0px auto 15px auto;padding: 0px 0px 0px 0px;}}
.box-r img {width: 100%;}

.h-txt-1{
font-family: "serif",serif;
font-size:20px;
line-height: 34px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.h-txt-1 {clear:both;float:none;width: 100%;font-size:15px;line-height: 26px;padding: 0px 0px 0px 0px;}}
 
 
.h-txt-2{
font-family: "serif",serif;
font-size:14px;
line-height: 15px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.h-txt-2 {clear:both;float:none;width: 100%;font-size:10px;line-height: 21px;padding: 0px 0px 0px 0px;}}
 
.tel{
font-weight:bold;
font-family: "serif",serif;
font-size:30px;
line-height: 28px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.tel {clear:both;float:none;width: 100%;font-size:24px;line-height: 26px;padding: 0px 0px 0px 0px;}}
  
.top-box-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-2{
width: 53%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-2 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-3{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-3 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-4{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-4 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-5{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-5 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-5-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-5-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-6{
float: left;
width: 30%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-6 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.top-box-7{
float: left;
width: 30%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 64px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-7 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.top-box-8{
float: right;
width: 30%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-8 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.top-box-9{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-9 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-9-1{
width: 70%;
display:block;
overflow:hidden;
margin: 0px auto 45px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-9-1 {width: 100%;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}

.top-box-10{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 80px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-10 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-10-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 80px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-10-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-11{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-11 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-11-1{
float: left;
width: 40%;
display:block;
overflow:hidden;
margin: 0px 0px 50px 120px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-11-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-11-2{
width: 75%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-11-2 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.top-box-11-3{
float: right;
width: 40%;
display:block;
overflow:hidden;
margin: 0px 120px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-11-3 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-11-4{
clear:both;
overflow: hidden;
display: block;
width: 20%;
display:block;
overflow:hidden;
margin: 50px auto 80px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-11-4 {width: 55%;margin: 50px auto 80px auto;}}
.top-box-11-4 img {width: 100%;}

.top-box-12{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 80px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-12 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.top-box-l{
float: left;
width: 50%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-l {float: none;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box-r{
float: right;
width: 50%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-box-r {float: none;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}




.top-txt-2{
width: 70%;
font-family: "serif",serif;
font-weight:bold;
font-size:35px;
line-height: 34px;
text-align: center;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-txt-2 {clear:both;float:none;width: 100%;font-size:17px;line-height: 26px;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;}}


.top-txt-3 {
  position: relative;
  font-size:25px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  padding: 0 223px;
  color: #5e96ff;
  margin: 0px auto 30px auto;
}

.top-txt-3:before, .top-txt-3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 195px;
  height: 1px;
  background-color: #5e96ff;
}

.top-txt-3:before {
  left:0;
}
.top-txt-3:after {
  right: 0;
}
@media screen and (max-width: 480px) {.top-txt-3  {width: 100%;font-size:16px;line-height: 28px;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.top-txt-3:before, .top-txt-3:after  {top: 50%;width: 70px;}}

.top-txt-4{
font-size:16px;
line-height: 28px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 30px 30px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-4 {font-size:14px;line-height: 26px;padding: 0px 0px 0px 0px;}}

.top-txt-5{
font-size:16px;
line-height: 28px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 20px 20px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-5 {font-size:14px;line-height: 26px;padding: 0px 0px 0px 0px;}}

.top-txt-6{
width: 94%;
font-size:16px;
background-color: #419dff;
color: #fff;
font-weight:bold;
text-align: center;
line-height: 28px;
margin: -8px 0px 0px 27px;
padding: 15px 0px 15px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-6 {width: 97%;margin: -8px 0px 0px 5px;padding: 8px 0px 8px 0px;}}

.top-txt-7{
font-size:16px;
line-height: 28px;
margin: 0px 0px 0px 27px;
padding: 20px 20px 20px 20px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-7 {font-size:14px;line-height:22px;margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;}}
 
.top-img-1 {
display:block;
overflow: hidden;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-img-1 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.top-img-1 img {width: 100%;}

.top-img-2 {
display:block;
overflow: hidden;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-img-2 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.top-img-2 img {width: 100%;}

.top-img-3 {
float: left;
display:block;
overflow: hidden;
width: 45%;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.top-img-3 {float: none;width: 75%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.top-img-3 img {width: 100%;}

.top-img-4 {
float: left;
display:block;
overflow: hidden;
width: 20%;
margin: 0px auto 0px auto;
padding: 0px 20px 0px 47px;
}
@media screen and (max-width: 480px) {.top-img-4 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.top-img-4 img {width: 100%;}


.top-img-4-1 {
float: left;
display:block;
overflow: hidden;
width: 25%;
margin: 0px auto 0px auto;
padding: 0px 20px 0px 47px;
}
@media screen and (max-width: 480px) {.top-img-4-1 {width: 45%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.top-img-4-1 img {width: 100%;}

.top-img-4-2 {
float: right;
display:block;
overflow: hidden;
width: 25%;
margin: 0px auto 0px auto;
padding: 0px 20px 0px 47px;
}
@media screen and (max-width: 480px) {.top-img-4-2 {width: 45%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.top-img-4-2 img {width: 100%;}



.top-btn-1{
width: 45%;
font-weight:bold;
font-size:17px;
line-height: 34px;
text-align: center;
margin: 0px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-btn-1 {clear:both;float:none;width: 100%;font-size:16px;line-height: 26px;margin: 30px auto 65px auto;padding: 0px 0px 0px 0px;}}

.top-btn-2{
width: 45%;
font-weight:bold;
font-size:17px;
line-height: 34px;
text-align: center;
margin: 30px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-btn-2 {clear:both;float:none;width: 100%;font-size:16px;line-height: 26px;margin: 30px auto 65px auto;padding: 0px 0px 0px 0px;}}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding: 10px 90px 10px 90px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}
@media screen and (max-width: 480px) {.btn--orange,a.btn--orange  {padding: 10px 50px 10px 50px;}}

.top-txt-8 {
	width: 45%;
	position: relative;
	font-size: 20px;
	text-align: center;
	border-bottom: 5px solid #dddddd;
	margin: 0px auto 30px auto;
}

.top-txt-8::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
@media screen and (max-width: 480px) {.top-txt-8 {width: 90%;font-size: 15px;margin: 0px auto 10px auto;}}



.top-txt-10{
width: 100%;
font-size:28px;
font-weight:bold;
text-align: center;
line-height: 35px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-10 {font-size:23px;margin: 10px auto 0px auto;}}


.top-txt-11{
width: 100%;
font-size:22px;
font-weight:bold;
text-align: center;
line-height: 35px;
margin: 10px auto 20px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-11 {font-size:15px;line-height: 30px;margin: 10px auto 10px auto;}}

.top-txt-12{
	font-size:32px;
font-weight:bold;
  padding: 20px 20px 20px 25px;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}
@media screen and (max-width: 480px) {.top-txt-12 {font-size:34px;;}}

.top-txt-12-1{
width: 100%;
font-size:17px;
font-weight:bold;
text-align: center;
line-height: 35px;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-12-1 {font-size:15px;line-height: 28px;margin: 0px auto 50px auto;}}

.top-txt-13{
font-size:35px;
font-weight:bold;
margin: 0px 25px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-txt-13 {font-size:32px;line-height: 28px;margin: 0px 10px 0px 0px;}}

.top-txt-14{
font-size:15px;
line-height: 28px;
margin: 0px 0px 0px 27px;
padding: 0px 20px 20px 20px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-14 {font-size:14px;line-height: 26px;margin: 0px 0px 0px 0px;padding: 0px 20px 20px 20px;}}

.top-txt-15{
width: 95%;
font-size:18px;
background-color: #419dff;
color: #fff;
font-weight:bold;
text-align: center;
line-height: 28px;
margin: 0px auto 0px auto;
padding: 15px 0px 15px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-15 {width: 92%;font-size:16px;margin: 0px auto 0px auto;padding: 15px 15px 15px 15px;}}

.top-txt-16{
width: 90.5%;
font-size:16px;
background-color: #f6f6f6;
color: #333;
font-weight:bold;
text-align: center;
line-height: 28px;
margin: 0px auto 0px auto;
padding: 30px 30px 30px 30px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.top-txt-16 {width: 82.5%;font-size:14px;line-height: 26px;margin: 0px auto 50px auto;padding: 20px 20px 20px 20px;}}






 /*================================================
 *  consulting
 ================================================*/
 
.consulting-box-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 90px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.consulting-box-1 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.consulting-box-2{
width: 100%;
display:block;
overflow:hidden;
margin: 30px auto 40px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.consulting-box-2 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.consulting-img-1 {
clear:both;
display:block;
overflow: hidden;
width: 100%;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.consulting-img-1 {width: 100%;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;}}
.consulting-img-1 img {width: 100%;}


.consulting-txt-01 {
float: left;
font-size:23px;
font-weight:bold;
text-align: center;
width: 25%;
margin: 0px 0px 0px 10px;
  padding: 25px 20px 20px 20px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}
@media screen and (max-width: 480px) {.consulting-txt-01 {float: none;width: 95%;font-size:20px;margin: 0px 0px 30px 10px;padding: 10px 0px 10px 0px;}}

.consulting-txt-02 {
float: left;
font-size:23px;
font-weight:bold;
text-align: center;
width: 25%;
margin: 0px 0px 0px 58px;
  padding: 25px 20px 20px 20px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}
@media screen and (max-width: 480px) {.consulting-txt-02 {float: none;width: 95%;font-size:20px;margin: 0px 0px 30px 10px;padding: 10px 0px 10px 0px;}}

.consulting-txt-03 {
float: right;
font-size:23px;
font-weight:bold;
text-align: center;
width: 25%;
margin: 0px 12px 0px 10px;
  padding: 25px 20px 20px 20px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}
@media screen and (max-width: 480px) {.consulting-txt-03 {float: none;width: 95%;font-size:20px;margin: 0px 0px 30px 10px;padding: 10px 0px 10px 0px;}}





 /*================================================
 *  realestate
 ================================================*/
 
.realestate-box-1{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 90px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-box-1 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-box-2{
width: 100%;
display:block;
overflow:hidden;
margin: 30px auto 40px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-box-2 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-box-3{
width: 100%;
display:block;
overflow:hidden;
margin: 30px auto 40px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-box-3 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-box-4{
width: 66%;
display:block;
overflow:hidden;
margin: 30px auto 40px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-box-4 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-img-1 {
clear:both;
display:block;
overflow: hidden;
width: 100%;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-img-1 {float: none;width: 60%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
.realestate-img-1 img {width: 100%;}


.realestate-txt-01 {
width: 100%;
font-size:32px;
  font-weight: bold;
  background-color: #4c9ac0;
  color: #fff;
  padding: 24px 20px 20px 20px;
  position: relative;
}
.realestate-txt-01::after {
  content: '';
  background-color: #4c9ac0;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}
@media screen and (max-width: 480px) {.realestate-txt-01 {width: 100%;font-size:22px;margin: 0px 0px 30px 0px;padding: 13px 10px 10px 10px;}}

.realestate-txt-02 {
width: 100%;
font-size:18px;
text-align: left;
line-height: 32px;
margin: 20px auto 50px auto;
padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 480px) {.realestate-txt-02 {width: 100%;font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-txt-03 {
width: 100%;
font-size:25px;
font-weight:bold;
text-align: left;
line-height: 28px;
margin: 30px 0px 30px 0px;
padding: 5px 0px 0px 20px;
border-left: 5px solid #4c9ac0;
border-bottom: 2px dashed #B4B4B4;
}
@media screen and (max-width: 480px) {.realestate-txt-03 {width: 100%;font-size:22px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 10px;}}

.realestate-txt-04 {
width: 100%;
font-size:18px;
text-align: left;
line-height: 28px;
margin: 20px auto 50px auto;
padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 480px) {.realestate-txt-04 {width: 100%;font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-txt-05 {
float: left;
width: 50%;
font-size:18px;
text-align: left;
line-height: 32px;
margin: 30px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 480px) {.realestate-txt-05 {width: 100%;font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-txt-06 {
float: left;
width: 50%;
font-size:23px;
font-weight:bold;
text-align: right;
line-height: 32px;
margin: 200px 10px 0px 10px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.realestate-txt-06 {width: 100%;font-size:17px;line-height: 28px;text-align: center;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-txt-07 {
	width: 100%;
	line-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight:bold;
	font-size: 16px;
	text-align: center;
}

.realestate-txt-07::before,
.realestate-txt-07::after {
	content: '';
	width: 55px;
	height: 3px;
	background-color: #e3bf00;
}

.realestate-txt-07::before {
	margin-right: 20px;
}
.realestate-txt-07::after {
	margin-left: 20px;
}
@media screen and (max-width: 480px) {.realestate-txt-07  {font-size:16px;line-height: 28px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.realestate-txt-08 {
width: 100%;
font-size:18px;
text-align: center;
line-height: 32px;
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-txt-08 {width: 100%;font-size:16px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.realestate-img-01 {
display:block;
overflow: hidden;
width: 60%;
margin: 0px 0px 100px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-img-01 {width: 100%;margin: 0px 0px 100px 0px;0px;padding: 0px 0px 0px 0px;}}
.realestate-img-01 img {width: 100%;}


.realestate-img-02 {
float: right;
display:block;
overflow: hidden;
width: 25%;
margin: 194px 92px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.realestate-img-02 {float: none;width: 60%;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;}}
.realestate-img-02 img {width: 100%;}








 /*================================================
 *  concept
 ================================================*/

.concept-box-01{
width: 60%;
display:block;
overflow:hidden;
margin: 0px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.concept-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.concept-img-01 {
float: left;
display:block;
overflow: hidden;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.concept-img-01 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.concept-img-01 img {width: 100%;}

.concept-txt-01{
font-size:16px;
line-height: 36px;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.concept-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}


.concept-btn-1{
width: 63%;
font-weight:bold;
font-size:17px;
line-height: 56px;
text-align: center;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.concept-btn-1 {width: 100%;font-size:16px;line-height: 56px;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;}}




 /*================================================
 *  individuals
 ================================================*/


.individuals-box-01{
width: 60%;
display:block;
overflow:hidden;
margin: 0px auto 100px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.individuals-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.individuals-img-01 {
float: left;
display:block;
overflow: hidden;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.individuals-img-01 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.individuals-img-01 img {width: 100%;}

.individuals-img-02 {
display:block;
overflow: hidden;
width: 90%;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.individuals-img-02 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.individuals-img-02 img {width: 100%;}

.individuals-txt-01{
font-size:16px;
line-height: 36px;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.individuals-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}



 /*================================================
 *  corporates
 ================================================*/
 
.corporates-box-01{
width: 60%;
display:block;
overflow:hidden;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.corporates-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.corporates-box-02{
float: left;
width: 60%;
display:block;
overflow:hidden;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.corporates-box-02 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.corporates-img-01 {
float: left;
display:block;
overflow: hidden;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.corporates-img-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.corporates-img-01 img {width: 100%;}

.corporates-img-02 {
float: right;
display:block;
overflow: hidden;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.corporates-img-02 {width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
.corporates-img-02 img {width: 100%;}

.corporates-txt-01{
font-size:16px;
line-height: 32px;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.corporates-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}


.corporates-txt-02 {
	position: relative;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	border-bottom: 5px solid #dddddd;
	margin: 0px 0px 30px 0px;
}

.corporates-txt-02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
@media screen and (max-width: 480px) {.corporates-txt-02{font-size:20px;line-height: 24px;font-weight:bold;margin: 20px 0px 30px 0px;}}

.corporates-txt-03{
width: 95%;
font-size:18px;
background-color: #419dff;
color: #fff;
font-weight:bold;
text-align: center;
line-height: 28px;
margin: 0px auto 0px auto;
padding: 15px 0px 15px 0px;
border-radius: 10px 10px 10px 10px;
}
@media screen and (max-width: 480px) {.corporates-txt-03 {width: 94%;font-size:16px;line-height: 22px;margin: 0px auto 10px auto;padding: 10px 10px 10px 10px;}}

.corporates-txt-04{
font-size:16px;
line-height: 32px;
margin: 0px auto 20px auto;
padding: 20px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.corporates-txt-04 {font-size:14px;line-height: 28px;padding: 0px 10px 0px 10px;}}


 /*================================================
 *  company
 ================================================*/


.company-box-01{
width: 60%;
display:block;
overflow:hidden;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.company-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.company-img-01 {
float: left;
display:block;
overflow: hidden;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.company-img-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.company-img-01 img {width: 100%;}

.company-img-02 {
display:block;
overflow: hidden;
width: 30%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.company-img-02 {float: left;width: 30%;margin: 0px 0px 0px 30px;padding: 0px 0px 0px 0px;}}
.company-img-02 img {width: 100%;}

.company-txt-01{
font-size:16px;
line-height: 32px;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.company-txt-01 {font-size:14px;line-height: 26px;padding: 0px 0px 0px 0px;}}

.company-txt-02{
width: 95%;
font-size:18px;
line-height: 38px;
text-align: center;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.company-txt-02 {width: 100%;font-size:15px;line-height: 26px;padding: 0px 0px 0px 0px;}}

.company-txt-03{
width: 30%;
font-size:18px;
background-color: #333F48;
color: #fff;
font-weight:bold;
text-align: center;
line-height: 28px;
margin: -8px auto 50px auto;
padding: 15px 0px 15px 0px;
border-radius: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 480px) {.company-txt-03 {float: right;width: 56%;font-size:16px;margin: 109px 19px 50px 0px;padding: 10px 0px 10px 0px;}}



 /*================================================
 *  q&a
 ================================================*/

.qa-txt-01 {
	position: relative;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	border-bottom: 5px solid #dddddd;
	margin: 0px 0px 30px 0px;
}

.qa-txt-01::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
@media screen and (max-width: 480px) {.qa-txt-01{font-size:19px;line-height: 24px;margin: 20px 0px 50px 0px;}}

.qa-txt-02{
width: 94%;
font-size:16px;
background-color: #eef9ff;
color: #333;
line-height: 32px;
margin: 0px auto 50px auto;
padding: 30px 30px 30px 30px;
border-radius: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.qa-txt-02 {width: 83%;font-size:16px;line-height: 28px;margin: 20px 0px 50px 0px;padding: 30px 30px 30px 30px;}}


.qa-008 dt {
	font-size: 20px;
	line-height: 28px;
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}
@media screen and (max-width: 480px) {.qa-008 dt{font-size:19px;line-height: 24px;margin: 0px 0px 0px 0px;padding: 0px 5px 0px 5px;}}

.qa-008 dt::before,
.qa-008 dd::before {
    margin-right: .4em;
}

.qa-008 dt::before {
    content: "Q.";
}

.qa-008 dd {
	font-size: 16px;
	line-height: 28px;
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}
@media screen and (max-width: 480px) {.qa-008 dd{font-size:15px;line-height: 24px;margin: 0px 0px 50px 0px;padding: 20px 20px 20px 20px;}}

.qa-008 dd::before {
    content: "A.";
}


 
 /*================================================
 *  assets
 ================================================*/
 
.assets-box-01{
width: 67%;
display:block;
overflow:hidden;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.assets-box-01 {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.assets-img-01 {
float: left;
display:block;
overflow: hidden;
width: 33%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.assets-img-01 {width: 100%;margin: 0px 0px 0px 0px;0px;padding: 0px 0px 0px 0px;}}
.assets-img-01 img {width: 100%;}


.assets-txt-01{
font-size:16px;
line-height: 32px;
margin: 0px auto 20px auto;
padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 480px) {.assets-txt-01 {line-height: 26px;padding: 0px 0px 0px 0px;}}


.assets-txt-02{
width: 94%;
font-size:16px;
background-color: #eef9ff;
color: #333;
line-height: 32px;
margin: 0px auto 50px auto;
padding: 30px 30px 30px 30px;
border-radius: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.assets-txt-02 {line-height: 26px;padding: 0px 0px 0px 0px;}}


 /*================================================
 *  privacy-policy
 ================================================*/
 
.policy-box-01{
width: 80%;
font-size:16px;
line-height: 32px;
display:block;
overflow:hidden;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.policy-box-01 {width: 100%;font-size:14px;line-height: 28px;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}

.policy-box-02{
width: 10%;
font-size:12px;
color: #fff;
text-align: center;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.policy-box-02 {width: 26%;font-size:10px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.policy-box-02 a{
color: #fff;
}
@media screen and (max-width: 480px) {.policy-box-02 a {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}












/*================================================
 * table
 ================================================*/

table {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 80%;
	margin: 0px auto 30px auto;
}
table th,
table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
  text-align: center;
}
table th {
  background-color: #eee;
  text-align: center;
}

@media screen and (max-width: 400px) {
  table {
    border: none;
    margin: 10px 0px 0px 0px;
		width: 100%;
		font-size:12px;
  }
  table thead {
    display: none;
  }
  table tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 5px 10px 5px 10px;
    text-align: right;
  }
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}