@charset "UTF-8";

/* -----------------------------------------------
 *  	         base style setting
 * ----------------------------------------------- */

/* =========== font =========== */
/*
All Noto Sans
font-family:'Noto Sans JP', sans-serif,
*/

/* =========== color =========== */
:root {
--color-base-white: #fbf8f3;
--color-blue-gray: #e9a62b;
--color-blue-light-gray: #d2e0bf;
--color-orange: #b373cf;
--color-gray: #cccccc;
--color-black:#000;
--color-black-black:#000;
}

.bg_color01 {
    background-image: linear-gradient(90deg, rgba(253, 219, 146, 1), rgba(209, 253, 254, 1));
}

/* =========== base =========== */
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%; /* 1rem = 10px */
}
/*768*/
@media only screen and (max-width: 48em) {
    html {
    font-size: 56.25%; /* 1rem = 9px */
    }
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  color: var(--color-black);
/*  background-color:var(--color-base-white); */
    background: linear-gradient(-90deg, #e9a62b 0%, #E0C3FC 100%);
  word-wrap: break-word;
  font-size: 1.4rem;
  font-family:'Noto Sans JP', sans-serif, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-feature-settings: "palt";
  line-height: 1.6;
  opacity:1;

  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body.animate{
    position: relative;
    filter: blur(1px);
    animation: bodyanime 1s ;
    animation-fill-mode: forwards;
}
body.animate::before{
    display: block;
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    z-index: 100;
    background-color:var(--color-blue-gray);
    animation: bodyanime2 1s ;
    animation-fill-mode: forwards;
}
@keyframes bodyanime {
0% {filter: blur(0px);}
100% {filter: blur(10px);}
}
@keyframes bodyanime2 {
0% {opacity: 0;}
100% {opacity: 1;}
}

article,
aside,
figure,
figcaption,
details,
footer,
header,
hgroup,
nav,
section,
summary,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
}

ul,
input {
  padding: 0;
}

article,
aside,
figure,
figcaption,
details,
footer,
header,
hgroup,
nav,
section,
summary,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
th,
td,
a{
  box-sizing: border-box;
}

article,
aside,
figure,
figcaption,
details,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

img {
  width: 100%;
  width: 100%\9;
  border: none;
  vertical-align: middle;
}

svg{width:100%;}

a {
	color:var(--color-black);
	}
a:hover {
	text-decoration:none;
	}
p{
    line-height: 2.0;
}



/* =========== フェードアップ =========== */
.anim-box.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========== フェードアップ =========== */

/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/* =========== youtube setting =========== */
.youtube {
  position: relative;
  width: 100% !important;
  padding-top: 56.19%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =========== imageLoaded =========== */
div#loadingArea{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:var(--color-black-black);
    z-index: 500;
}
div.loading_image{
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    transform: translateY(-105%);
    width: 150px; /*★35*/
    height: 100px; /*★35*/
}
div.loading_image img{
    
}
div.loading_image svg{
    fill:#e9a62b;
}
div#progressBar{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 3px;
    width: 0%;
    background: transparent -webkit-gradient(linear, left top, right top, from(#e9a62b), to(#ddc0ea)) 0% 0% no-repeat padding-box;
    z-index: 501;
}
div#imageLoaded{
}
div#imageLoaded img{
    width: 150px;
}
p#pst{
    font-size: 45px;
}

/* =========== pageBase =========== */
div.base_area {
  position: relative;
  margin:0;
  padding:0;
  min-width: 320px;
  width: 100%;
}

/* =========== mainArea =========== */
div.main_area {
  	position: relative;
	width:100%;
	margin:0;
	padding:0;
	z-index:2;
}
/* 480px */
@media only screen and (max-width: 30em) {
    div.main_area {
        width:100%;/* header分 */
        margin:0;
    }
}

/* =========== headerArea =========== */
header.header_area{
    display: flex;
    align-items: center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120px;
	margin:0;
	padding:0;
    z-index: 4;
    background: #000 !important;
    opacity: 80%;
	}
body#top header.header_area{
	background-color:transparent;
	}

/*=====header_logo=====*/
div.header_logo_box{
    display: inline-block;
	height:120px;
	width: 180px;
    padding: 20px;
}
div.header_logo_box > a{
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
}
svg.svg_header_logo{
	height: 80px;
	width: 100px;
	fill:var(--color-blue-gray);
}

