@import url(lightbox.css);
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

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

body {
  line-height: 1
}
.insta iframe {
/*    position:absolute;
*/  
	top:0;
    left:0;
    width:100%;
	height:560px;
	border: none;
}
@media screen and (max-width: 767px) {
.insta iframe {
	height: 378px;
	
}
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

table {
  border-collapse: collapse;
  border-spacing: 0
}

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%
}

body a {
  outline: none;
  color: inherit;
  text-decoration: none
}

body a:hover {
  text-decoration: none
}

body img {
  vertical-align: bottom;
  border: 0;
  outline: none
}

body sup, body sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  font-size: 50%
}

body sup {
  bottom: 1ex
}

body sub {
  top: .5ex
}

body .word_break {
  word-wrap: break-word;
  word-break: break-all
}

body * {
  outline: none
}

body *:hover, body *:active, body *:focus {
  outline: none
}

@media screen and (min-width: 768px) {
  body {
    min-width: 1060px
  }
  body .inner {
    margin: 0 auto;
    overflow: hidden
  }
  body header {
    width: 100%;
    height: 75px;
    overflow: hidden;
    background: #ffffff
  }
  body header .inner {
    width: 1060px
  }
  body header h1 {
    margin-top: 12px;
    float: left
  }
  body header h1 a {
    width: 136px;
    height: 49px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url("../image/common/sp/img_header_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
  }
  body header h1 a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
  }
  body header .right_column {
    width: 920px;
    float: right
  }
  body header .right_column .nav_area, body header .right_column p.tel, body header .right_column .translate {
    margin-top: 30px;
    float: left
  }
  body header .right_column .nav_area p.menu_btn {
    display: none
  }
  body header .right_column .nav_area nav ul {
    overflow: hidden
  }
  body header .right_column .nav_area nav ul li {
    height: 23px;
    padding: 0 20px;
    float: left;
    border-right: 1px solid #dddddd
  }
/*  body header .right_column .nav_area nav ul li:last-child {
    padding-right: 0;
    border-right: 0;
  }*/
  body header .right_column .nav_area nav ul li a {
    display: block;
    line-height: 23px;
    font-size: 14px;
    color: #000000
  }
  body header .right_column .nav_area nav ul li a:hover {
    text-decoration: underline
  }
  body header .right_column p.tel {
    margin-left: 3px;
    line-height: 23px;
    font-size: 12px
  }
  body header .right_column .translate {
    margin-left: 20px
  }
	
  body header li.twitter a {
    background-image: url("../image/common/pc/twitter.png");
	width: 20px;
    height: 23px;  
    display: block;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
   position: relative;
/*	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;*/
	margin-left: -2px;
	  margin-right: -2px;
  }

body header li.twitter a span {
   height: 1px;
    width: 1px;
    display: block;
  position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
  }
	
body header li.facebook a {
    background-image: url("../image/common/pc/facebook.png");
	width: 20px;
    height: 23px;  
    display: block;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
   position: relative;
/*	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;*/
	margin-left: -2px;
	  margin-right: -2px;
  }

body header li.facebook a span {
   height: 1px;
    width: 1px;
    display: block;
  position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
  }	
	
 body header li.instagram a {
    background-image: url("../image/common/pc/instagram.png");
	width: 20px;
    height: 23px;  
    display: block;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
   position: relative;
/*	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;*/
	margin-left: -2px;
	  margin-right: -2px;
  }

body header li.instagram a span {
   height: 1px;
    width: 1px;
    display: block;
  position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
  }	
	
  /*body header li.instagram a {
    background-image: url("../image/common/pc/instagram.png");
	    display: block;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
    position: relative;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left: -25px;
	  margin-right: -25px;
  }	*/
	
	
	
	
	
	
	
	
	
	
	
  body article section {
    overflow: hidden;
    position: relative
  }
  body article section .inner {
    width: 960px
  }
  body article section p.more_link a {
    padding: 0 40px;
    height: 34px;
    display: inline-block;
    border: 2px solid #01a3d9;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    color: #01a3d9
  }
  body article section p.more_link a:before {
    content: '';
    width: 9px;
    height: 14px;
    display: block;
    background: url("../image/common/pc/icon_btn_arrow.png") no-repeat center center;
    position: absolute;
    top: 9px;
    left: 20px
  }
  body footer {
    padding-top: 64px
  }
  body footer ul.sns {
    margin-bottom: 42px;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    font-size: 0
  }
  body footer ul.sns li {
    margin: 0 17px;
    display: inline-block
  }
  body footer ul.sns li a {
    width: 42px;
    height: 42px;
    display: block;
    background: no-repeat center center;
    position: relative
  }
  body footer ul.sns li a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
  }
  body footer ul.sns li.twitter a {
    background-image: url("../image/common/pc/icon_sns_twitter.png")
  }
  body footer ul.sns li.facebook a {
    background-image: url("../image/common/pc/icon_sns_facebook.png")
  }
  body footer ul.sns li.instagram a {
    background-image: url("../image/common/pc/icon_sns_instagram.png")
  }
  body footer .footer_nav {
    margin-bottom: 30px
  }
  body footer .footer_nav ul {
    margin-bottom: 14px;
    text-align: center
  }
  body footer .footer_nav ul li {
    padding: 0 6px;
    border-right: 1px solid #000000;
    display: inline-block
  }
  body footer .footer_nav ul li:last-child {
    padding-right: 0;
    border-right: 0
  }
  body footer .footer_nav ul li a {
    font-size: 14px
  }
  body footer .footer_nav ul li a:hover {
    text-decoration: underline
  }
  body footer .copyright {
    height: 106px;
    border-top: 1px solid #cccccc;
    background: #f1f1f1;
    text-align: center;
    line-height: 106px;
    font-size: 14px
  }
  body .html_modal {
    width: 100%;
    overflow: hidden;
    display: none;
    opacity: 0
  }
  body .html_modal .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000
  }
  body .html_modal .frame {
    margin: 124px auto;
    width: 960px;
    background: #ffffff;
    position: relative;
    z-index: 1001
  }
  body .html_modal .frame a.close {
    margin-left: 410px;
    width: 70px;
    height: 70px;
    display: block;
    background: url("../image/common/pc/icon_mw_close.png") no-repeat center center;
    position: fixed;
    top: 124px;
    left: 50%;
    z-index: 1002
  }
  body .html_modal .frame iframe {
    width: 100%;
    height: auto;
  }
  .pc_none {
    display: none !important
  }

