@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700');


/* svg */
#__svg-logo { fill: #a3743f; }


@media screen and (min-width: 751px),print {
/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }body { line-height: 1; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }nav ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }/* change colours to suit your needs */ins { background-color: #ff9; color: #000; text-decoration: none; }/* change colours to suit your needs */mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }del { text-decoration: line-through; }abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }table { border-collapse: collapse; border-spacing: 0; }/* change border colour to suit your needs */hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }input, select { vertical-align: middle; }


/*
 * defaut style
 */
html { height: 100%; overflow-y: scroll; overflow-x: hidden; font-size:16px; padding-top:0; margin-top:0!important; background:#fff; }
body { /* min-height:100%; */  font-size: 100%; color: #000; word-wrap: break-word; overflow:hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none /* for ipad */; }
body { font-family:'Roboto', 'Noto Sans JP', sans-serif; font-weight:400; }
body.loading .contents,
body.loading #header { opacity:0; }
body.loading2 .contents,
body.loading2 #header  { opacity:0; }
body.loaded .contents,
body.loaded #header { opacity:1; /* animation:fadeInEx2 0.5s ease 0.8s forwards!important; */ }
body.loaded2 .contents,
body.loaded2 #header { opacity:1; /* animation:fadeInEx 0.5s ease 0s forwards!important; */ }
body.loading #header-inner { opacity:0; }
body.loaded #header-inner { opacity:1; /* animation:fadeInEx 0.5s ease 0.8s forwards!important; */ }
body.isopen { height: 100%; overflow: hidden; }
div { font-size:16px; letter-spacing:0px; }
table { word-break: break-word; }
img { max-width: 100%; height: auto; width: auto; vertical-align: bottom; border: none; }
li { list-style-type: none; }
ol { margin-bottom:2.0em; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.2em; line-height:180%; }
ul { margin-bottom:2.0em; }
ul li {  margin-left:20px; padding-left:0px; list-style-type:disc; margin-bottom:0.5em; line-height:180%; }
dt { font-weight:bold; line-height:160%; margin-bottom:0.5em; }
dd { margin-bottom:1.5em; line-height:160%; }
p { margin-bottom: 2.0em; line-height:200%; }
p:last-child { margin-bottom:0; }
p > img { width:100%; }
p > a {text-decoration:none; color: #a3743f  }
p > a:hover { text-decoration:underline; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
sup { position: relative; font-size: 100%; top: -5px; }
sub { position: relative; font-size: 100%; bottom: -5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.sp { display: none!important; }
.center { text-align:center; }
.pc-center { text-align:center; }
.right { text-align:right; } 
.pc-right { text-align:right; } 
.img-left { float:left; margin-right:50px; margin-bottom:50px; width:41.66666666666667%; }
.img-right { float:right; margin-left:50px; margin-bottom:50px; width:41.66666666666667%; }
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
* { box-sizing:border-box; }
.nowrap { white-space:nowrap; display:inline-block; }
.red { color:#ff0000; }
.marker_y {background: linear-gradient(transparent 60%, #fefe9c 65%);font-weight: bold; }

/*
 * header & footer
 */
 
 #loader-container {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
#loader-container.loaded { pointer-events:none; }
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
	transform-origin: bottom right;
}
#loader-bg.loaded { animation:fadeOutEx 0.5s ease 0.5s forwards!important;}
#loader {
  /* display: none; */
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;
  color: #000000;
  z-index: 10000;
}
#loader:after { content:""; display:block; width:87px; height:87px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#a3743f;
	mask-image:url(/common/img/logo.svg);
	-webkit-mask-image:url(/common/img/logo.svg);
  mask-size: cover;
  -webkit-mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

#loader.loaded { animation:fadeOutEx 0.5s ease 0s forwards!important; }
#loader .circle { display:none; position:relative; top:-5px; animation:fadeInEx 0.5s ease 0s forwards!important; }
#loader .circle:after { content:""; background:url(../img/logo.svg) no-repeat left top; width:40px; height:39px; display:inline-block; position:absolute; top:-50px; left:50%; transform:translateX(-50%); opacity:0; animation:slideInEx 0.5s ease 0s forwards!important; }
#loader .circle > span { display:inline-block; width:8px; height:8px; margin:4px; background:#000; border-radius:50%; opacity:0.2; }
#loader .circle > span:nth-child(1) { animation:zoomInEx 1s ease 0s infinite!important; }
#loader .circle > span:nth-child(2) { animation:zoomInEx 1s ease .2s infinite!important; }
#loader .circle > span:nth-child(3) { animation:zoomInEx 1s ease .4s infinite!important; }

 
#container { opacity:0; animation:fadeInEx 0.1s ease 0.1s forwards!important; /* loading.js 適用時 */ }

/*
 * contents
 */
.contents { padding-left:250px; }
.contents .content-wrapper {}
.main-content { max-width:1100px; padding:0 60px; box-sizing:content-box; margin:0 auto 120px; position:relative; }

/* 汎用 */
.section { max-width:1110px; margin:0px auto 70px; padding-top:0px; }
.section:first-child { margin-top:0px; padding-top:0px; }
.section:last-child { margin-bottom:0; }
.section p img { display:block; margin-bottom:2.5em; }
.section iframe { width:100%; height:620px; }
.article { margin:0 0 80px; }
.article p { line-height:200%; }
.block { margin-bottom:120px; }
.lead { font-size:26px; font-weight:500; }
.indent { margin-left:40px; }
.indent02 { margin-left:25px; }

.title01 { margin-bottom:60px; }
.title01 span:nth-child(1) { display:block; font-weight:500; font-size:32px; line-height:32px; margin-bottom:20px; position:relative; }
.title01 .eng { font-size:12px; line-height:12px; font-weight:700; color:#a3743f; display:block; margin-left:5px; }
.title02 { margin-bottom:70px; font-size:28px; font-weight:500; border-left:5px solid #a3743f; padding-left:30px; line-height:38px; }
.title03 { position:relative; margin-top:120px; margin-bottom:80px; font-size:26px; font-weight:500; }
.title03:after { content:""; display:block; position:absolute; left:0; bottom:-20px; width:15px; height:4px; background:#a3743f; }
.title04 { position:relative; margin-top:120px; margin-bottom:50px; font-size:20px; font-weight:700; }
.title05 { background:#f9f5ee; font-size:22px; font-weight:500; line-height:60px; padding:0 20px; border-radius:10px; margin-top:100px; margin-bottom:50px; }
.title06 { background:#f9f5ee; font-size:24px; font-weight:500; line-height:60px; padding:0 20px; margin-top:100px; margin-bottom:35px; }
.title07 { font-size:22px; font-weight:500; line-height:60px; margin-bottom:0; }
.title08 a { display:inline-block; width:100%; background:#f5f5f5; font-size:22px; font-weight:500; line-height:60px; padding:0 20px; margin-top:60px; margin-bottom:35px; color: #a3743f; text-decoration:none; position: relative;transition:0.3s ease-in-out;}
.title08 a:after {content:""; display:block; width: 26px; height: 8px; background:url(../img/ico_arrow04.png) no-repeat; background-size:cover; position:absolute; right:40px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
.title08 a:hover {opacity: 0.7}
.title08 a:hover:after { background-image:url(../img/ico_arrow04.png) ; right: 30px}



.btn01 { position:relative; margin:40px auto; text-align:center; }
.btn01 a,
.contact-form-items .btn01 > p > span { display:inline-block; width:330px; line-height:75px; font-size:22px; font-weight:500; text-align:center; position:relative; text-decoration:none; background:#fff; border:2px solid #ccc; transition:0.3s ease-in-out; }
.btn01 a:after,
.contact-form-items .btn01 > p > span:after { content:""; display:block; position:absolute; right:37px; top:50%; transform:translateY(-50%); background:url(../img/ico_arrow03.png) no-repeat; background-size:contain; width:37px; height:21px; transition:0.3s ease-in-out; }
.btn01 a:hover,
.contact-form-items .btn01 > p > span:hover { color:#a3743f; border-color:#a3743f; }
.btn01 a:hover:after,
.contact-form-items .btn01 > p > span:hover:after { right:27px; background-image:url(../img/ico_arrow03_on.png) ; }
.btn01.type02 a { width:500px; font-size:18px; }
.btn01.type02 a:hover { color:#a3743f; color:#fff; border-color:#a3743f; background:#a3743f; }
.btn01.type02 a:hover:after { right:27px; background-image:url(../img/ico_arrow03_on2.png) ; }
.btn01.type03.back { margin-bottom:-70px; }
.btn01.type03 a,
.btn01.type03 > span { width:500px; border:2px solid #a3743f; color:#000; }
.btn01.type03 a:after,
.btn01.type03 > span:after { right:37px; background-image:url(../img/ico_arrow03_on.png) ; }
.btn01.type03.back a:after,
.btn01.type03.back > span:after { right:auto; left:37px; background-image:url(../img/ico_arrow03_on_back.png) ; }
.btn01.type03 a:hover,
.btn01.type03 > span:hover { color:#a3743f; color:#fff; border-color:#a3743f; background:#a3743f; }
.btn01.type03 a:hover:after,
.btn01.type03 > span:hover:after { right:27px; background-image:url(../img/ico_arrow03_on2.png) ; }
.btn01.type03.back a:hover:after,
.btn01.type03.back > span:hover:after { right:auto; left:27px; background-image:url(../img/ico_arrow03_on2_back.png) ; }
.btn01.type04 a { width:500px; font-size:18px; padding-right:40px; }
.btn01.type04 a:after { right:20px; }
.btn01.type04 a:hover { color:#a3743f; color:#fff; border-color:#a3743f; background:#a3743f; }
.btn01.type04 a:hover:after { right:10px; background-image:url(../img/ico_arrow03_on2.png) ; }
.btn01.type05 a { width:400px; font-size:18px; }
.btn01.type05 a:before { content:""; display:block; position:absolute; left:108px; top:50%; transform:translateY(-50%); width:18px; height:22px; transition:0.3s ease-in-out; 
	background-color:#a3743f;
	mask-image:url(/common/img/ico_login.svg);
	-webkit-mask-image:url(/common/img/ico_login.svg);
  mask-size: cover;
  -webkit-mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}
.btn01.type05 a:after { right:20px; }
.btn01.type05 a:hover { color:#a3743f; color:#fff; border-color:#a3743f; background:#a3743f; }
.btn01.type05 a:hover:before { background-color:#fff; }
.btn01.type05 a:hover:after { right:10px; background-image:url(../img/ico_arrow03_on2.png) ; }
.btn02 { position:relative; margin:40px auto; text-align:center; }
.btn02 a { display:inline-block; width:220px; line-height:70px;  font-weight:700; text-align:center; position:relative; text-decoration:none; background:#fff; border:1px solid #ccc; transition:0.3s ease-in-out; }
.btn02 a:after { content:""; display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); background:url(../img/ico_arrow01.png) no-repeat; background-size:cover; width:13px; height:5px; transition:0.3s ease-in-out; opacity:0.7; }
.btn02 a:hover { color:#a3743f; border-color:#a3743f; }
.btn02 a:hover:after { right:10px; background-image:url(../img/ico_arrow01_on.png) ; opacity:1; }



.btns01 { text-align:center; }
.btns01 > * { display:inline-block; margin-left:20px; margin-right:20px; }

.box01 { position:relative; border:1px solid #ccc; margin-bottom:65px; }
.box01 .ttl { background:#f0f4ed; font-size:18px; font-weight:700; line-height:50px; padding:0 22px; }
.box01 .text { padding:40px; }
.box01 .text ol { margin:0; }
.box01 .text ol li { margin-bottom:10px; }
.box02 { position:relative; border:1px solid #ccc; margin-bottom:65px; }
.box02 .ttl { background:#f5efe5; font-size:18px; font-weight:700; line-height:50px; padding:0 22px; }
.box02 .text { padding:40px; }
.box02 .text ol { margin:0; }
.box02 .text ol li { margin-bottom:10px; }
.box03 { position:relative; border:1px solid #ccc; margin-bottom:85px; margin-top:60px; }
.box03 .ttl { position:relative; background:#f9f5ee; font-size:24px; font-weight:500; line-height:60px; padding:0 22px; }
.box03 .ttl:after { content:""; display:block; width:4px; height:30px; background:#a3743f; position:absolute; left:-1px; top:50%; transform:translateY(-50%); }
.box03 .text { padding:40px; }
.box03 .text ul { margin-bottom:0; }
.box03 .text li:last-child { margin-bottom:0; }
.box04 { position:relative; border:1px solid #ccc; margin-bottom:85px; margin-top:60px; padding:50px 90px; }
.box04 p { position:absolute; left:310px; top:50%; transform:translateY(-50%); padding-right:20px; }

.box-flex01 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex01 > * { display:block; margin:0; width:calc(320 / 1010 * 100%); margin-right:calc(25 / 1010 * 100%); margin-bottom:20px; }
.box-flex01 > *:nth-child(3n) { margin-right:0; }
.box-flex02 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex02 > * { display:block; margin:0; width:calc(320 / 1010 * 100%); margin-right:calc(25 / 1010 * 100%); margin-bottom:20px; }
.box-flex02 > *:nth-child(3n) { margin-right:0; }
.box-flex03 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex03 > * { display:block; margin:0; width:calc(320 / 1010 * 100%); margin-right:calc(25 / 1010 * 100%); margin-bottom:20px; }
.box-flex03 > *:nth-child(3n) { margin-right:0; }
.box-flex04 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex04 > * { display:block; margin:0; width:calc(500 / 1100 * 100%); margin-right:calc(100 / 1100 * 100%); margin-bottom:75px; }
.box-flex04 > *:nth-child(2n) { margin-right:0; }
.box-flex05 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex05 > * { display:block; margin:0; width:calc(550 / 1100 * 100%); }
.box-flex06 { display:flex; flex-wrap: wrap; margin:0 auto 0; }
.box-flex06 > * { display:block; margin:0; width:calc(516 / 1100 * 100%); margin-right:calc(68 / 1100 * 100%); }
.box-flex06 > *:nth-child(2n) { margin-right:0; }


.table01 .ttl { background:#f2f2f2; font-size:18px; font-weight:700; line-height:50px; padding:0 20px; margin-bottom:-1px; position:relative; z-index:2; }
.table01 table { width:100%; margin-bottom:100px; border-bottom:1px solid #dcdcdc; }
.table01 tr { }
.table01 th,
.table01 td:first-child { padding:20px 25px 20px 35px; line-height:160%; width:175px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left; vertical-align:top; position:relative; }
.table01 td:first-child { padding:20px 0px 20px 0px; text-align:center; }
.table01 td { padding:20px 0 20px 35px; line-height:160%; border-top:1px solid #dcdcdc; text-align:left; vertical-align:top; }
.table01 td .hidden { display:none; }
.table01 td .hidden + br { display:none; }
.table01 td p { line-height:180%; }
.table01 td a { color:#a3743f; position:relative; padding-right:25px; display:inline-block; }
.table01 td a:hover { opacity:0.7; text-decoration:none; }
.table02 table { border-left:1px solid #ccc; border-top:1px solid #ccc; width:100%; }
.table02 th,
.table02 td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 25px; line-height:140%; }
.table02 th { background:#f0f4ed; text-align:center; font-weight:700; white-space:nowrap; }
.table02 td:nth-child(1) { white-space:nowrap; width:1%; }
.table02 td:nth-child(2) { max-width:250px; min-width:250px; }
.table02 td a { color:#815626; text-decoration:none; }
.table02 td a:hover { opacity:0.7; }



.topic-path { /* width:1100px; */ height:15px; padding:0 20px; box-sizing:content-box; margin:0 auto; position:relative; z-index:2; }
.topic-path ul { position:absolute; left:20px; top:12px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; visibility: visible; width:calc(100% - 40px); color:#fff; line-height:30px; }
.topic-path ul li { display:inline; line-height:30px; font-size:14px; color:#fff; margin:0; padding:0; }
.topic-path ul li:after { content:"/"; margin:0 5px 0 10px; }
.topic-path ul li:last-child:after { display:none; }
.topic-path ul li a { position:relative; display:inline; line-height:30px; color:#fff; vertical-align:bottom; }
.topic-path ul li:first-child a { width:15px; height:15px; margin-right:0px; padding-left:15px; }
.topic-path ul li:first-child a:after { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; display:inline-block; width:15px; height:15px; background:#fff;
	mask-image:url(/common/img/ico_home.svg);
	-webkit-mask-image:url(/common/img/ico_home.svg);
  mask-size: cover;
  -webkit-mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}
body.member .topic-path ul li { color:#000; }
body.member .topic-path ul li a { color:#000; }
body.member .topic-path ul li:first-child a:after { background:#a3743f; }
body.faq .topic-path ul li { color:#000; }
body.faq .topic-path ul li a { color:#000; }
body.faq .topic-path ul li:first-child a:after { background:#a3743f; }
body.contact .topic-path ul li { color:#000; }
body.contact .topic-path ul li a { color:#000; }
body.contact .topic-path ul li:first-child a:after { background:#a3743f; }


.page-title { position:relative; z-index:1; height:220px; background:no-repeat center center; background-size:cover; margin:-15px 0 120px; }
.page-title > .inner { width:1100px; margin:0 auto; padding:0 20px; box-sizing:content-box; position:relative; }
.page-title h1 { position:relative; font-size:30px; font-weight:700; color:#fff; line-height:220px; }
.page-title h1:after { content:""; display:block; position:absolute; left:0; bottom:65px; width:28px; height:4px; background:#a3743f; }
body.about .page-title { background-image:url(../img/bg_pagetitle_about.jpg); }
body.about .page-title h1 { text-shadow:0 0 10px rgba(0,0,0,0.4); }
body.about_member .page-title { background-image:url(../img/bg_pagetitle_about_member.jpg); }
body.about_member .page-title h1:after { background:#fff; }
body.green .page-title { background-image:url(../img/bg_pagetitle_green.jpg); }
body.event .page-title { background-image:url(../img/bg_pagetitle_event.jpg); }
body.topics .page-title { background-image:url(../img/bg_pagetitle_topics.jpg); }
body.member .page-title { background-image:url(../img/bg_pagetitle_member.jpg); }
body.member .page-title h1 { color:#000; }
body.useful .page-title { background-image:url(../img/bg_pagetitle_useful.jpg); }
body.faq .page-title { background-image:url(../img/bg_pagetitle_faq.jpg); background-position:right center; }
body.faq .page-title h1 { color:#000; }
body.privacy .page-title,
body.download .page-title,
body.link .page-title,
body.terms .page-title { background-image:url(../img/bg_pagetitle_privacy.jpg); }
body.privacy .page-title h1:after,
body.download .page-title h1:after,
body.link .page-title h1:after,
body.terms .page-title h1:after { background:#fff; }
body.contact .page-title { background-image:url(../img/bg_pagetitle_contact.jpg); }
body.contact .page-title h1 { color:#000; }


.lnav { background:#f9f5ee; }
.lnav ul { max-width:1100px; margin:-120px auto 120px; padding:0 20px; box-sizing:content-box; position:relative; }
.lnav ul li { display:inline-block; line-height:60px; margin:0 62px 0 0; padding:0; }
.lnav ul li a { display:inline-block; border-bottom:1px solid #f9f5ee; }
.lnav ul li a.active { border-bottom:1px solid #a3743f; }
.lnav ul li a:hover { border-bottom:1px solid #a3743f; text-decoration:none; }



/* svg */
.svg-logo { width:100px; }
.test { position:relative; line-height:30px; padding-left:50px; margin:60px!important; }
.test:after { content:""; display:block; width:37px; height:21px; position:absolute; left:0; top:0;  
	mask-image:url(/common/img/ico_arrow03.svg);
	-webkit-mask-image:url(/common/img/ico_arrow03.svg);
  mask-size: cover;
  -webkit-mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}


/* modal */
.mfp-bg { background:rgba(255,255,255,0.8); }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:100%; max-width:1100px; }
.mfp-close-btn-in .mfp-close { opacity:1; color:rgba(0,0,0,0); width: 44px  }
.mfp-close-btn-in .mfp-close:before,
.mfp-close-btn-in .mfp-close:after { content:""; width:30px; height:1px; display:block; position:absolute; left:0; top:0; transform-origin: 50% 0%; background:#a3743f; }
.mfp-close-btn-in .mfp-close:before { top:14px; transform:rotate(45deg); }
.mfp-close-btn-in .mfp-close:after { top:14px; transform: rotate(-45deg); }
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-iframe-holder .mfp-content {max-width: 1100px}



/* home */
body.home .main-visual { height:795px; position:relative; margin-bottom:75px; }
body.home .main-visual-text { background:rgba(0,0,0,0.5); padding:40px 60px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; }
body.home .main-visual-text h2 { font-family:"Noto Serif JP"; font-weight:700; color:#fff; text-align:center; font-size:36px; margin-bottom:25px; letter-spacing:6px; white-space:nowrap; text-shadow:0 0 10px rgba(0,0,0,0.4); }
body.home .main-visual-text p { font-family:"Noto Serif JP"; font-weight:300; color:#fff; text-align:center; font-size:22px; line-height:35px; letter-spacing:3px; white-space:nowrap; text-shadow:0 0 10px rgba(0,0,0,0.4); }
body.home .swiper-container { width:100%; height:100%;}
body.home .swiper-wrapper { width:100%; height:100%!important;}
body.home .swiper-slide  { position:relative; width:100%; height:100%;}
body.home .swiper-slide > div { position:relative; width:100%; height:100%;}
body.home .swiper-controller { position:relative; }
body.home .swiper-pagination { bottom:30px; left:50%; transform:translateX(-50%); }
body.home .swiper-pagination-bullet { width:34px; height:4px; margin:0 8px; background:#cccccc; opacity:0.4; border-radius:0; }
body.home .swiper-pagination-bullet-active { opacity:1; }
.news-section { position:relative; margin-bottom:125px; }
.news-section .more a { position:absolute; right:0; top:20px; display:block; padding-right:36px; background:url(../img/ico_arrow01.png) no-repeat right center; background-size:16px 6px; }
.news-section .more a:hover { text-decoration:none; color:#a3743f; background-image:url(../img/ico_arrow01_on.png); }
.news-section .tab-container { border:2px solid #e4e5e4; }
.news-section .tab-group { display:flex; flex-wrap:nowrap; }
.news-section .tab-group .tab { border-bottom:2px solid #e4e5e4; border-left:2px solid #e4e5e4; width:calc(275 / 1100 * 100%); line-height:56px; text-align:center; white-space:nowrap; }
.news-section .tab-group .tab:hover { text-decoration:none; color:rgba(0,0,0,0.7); }
.news-section .tab-group .tab:first-child { border-left:none; }
.news-section .tab-group .tab.active { color:#996600; font-weight:bold; border-bottom:none; }
.news-section .tab-contents .news-items { display:none; padding:55px 45px; }
.news-section .tab-contents .news-items.active { display:block; }
.news-section .tab-contents .news-items .item { position:relative; display:block; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e4e5e4; }
.news-section .tab-contents .news-items .item:hover { text-decoration:none; opacity:0.7; }
.news-section .tab-contents .news-items .item:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; }
.news-section .tab-contents .news-items .item .category { position:absolute; left:0; top:0; width:145px; line-height:31px; white-space:nowrap; font-size:12px; text-align:center; display:inline-block; }
.news-section .tab-contents .news-items .item .date { position:absolute; left:174px; top:0; font-size:16px; line-height:31px; }
.news-section .tab-contents .news-items .item .title { padding-left:285px; font-size:16px; line-height:31px; }
.about-section { position:relative; margin-bottom:125px; }
.about-section .box { position:relative; height:450px; margin-top:0; text-align:left; }
.about-section .box .img { height:470px; width:100%; position:absolute; top:-10px; background:url(../../img/pho01.jpg) no-repeat center center; background-size:cover; left:550px; }
.about-section .box .texts { background:rgba(255,255,255,0.8); width:760px; z-index:2; position:relative; padding:25px 35px; text-align:left; top:50%; transform:translateY(-50%); left:0px; }
.about-section .box .texts .logo { position:absolute; left:35px; top:35px; width:87px; }
.about-section .box .texts p { line-height:36px; padding-left:130px; }
.about-section .box .texts .menu { margin-top:40px; display:flex; flex-wrap:wrap; }
.about-section .box .texts .menu a { display:block; text-align:center; width:calc(220 / 690 *100%); line-height:70px; white-space:nowrap; border:1px solid #ccc; background:url(../img/ico_arrow02.png) #fff no-repeat right 12px center; background-size:13px auto; font-weight:700; margin-right:calc(15 / 690 *100%); margin-bottom:calc(15 / 690 *100%); transition:0.3s ease-in-out; }
.about-section .box .texts .menu a:nth-child(3n) { margin-right:0; }
.about-section .box .texts .menu a:hover { text-decoration:none; border:1px solid #a3743f; color:#a3743f; background-image:url(../img/ico_arrow02_on.png); }
.members-section { position:relative; margin-bottom:125px; }
.members-section .box { border:1px solid #ccc; padding:45px; }
.members-section .members { position:relative; background:#f9f5ee; padding:30px 30px 30px 175px; margin-bottom:45px; }
.members-section .members:after { content:""; display:block; background:url(../img/ico_login.svg) no-repeat; width:37px; height:47px; position:absolute; left:54px; top:50%; transform:translateY(-50%); z-index:10; opacity:1!important; }
.members-section .members:before { content:""; display:block; width:1px; height:calc(100% - 60px); background:#ccc; position:absolute; left:142px; top:30px; }
.members-section .members .ttl { font-size:22px; font-weight:700; margin:10px 0 15px; }
.members-section .members p { margin-bottom:0; }
.members-section .members .btn01 { position:absolute; right:55px; top:50%; transform:translateY(-50%); margin:0; }
.members-section .menu a { display:block; }
.members-section .menu a .thumb { position:relative; overflow:hidden; margin-bottom:15px; }
.members-section .menu a .thumb img { transition:0.3s ease-in-out; }
.members-section .menu a .thumb .ttl { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:16px; font-weight:700; white-space:nowrap; }
.members-section .menu a .desc { line-height:160%; }
.members-section .menu a:hover { text-decoration:none; color:rgba(0,0,0,0.7); }
.members-section .menu a:hover .thumb img { transform:scale(1.1,1.1); }
.green-section { position:relative; margin-bottom:125px; }
.green-section .box { background:#f0f4ed; position:relative; padding:50px 20px; }
.green-section .menu { display:flex; flex-wrap:wrap; max-width:1010px; margin:0 auto 0; }
.green-section .menu a { display:block; position:relative; padding:0; transition:0.3s ease-in-out; }
.green-section .menu:nth-child(1) a { width:calc(240 / 1010 * 100%); margin-right:calc(16.66666666666667 / 1010 * 100%); margin-bottom:calc(16.66666666666667 / 1010 * 100%); }
.green-section .menu:nth-child(2) a { width:calc(325 / 1010 * 100%); margin-right:calc(17.5 / 1010 * 100%); }
.green-section .menu a:last-child { margin-right:0; }
.green-section .menu a .ttl { position:absolute; z-index:2; left:50%; top:25px; transform:translateX(-50%); font-weight:700; text-align:center; white-space:nowrap; }
.green-section .menu a .thumb { position:relative; height:150px; background:#fff; border:1px solid #fff; transition:0.3s ease-in-out; }
.green-section .menu a .thumb img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:15px; }
.green-section .menu a:nth-child(1) .thumb img { width:44px; }
.green-section .menu a:nth-child(2) .thumb img { width:64px; }
.green-section .menu a:nth-child(3) .thumb img { width:56px; }
.green-section .menu a:nth-child(4) .thumb img { width:64px; }
.green-section .menu a:nth-child(5) .thumb img { width:48px; }
.green-section .menu a:nth-child(6) .thumb img { width:51px; }
.green-section .menu a:nth-child(7) .thumb img { width:50px; }
.green-section .menu a:hover { color:#a3743f; text-decoration:none; }
.green-section .menu a:hover .thumb { border:1px solid #a3743f; }
.useful-section { position:relative; margin-bottom:125px; }
.useful-section .box { background:#f9f5ee; position:relative; padding:50px 20px; }
.useful-section .menu { display:flex; flex-wrap:wrap; max-width:1010px; margin-bottom:-20px; }
.useful-section .menu a { position:relative; padding:0; transition:0.3s ease-in-out; }
.useful-section .menu a .ttl { position:absolute; z-index:2; left:50%; top:25px; transform:translateX(-50%); font-weight:700; text-align:center; white-space:nowrap; }
.useful-section .menu a .thumb { position:relative; height:150px; background:#fff; border:1px solid #fff; transition:0.3s ease-in-out; }
.useful-section .menu a .thumb img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:15px; }
.useful-section .menu a .desc { margin-top:15px; line-height:160%; color:#000!important; }
.useful-section .menu a:nth-child(1) .thumb img { width:45px; }
.useful-section .menu a:nth-child(2) .thumb img { width:47px; }
.useful-section .menu a:nth-child(3) .thumb img { width:57px; }
.useful-section .menu a:hover { color:#a3743f; text-decoration:none; }
.useful-section .menu a:hover .thumb { border:1px solid #a3743f; }

/* about */
body.about .profile .group { display:flex; flex-direction: row-reverse; }
body.about .profile .photo { width:calc(350 / 1100 * 100%); text-align:center; margin-bottom:60px; }
body.about .profile .photo .job { font-size:16px; font-weight:500; margin-top:25px; }
body.about .profile .photo .name { width: 70%; margin: 25px auto }
body.about .profile .text { width:calc(670 / 1100 * 100%); margin-right:calc(80 / 1100 * 100%); margin-bottom:2em; }
body.about .profile .btn01 { margin-top:100px; }
body.about .message-list li { list-style-type:none; margin:0; padding:0; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:45px; }
body.about .message-list li a { color:#a3743f; display:inline-block; width:100%; position: relative;transition:0.3s ease-in-out;}
body.about .message-list li a:after {content:""; display:block; width: 26px; height: 8px; background:url(../img/ico_arrow04.png) no-repeat; background-size:cover; position:absolute; right:40px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
body.about .message-list li a:hover {opacity: 0.7; text-decoration: none}
body.about .message-list li a:hover:after { background-image:url(../img/ico_arrow04.png) ; right: 30px}
body.about .soshikizu { background:#f2f2f2; padding:calc(60 / 1010 * 100%) calc(90 / 1010 * 100%) calc(30 / 1010 * 100%); }
body.about .table-yakuin table { width:100%; margin-bottom:100px; border:1px solid #dcdcdc; }
body.about .table-yakuin td { padding:20px 0 20px 35px; line-height:160%; border:1px solid #dcdcdc; text-align:left; vertical-align:top; }
body.about .table-yakuin th { padding:20px 0 20px 35px; line-height:160%;text-align:left; vertical-align:top; font-weight: 600; background-color: #fcfcfc; border:1px solid #dcdcdc; }
body.about .table-yakuin th.title {background-color: #f0f4ed}
body.about p.yakuin-date {text-align: right; margin-bottom: 10px}
body.about .thum-r {float: right; width: 50%; margin-left: 40px}
body.about .thum-l {float: left; width: 50%; margin-right: 40px}
body.about ol {line-height: 200%}
body.about ol li {margin-bottom: 30px; line-height:200%}
body.about .outerlink a {display: inline-block;color: #a3743f;background: url(../img/ico_blank.svg) no-repeat right center;background-size: auto;background-size: 18px 18px;padding-right: 35px;line-height: 18px;}
body.about .outerlink a:hover {text-decoration: none; opacity:0.7 }
body.about .ref {font-size: 90%; padding: 10px}
body.about .biz-box {margin-bottom: 4em}
body.about .biz-pdf a { position:relative; display:block; color:#815626; margin-top: 5px}
body.about .biz-pdf a .size { background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; margin-left: 10px }
body.about .biz-pdf a:hover { opacity:0.7; text-decoration:none; }
body.about .gmap iframe {height: 600px}
body.about .box01 .thum-r {width: 40%; margin-left: 40px} 
body.about .table-list table { width:100%; margin-bottom:50px; border:1px solid #dcdcdc; }
body.about .table-list td { padding:20px 0 20px 35px; line-height:160%; border:1px solid #dcdcdc; text-align:left; vertical-align:top; }
body.about .table-list th { padding:20px 0 20px 35px; line-height:160%; text-align:left; vertical-align:top; font-weight: 600; background-color: #fcfcfc; border:1px solid #dcdcdc; width:300px }
body.about .movies-items01 { margin:20px 0 50px; }
body.about .movies-items01 .thumb { position:relative; overflow:hidden;}
body.about .movies-items01 .thumb img { transition:0.3s ease-in-out; }
body.about .movies-items01 .title { font-size:20px; line-height: 200%; font-weight:500; margin-bottom: 5px}
body.about .movies-items01 .ref {font-size: 14px; line-height: 180%; padding: 5px}
body.about .movies-items01 a:hover { text-decoration:none; }
body.about .movies-items01 a:hover .thumb img { transform:scale(1.1,1.1); }
body.about .message-sec {margin-top: 100px; padding-top: 40px; border-top: 1px solid #dcdcdc}
body.about .pamphlet {display: flex; align-items: center}
body.about p.pamphlet-img {width: 150px; margin-right: 40px; margin-bottom: 0}
body.about .pamphlet-img img {border: 1px solid #ccc; margin-bottom: 0}
		
/* about_member */
body.about_member .join { margin-top:100px; background:#f9f5ee; padding:55px; }
body.about_member .join02 { padding-top:90px; }
body.about_member .join .btns01 { margin-bottom:-35px; }
body.about_member .join .btn01 { margin:0; }
body.about_member .join .btn01 .label { position:absolute; left:0; top:-38px; z-index:2; font-size:18px; font-weight:500; width:100%; text-align:center; }
body.about_member .join .btns01 .btn01 { margin-left:45px; margin-right:45px; margin-bottom:35px; }
body.about_member .join .btns01 .btn01 a { width:400px; }
body.about_member .tab-container {}
body.about_member .tab-group { display:flex; flex-wrap:nowrap; max-width:980px; margin:0 auto; }
body.about_member .tab-group .tab { background:url(../img/ico_arrow01.png) #f2f2f2 no-repeat right 18px center; background-size:13px 5px; border-radius:10px 10px 0 0; width:calc(297 / 980 * 100%); margin-right:calc(44 / 980 * 100%); line-height:60px; text-align:center; white-space:nowrap; }
body.about_member .tab-group .tab:hover { text-decoration:none; background-color:rgba(242,242,242,0.7); color:#a3743f; background-image:url(../img/ico_arrow01_on.png) }
body.about_member .tab-group .tab:last-child { margin-right:0; }
body.about_member .tab-group .tab.active { position:relative; color:#fff; background:#a3743f; font-weight:bold; border-bottom:none; }
body.about_member .tab-group .tab.active:before { content:""; display:block; position:absolute; left:0; bottom:-2px; background:#a3743f; width:100%; height:2px;  }
body.about_member .tab-group .tab.active:after { content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:-13px; background:url(../img/img_tab_active.png) no-repeat; background-size:cover; width:18px; height:11px; }
body.about_member .tab-contents { border:2px solid #e4e5e4; }
body.about_member .tab-contents .tab-content { display:none; padding:120px 55px; }
body.about_member .tab-contents .tab-content > *:last-child { }
body.about_member .tab-contents .tab-content.active { display:block; }
body.about_member .tab-contents .tab-content .title03 { margin-top:0; }
.step-items .item { position:relative; border-bottom:1px solid #e4e5e4; padding-bottom:42px; margin-bottom:42px; }
.step-items .item .label { position:absolute; left:0; top:0; background:#f9f5ee; width:107px; height:107px; border-radius:50px; }
.step-items .item .label span:nth-child(1) { font-family:"Roboto"; font-size:16px; font-weight:700; letter-spacing:4px; line-height:16px; color:#d1bba5; position:absolute; left:1px; top:24px; width:100%; text-align:center; }
.step-items .item .label span:nth-child(2) { font-family:"Roboto"; font-size:45px; font-weight:700; letter-spacing:4px; line-height:45px; color:#a3743f; position:absolute; left:1px; top:45px; width:100%; text-align:center; }
.step-items .item .text { padding-left:140px; padding-top:5px; }
.list-items ul li { list-style-type:none; margin:0; padding:0; border-bottom:1px solid #e4e5e4; padding-bottom:25px; margin-bottom:25px; line-height:140%; }
.list-items ul li a { position:relative; display:block; color:#815626; padding-right:130px; padding-left: 20px }
.list-items ul li a .size { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
.list-items ul li a .size.excel { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_excel.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
.list-items ul li a .size.word { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_word.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
.list-items ul li a:hover { opacity:0.7; text-decoration:none; }
.contact-list table { margin-bottom:0; }
.members-contents { margin-top:80px; }
.members-contents a { transition:0.3s ease-in-out; }
.members-contents .thumb { position:relative; overflow:hidden; margin-bottom:20px; }
.members-contents .thumb img { transition:0.3s ease-in-out; }
.members-contents .thumb .ttl { background:rgba(163,116,63,0.8); color:#fff; font-size:24px; font-weight:700; text-align:center; line-height:43px; width:280px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-25px; }
.members-contents .thumb .sub-ttl { color:#fff; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:25px; white-space: nowrap}
.members-contents .desc { line-height:160%; }
.members-contents a:hover { text-decoration:none; opacity:0.7; }
.members-contents a:hover .thumb img { transform:scale(1.1,1.1); }
body.about_member p.step-style01 {padding-top: 15px; padding-bottom: 25px}
body.about_member p.step-style02 {padding-top: 25px; padding-bottom: 40px}
body.about_member .ref {padding: 10px}
    
		
		
/* green */
body.green .tab-group { display:flex; flex-wrap:nowrap; max-width:980px; margin:0 auto; }
body.green .tab-group .tab { background:url(../img/ico_arrow01.png) #f2f2f2 no-repeat right 18px center; background-size:13px 5px; border-radius:10px 10px 0 0; width:calc(297 / 980 * 100%); margin-right:calc(44 / 980 * 100%); line-height:60px; text-align:center; white-space:nowrap; }
body.green .tab-group .tab:hover { text-decoration:none; background-color:rgba(242,242,242,0.7); color:#35952e; background-image:url(../img/ico_arrow01_green.png) }
body.green .tab-group .tab:last-child { margin-right:0; }
body.green .tab-group .tab.active { position:relative; color:#fff; background:#35952e; font-weight:bold; border-bottom:none; }
body.green .tab-group .tab.active:before { content:""; display:block; position:absolute; left:0; bottom:-2px; background:#35952e; width:100%; height:2px;  }
body.green .tab-group .tab.active:after { content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:-13px; background:url(../img/img_tab_active02.png) no-repeat; background-size:cover; width:18px; height:11px; }
body.green .tab-contents { border:2px solid #e4e5e4; }
body.green .tab-contents .tab-content { display:none; padding:120px 55px; }
body.green .tab-contents .tab-content > *:last-child { }
body.green .tab-contents .tab-content.active { display:block; }
body.green .tab-contents .tab-content .title03 { margin-top:0; }
body.green p.step-style01 {padding-top: 15px; padding-bottom: 25px}
body.green p.step-style02 {padding-top: 25px; padding-bottom: 40px}
body.green .step-items .item .label { background:#f0f4ed;}
body.green .step-items .item .label span:nth-child(1) { color:#a5bb99; }
body.green .step-items .item .label span:nth-child(2) { color:#39740d; }
body.green .tab-contents .tab-content .title05 { background:#f0f4ed;}
body.green .format .ttl {background-color: #f0f4ed}
body.green .thum-r {float: right; width: 50%; margin-left: 40px}
body.green .thum-l {float: left; width: 50%; margin-right: 40px}
body.green .inner-box { padding-left: 20px; padding-right: 20px}
body.green .rule dt {border-bottom: 1px solid #ccc; font-size: 18px; padding-bottom: 15px; margin-bottom: 30px}
body.green .rule dd {padding: 20px; line-height: 1.8}
body.green .rule a {color:#a3743f; }
body.green .rule li {list-style: none; text-indent:-2em; margin-left: 2em; margin-bottom: 20px}
body.green .rule li li { margin-bottom: 10px; text-indent:-1.5em; margin-left: 1.5em; }
body.green .btn01 a {font-size: 18px; width: 280px;}
body.green .border-box {border: 1px solid #ccc; padding: 30px; width: 80%; margin-left: auto; margin-right: auto}
.green-map-nav { border:2px solid #e7e7e7; padding:25px 30px; max-width:860px; margin:0 auto 140px; }
.green-map-nav ul { display:flex; flex-wrap:wrap; margin:0; } 
.green-map-nav ul li { max-width:115px; width:100%; list-style-type:none; margin:6px 0; padding:0 0 0 15px; box-sizing:content-box; }
.green-map-nav ul li a { position:relative; display:inline-block; }
.green-map-nav ul li a:before { content:""; display:block; width:5px; height:9px; background:url(../img/ico_arrow05.svg) no-repeat; background-size:cover; position:absolute; top:50%; left:-14px; transform:translateY(-50%); }
.green-map-nav ul li a:hover { color:#a3743f; text-decoration:none; }
.green-map { position:relative; max-width:860px; margin:0 auto; }
.green-map .texts { pointer-events:none; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; }
.green-map .texts > div { position:absolute; left:0; top:0; width:100%; height:100%; }
.green-map .texts > div img { position:absolute; left:0; top:0; width:100%; height:100%; transition:0.3s ease-in-out; }
.green-map .texts > div img:nth-child(2) { opacity:0; }
.green-map .texts > div.active img:nth-child(1) { opacity:0; }
.green-map .texts > div.active img:nth-child(2) { opacity:1; }
.green-map .imgs { pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; }
.green-map .imgs > div { position:absolute; left:0; top:0; width:100%; height:100%; }
.green-map .imgs > div img { position:absolute; left:0; top:0; width:100%; height:100%; transition:0.3s ease-in-out; }
.green-map .imgs > div img:nth-child(2) { opacity:0; }
.green-map .imgs > div.active img:nth-child(1) { opacity:0; }
.green-map .imgs > div.active img:nth-child(2) { opacity:1; }
.green-map-list a { position:relative; display:inline; }
.green-map-list a:after { content:""; display: inline-block; background: url(../img/ico_blank.svg) no-repeat right center;background-size: auto;background-size: 18px 18px; width:18px; height:18px; margin-left:15px; position:relative; top:3px; }
body.green .outerlink a {display: inline-block;color: #a3743f;background: url(../img/ico_blank.svg) no-repeat right center;background-size: auto;background-size: 18px 18px;padding-right: 35px;line-height: 180%;}
body.green .outerlink a:hover {text-decoration: none; opacity:0.7 }
body.green ul.outerlink li {list-style: none; margin-left: 0;}
body.green .ref {font-size: 90%; padding: 10px}
body.green .biz-box {margin-bottom: 4em}
body.green .biz-pdf a { position:relative; display:block; color:#815626; margin-top: 5px}
body.green .biz-pdf a .size { background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; margin-left: 10px }
body.green .biz-pdf a:hover { opacity:0.7; text-decoration:none; }
body.green blockquote {background-color: #f7f8f8; padding: 60px; font-size:90%; margin: 20px auto 60px; border-radius: 20px}
body.green blockquote img {margin-bottom: 10px}
body.green blockquote h4 {font-size: 22px; text-align: center; margin-bottom: 30px}
body.green .list-items .ref {padding: 5px 0 0 20px; display: inline-block}
body.green .green-map-list td {font-size: 15px}
body.green .movies-items01 { margin:15px 0 50px; }
body.green .movies-items01 .thumb { position:relative; overflow:hidden; margin-bottom:15px; }
body.green .movies-items01 .thumb img { transition:0.3s ease-in-out; }
body.green .movies-items01 .title { font-size:15px; font-weight: bold}
body.green .movies-items01 a:hover { text-decoration:none; }
body.green .movies-items01 a:hover .thumb img { transform:scale(1.1,1.1); }
body.green .list-items dl  { margin-bottom:35px;  border-bottom:1px solid #e4e5e4; padding-bottom: 15px; }
body.green .list-items dl dt { margin:0; padding:0; margin-bottom:20px; padding-left: 15px; line-height:180%; }
body.green .list-items dl dt > span { font-weight: normal; font-size: 14px}
body.green .list-items dl dd { margin:0; padding:0; margin-bottom:25px; line-height:140%; }
body.green .list-items dl dd a { position:relative; display:block; color:#815626; padding-right:130px; padding-left: 20px }
body.green .list-items dl dd a .size { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.green .list-items dl dd a .size.excel { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_excel.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.green .list-items dl dd a .size.word { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_word.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.green .list-items dl dd a:hover { opacity:0.7; text-decoration:none; }


/* topics */
.archive-menu { border:1px solid #ccc; padding:20px 30px; position:relative; margin:0 0 30px; }
.archive-menu .text { position:absolute; left:30px; top:50%; transform:translateY(-50%); }
.archive-menu .select {	display:block; width:164px; height:40px; position: relative; background: #ececec;	margin-left:40px;  }
.archive-menu .select:after {
pointer-events:none;
content:"";
display:block;
width: 40px;
height: 40px;
border-left:2px solid #fff;
position:absolute;
top:0;
right:0;
transition:0.3s ease-in-out;
z-index:2;
}
.archive-menu .select:before {
pointer-events:none;
content:"";
display:block;
width: 7px;
height: 7px;
border-top: 2px solid #a3743f;
border-right: 2px solid #a3743f;
transform: rotate(135deg) translate(0,50%);
position:absolute;
top:50%;
right:13px;
margin-top:-3px;
transition:0.3s ease-in-out;
z-index:2;
}
.archive-menu .select select {
	font-family:'Roboto','Noto Sans JP';
	font-size:16px;
	line-height:16px;
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 12px 42px 12px 35px;
}
.archive-menu .select select::-ms-expand {
	display: none;
}
.archive-menu .video a { background:url(../img/ico_video.png) no-repeat right center; background-size:31px 21px; line-height:21px; position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#a3743f; padding-right:50px; }
.archive-menu .video a:hover { opacity:0.7; text-decoration:none;}
.archive-menu .seminar a { background:url(../img/ico_arrow04.png) no-repeat right 10px center; background-size:26px 7px; line-height:21px; position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#a3743f; padding-right:50px; transition:0.3s ease-in-out; }
.archive-menu .seminar a:hover { opacity:0.7; text-decoration:none; background-position:right center; }


.topics-tab-group { border:1px solid #ccc; display:flex; flex-wrap:nowrap; margin:0 auto 100px; }
.topics-tab-group .tab { width:calc(275 / 1100 * 100%); border-right:1px solid #ccc; text-align:center; height:80px; position:relative; }
.topics-tab-group .tab:last-child { border-right:0; }
.topics-tab-group .tab > span { display:inline-block; line-height:140%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap; padding-left:28px; text-align:left; }
.topics-tab-group .tab > span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:#bfbfbf; }
.topics-tab-group .tab.active { background:#f9f5ee; font-weight:700; }
.topics-tab-group .tab.active > span:before { background:#a3743f; }
.topics-tab-group .tab.active > span:after { content:""; display:block; position:absolute; left:3px; top:50%; transform:translateY(-50%); width:11px; height:11px; background:url(../img/ico_check01.svg) no-repeat; background-size:cover; }
.topics-items .item { position:relative; border-bottom:1px solid #e4e5e4; padding:30px 0; display:block; padding-right:75px; text-decoration:none; }
.topics-items .item:after {content:""; display:block; width: 26px; height: 8px; background:url(../img/ico_arrow04.png) no-repeat; background-size:cover; position:absolute; right:25px; bottom:38px; transition:0.3s ease-in-out; }
.topics-items .item:hover { opacity: 0.7; }
.topics-items .item:hover:after { background-image:url(../img/ico_arrow04.png) ; right:15px; }

.topics-items .date { color:#a3743f; display:inline-block; line-height:24px; margin-right:15px;font-size: 15px }
.topics-items .category { font-size:12px; font-weight:700; line-height:24px; display:inline-block; padding:0 15px; }
.topics-items .title { font-size:18px; line-height:140%; margin-top:12px; }

.pager { text-align:center; margin:100px 0; }
.pager a { margin:0 8px; line-height:30px; width:30px; display:inline-block; background:#ebebeb; text-align:center; position:relative; vertical-align:middle; }
.pager a:hover { text-decoration:none; }
.pager a.current { text-decoration:none; background:#a3743f; color:#fff; }
.pager a.prev { height:30px; line-height:1; background:transparent; }
.pager a.prev:after { 
	content:"";
	display:block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #a3743f;
	border-right: 2px solid #a3743f;
	transform: rotate(-135deg) translate(-50%,50%);
	position:absolute;
	top:50%;
	right:50%;
	margin-top:-6px;
	transition:0.3s ease-in-out;
	z-index:2;
	
}
.pager a.next { height:30px; line-height:1; background:transparent; }
.pager a.next:after { 
	content:"";
	display:block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #a3743f;
	border-right: 2px solid #a3743f;
	transform: rotate(45deg) translate(-50%,-50%);
	position:absolute;
	top:50%;
	right:50%;
	margin-top:0px;
	transition:0.3s ease-in-out;
	z-index:2;
	
 }
.article-header { margin-bottom:65px; }
.article-header .title { background:#f0f0f0; font-size:22px; font-weight:500; line-height:140%; padding:15px 20px; margin-bottom:20px; }
.article-header .date { color:#a3743f; display:inline-block; line-height:24px; margin-right:15px; }
.article-header .category-group { display:inline-block; }
.article-header .category-group .category { font-size:12px; font-weight:700; line-height:24px; display:inline-block; padding:0 15px; }



/* member */
.login { margin:0 auto 100px; border:1px solid #bfbfbf; padding:60px; }
.login > .error > p { color:#ff0000; text-align:center; }
.login > .group { margin-bottom:40px; display:flex; }
.login > .group > p { margin-bottom:5px; font-weight:700; width:calc(380 / 978 * 100%); margin-right:calc(20 / 978 * 100%); text-align:right; line-height:60px; white-space:nowrap; }
.login > .group > input { font-family:'Roboto','Noto Sans JP'; font-size:16px; background:#f0f0f0; line-height:60px; border:none; width:calc(578 / 978 * 100%); max-width:470px; padding:0 15px; box-sizing:border-box; }
.login .btn01 { margin-bottom:0; margin-top:80px; }
body.member .join { margin-top:100px; background:#f9f5ee; padding:55px; }
body.member .join .btns01 { margin-bottom:-35px; }
body.member .join .btn01 { margin:0; }
body.member .join .btns01 .btn01 { margin-left:45px; margin-right:45px; margin-bottom:35px; }
body.member .join .btns01 .btn01 a { width:400px; }
.subscribe-ml { margin-top:135px; }
.subscribe-ml a { width:475px; }
.archive-items .item { position:relative; display:block; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e4e5e4; }
.archive-items .item:hover { opacity:0.7; text-decoration:none; }
.archive-items .item .title { position:relative; display:block; padding-right:130px; line-height:140%; margin-top:15px; font-size:18px; font-weight: normal }
.archive-items .item .vol { margin-left:15px; }
.archive-items .item .title .size { position:absolute; right:0; top:0; background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; color:#a3743f; font-weight: normal; font-size: 16px}
.archive-items .item .body { position:relative; display:block; padding-right:130px; margin-top:15px; font-size:15px; line-height:170%; }
.seminar-items .item { border:1px solid #bfbfbf; margin-bottom:80px; }
.seminar-items .item .title { font-size:18px; font-weight:700; background:#f9f5ee; position:relative; line-height:140%; padding:12px 15px; }
.seminar-items .item.active .title { padding:12px 110px 12px 15px; }
.seminar-items .item.active .title:after { content:"申込受付中"; display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); background:#e40404; color:#fff; font-size:12px; font-weight:700; line-height:25px; padding:0 10px; }
.seminar-items .item .body { padding:25px 45px 40px; display:flex; flex-wrap:nowrap; }
.seminar-items .item .texts { width:calc(810 / 1008 * 100%); margin-right:calc(73 / 1008 * 100%); }
.seminar-items .item .no-photo .texts { width:100%; margin-right:0; }
.seminar-items .item .texts .group { border-top:1px solid #e4e5e4; padding:10px 0; position:relative; }
.seminar-items .item .texts .group:first-child { border:none; }
.seminar-items .item .texts .group .label { font-weight:700; position:absolute; left:0; top:10px; line-height:200%; }
.seminar-items .item .texts .group p { padding-left:95px; }
.seminar-items .item .texts .btn02 { text-align:left; margin:30px 0 0 95px; }
.seminar-items .item .texts .btn02 a { width:190px; line-height:50px; color:#a3743f; }
.seminar-items .item .thumb { width:calc(125 / 1008 * 100%); padding-top:10px; }
.seminar-video-items { display:flex; flex-wrap:wrap; margin-bottom:-40px; }
.seminar-video-items .item { border:1px solid #bfbfbf; margin-bottom:40px; width:calc(530 / 1100 * 100%); margin-right:calc(40 / 1100 * 100%); }
.seminar-video-items .item:nth-child(2n) { margin-right:0; }
.seminar-video-items .item > .title { font-size:18px; font-weight:700; background:#f9f5ee; position:relative; line-height:140%; padding:12px 15px; }
.seminar-video-items .item > .title span:nth-child(1) { margin-right:15px; }
.seminar-video-items .item > .title .date { font-size:14px; font-weight:400; display:inline-block; }
.seminar-video-items .item .thumb { padding:30px; }
.seminar-video-items .item .thumb a:hover { opacity:0.7; }
.seminar-video-items .item .thumb img { width:100%; }
.seminar-video-items .item .attachment { border-top:1px solid #e4e5e4; display:flex; }
.seminar-video-items .item .attachment .label { width:85px; border-right:1px solid #e4e5e4; text-align:center; font-size:14px; line-height:140%; padding:20px 0; }
.seminar-video-items .item .attachment .title { width:calc(100% - 85px); font-size:14px; line-height:140%; padding:20px 15px; position:relative; }
.seminar-video-items .item .attachment .title a { color:#a3743f; padding-right:110px; display:block; }
.seminar-video-items .item .attachment .title a:hover { opacity:0.7; text-decoration:none; }
.seminar-video-items .item .attachment .title .size { position:absolute; right:15px; top:20px; background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:25px; display:inline-block; line-height:25px; }
.seminar-article { border:1px solid #bfbfbf; margin-bottom:80px; }
.seminar-article .title { font-size:18px; font-weight:700; background:#f9f5ee; position:relative; line-height:140%; padding:12px 15px; }
.seminar-article.active .title { padding:12px 110px 12px 15px; }
.seminar-article.active .title:after { content:"申込受付中"; display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); background:#e40404; color:#fff; font-size:12px; font-weight:700; line-height:25px; padding:0 10px; }
.seminar-article a { color:#a3743f; }
.seminar-article a:hover { opacity:0.7; text-decoration:none;  }
.seminar-article .group { margin:0 45px; padding:35px 0; border-bottom:1px solid #e4e5e4; position:relative; }
.seminar-article .group:last-child { border-bottom:none; }
.seminar-article .group .label { font-weight:700; position:absolute; left:0; top:35px; line-height:200%; }
.seminar-article .group .text { padding-left:145px; }
.seminar-article .group .text.flex-box { display:flex; }
.seminar-article .group .text.flex-box .item:nth-child(1) { width:calc(100% - 125px); margin-right:35px; }
.seminar-article .group .text.flex-box .item:nth-child(2) { width:125px; margin-right:35px; }
.seminar-article .group iframe { height:450px; }
.seminar-article .group .pdf { position:relative; display:inline-block; padding-right:130px; font-size:18px; }
.seminar-article .group .pdf .size { position:absolute; right:0; top:0; background:url(../img/ico_pdf.svg) no-repeat left center; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:200%; color:#a3743f; }
.seminar-article .btn01 { margin:90px 0; }
.seminar-article .btn01 a { width:430px; color:#a3743f; }
.seminar-article .btn01 a:hover { opacity:1; }
.member-list { margin-top:15px; margin-bottom:50px; }
.member-list a { position:relative; display:inline; }
.member-list a:after { content:""; display: inline-block; background: url(../img/ico_blank.svg) no-repeat right center;background-size: auto;background-size: 18px 18px; width:18px; height:18px; margin-left:15px; position:relative; top:3px; }
.member-list td { vertical-align:middle; }
.member-list table.regular-member td:nth-child(1) { white-space:normal; width:35%; }
.member-list table.regular-member td:nth-child(2) { width:1%; }
.member-list table.regular-member td:nth-child(3) { max-width:none; min-width: 170px }
.member-list table.regular-member td:last-child { white-space:nowrap; width:1%; }
.member-list table.associate-member td:nth-child(1) { white-space:normal; width:35%; }
.member-list table.associate-member td:nth-child(2) { max-width:none; min-width: 170px }
.member-list table.associate-member td:last-child { white-space:nowrap; width:1%; }
.member-list table.associate2-member td:nth-child(1) { white-space:nowrap; width:1%; }
.member-list table.associate2-member td:nth-child(2) { white-space:normal; width:35%; }
.member-list table.associate2-member td:nth-child(3) { max-width:none; min-width: 170px }
.member-list table.associate2-member td:last-child { white-space:nowrap; width:1%; }
.archive-menu.member { padding:40px; display:flex; flex-wrap:nowrap; }
.archive-menu.member .select { width:calc(332 / 1100 * 100%);  }
.archive-menu.member .select:first-child { margin-left:0; }
.archive-menu.member .select.disabled { opacity:0.4; pointer-events:none; }
.archive-menu.member .select select { padding:12px 42px 12px 20px; }
body.member .ref {padding: 20px}
body.member .map-img {text-align: center}
body.member .map-img img {width: 800px; margin:0 auto;} 
body.member .table-list table { width:100%; margin-bottom:50px; border:1px solid #dcdcdc; }
body.member .table-list td { padding:20px 0 20px 35px; line-height:160%; border:1px solid #dcdcdc; text-align:left; vertical-align:top; }
body.member .table-list th { padding:20px 0 20px 35px; line-height:160%; text-align:left; vertical-align:top; font-weight: 600; background-color: #fcfcfc; border:1px solid #dcdcdc; width:300px }
body.member .list-items {padding: 0 20px}
body.member .welfare h4 {border-bottom: 2px solid #a3743f; padding: 20px 10px; font-size: 22px; margin: 20px 0 40px;} 
body.member .welfare h5 {font-size: 18px; margin: 40px 0;}
body.member .lineup-title {background-color: #E0F1FF; color:#1B73CC; padding: 13px 0 5px; width: 200px; text-align: center; font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px;}
body.member .lineup-group {border: 5px solid #E0F1FF; margin-bottom: 60px}
body.member .lineup {display: flex; align-items: center; padding: 20px; justify-content: space-around}
body.member .lineup.border {position: relative}
body.member .lineup.border:after {content:""; display:block; width: 90%; border-bottom: 2px dotted #ccc; position: absolute; left:5%; bottom: 0 }
body.member .lineup-logo {width:240px }
body.member .lineup-text {width: calc(100% - 300px); line-height: 180%}
body.member .lineup-title.pink {background-color: #FFECFD; color:#D62C7B;}
body.member .lineup-group.pink {border: 5px solid #FFECFD;}
body.member .lineup-title.orange {background-color: #FFF0E2; color:#EE7F30;}
body.member .lineup-group.orange {border: 5px solid #FFF0E2;}
body.member .lineup-title.green {background-color: #E3FDDE; color:#4BB460;}
body.member .lineup-group.green {border: 5px solid #E3FDDE;}
body.member .lineup-title.purple {background-color: #f0e1fe; color:#AC65EC;}
body.member .lineup-group.purple {border: 5px solid #f0e1fe;}
body.member .down-img {background-color: #f9f5ee; text-align: center; padding: 60px 20px 40px 20px}
body.member .down-img img {width: 500px; margin: 0 auto}
body.member .note {font-size: 14px}
body.member .outerlink a {display: inline-block;color: #a3743f;background: url(../img/ico_blank.svg) no-repeat right center;background-size: auto;background-size: 18px 18px;padding-right: 35px;line-height: 180%;}
body.member .outerlink a:hover {text-decoration: none; opacity:0.7 }
body.member .bubble {
	display: inline-block;
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: 8px;
    background-color: #EFAC55;
    font-weight: 500;
    font-size: 22px;
	margin-top: 60px;
	color: #fff;
}

body.member .bubble:before {
    position: absolute;
    top: 100%;
    left: 40px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #EFAC55;
    border-width: 7px;
    content: "";
}
body.member .heading {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	text-align: center;
	font-weight: 500;
	margin-top: 60px;
}

body.member .heading::before,
body.member .heading::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #EFAC55;
}

body.member .heading::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
body.member .heading::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
body.member .meeting-list li { list-style-type:none; margin:0; padding:0; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:45px; }
body.member .meeting-list li a { color:#a3743f; display:inline-block; width:100%; position: relative;transition:0.3s ease-in-out;}
body.member .meeting-list li a:after {content:""; display:block; width: 26px; height: 8px; background:url(../img/ico_arrow04.png) no-repeat; background-size:cover; position:absolute; right:40px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
body.member .meeting-list li a:hover {opacity: 0.7; text-decoration: none}
body.member .meeting-list li a:hover:after { background-image:url(../img/ico_arrow04.png) ; right: 30px}
body.member .gm h5 {border-bottom: 1px solid #a3743f; padding-bottom: 15px; margin:20px 0}
	

/* faq */
.faq-nav { background:#f2f2f2; margin-top:70px; }
.faq-nav ul { text-align:center; }
.faq-nav ul li { display:inline-block; line-height:60px; margin:0; padding:0; margin-right:150px; }
.faq-nav ul li:last-child { margin-right:0; }
.faq-nav ul li a { display:inline-block; border-bottom:1px solid #f9f5ee; }
.faq-nav ul li a.active { border-bottom:1px solid #a3743f; }
.faq-nav ul li a:hover { border-bottom:1px solid #a3743f; text-decoration:none; }
.faq-list { margin:0 auto; }
.faq-list .item { border:1px solid #e4e5e4; border-radius:10px; margin-bottom:50px; padding:0 25px; }
.faq-list .item:hover { background:#f9f5ee; border:1px solid #f9f5ee; }
.faq-list .question { position:relative; font-size:18px; line-height:140%; padding:18px 40px 18px 40px; /* font-size:20px; */ font-weight:normal; }
.faq-list .question:after {	content:"";	display:block;	width: 26px;	height: 8px; background:url(../img/ico_arrow04.png) no-repeat; background-size:cover; position:absolute; right:0px; top:50%; transform:translateY(-50%); }
.faq-list .is_open .question { font-weight:700; }
.faq-list .is_open .question:after {content:"";	display:block;	width: 26px;	height: 8px; background:url(../img/ico_arrow04_on.png) no-repeat; background-size:cover; position:absolute; right:0px; top:50%; transform:translateY(-50%); margin-top:3px; }
.faq-list .question:before { content:"Q."; display:block; position:absolute; left:0px; top:18px; font-size:24px; font-weight:500; font-family:"Roboto"; color:#a3743f; }
.faq-list .answer { font-size:18px; height:0px; overflow:hidden; line-height:160%; position:relative; border-top:1px solid #f3f3f3; padding:0px 0 0px 135px; transform:translateZ(0); transition:0.5s ease-in-out; box-sizing:content-box; }
.faq-list .answer p { margin-bottom:1.5em; line-height:160%; }
.faq-list .answer:after { content:"A."; display:block; position:absolute; left:45px; top:35px; width:45px; padding-left:5px; line-height:50px; color:#fff; background:#a3743f; font-size:24px; font-weight:500; border-radius:50px; text-align:center; font-family:"Roboto"; }
.faq-list .answer.is_open { padding:40px 0 25px 135px; border-top:1px solid #ccc; }
.faq-list .answer.is_open:after { }
.faq-list .answer.is_open_fixed { height:auto; }

/* download */
body.download .list-items .ref {padding: 5px 0 0 20px; display: inline-block; font-size: 90%}
body.download .list-items dl  { margin-bottom:35px;  border-bottom:1px solid #e4e5e4; padding-bottom: 15px; }
body.download .list-items dl dt { margin:0; padding:0; margin-bottom:20px; padding-left: 15px; line-height:180%; }
body.download .list-items dl dt > span { font-weight: normal; font-size: 14px}
body.download .list-items dl dd { margin:0; padding:0; margin-bottom:25px; line-height:140%; }
body.download .list-items dl dd a { position:relative; display:block; color:#815626; padding-right:130px; padding-left: 20px }
body.download .list-items dl dd a .size { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_pdf.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.download .list-items dl dd a .size.excel { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_excel.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.download .list-items dl dd a .size.word { position:absolute; left: calc(100% - 100px); top:0; background:url(../img/ico_word.svg) no-repeat; background-size:21px 25px; padding-left:32px; display:inline-block; line-height:25px; }
body.download .list-items dl dd a:hover { opacity:0.7; text-decoration:none; }

/* link */
.link-items ul li { display:inline-block;  margin:0; padding:0; list-style-type:none; margin-right:100px; margin-bottom: 20px }
.link-items ul li a { display:inline-block; color:#a3743f; background:url(../img/ico_blank.svg) no-repeat right center; background-size:18px 18px; padding-right:35px; line-height:18px; }
.link-items ul li a:hover { text-decoration:none; opacity:0.7; }



/* terms */
.spec { margin:0 25px; }
.spec .box-flex05 { margin-bottom:-1px; }
.spec .box-flex05 .item:nth-child(1) { border-right:none; }
.spec .item { border:1px solid #ccc; }
.spec .ttl { border-bottom:1px solid #ccc; font-weight:700; padding:15px 25px; }
.spec .text { padding:15px 25px; margin-top:-1px; line-height:200%; }



/* contact */
.progress { margin:60px 0 80px; }
.progress div { width:calc(336 / 1100 * 100%); margin-right:calc(45 / 1100 * 100%); list-style-type:none; float:left; }
.progress div:last-child { margin-right:0; }
.contact-form-items { border:1px solid #d2d2d2; padding:70px 0; margin-bottom:80px; }
.contact-form-items.complete { border:none; }
.contact-form-items .editor > p:first-child { display:none; }
.contact-form-items a { color:#a3743f; text-decoration:none; }
.contact-form-items a:hover { }
.contact-form-items form,
.contact-form-items table { max-width:calc(830 / 1100 * 100%); margin:0 auto; }
.contact-form-items th { padding:20px 0; vertical-align:middle; padding-right:25px; line-height:160%; width:calc(220 / 830 * 100%); text-align:right; white-space:nowrap; }
.contact-form-items td { padding:20px 0; line-height:160%; }
.contact-form-items th span { white-space:nowrap; display:inline-block; }
.contact-form-items select { background:url(../img/arrow04.png) no-repeat right 20px center #fff; border:1px solid #ccc; width:100%; padding:22px 45px 22px 20px; position:relative; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.contact-form-items select:after { content:"";
display:block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.contact-form-items input[type=text],
.contact-form-items input[type=email],
.contact-form-items select { font-family:'Roboto','Noto Sans JP'; font-size:16px; line-height:16px; background:#f0f0f0; border:none; width:100%; padding:22px 20px; margin-bottom:0px; }
.contact-form-items input[name^="birthday"] { width:32%; margin-right:2%; }
.contact-form-items input[name^="birthday"]:last-child { margin-right:0; }
.contact-form-items label { display:block; font-weight:700; position:relative; }
.contact-form-items label.tall { min-height:180px; }
.contact-form-items label > br { display:none; }
.contact-form-items label > span:nth-child(1) { }
.contact-form-items p .control,
.contact-form-items .mw_wp_form_input p .select { position:relative; left: 0; top: 0; display: block; width: calc(100%); font-weight:400; }
.contact-form-items .mw_wp_form_confirm label .control,
.contact-form-items .mw_wp_form_confirm label .select { padding-top:17px; }
.contact-form-items .mw_wp_form_confirm .control.agree-text,
.contact-form-items .mw_wp_form_confirm .control.note,
.contact-form-items .mw_wp_form_confirm .agree-label { display:none; }
.contact-form-items .mw_wp_form_input label .select { margin-bottom:60px; }
.contact-form-items p .agree-label { position:relative; left: 0; top: 0; }
.contact-form-items p .control { line-height:160%; }
.contact-form-items .mw_wp_form_input label .select .control { position:static; display:block; width:auto; line-height:62px; }
.contact-form-items textarea { font-family:'Roboto','Noto Sans JP'; font-size:16px; line-height:160%; background:#f0f0f0; border:none; height:180px; width:100%; padding:22px 20px; }
.contact-form-items .mw_wp_form_input .select {	display:block; width:164px; line-height:62px; position: relative; background: #f0f0f0;  }
.contact-form-items .mw_wp_form_input .select:after {
pointer-events:none;
content:"";
display:block;
width: 40px;
height: 62px;
border-left:2px solid #fff;
position:absolute;
top:0;
right:0;
transition:0.3s ease-in-out;
z-index:2;
}
.contact-form-items .mw_wp_form_input .select:before {
pointer-events:none;
content:"";
display:block;
width: 7px;
height: 7px;
border-top: 2px solid #a3743f;
border-right: 2px solid #a3743f;
transform: rotate(135deg) translate(0,50%);
position:absolute;
top:50%;
right:13px;
margin-top:-3px;
transition:0.3s ease-in-out;
z-index:2;
}
.contact-form-items .mw_wp_form_input .select select {
	font-family:'Roboto','Noto Sans JP';
	font-size:16px;
	line-height:16px;
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 12px 42px 12px 20px;
}
.contact-form-items .mw_wp_form_input .select select::-ms-expand {
	display: none;
}
.contact-form-items .form-must { color:#e60012; }
.contact-form-items .agree-text { font-size:14px; margin-bottom:1em; font-weight:normal; }
.contact-form-items .note { font-size:12px; font-weight:normal; }
.contact-form-items input[name="acceptance"] { display:none; }
.contact-form-items .agree-input{ display: none; }
.contact-form-items .agree-label { cursor:pointer; display:inline-block; min-width:114px; line-height: 60px; background:#b2b2b2; color:#fff; padding:0px; text-align:center; }
.contact-form-items .agree-label span { display: none; }
.contact-form-items .agree-label.checked { background:#a3743f; }
.contact-form-items input[type=radio] { margin:0 5px 0 0; }
.contact-form-items .error { background:#c00; color:#fff; border-radius:5px; padding:15px; margin:10px 0; }
.contact-form-items .thanks { max-width:calc(830 / 1100 * 100%); margin:0 auto -30px; }

.contact-form-items .tel { margin:4em 0 0; }
.contact-form-items .tel .ttl { font-size:18px; margin-bottom:20px; font-weight:bold; }
.contact-note {font-size:0.8em!important; margin-bottom: 0.5em;}


.contact-form-items .btn01.type03 { margin-top:100px; margin-left:245px; }
.contact-form-items .btn01.type03 > p > * { width:100%; }
.contact-form-items .btn01.type03 > p > span { width:100%; border:2px solid #a3743f; color:#000; }
.contact-form-items .btn01.type03 > p > span:after { right:37px; background-image:url(../img/ico_arrow03_on.png) ; }
.contact-form-items .btn01.type03.back { display: block!important; }
.contact-form-items .btn01.type03.back > p > span:after { right:auto; left:37px; background-image:url(../img/ico_arrow03_on_back.png) ; }
.contact-form-items .btn01.type03 > p > span:hover { color:#a3743f; color:#fff; border-color:#a3743f; background:#a3743f; }
.contact-form-items .btn01.type03 > p > span:hover:after { right:27px; background-image:url(../img/ico_arrow03_on2.png) ; }
.contact-form-items .btn01.type03.back > p > span:hover:after { right:auto; left:27px; background-image:url(../img/ico_arrow03_on2_back.png) ; }
.contact-form-items .btn01.type03 > p > * > input { font-family:'Roboto','Noto Sans JP'; font-size:22px; font-weight:500; line-height:22px; border:none; height:75px; width:100%; background:transparent; }
.contact-form-items .btn01.type03 > p > *:hover > input { color:#fff; }

.wpcf7 .ajax-loader { position:absolute!important; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-not-valid-tip { position: absolute; top: 70px; }
.your-question .wpcf7-not-valid-tip { top: 190px; }
.select .wpcf7-not-valid-tip { top:50px; }
.tall .wpcf7-not-valid-tip { top: 190px; }
.acceptance .wpcf7-not-valid-tip { top: 90px; }
.wpcf7 form .wpcf7-response-output { padding:40px 40px; margin:40px 0; color:#51b93c; background:#f0f4ed; border:none; line-height:160%; }
.wpcf7 form.invalid .wpcf7-response-output { background:#f4eded; color:#e60012;  }

.grecaptcha-badge{ visibility:hidden; }
label.reCAPTCHA { font-size:14px; font-weight:400;}


/* wordpress editor */
.editor a.auto-external,
.seminar-article a.auto-external { display:inline-block; color:#a3743f; background:url(../img/ico_blank.svg) no-repeat right center; background-size:18px 18px; padding-right:30px; margin-right:10px; line-height:22px; }
.editor a.auto-pdf,
.seminar-article a.auto-pdf { display:inline-block; color:#a3743f; background:url(../img/ico_pdf.svg) no-repeat right center; background-size:18px 18px; padding-right:30px; margin-right:10px; line-height:22px; }
.editor .excel a.auto-external,
.editor .excel a { display:inline-block; color:#a3743f; background:url(../img/ico_excel.svg) no-repeat right center; background-size:18px 18px; padding-right:30px; margin-right:10px; line-height:22px; }
.editor .word a.auto-external,
.editor .word a { display:inline-block; color:#a3743f; background:url(../img/ico_word.svg) no-repeat right center; background-size:18px 18px; padding-right:30px; margin-right:10px; line-height:22px; }

.editor p > img { width:auto; }
.editor h3 { font-size:18px; border-top:1px solid #d1b99f; border-bottom:1px solid #d1b99f; line-height:140%; font-weight:700; margin-bottom:60px; padding:15px 0; margin-top:70px; }
.editor h3:first-child { margin-top:0; }
.editor h4 { font-size:18px; border-bottom:2px solid #dfdfdf; line-height:140%; font-weight:700; margin-bottom:25px; padding:0 0 15px; margin-top:70px; }
.editor h4:first-child { margin-top:0; }
.editor img { display:block; margin:0 auto; }
.editor .alignleft { float:left; margin-right:25px; margin-bottom:25px; width:50%;  }
.editor .alignright { float:right; margin-left:25px; margin-bottom:25px; width:50%;  }




/* カレンダー
--------------------------------------------*/

.post-edit-link { display:none; }
.timely .ai1ec-btn-default:hover, .timely .ai1ec-btn-default:focus, .timely .ai1ec-btn-default:active, .timely .ai1ec-btn-default.ai1ec-active, .ai1ec-open .ai1ec-dropdown-toggle.timely .ai1ec-btn-default { color:#a3743f; }
.ai1ec-month-view .ai1ec-today, .ai1ec-week-view .ai1ec-today { background:#fffff3!important;}
.ai1ec-calendar-toolbar { display:inline-block; border-radius: 3px; z-index:999; position:absolute; right:160px; top:-15px; padding:0; border-color:#ccc; }
.timely .ai1ec-nav > li > a { padding: 4px 10px; }
.ai1ec-title-buttons .ai1ec-btn-group { margin-left:0; }
.ai1ec-subscribe-container { display:none; }
.ai1ec-agenda-buttons { display:none; }
.ai1ec-views-dropdown .ai1ec-btn { width:110px; top:-15px; font-size:14px; }
.ai1ec-month-view .ai1ec-day-stretcher { height:120px; }
.ai1ec-calendar-title, .ai1ec-calendar-title-short { font-size:14px; }
.timely .ai1ec-week-view tr, .timely .ai1ec-week-view th, .timely .ai1ec-week-view  td,
.timely .ai1ec-today,
.timely .ai1ec-weekday { width:auto!important; }
.timely .ai1ec-weekday { padding:5px!important; font-size:13px; }
.ai1ec-month-view .ai1ec-date { background:#f0f4ed; line-height: 25px; height: 25px; font-size: 13px; }
.timely .ai1ec-nav-pills > li { margin:0; }
.timely .ai1ec-nav > li > a { padding:4px 12px; line-height:24px; }
.timely .ai1ec-btn-default { color:#a3743f; }
.timely .ai1ec-btn-sm { padding: 4px 12px; font-size: 14px; line-height: 24px; }
.ai1ec-views-dropdown i { font-size:1.4em; position:relative; top:-2px; }
.ai1ec-dropdown-menu > div > a { color:#a3743f; font-size:14px; }
.ai1ec-btn-toolbar .ai1ec-btn-group { top:-14px; }
table.ai1ec-month-view { margin-bottom:20px!important; }
.ai1ec-month-view .ai1ec-event { line-height:10px; }
.ai1ec-event-title { font-size:14px; }
.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month { background:#a3743f; color:#fff; }
.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title { border:none; background:#fff; }
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title { color:#000; }
.ai1ec-agenda-view .ai1ec-event:hover .ai1ec-event-title { color:#000; }
.ai1ec-agenda-view .ai1ec-event-description { display:none; }
.ai1ec-agenda-widget-view, .ai1ec-agenda-view { margin-bottom:20px; }
.ai1ec-week-view { margin-bottom:20px; }
.ai1ec-oneday-view { margin-bottom:20px; }
.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date { background:#f6f6f6; padding:10px; }
.ai1ec-popover { padding:5px; }
.ai1ec-popover.ai1ec-popup .ai1ec-event-time { margin:5px 0px; }
.ai1ec-tooltip * { display: none; }


/* 詳細 */
/*.ai1ec-single-event .ai1ec-event-details.ai1ec-row { display:flex; flex-direction: row-reverse; } 
.ai1ec-single-event .ai1ec-event-details.ai1ec-row > div { position:static; }
*/
.calender-body.single .entry-title { display:block; background:#f0ece6; color:#665843; font-size:14px; font-weight:bold; text-align:left; padding:8px; }
.calender-body.single .ai1ec-btn-group-vertical:nth-child(2) { display:none; }
.calender-body.single .ai1ec-field-value { font-size:16px; text-align:left; padding-left:0; line-height:160%; }
.calender-body.single .ai1ec-field-value .ai1ec-category { font-size:16px; text-align:left; padding:0!important; margin-right:15px; } 
.calender-body.single .ai1ec-field-label { font-size:16px; width:84px; color:#685742; line-height:160%; white-space:nowrap; }
.calender-body.single .ai1ec-fa-folder-open { position: relative; top: 4px; left: -10px; }
.calender-body.single .hosoku { margin-left:0px; }
.calender-body.single .ai1ec-row { margin-left:0px; margin-bottom:15px; }
.calender-body.single .ai1ec-row > div { float:left!important; }
.calender-body.single .ai1ec-row > .ai1ec-col-md-7 { width:calc(100% - 100px)!important; }
.calender-body.single .ai1ec-event-details.ai1ec-row .ai1ec-col-sm-7.ai1ec-col-sm-pull-5 { padding:0; }
.calender-body.single .ai1ec-map { left: 48%; width: 53%; }
.calender-body.single #ai1ec-gmap-canvas { height:300px; }
.calender-body.single .ai1ec-body { right: 53%; width: 47%; }
.calender-body.single .ai1ec-single-event .ai1ec-actions.has-map { position:absolute; right:0; top:320px; }
.calender-body.single .ai1ec-single-event .ai1ec-actions .ai1ec-btn { font-size:14px; line-height:30px; width:140px; text-align:center; }
.calender-body .map { height: 300px; }
.calender-body .map iframe { height: 100%; }


#comments { display:none; }



/* animation */
.standby { transform: translateY(30px); opacity:0; }
.is-animated { transition-delay:0.50s!important; transform: translateY(0px); opacity:1; transition-duration: .5s!important; transition-property:transform,opacity!important; }
.is-completed { transition-delay:0s!important; transition-duration:0s!important; }




}

@media screen and (min-width: 1201px) {
	
#header { position:fixed; width:250px; height:100%; z-index:1000; background:#fff; }
#header ul li { list-style-type:none; }
#header-inner { }
#header .logo { width:87px; display:block; margin:0 auto; padding:40px 0 24px; }
#header .logo-text { width:160px; display:block; margin:0 auto; margin-bottom:45px; }
#header .logo > div { font-size:16px; font-weight:900; margin-bottom:35px;  }
#header .logo > div > div { /* text-align-last: justify; text-justify:inter-ideograph; */ display:flex; justify-content: space-between; width:148px; margin:0 auto; margin-bottom:6px; }
#header .logo > div > div > span {}
#header .logo img { }
#header .logo:hover { text-decoration:none; }
#header .header-gnav > ul:nth-child(1) { position:relative; }
#header .header-gnav > ul:nth-child(1):after { content:""; display:block; width:calc(100% - 30px); height:1px; background:#d5d5d5; position:absolute; left:15px; top:1px; transition:0.3s ease-in-out; z-index:-1; }
#header .header-gnav > ul:nth-child(1) > li { margin:0; padding:0; }
#header .header-gnav > ul:nth-child(1) > li > a { line-height:58px; padding-left:42px; display:block; transition:0.3s ease-in-out; font-size:15px; font-weight:400; position:relative; z-index:1; margin-top:-1px; }
#header .header-gnav > ul:nth-child(1) > li > a:before {
content:"";
opacity:0;
display:block;
width: 7px;
height: 7px;
border-top: 1px solid #a3743f;
border-right: 1px solid #a3743f;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:25px;
transition:0.3s ease-in-out;
z-index:2;
}
#header .header-gnav > ul:nth-child(1) > li > a:after { content:""; display:block; width:calc(100% - 30px); height:1px; background:#d5d5d5; position:absolute; left:15px; bottom:0; transition:0.3s ease-in-out; z-index:-1; }
#header .header-gnav > ul:nth-child(1) > li:last-child > a { padding-left:56px; margin-top:35px; }
#header .header-gnav > ul:nth-child(1) > li:last-child > a:before { display:none; }
#header .header-gnav > ul:nth-child(1) > li:last-child > a:after { background:url(../img/ico_login.svg) no-repeat; width:12px; height:15px; position:absolute; left:32px; top:50%; transform:translateY(-50%); z-index:10; opacity:1!important; }
#header .header-gnav > ul:nth-child(1) > li:hover > a { text-decoration:none; background:#f0f4ed; color:#a3743f; }
#header .header-gnav > ul:nth-child(1) > li:hover > a:before { opacity:1; right:20px; }
#header .header-gnav > ul:nth-child(1) > li:hover > a:after { opacity:0; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(1):hover > a:after,
#header .header-gnav > ul:nth-child(1) > li:nth-child(1):hover > a:before { display:none; }
#header .header-gnav > ul:nth-child(1) .sub { transition:0.3s ease-in-out; opacity:0; pointer-events:none; position:fixed; width:250px; height:100%; left:250px; top:0; z-index:1000; z-index:-1;}
#header .header-gnav > ul:nth-child(1) .sub.visible { transition:0.3s ease-in-out 0.3s; opacity:1; pointer-events:auto; }
#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li { margin:0; padding:0; }
#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li > a { font-size:14px; line-height:57px; padding-left:38px;  display:block; position:relative; white-space:nowrap; }
#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li > a:before {
content:"";
opacity:0;
display:block;
width: 7px;
height: 7px;
border-top: 1px solid #a3743f;
border-right: 1px solid #a3743f;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:25px;
transition:0.3s ease-in-out;
z-index:2;
}
#header .header-gnav > ul:nth-child(1) .sub .nav > ul:after { content:""; display:block; width:calc(100% - 30px); height:1px; background:#d5d5d5; position:absolute; left:15px; top:1px; transition:0.3s ease-in-out; z-index:-1; }
#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li > a:after { content:""; display:block; width:calc(100% - 30px); height:1px; background:#d5d5d5; position:absolute; left:15px; bottom:0; transition:0.3s ease-in-out; z-index:-1; }

#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li:hover > a { text-decoration:none; color:#a3743f; }
#header .header-gnav > ul:nth-child(1) .sub .nav > ul > li:hover > a:before { opacity:1; right:20px; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(1) { display:none; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(2) .nav { position:relative; top:214px; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(3) .nav { position:relative; top:272px; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(4) .nav { position:relative; top:329px; }
#header .header-gnav > ul:nth-child(1) > li:nth-child(7) .nav { position:relative; top:499px; }
#header-bg { position:fixed; width:250px; height:100%; z-index:0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); }

.gnav-sub-area { position:fixed; transition:0.3s ease-in-out 0.3s; opacity:0; width:0px; height:100%; /* border-right:1px solid #cccccc; */ background:#f0f4ed; top:0; left:250px; z-index:11; }
.gnav-sub-area.visible { width:250px; transition:0.3s ease-in-out; opacity:1; }
.gnav-sub-area2 { position:fixed; transition:0.3s ease-in-out 0.3s; opacity:0; width:0px; height:100%; /* border-right:1px solid #cccccc; */ background:#f0f4ed; top:0; left:500px; z-index:11; }
.gnav-sub-area2.visible { width:250px; transition:0.3s ease-in-out; opacity:1; }


#footer-banner { margin-left:250px; padding:80px 0; position:relative; box-sizing:content-box;  background:#f5f5f5; }
#footer-banner > .inner { max-width:1100px; margin:0 auto; padding: 0 20px; box-sizing: content-box; }
#footer-banner ul { display:flex; flex-wrap:nowrap; margin:0; padding:0; }
#footer-banner ul li { margin:0; padding:0; list-style-type:none; width:calc(240 / 1100 * 100%); margin-right:calc(46.66666666666667 / 1100 * 100%); }
#footer-banner ul li:nth-child(4) { margin-right:0; }
#footer-banner a { display:block; border:1px solid #fff; transition:0.3s ease-in-out;}
#footer-banner a:hover { border:1px solid #a3743f; }

#footer { margin-left:250px; padding:0 0 100px 0; position:relative; box-sizing:content-box;  }
#footer ul li { list-style-type:none; }
#footer-inner { max-width:1100px; margin:0 auto; padding: 0 20px; box-sizing: content-box; }
#footer-inner a { }
#footer .page-top { opacity:0; position:fixed; right:30px; bottom:30px; z-index:999; transition:0.3s ease-in-out; }
#footer .page-top.visible { opacity:1; }
#footer .page-top a { /* position:fixed; bottom:45px; margin-left:-80px; */ color:#23793a; background:url(../img/pagetop.png) no-repeat left center; background-size:	60px 60px; width:60px; height:60px; display:block; text-indent:-9999px; }
#footer .page-top a:hover { background-image:url(../img/pagetop_on.png); }
#footer .footer-gnav-wrapper { text-align:center; }
#footer .footer-gnav { display:flex; flex-wrap:nowrap; padding:65px 0 80px; position:relative; }
#footer .footer-gnav .nav { text-align:left; padding:0 0; display:flex; width:calc(220 / 1100 * 100%); border-left:1px solid #e4e5e4; padding:0 calc(20 / 1100 * 100%) 0 calc(26 / 1100 * 100%); }
#footer .footer-gnav .nav:last-child { border-right:1px solid #e4e5e4; padding: 0 calc(16 / 1100 * 100%) 0 calc(26 / 1100 * 100%); }
#footer .footer-gnav .nav:nth-child(3) { padding:0 calc(16 / 1100 * 100%) 0 calc(26 / 1100 * 100%);}
#footer .footer-gnav .nav ul {  }
#footer .footer-gnav li { font-size:15px; font-weight:700; padding:0; position:relative; padding:0; margin:0 0 22px; line-height:130%; /* white-space:nowrap; */ }
#footer .footer-gnav li:last-child { margin-bottom:0; }
#footer .footer-gnav li.child { font-size:14px; font-weight:300; margin-bottom:14px; }
#footer .footer-gnav li a:hover { color:#a3743f; text-decoration:none; }
#footer .footer-gnav-wrapper:before { content:""; display:block; position:absolute; top:0; left:-250px; width:100vw; border-top:1px solid #d6d6d6; }
#footer .logo-group { display:block; position:relative; margin-bottom:50px; }
#footer .logo-group:hover { text-decoration:none; }
#footer .logo { width:43px; display:block; margin:0 auto; position:absolute; left:0; top:0; }
#footer .logo-text { font-size:18px; line-height:43px; padding-left:62px; }
#footer .utils { position:relative; }
#footer .utils ul { position:absolute; right:0; top:-86px; }
#footer .utils li { display:inline; }
#footer .utils a { font-size:12px; }
#footer .utils a:hover { text-decoration:none; color:#a3743f; }
#footer .address { font-size:12px; line-height:12px; margin-bottom:0; }
#footer .copyright { font-size:12px; line-height:12px; text-align:right; margin-top:-12px; }

}


@media screen and (min-width: 1201px) and (max-width: 1300px)  {
.members-section .members .btn01 a { width:250px; padding-right: 50px;  }
.members-section .members .btn01 a:after { right:27px; }
}



@media screen and (min-width: 751px) and (max-width: 1200px) {
html { padding-top:54px; }

#header .pc { display:none!important; }
#header .sp { display:block!important; }
#header img.sp { display:inline-block!important; }
#header { position:fixed; left:0; top:0; width:100%; height:54px; z-index:1000; background:#fff; }
#header ul li { list-style-type:none; }
#header-inner { }
#header .logo { width:26px; display:block; margin:0 auto; position:absolute; left:14px; top:15px; }
#header .logo-text { width:119px; display:block; margin:0 auto; position:absolute; left:48px; top:21px;}
#header .logo:hover { text-decoration:none; }
#header .header-gnav { position:absolute; width:100%; top:0px; opacity:0; height:100vh; pointer-events:none; transition:opacity 0.2s ease-in-out; }
#header .header-gnav.isopen { opacity:1; height:100vh; padding:0 0 80px;  opacity:1; pointer-events:auto; overflow-y:auto; }
#header #sp-menu .btn { cursor:pointer; display:block; width:25px; height:23px; position:absolute; right:16px; top:17px; transition:0.2s ease-in-out; z-index:20; }
#header #sp-menu .btn:hover { opacity:0.7 }
#header #sp-menu .btn i { width:25px; height:1px; background:#a3743f; display:block; position:absolute; left:0; top:0; transform-origin: 50% 0%; transition:0.5s ease-in-out; }
#header #sp-menu .btn i:nth-child(1) { top:0px; }
#header #sp-menu .btn i:nth-child(2) { top:11px; }
#header #sp-menu .btn i:nth-child(3) { top:22px; }
#header #sp-menu.isopen .btn { top:13px; }
#header #sp-menu.isopen .btn i { width:22px; background:#a3743f; }
#header #sp-menu.isopen .btn i:nth-child(1) { top:14px; transform:rotate(45deg); }
#header #sp-menu.isopen .btn i:nth-child(2) { opacity:0; }
#header #sp-menu.isopen .btn i:nth-child(3) { top:14px; transform: rotate(-45deg); }
	
#header .header-gnav { /* display:none; */ position:fixed; z-index:3; width:100%; top:54px; padding-top:0px; height:calc(0px); overflow: auto; -webkit-overflow-scrolling: touch; transition:0.5s ease-in-out; font-size:14px; }
#header .header-gnav.isopen { height:calc(100vh - 54px); top:54px; /* display:block; */ }
#header .header-gnav ul { margin-bottom:0; }
#header .header-gnav > ul { margin-bottom:1px; box-shadow:0 0 15px rgba(0,0,0,0.15); }
#header .header-gnav > ul > li { margin:0; padding:0; }
#header .header-gnav > ul > li > a { position:relative; line-height:140%; display:block; color:#333; background:#fff; border-top:1px solid #e4e5e4; padding:20px 40px; font-size:12px; }
#header .header-gnav > ul > li > a:hover { text-decoration:none; }
#header .header-gnav > ul > li:last-child > a:after { content:""; display:block; width:calc(100% - 30px); height:1px; position:absolute; left:15px; bottom:0; transition:0.3s ease-in-out; z-index:-1; background:url(../img/ico_login.svg) no-repeat; width:12px; height:15px; position:absolute; left:18px; top:50%; transform:translateY(-50%); z-index:10; opacity:1!important; }
#header .header-gnav > ul > li .sub { display:none!important; visibility:visible!important; }
#header .header-gnav > ul > li .sub.sp-open { display:block!important; }
#header .header-gnav > ul > li .sub > .nav > ul > li { margin:0; padding:0; }
#header .header-gnav > ul > li .sub > .nav > ul > li > a { position:relative; line-height:140%; display:block; color:#333; background:#f6f6f6; border-bottom:1px solid #e4e5e4; padding:20px 40px 20px 52px; font-size:12px; }
#header .header-gnav > ul > li .sub > .nav > ul > li > a:hover { text-decoration:none; }

#header .header-gnav > ul > li > a:before,
#header .header-gnav > ul > li .sub a:before{
	content:"";
	display:block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #a3743f;
	border-right: 1px solid #a3743f;
	transform: rotate(45deg) translate(0,-50%);
	position:absolute;
	top:50%;
	right:30px;
	/* transition:0.3s ease-in-out; */
	z-index:2;
}
#header .header-gnav > ul > li.has-child > a:before{
	content:"";
	display:block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #a3743f;
	border-right: 1px solid #a3743f;
	transform: rotate(135deg) translate(0,50%);
	position:absolute;
	top:50%;
	right:22px;
	z-index:2;
	margin-top: -2px;
}
#header .header-gnav > ul > li.has-child a.sp-open:before{
	content:"";
	display:block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #a3743f;
	border-right: 1px solid #a3743f;
	transform: rotate(-45deg) translate(0,-50%);
	position:absolute;
	top:50%;
	right:22px;
	z-index:2;
	margin-top: 0px;
}


#footer-banner { padding:80px 0; position:relative; box-sizing:content-box;  background:#f5f5f5; }
#footer-banner > .inner { max-width:1100px; margin:0 auto; padding: 0 20px; box-sizing: content-box; }
#footer-banner ul { display:flex; flex-wrap:nowrap; margin:0; padding:0; }
#footer-banner ul li { margin:0; padding:0; list-style-type:none; width:calc(240 / 1100 * 100%); margin-right:calc(46.66666666666667 / 1100 * 100%); }
#footer-banner ul li:nth-child(4) { margin-right:0; }
#footer-banner a { display:block; border:1px solid #fff; transition:0.3s ease-in-out;}
#footer-banner a:hover { border:1px solid #a3743f; }

#footer { border-top:1px solid #dedede; position:relative; padding-top:38px; margin-top:80px; }
#footer-inner { }
#footer .content-wrapper { margin:0 auto; z-index:2; position:relative; padding:20px 0 25px; }
#footer .page-top { opacity:0; position:absolute; right:10px; top:-30px; z-index:999; transition:0.3s ease-in-out; }
#footer .page-top.visible { opacity:1; }
#footer .page-top a { position:fixed; right:15px; bottom:15px; color:#fff; font-size:12px; font-weight:700; background:url(../img/pagetop.png) no-repeat; width:40px; height:40px; background-size:cover;  background-size:cover; display:block; transition:0.2s ease-in-out; }
#footer .page-top a:hover { opacity:0.7; }
#footer .page-top.end a { opacity:0; }
#footer .footer-gnav-wrapper {  position:relative; }
#footer .footer-gnav { display:none; }
#footer .logo-group { display:block; position:relative; margin-bottom:15px; text-align:center; }
#footer .logo-group:hover { text-decoration:none; }
#footer .logo { width:40px; display:inline-block; margin:0 auto; vertical-align:middle; }
#footer .logo-text { display:inline-block; font-size:17px; line-height:40px; padding-left:15px; vertical-align:middle; }
#footer .utils { position:absolute; left:25px; top:-40px; }
#footer .utils ul {  }
#footer .utils li { display:inline; margin:0 20px 0 0; padding:0; }
#footer .utils a { font-size:12px; }
#footer .utils a:hover { text-decoration:none; color:#a3743f; }
#footer .address { font-size:10px; line-height:10px; margin-bottom:0; text-align:center; }
#footer .copyright { border-top:1px solid #dedede; font-size:10px; line-height:10px; text-align:center; margin-top:40px; padding:25px 0; }


.contents { padding-left:0px; }
.main-content { max-width:none; }

/* home */
.members-section .members .btn01 { position:static; transform:none; margin-top:25px; }
.green-section .box { margin:0 -20px; }
.useful-section .box { margin:0 -20px; }

/* about_member */
body.about_member .join .btns01 .btn01 { display:block; margin-bottom:35px; }
body.about_member .join .btns01 .btn01:last-child { margin-bottom:0; }
body.about_member .join .btns01 .btn01 a { width:500px; }


/* topics */
.topics-tab-group .tab br { display:block!important; }


/* contact */
.contact-form-items .agree-text { white-space:normal; }


}

@keyframes fadeInEx {
		0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes fadeInEx2 {
		0% { opacity:0.2; }
	100% { opacity:1; }
}

@keyframes fadeOutEx {
		0% { opacity:1; }
	100% { opacity:0; }
}

@keyframes slideOutEx {
		0% { transform:translateY(0%); }
	100% { transform:translateY(-100%); }
}

@keyframes slideInEx {
		0% { transform:translateY(-80px); }
	100% { transform:translateY(0%); }
}

@keyframes slideInEx2 {
		0% { padding-top:0px; }
	100% { padding-top:80px; }
}

@keyframes scaleUp {
		0% { opacity:1; transform:scale(1,1); }
	100% { opacity:1; transform:scale(1.1,1.1); }
}



@media print {

body {
		zoom: 0.68;
		-webkit-print-color-adjust: exact;
}


#header,
#footer .page-top,
#footer .footer-gnav-wrapper,
#footer .logo-group,
#footer .utils,
#footer .address,
.lnav,
.archive-menu,
.topics-tab-group,
.pager,
#ai1ec-container,
.ai1ec-single-event { display:none; }
.contents { padding-left:0; }
.main-content { padding:0; }
.anime-group { transform: translateY(0px)!important; opacity: 1!important; }

}


/* IE10以上 */
@media print and (-ms-high-contrast: none) {
        /* @pageの指定いらないかも */
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }

    body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}