/* 768px */
@media only screen and (max-width: 48em) {
    header.header_area{
        height:70px;
        background-color: var(--color-blue-gray);
        opacity: 80%;
        }
    /*=====header_logo=====*/
    div.header_logo_box{
        position: absolute;
        left: 0; right: 0; top:0; bottom: 0;
        margin: auto;
        height: 50px;
        padding: 0;
        text-align: center;
        z-index: 1;
    }
    div.header_logo_box::after{
        height: 30px;
    }
    div.header_logo_box > a{
        height: 50px;
    }
    svg.svg_header_logo{
        height: 50px;
        width: 80px;
    }	
}
/* 480px */
@media only screen and (max-width: 30em) {
}



/*=====■navigation_area=====*/
section.navigation_area{
    display: inline-block;
}
section.navigation_area nav.global_navigation{
	margin: 0;
	padding: 0;
}

/*メインナビリスト*/
ul.global_navigation_list{
	list-style: none;
	margin: 0 20px;
	padding: 0;
	height: auto;
	font-size: 0;
}
ul.global_navigation_list li{
    position: relative;
	display: inline-block;
	line-height: 1;
    margin: 0 40px 0 0;
	padding: 0;
	text-align: left;
	height: auto;
	vertical-align: bottom;
}
ul.global_navigation_list li.only_sp{
    display: none;
}
ul.global_navigation_list li a{
	margin: 0;
    font-size: 26px;
    font-weight: 200;
    font-style: oblique;
    color: #e9a62b;
    text-decoration: none;
	box-sizing: border-box;
	transition: all 0.3s;
    letter-spacing: 0.1rem;
}
/* after hover stay */
ul.global_navigation_list li a::after{
    display: block;
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--color-orange);
    position: absolute;
    bottom: -8px; left: 0;
    transition: all 0.3s;
}
ul.global_navigation_list li a:hover::after{ width: 100%;}
body#flow ul.global_navigation_list li.flow a::after{width: 100%;}
body#member ul.global_navigation_list li.member a::after{width: 100%;}
body#contents ul.global_navigation_list li.contents a::after{width: 100%;}
body#voice ul.global_navigation_list li.voice a::after{width: 100%;}
body#company ul.global_navigation_list li.company a::after{width: 100%;}
body#news ul.global_navigation_list li.news a::after{width: 100%;}
body#event ul.global_navigation_list li.event a::after{width: 100%;}
body#pickup ul.global_navigation_list li.pickup a::after{width: 100%;}
body#contact ul.global_navigation_list li.contact a::after{width: 100%;}
body#faq ul.global_navigation_list li.faq a::after{width: 100%;}
body#business ul.global_navigation_list li.business a::after{width: 100%;}
/* after hover stay */

/*チャイルドナビリスト*/
ul.child_navigation_list{
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
	list-style: none;
    width: 100%;
	margin: 0;
	padding: 0;
}
ul.child_navigation_list li{
    width: 100%;
    text-align: center;
}
ul.child_navigation_list li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0 0 0;
    box-sizing: border-box;
}

/* 768px(spNav) */
@media only screen and (max-width: 48em) {
    section.navigation_area{
        position: fixed;
        top: 0;
        left:0;
        margin: auto;
        padding: 0;
        width: 100%;
        height: 0%;
        background-color:#000;
/*    background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 238, 128)); */
    }
    section.navigation_area nav.global_navigation{
        position: relative;
        left: 0; top: 0;
        margin: 0;
        padding: 100px 0 0 0;
        height: 100%;
    }
    /*メインナビリスト*/
    ul.global_navigation_list{
        display: none;
        list-style: none;
        margin: 0;
        padding: 20px;
        height: auto;
        font-size: 0;
        width: 100%;
        text-align: center;
    }
    ul.global_navigation_list li{
        position: relative;
        display: block;
        height: auto;
        margin: 0 0 22px 0;
        text-align: center;
    }
    ul.global_navigation_list li.hasChild > span.navIcon{
        content: "";
        display: block;
        width: 10px; height: 10px;
        position: absolute;
        top: 6px ; right: 13px;
        background-image: url("/common/svg/icon_nav_plus.svg");
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: center center;
        cursor: pointer;
        z-index: 200;
    }
    ul.global_navigation_list li.hasChild > span.navIcon.isOpen{
        background-image: url("/common/svg/icon_nav_minus.svg");
    }
    ul.global_navigation_list li.only_sp{
        display: block;
    }
    ul.global_navigation_list li a{
        padding: 5px 0;
        height: auto;
        font-size: 3.0rem;
        font-weight: 200;
        color: #e9a62b;
        letter-spacing: 0.2rem;
    }
    /*チャイルドナビリスト*/
    ul.child_navigation_list{
        position: static;
        display: none;
        width: 100%;
        margin: 0;
        padding: 5px 0 0 5px;
    }
    ul.child_navigation_list li{
        background-color: transparent;
        width: 100%;
        text-align: left;
    }
    ul.child_navigation_list li a{
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding:0;
    }
    ul.child_navigation_list li a::before{
        content: "";
    }
}

