/* ----------基本カラー ---------- */
.linkStyle{
	color:#68baf5;
}
.linkStyle:hover{
	color:#68baf5;
	opacity: 0.7;
	transition: all 0.5s;
}
.txt_color1{
    color: #68baf5;
} 
.hvr_txt_color1:hover{
    color: #68baf5;
} 
.txt_color2 {
    color: #fff;
}
.txt_color2:hover {
    color: #fff;
}
.txt_color3{
    color: #fda203;
}
.hvr_txt_color3:hover{
    color: #fda203;
}

.bg_color1 {
    background-color: #68baf5;
}
.hvr_bg_color1:hover{
    background-color: #68baf5;
}
.bg_color2 {
    background-color: #e0f3f7;
}
.bg_color2:hover {
    background-color: #e0f3f7;
}
.bg_color3 {
    background-color: #fda203;
}
.bg_color4 {
    background-color: #fdfc9a;
}
.hvr_bg_color4:hover {
    background-color: #fdfc9a;
}
.hvr_bg_color3:hover{
    background-color: #fda203;
} 

.border_color1{
    border-color: #68baf5;
}
.hvr_border_color1:hover{
    border-color: #68baf5;
}
.border_color3{
    border-color: #fda203;
}
.hvr_border_color3:hover{
    border-color: #fda203;
}



/* ---------- 全体共通部分 ---------- */
#wrap{
	background-image: url(Dup/img/back_img.jpg),url(Dup/img/back_img2.jpg);
	background-repeat: repeat-y,repeat-y;
	background-position: left top, right top;
	background-size: 9%,9%;
}
header {
background-color: #68baf5;
}
.d_flex.flex_center-left.pd_t-10px_sp.pd_b-10px_sp{
    justify-content: center;
}
#header #logo{
width: 15%!important;
}
#contact_btn{
    width: 19%!important;
}
#header #contact_btn .fa-phone{
    color: #fff;
}
#header #contact_btn a{
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
#contact_btn a{
background-color: #fda203;
}
#footer .logo{
width: 50%!important;
    margin: auto;
margin-bottom: 50px;
}
aside #aside_company{
background-color: #fff2dc;
}
aside #aside_access{
background-color: #e2edfb;
}
.drawer-nav {
    color: #fda203;
}



/* ---------- TOP ---------- */
.main_img{
	overflow: hidden;
}
.video_wrap {
    height: 41vw;
}
.video_wrap video{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.more a:hover{
    background-color: #68baf5;
}



/* ---------- 下層ページ ---------- */
.cate_list li {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.cate_list li:hover {
  transform: translateY(-0.1875em);
}
#sitemap li {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
#sitemap li:hover {
  transform: translateY(-0.1875em);
}
#sitemap li:hover a {
    background-color: #fda203;
    color: #fff;
}


/*クリックで表示*/
#cms_3-e .sub_cate_title {
  display: block;
  position: relative;
	padding-right: 20px;
	cursor: pointer;
	cursor: hand;
}
#cms_3-e .sub_cate_title.active:after {
	 -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
	bottom: -3px;
}
#cms_3-e .sub_cate_box_wrap {
    display: none;
	text-align: left;
	background-color: rgba(255,255,255,0.85)
}
#cms_3-e .sub_cate_box_wrap:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
#cms_3-e .sub_cate_title:before {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    content: '+';
    font-size: 16px;
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
    color:#4d4d4d;
	padding: 0px 6px;

}
#cms_3-e .sub_cate_title.active:before {
	position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
	 content: '−';
      font-size: 16px;
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
	color:#4d4d4d;
	padding: 0px 6px;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#contact_btn{
    width: 25%!important;
}
.d_flex.flex_center-left.pd_t-10px_sp.pd_b-10px_sp {
    justify-content: flex-start;
}
.drawer-hamburger {
            background-color: transparent!important;
}
.drawer-hamburger-icon{
    background-color:#fda203;
}
.drawer-nav .sns_links li  {
    border-left: 0px solid;
    padding-left: 7px;
    padding-right: 7px;
}
#wrap {
    background-position: left -60px top, right -60px top;
    background-size: 15%,15%;
}
}



/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#wrap{
    background-position: left -55px top, right -55px top;
    background-size: 22%,24%;
}
.d_flex.flex_center-left.pd_t-10px_sp.pd_b-10px_sp {
    justify-content: flex-start;
}
.top #header {
    position: relative;
}
#header #logo{
width: 30%!important;
}
#contact_btn{
    width: 33.33333%!important;
}
.drawer-nav .sns_links li  {
    width: 40px!important;
height: 40px;
}
.video_wrap {
    height: 55vw;
}
#footer .logo{
margin-bottom: 40px;
}
}