.insta {
	width: 430px;
	float: right;
	
}
}

@media screen and (max-width: 767px) {
  body {
    min-width: 320px
  }
  body .inner:after {
    content: '';
    display: block;
    float: none;
    clear: both
  }
  body header {
    width: 100%;
    height: 60px;
    overflow: visible;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50
  }
  body header h1 {
    float: left
  }
  body header h1 a {
    width: 140px;
    height: 60px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url("../image/common/sp/img_header_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
  }
  body header h1 a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
  }
  body header .right_column {
    float: right
  }
  body header .right_column .nav_area p.menu_btn {
    position: absolute;
    top: 12px;
    right: 4px
  }
  body header .right_column .nav_area p.menu_btn a {
    width: 39px;
    height: 39px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url("../image/common/sp/btn_menu.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
  }
  body header .right_column .nav_area p.menu_btn a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
  }
  body header .right_column .nav_area p.menu_btn.close a {
    background-image: url("../image/common/sp/btn_menu_close.png")
  }
  body header .right_column .nav_area nav {
    width: 100vh;
    height: 0;
    position: fixed;
    top: 60px;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden
  }
  body header .right_column .nav_area nav.show {
    height: 100vh
  }
  body header .right_column .nav_area nav ul {
    width: 280px;
    height: calc(100% - 60px);
    float: right;
    background: #ffffff;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
  body header .right_column .nav_area nav ul li {
    border-bottom: 1px solid #1faedd
  }
  body header .right_column .nav_area nav ul li:last-child {
    border-bottom: 0
  }
  body header .right_column .nav_area nav ul li a {
    padding: 8px;
    display: block;
    font-size: 14px;
    color: #000000
  }
  body header .right_column .nav_area nav ul li a:hover {
    text-decoration: underline
  }
  body header .right_column p.tel {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right;
    line-height: 20px;
    font-size: 10px
  }
  body header .right_column .translate {
    position: absolute;
    top: 20px;
    right: 42px
  }
  body article {
    margin-top: 60px
  }
  body article section {
    overflow: hidden;
    position: relative
  }
  body article section .inner {
    margin: 0 auto;
    max-width: 520px
  }
	
  body article section p.more_link a {
    padding: 10px 12px 10px 24px;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #01a3d9;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    color: #01a3d9
  }
  body article section p.more_link a:before {
    content: '';
    margin-top: -6px;
    width: 7px;
    height: 12px;
    display: block;
    background: url("../image/common/sp/icon_btn_arrow.png") no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 10px
  }
  body footer {
    padding-top: 25px
  }
  body footer ul.sns {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    font-size: 0
  }
  body footer ul.sns li {
    margin: 0 17px;
    display: inline-block
  }
  body footer ul.sns li a {
    width: 50px;
    height: 50px;
    display: block;
    background: no-repeat center center / contain;
    position: relative
  }
  body footer ul.sns li a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
  }
  body footer ul.sns li.twitter a {
    background-image: url("../image/common/sp/icon_sns_twitter.png")
  }
  body footer ul.sns li.facebook a {
    background-image: url("../image/common/sp/icon_sns_facebook.png")
  }
  body footer ul.sns li.instagram a {
    background-image: url("../image/common/sp/icon_sns_instagram.png")
  }
  body footer .footer_nav {
    margin-bottom: 30px
  }
  body footer .footer_nav ul {
    text-align: center
  }
  body footer .footer_nav ul li {
    display: inline-block;
    line-height: 22px
  }
  body footer .footer_nav ul li a {
    font-size: 11px
  }
  body footer .copyright {
    margin: 0 10px;
    padding: 16px 0;
    border-top: 1px solid #cccccc;
    text-align: center;
    font-size: 11px
  }
  body .html_modal {
    width: 100%;
    overflow: hidden;
    display: none;
    opacity: 0
  }
  body .html_modal .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000
  }
  body .html_modal .frame {
    width: 100%;
    background: #ffffff;
    position: relative;
    z-index: 1001
  }
  body .html_modal .frame a.close {
    width: 31.5px;
    height: 31.5px;
    display: block;
    background: url("../image/common/sp/icon_mw_close.png") no-repeat center center/31.5px 31.5px;
    position: fixed;
    top: 4px;
    right: 18.5px;
    z-index: 1002
  }
  body .html_modal .frame iframe {
    width: 100%;
    height: auto
  }
  .sp_none {
    display: none !important
  }

}

@media screen and (max-width: 767px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .mb1 {
    margin-bottom: 1px !important;
  }
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

body footer {
  padding-top: 30px;
}

footer .footer_mail {
  text-align: center;
  margin-bottom: 42px;
}
	

@media screen and (min-width: 768px) {
  html:lang(en) body header .right_column .nav_area, html:lang(zh-CN) body header .right_column .nav_area, html:lang(zh-TW) body header .right_column .nav_area, html:lang(ko) body header .right_column .nav_area {
    margin-top: 15px;
  }
  html:lang(en) body header .right_column .nav_area nav ul li, html:lang(zh-CN) body header .right_column .nav_area nav ul li, html:lang(zh-TW) body header .right_column .nav_area nav ul li, html:lang(ko) body header .right_column .nav_area nav ul li {
    max-width: 98px;
    height: 45px;
  }
  html:lang(ja) body header .right_column .nav_area nav ul li, html:lang(auto) body header .right_column .nav_area nav ul li {
    padding: 0 12px;
  }
}