/*=====■sub_navigation_area=====*/
section.sub_navigation_area{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width:auto;
	height: auto;
	z-index: 101;
}
ul.sub_navigation_list{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: right;
}
ul.sub_navigation_list li.sub_navigation{
	display: inline-block;
	width:60px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}
ul.sub_navigation_list li.sub_navigation.headTell{
	width:180px;
}

ul.sub_navigation_list li.sub_navigation a{
    display: block;
	width:100%;
	height: 100%;
    padding: 12px 0 0 0;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.3s;
}
ul.sub_navigation_list li.sub_navigation a svg{
    display: block;
	width:20px;
	height:16px;
    margin: 0 auto;
	fill:#000;
}
ul.sub_navigation_list li.sub_navigation.headTell a svg{
	width:calc(100% - 35px);
    padding: 0 10px;
}

ul.sub_navigation_list li.sub_navigation a span{
    color: #000;
    font-size: 10px;
}

/* for musicians */
ul.sub_navigation_list li.sub_navigation.other_side{
	width:180px;
    height: 40px;
    margin: 10px;
    border:solid 1px #000000;
    border-radius: 6px;
}
ul.sub_navigation_list li.sub_navigation.other_side a{
    position: relative;
	padding: 8px 0 0 0;
    font-weight: bold;
}
ul.sub_navigation_list li.sub_navigation.other_side a::after{
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    bottom: 0; left: 0;
    height: 0%;
    width: 100%;
    background-color: #E1E1E1;
    transition: 0.1s;
}
ul.sub_navigation_list li.sub_navigation.other_side a:hover::after{
    height: 100%;
}  


/* 864px */
@media only screen and (max-width: 54em) {
    section.sub_navigation_area{

    }
    ul.sub_navigation_list{

    }
    /* for musicians */
    ul.sub_navigation_list li.sub_navigation.other_side{
        display: none;
    }
    ul.sub_navigation_list li.sub_navigation.other_side a{

    }
}

/*=====header_trigger=====*/
div.navigation_trigger{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 20px;
	width: 26px;
	cursor: pointer;
	z-index: 101;
}
div.navigation_trigger span.navigation_trigger_parts{
	position: absolute;
	display: block;
	width: 30px;
	height: 1px;
	background-color: #e9a62b;
	transition: all 0.3s;
}

div.navigation_trigger span.navigation_trigger_parts.trigger_parts1{
	top: 0;
}
div.navigation_trigger span.navigation_trigger_parts.trigger_parts2{
	top: 0;
	bottom: 0;
	margin: auto;
}
div.navigation_trigger span.navigation_trigger_parts.trigger_parts3{
	bottom: 0;
}
/*hover effect*/
div.navigation_trigger:hover span.navigation_trigger_parts.trigger_parts3{
	width: 30px;
}

/*=====header_trigger__is_open=====*/
div.navigation_trigger.is_open{

}
div.navigation_trigger.is_open span.navigation_trigger_parts{
	margin: auto;
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts1{
	top: 0;
	bottom: 0;
	transform: rotate(45deg);
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts2{
	opacity: 0;
}
div.navigation_trigger.is_open span.navigation_trigger_parts.trigger_parts3{
	top: 0;
	bottom: 0;
	transform: rotate(-45deg);
	width: 30px;
}
/* 864px */
@media only screen and (max-width: 54em) {
    div.navigation_trigger{
        display: block;
    }
}

/* =========== headerArea =========== */

/* =========== localNavi =========== */
nav.local_nav{

}
nav.local_nav ul{
    list-style: none;
    font-size: 1.6rem;
}
nav.local_nav ul li{
    margin: 10px 0;
}
nav.local_nav ul li a{
    text-decoration: none;
    font-weight: bold;
    padding: 0 5px;
}
nav.local_nav ul li a:hover{
    background-color: var(--color-blue-gray);
    color: #fff;
}

/* 480px */
@media only screen and (max-width: 30em) {
nav.local_nav{
display: flex;
    margin: 0;
    padding: 20px 0 20px 0;
    text-align: left;
    }
nav.local_nav ul li{
display: inline-block;
    margin: 0;
}
nav.local_nav ul li a{
    text-decoration: none;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    padding: 0 2px;
    font-weight: bold;
    letter-spacing: 0.2rem;
}
nav.local_nav ul li a:after{
content: "｜";
}
}


/* =========== localNavi =========== */

/* =========== contentArea =========== */
div.content_area {
    padding-top: 120px;
}
body#top div.content_area {
    padding-top: 0;
}
/* 768px */
@media only screen and (max-width: 48em) {
    div.content_area {
        padding-top: 80px;
    }
}
/* 480px */
@media only screen and (max-width: 30em) {
    div.content_area {
        padding-top: 60px;
    }
}

/* =========== asideArea =========== */
/*contact*/
article.aside_contact_arti{
	margin: 0 auto;
	padding: 15px 0;
	background-color: #000000;
	color: #fff;
}
/*svg*/
svg.svg_aside_contact_logo{
	float: left;
	width: 130px;
	height: 60px;
	padding-top: 20px;
	fill:#ffffff;
}

div.aside_contact_arti_inner{
	float: left;
	width: calc(100% - 130px);
	text-align: center;
}

div.aside_contact_arti_inner h2{
	display: inline-block;
	font-size: 34px;
	font-family: 'Spectral', serif;
	font-weight: normal;
}
div.aside_contact_arti_inner h2 span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
div.aside_contact_arti_inner h2::after{
	display: inline-block;
	content: "";
	height: 1px;
	vertical-align: middle;
	width: 150px;
	background: #fff;
}
div.aside_contact_arti_inner a.aside_tell{
	display: inline;
	color: #ffffff;
	font-family: 'Spectral', serif;
	font-size: 34px;
	margin: 0 10px 0 0;
}
dl.aside_contact_dl{
	display: inline-block;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
}
dl.aside_contact_dl dt{
	float: left;
	width: 40px;
}
dl.aside_contact_dl dd{
	width: 200px;
}
/* 480px */
@media only screen and (max-width: 30em) {
svg.svg_aside_contact_logo{
	float: none;
	width: 100%;
	height: 45px;
	padding-top: 10px;
}
div.aside_contact_arti_inner{
	float: none;
	width: 100%;
}
div.aside_contact_arti_inner h2{
	display: block;
	font-size: 28px;
}
div.aside_contact_arti_inner h2 span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	font-size: 1.1rem;
}
div.aside_contact_arti_inner h2::after{
	display: block;
	width: 200px;
	margin: 0 auto;
}
div.aside_contact_arti_inner a.aside_tell{
	display: block;
	font-size: 24px;
	margin: 0 0 5px 0;
}
dl.aside_contact_dl{
	display: inline-block;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}
dl.aside_contact_dl dt{
	float: left;
	width: 45px;
}
dl.aside_contact_dl dd{
	width: 200px;
}
}


/*instagram*/
article.aside_instagram_arti{
}

h2.aside_instagram_title{
	padding: 10px 0 0 0;
	text-align: center;
	font-family: 'Spectral', serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: normal;	
}

p.aside_instagram_txt{
	margin: 0 0 10px 0;
	text-align: center;
	font-family: 'Spectral', serif;
	font-size: 16px;
	font-size: 1.6rem;
}
svg.svg_aside_intragram_icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align:middle;
}


/* instafeed */
ul.aside_instafeed{
	width:100%;
	margin:0 auto;
	list-style:none;
	}
ul.aside_instafeed:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}
ul.aside_instafeed li{
	float:left;
	width:11.111111111%;
	margin:0;
	padding:0;
	outline:solid 3px #FFFFFF;
	}
ul.aside_instafeed li img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height:0;
	}

/* 768px */
@media only screen and (max-width: 48em) {
ul.aside_instafeed{
	width:94%;
	margin:0 auto;
	}
ul.aside_instafeed li{
	width:33.333333%;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
article.aside_instagram_arti{
	margin: 0 0 10px 0;
}
}



/* =========== asideArea =========== */



.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  
  background: linear-gradient(to bottom, #E4A972 0%, #9941D8 100%);
  opacity: 0.5;
  animation: huerotator 20s infinite alternate;
}

@keyframes huerotator {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}


/* =========== footerArea =========== */
footer.footer_area {
	position:relative;
	width:100%;
  	margin:0;
  	padding:50px 0 10px ;
/*    background-color: var(--color-blue-light-gray); */
}

/*footerlogo*/
div.footer_logo_box{
	margin: 0 auto;
    padding: 10px 0 20px 0;
	text-align: center;
    width: 100%;
}
div.footer_logo_box a{
    text-decoration: none;
    display: inline-block;
}
div.footer_logo_box svg.svg_footer_logo{
    display: block;
    margin: 0 auto 10px;
	width: 120px;
	height: 60px;
	fill:var(--color-blue-gray);
}
div.footer_logo_box span{
	margin: 0 auto;
    font-size: 1.4rem;
}
/* 480px */
@media only screen and (max-width: 30em) {
footer.footer_area {
  	padding:30px 10px 10px ;
/*    background-color: var(--color-blue-light-gray); */
}
}

footer.footer_area address{
    font-style: normal;
    text-align: center;
}
footer.footer_area address a.footer_tel{
    text-decoration: none;
    font-weight: bold;
    font-size:3.2rem;
}

.footer_tel img{
    width: 300px;
}

/* 768px */
@media only screen and (max-width: 48em) {
.foot_sp {
display: none !important;
}
ul .footer_only_sp{

}
}
/* 480px */
@media only screen and (max-width: 30em) {
.foot_sp {
display: none !important;
}
ul .footer_only_sp{
display: block !important;
font-size: 12px !important;
}
}


/* footerOtherPageNavi */
nav.footer_nav{
	display: flex;
	margin: 0;
    padding: 20px 0 0 0;
    text-align: center;
	}
nav.footer_nav ul.footer_nav_list{
	margin: 0 auto;
	padding: 0;
	}
nav.footer_nav ul.footer_nav_list li{
	display:inline-block;
	margin:0;
	}
nav.footer_nav ul.footer_nav_list li::after{
    content: "|";
	}
nav.footer_nav ul.footer_nav_list li:first-child::before{
    content: "|";
	}
nav.footer_nav ul.footer_nav_list li a{
	text-decoration:none;
	font-size:1.4rem;
	font-size:14px;
    line-height: 1;
    vertical-align: middle;
    padding: 0 2px;
    font-weight: bold;
    letter-spacing: 0.2rem;
	}
nav.footer_nav ul.footer_nav_list li a:hover{
    color: #70b058;
	}
/* 768px */
@media only screen and (max-width: 48em) {
nav.footer_nav{

	}	
nav.footer_nav ul.footer_nav_list{
	}
nav.footer_nav ul.footer_nav_list li a{
	font-size:1.2rem;
	font-size:12px;
	}
}


/* footer contact area */
section.footer_contact_area{
    padding: 30px 0;
    background-color: #E8E8E8;
    text-align: center;
}
div.footer_contact_area_inner{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 768px;
}
div.footer_contact_box{
    width: 30%;
}
div.footer_contact_box a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    border: solid 1px #fff;
    background-color: #000;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s;
}
div.footer_contact_box a:hover{
    background-color: #e88d15;
}
div.footer_contact_box a svg{
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto 10px;
    fill:#fff;
}
div.footer_contact_box a p{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
div.footer_contact_box a p span{
    display: block;
    font-size: 12px;
    color: #666666;
}
/* 480px */
@media only screen and (max-width: 30em) {
    div.footer_contact_area_inner{
        display: block;
    }
    div.footer_contact_box{
        width: 100%;
        margin-bottom: 15px;
    }
}


/* footer_copy */
small.footer_copy{
	display: block;
	text-align:center;
	font-size:1.2em;
	font-size:12px;
	letter-spacing: 1.4px;
	padding: 20px 0;
	}


.anchor_mt{
padding-top: 100px;
}


/* =====pagetop_btn===== */
.pagetop {
    height: 40px;
    width: 40px;
    position: fixed;
    right: 1%;
    bottom: 2%;
    background: #e9a62b;
    border: solid 1px #e9a62b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
/*    opacity: 80%;　*/
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}

.pagetop:hover {
    background: #fff;
    transition: 0.5s;
}
.pagetop__arrow:hover {
    border-top: 3px solid #e9a62b;
    border-right: 3px solid #e9a62b;
    transform: translateY(20%) rotate(-45deg);
}

/* 480px */
@media only screen and (max-width: 30em) {
.pagetop {
    height: 40px;
    width: 40px;
    right: 1%;
    bottom: 1%;
    opacity: 80%;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    transform: translateY(20%) rotate(-45deg);
}
}
/* =====pagetop_btn end ===== */


/* 480px */
@media only screen and (max-width: 30em) {
}



/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}