@charset "UTF-8";
/* 
	
CSS common.css */


/*
base #333
green #00af84
*/
	
	
	
@import url('//fonts.googleapis.com/css2?family=Heebo:wght@400;500&display=swap');
@import url('//fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
/*
font-family: 'Heebo', sans-serif;
font-weight: 400;
font-weight: 500;
font-family: 'Sawarabi Gothic', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
*/










/*//////////////////


// Frame / Block


//////////////////*/

body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 1.5rem; color: #333; line-height: 2.13; letter-spacing: 0.12em; }
@media screen and (max-width: 767px) { 
	body { font-size: 1.4rem; }
}
.noscrpt p { padding: 5px; background: #00af84; font-weight: bold; text-align: center; }


/* secwrap */
.secwrap { padding: 240px 0; }
.secwrap>.section:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px){
	.secwrap { padding: 120px 0; }
}


/* section */
.section { margin-bottom: 240px; }
.section.min { margin-bottom: 160px; }
.section:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px){
	.section,
	.section.min { margin-bottom: 120px; }
}


/* incnt */
.incnt { max-width: 1040px; width: 88%; margin: 0 auto; position: relative; }
.incnt.min { max-width: 800px; }
.incnt.wide { max-width: 1280px; }
.incnt.wider { max-width: 1600px; }
.incnt.fix { max-width: none; width: calc(100% - 120px); margin: 0 60px; }
.incnt.max { max-width: none; width: 100%; }
@media screen and (max-width: 1280px){
	.incnt.fix { width: calc(100% - 80px); margin: 0 40px; }
}
@media screen and (max-width: 1100px){
	.incnt, .incnt.max, .incnt.wider, .incnt.wide, .incnt.min { width: 88%; }
}
@media screen and (max-width: 767px){
	.incnt, .incnt.max, .incnt.wider, .incnt.wide, .incnt.min, .incnt.fix { width: 88%; margin: 0 auto; }
	.incnt.none { width: 100%; }
}


/* block */
.block {  }
.block.s1 { margin-bottom: 120px; }
.block.s2 { margin-bottom: 100px; }
@media screen and (max-width: 767px) {
	.block.s1 { margin-bottom: 80px; }
	.block.s2 { margin-bottom: 60px; }
}


/* inblock */
.inblock {  }
@media screen and (max-width: 767px) {
	.inblock { }
}


/* bgbox */
/*
.bgbox { background: #f7f7f7; padding: 40px 60px; }
.bgbox.white { background: #fff; }
.bgbox.min { padding: 40px; }
.bgbox.wide { padding: 60px; }
@media screen and (max-width: 767px) { 
	.bgbox, .bgbox.wide { padding: 60px; }
}
@media screen and (max-width: 639px) { 
	.bgbox, .bgbox.wide { padding: 40px 8%; }
}
*/


/* borderbox */
/*
.borderbox { border: 1px solid #00af84; padding: 40px 60px; box-sizing: border-box; }
.borderbox.black { background: #333; }
.borderbox.min { padding: 40px; }
.borderbox.wide { padding: 60px; }
@media screen and (max-width: 767px) { 
	.borderbox, .borderbox.wide { padding: 60px; }
}
@media screen and (max-width: 639px) { 
	.borderbox { padding: 8%; }
}
*/


.iframe { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
.iframe iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.coverimg { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }








/*//////////////////


Text


//////////////////*/

.mincho { font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.tategaki { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; text-align: left; }
.yugo { font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
.heebo { font-family: 'Heebo', sans-serif; letter-spacing: 0.08em; font-weight: 400; }
.heebo.bold { font-weight: 500!important; }
/* .sawarabi { font-family: 'Sawarabi Gothic', sans-serif; letter-spacing: 0.16em; } */
.noto { font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.16em; }

/* txt */
.txtmsg { line-height: 2.4; }
.txten { line-height: 1.3; font-family: 'Heebo', sans-serif; letter-spacing: 0.08em; font-weight: 400; } 
.txten.s1 { font-size: 1.8rem; } 
.txten.s2 { font-size: 1.5rem; } 
.txten.s3 { font-size: 1.2rem; letter-spacing: 0.12em; } 
.txtsmall { font-size: 1.4rem; }
.txtbig { }
.txtbig.s1 { font-size: 2.4rem; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.2em; line-height: 2; }
.txtbig.s1.lh { line-height: 2.3; }
.txtbig.s2 { font-size: 2.0rem; font-family: 'Noto Sans JP', sans-serif; line-height: 2; }
.txtbig.s3 { font-size: 1.8rem; }
@media screen and (max-width: 767px) { 
	.txten.s1 { font-size: 1.6rem; } 
	.txten.s2 { font-size: 1.3rem; } 
	.txten.s3 { font-size: 1.0rem; } 
	.txtsmall { font-size: 1.3rem; }
	.txtbig { }
	.txtbig.s1 { font-size: 2rem; }
	.txtbig.s1.lh { line-height: 2.3; }
	.txtbig.s2 { font-size: 1.8rem; font-family: 'Noto Sans JP', sans-serif; line-height: 2; }
	.txtbig.s3 { font-size: 1.6rem; }
}

.txtgreen { color: #00af84; }
.txtblack { color: #333; }
.txtwhite { color: #fff; }
.txtred { color: #CD0113; }

.bggreen { background: #00af84; }
.bgblack { background: #333; }
.bgwhite { background: #fff; }
.bggrey { background: #f7f7f7; }
.bgred { background: #CD0113; }

.bordergreen { border: 1px solid #00af84; }
.borderblack { border: 1px solid #333; }
.borderwhite { border: 1px solid #fff; }
.borderred { border: 1px solid #CD0113; }

.markergreen { background: linear-gradient(transparent 60%, #06318F 0%); }
.markergrey { background: linear-gradient(transparent 60%, #f7f7f7 0%); }
.markerred { background: linear-gradient(transparent 60%, #CD0113 0%); }
.markeryellow { background: linear-gradient(transparent 60%, #ffff00 0%); }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
blockquote{ border-left: 4px solid #ccc; padding-left: 10px; font-style: italic; color: #aaa; }
blockquote p { font-style: italic; }

p.indent,
ul.indent li,
ol.indent li { padding-left: 1em!important; text-indent: -1em; }

p.caution,
ul.caution li { padding-left: 1em!important; text-indent: -1em; }
p.caution:before,
ul.caution li:before { content:"※"!important; }

ul.none li,
.editbody ul.none li { padding-left: 0!important; text-indent: 0!important; }
ul.none li:before { content: ""!important; }

ul.inbrock li { display: inline-block; margin-right: 1em; }
ul.inbrock li:last-child { margin-right: 0; }
@media screen and (max-width: 639px){
	ul.inbrock li { display: block; }
}

ul.dotlist li { padding-left: 1em!important; text-indent: -1em; }
ul.dotlist li:before { content:"●"!important; color: #00af84; font-size: 0.7em; margin-right: 0.3em; }











/*//////////////////


Btn /Link


//////////////////*/

/* init */
a { transition: 0.6s; color: #333; text-decoration: none; }
a:hover {  }
.btn.base { transition: 0.6s; font-family: 'Heebo', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.2; position: relative; display: block; text-align: left; padding: 0 30px 10px; }
.btn.base span { text-align: center; letter-spacing: 0.12em; }
.btn.base.big { font-size: 2.8rem; }
.btn.base.big span { font-weight: 500; letter-spacing: 0.08em; }
.btn.base img { margin-left: 8px; font-size: 0; }
.btn.base img.blank { width: 11px; height: 11px; }
.btn.base img.post { width: 11px; height: 11px; }
.btn.base:after { content: ""; height: 1px; width: 100%; display: inline-block; background: #333; position: absolute; bottom: 0; left: 0; transition: 0.3s; }
.btn.base:hover:after  { width: calc(100% - 60px); left: 30px; bottom: 3px; }
a.opacity:hover, a.opacity:active { opacity: 0.7; color: #333; }
@media screen and (max-width: 767px) {
	a { transition: none; }
	.btn.base { font-size: 1.4rem; line-height: 1.2; position: relative; display: block; text-align: left; padding: 0 20px 10px; }
	.btn.base.big { font-size: 2rem; }
	.btn.base:hover:after  { width: 100%; left: 0; bottom: 0; }
	a.opacity:hover, a.opacity:active { opacity: 1; }
}
@media screen and (max-width: 500px) {
	.btn.base { display: inline-block; }
}


/* btnbox */
.btnbox { text-align: center; width: 100%; margin-top: 40px; }
.btnbox.wide { margin-top: 70px; }
.btnbox ul { margin-left: -20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: -10px; }
.btnbox ul>li { margin-left: 20px; margin-top: 10px; }
@media screen and (max-width: 500px) {
	.btnbox { margin-top: 30px; }
	.btnbox.wide {margin-top: 45px; }
	.btnbox ul { margin-left: 0; display: block; margin-top: 0;}
	.btnbox ul>li { margin-left: 0; margin-bottom: 20px; }
	.btnbox ul>li:last-child { margin-bottom: 0px; }
}

/* linktxt */
a.linktxt { text-decoration: underline; font-size: 1.8rem; }
a.linktxt:visited{ color: inherit; }
a.linktxt:hover{ color: #666; }
@media screen and (max-width: 767px) {
	a { transition: none; }
	a.linktxt { font-size: 1.5rem; }
}










/*//////////////////


Table


//////////////////*/

/* reset */
table { border-collapse: collapse; border-spacing:0; text-align: left; font-style:normal; font-weight:normal; width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; word-break: break-all; }
table th { font-weight: bold }
table.base, table.type1 { width: 100%; }

/* common */
table.base th, table.base td,
table.type1 th, table.type1 td { padding: 30px 2%; line-height: 1.6; border: 1px solid #333; }

/* base */
table.base { }

/* type1 */
table.type1 { }










/*//////////////////


Animation


//////////////////*/

/* animation: fadeIn 0.6s ease 1s 1 normal; */
@keyframes fadein { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fadeout { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}










/*//////////////////


Svg


//////////////////*/

/* insta */
.instaicon { fill:#333; transition: 0.6s; }
a:hover .instaicon { fill:#00af84; }










/*//////////////////


Title/Copy


//////////////////*/

/* pagetitle */
.pagetitle { text-align: center; }
.pagetitle .en { font-family: 'Heebo', sans-serif;  font-weight: 500; font-size: 4.2rem; letter-spacing: 0.08em; line-height: 1.3; margin-bottom: 5px; }
.pagetitle .title { line-height: 1.8; font-size: 1.6rem; }
@media screen and (max-width: 1100px) { 
	.pagetitle .en { font-size: 3.8rem; }
}
@media screen and (max-width: 767px) { 
	.pagetitle { font-size: 1.6rem; }
	.pagetitle .en { font-size: 2.8rem; margin-bottom: 10px;}
	.pagetitle .title { font-size: 1.4rem; }
}


/* sectitle */
.sectitle { line-height: 1.3; font-family: 'Heebo', sans-serif; font-weight: 400; letter-spacing: 0.08em; margin-bottom: 70px; font-size: 1.8rem;}
@media screen and (max-width: 767px) { 
	.sectitle { margin-bottom: 50px; }
}

/* blocktitle */
.blocktitle { line-height: 1.3; font-family: 'Heebo', sans-serif; font-weight: 400; letter-spacing: 0.08em; margin-bottom: 50px; font-size: 1.8rem; position: relative; padding-left: 30px; }
.blocktitle:before { content: ""; height: 1px; font-size: 0rem; width: 20px; background: #333; left: 0; top: 50%; position: absolute; }
@media screen and (max-width: 767px) { 
	.blocktitle { margin-bottom: 30px; padding-left: 28px; font-size: 1.6rem; }
}


/* copy */
.copy { letter-spacing: 0.24em; font-feature-settings : "palt"; letter-spacing: 0.2em; line-height: 2; text-align: left; }
.copy.s1 { font-size: 2.4rem; margin-bottom: 45px; line-height: 2; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.25em; }
.copy.s1.min { margin-bottom: 30px; }
.copy.s1.lh { line-height: 2.3; }
.copy.s2 { font-size: 2.0rem; line-height: 2; font-family: 'Noto Sans JP', sans-serif; margin-bottom: 35px; }
.copy.s2.min { margin-bottom: 25px; }
.copy.s3 { font-size: 1.8rem; margin-bottom: 30px; }
@media screen and (max-width: 767px) { 
	.copy {  }
	.copy.s1 { font-size: 1.8rem; margin-bottom: 30px; }
	.copy.s2 { font-size: 1.6rem; margin-bottom: 20px; }
	.copy.s2.min { margin-bottom: 20px; }
	.copy.s3 { font-size: 1.6rem; margin-bottom: 20px; }
}


/* title */
.title.s1 { }
@media screen and (max-width: 767px) { 
	.title.s1 {  }
}








/*//////////////////


#Form


//////////////////*/

/* input */
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"],
form textarea { border: 1px solid #333; background: #fff!important; line-height: 2; padding: 18px 15px; font-size: 100%; height: 60px; width: 100%; transition: 0.6s; letter-spacing: 1.6; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
form textarea { height: 300px; width: 100%; resize: vertical; display: block; }
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form textarea:focus { background: #eee!important; }
form input[type="text"]:read-only,
form input[type="tel"]:read-only,
form input[type="email"]:read-only,
form input[type="password"]:read-only,
form textarea:read-only { background: #eee!important; }
@media screen and (max-width: 767px) {
	form input[type="text"],
	form input[type="tel"],
	form input[type="email"],
	form input[type="password"] { padding: 18px 12px; height: 60px; }
}

/* other */
input::placeholder, textarea::placeholder { color: #ccc!important; }
p.ermsg { color: #f90307; line-height: 1.8; margin-top:10px; }
p.ermsg + p.ermsg { margin-top:0; }
.required { display: inline-block; background: #333; color: #fff; line-height: 1; padding: 5px 8px; font-size: 1.4rem; margin-left: 10px; letter-spacing: 0; }
ul.list.error { margin-bottom: 60px; }
ul.list.error li { margin-bottom: 5px; color: #f90307;}
@media screen and (max-width: 767px) {
}

/* size */
form .short { width: 300px!important;}
form .middle { width: 500px!important;}
@media screen and (max-width: 767px) {
	form .short { width: 100%!important;}
	form .middle { width: 100%!important;}
}

/* file */
form input[type="file"] { padding: 3px 5px; font-size: 100%; height: 30px; }
form input[type="file"]:read-only { background: #eee; }

/* checkbox */
form input[type="checkbox"] { width: 16px; height: 16px; border:1px solid #333; background-color: #fff!important; cursor: pointer; background-size: 16px 16px!important; font-size: 0; transition: 0.6s; margin-right: 5px; vertical-align: -2px; }
form input[type="checkbox"].checked,
form input[type="checkbox"]:checked { background-color: #333!important; border:1px solid #333; }
form input[type="checkbox"].checked:before,
form input[type="checkbox"]:checked:before,
form input[type="checkbox"].checked:after,
form input[type="checkbox"]:checked:after { content:none!important; }

/* radio */
form input[type="radio"] { width: 18px; height: 18px; border-radius: 50%; border:1px solid #333; background-color: #fff!important; cursor: pointer; background-size: 18px 18px!important; font-size: 0; transition: 0.6s; margin-right: 5px; vertical-align: -3px; }
form input[type="radio"].checked,
form input[type="radio"]:checked { background-color: #333!important; border: 1px solid #333; }
form input[type="radio"].checked:before,
form input[type="radio"]:checked:before,
form input[type="radio"].checked:after,
form input[type="radio"]:checked:after { content:none!important; }

/* date */
input[type="date"]:focus { outline: 0; }
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button{ -webkit-appearance: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; height: 60px; width: 60px; right: 0; cursor: pointer; }
input[type="date"] { position: relative; width: 210px; height: 60px; border: 0; background: transparent; box-sizing: border-box; font-size: 1.5rem; color: #333; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; letter-spacing: 0.1em; padding-left: 10px; }

/* daybox */
form .daybox label { position: relative; display: inline-block; width: 210px; height: 60px; border: 1px solid #333; color: #333; margin-left: 15px; }
form .daybox label::before { content: ""; background: #ccc; width: 60px; height: 60px; top: 0; right: 0; position: absolute; z-index: -1; border-left: 1px solid #333; }
form .daybox label::after { position: absolute; content: url("../img/contact/calender.svg"); width: 20px; height: 20px; top: 16px; right: 19px; z-index: -1; }
@media screen and (max-width: 900px) { 
	form .daybox label { margin-left: 0; margin-top: 5px; }	
}

/* selectbox */
form .selectbox { height: 60px; width: 380px; position: relative; z-index: 1; border: 1px solid #333; }
form .selectbox::before { content: ""; background: #ccc; width: 60px; height: 60px; top: 0; right: 0; position: absolute; z-index: -1; border-left: 1px solid #333; }
form .selectbox::after { position: absolute; content: ''; width: 8px; height: 8px; right: 25px; top: 50%; transform: translateY(-50%) rotate(45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; z-index: -1; }
form .selectbox select { font-size: 1.5rem; width: 100%; height: 100%; padding: 0 15px; position: relative; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; letter-spacing: 0.1em; }
@media screen and (max-width: 500px) { 
	form .selectbox { width: 100%; }
}

/* timebox */
form .selectbox.time { width: 210px; margin-left: 20px; }
@media screen and (max-width: 900px) { 
	form .selectbox.time { margin-left: 0; margin-top: 10px; }	
}
@media screen and (max-width: 767px) {
	form select{ height: 60px; padding-left: 0; padding-right: 15px; }
}

/* layout */
form ul.formlist>li { margin-bottom: 30px; }
form ul.formlist>li dl { display: flex; justify-content: space-between; align-items: baseline; }
form ul.formlist>li dt { width: 260px; text-align: left;  }
form ul.formlist>li dd { flex: 1; }
form ul.formlist>li dd li.row { display: flex; flex-direction: row; align-items: center; margin: 10px 0; }
form ul.formlist>li dd li.row .daybox { display: flex; align-items: center; }
form ul.formlist>li.radio,
form ul.formlist>li.check { padding: 20px 0;}
form ul.formlist>li.mail dd input:first-child {margin-bottom: 10px; }

form ul.formlist>li dd ul.rowlist { text-align: left; }
form ul.formlist>li dd ul.rowlist>li { display: inline-block; margin-right: 20px; }
form .privacycheck { padding: 40px 0; text-align: center; }
form .privacycheck a { text-decoration: underline; }
form .privacycheck a:hover { text-decoration: none; }
@media screen and (max-width: 900px) { 
	form ul.formlist>li dd li.row { flex-direction: column; align-items: flex-start; margin: 0 0 10px;}
	form ul.formlist>li dd li.row .daybox { display: block; }
}
@media screen and (max-width: 767px) { 
	form ul.formlist>li { margin-bottom: 30px; }
	form ul.formlist>li dl{ flex-direction: column }
	form ul.formlist>li dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 15px; }
	form ul.formlist>li dt br{ display: none; }
	form ul.formlist>li dd{ width: 100%; }
	form ul.formlist>li.radio,
	form ul.formlist>li.check { padding: 15px 0;}
}








/*//////////////////


Site Common


//////////////////*/

/* pager */
.pager { width: 100%; position: relative; text-align: center; }
.pager a.back { display: inline-block; margin: 0 auto; }
.pager a.prev,
.pager a.next { left:0; position: absolute; top:5px; }
.pager a.next { left:auto; right:0; }
@media screen and (max-width: 1100px) {
	.pager { margin-bottom: 100px;}
}
@media screen and (max-width: 767px) {
	.pager { text-align: center; }
	.pager a.back {  }
	.pager a.prev,
	.pager a.next { display: inline-block; top:80px; margin: 0 10px; }
}

/* pager page-numbers */
.pager ul.page-numbers { text-align : center; }
.pager ul.page-numbers li { display : inline-block; }
.pager ul.page-numbers li span,
.pager ul.page-numbers li a { transition: 0.6s; font-family: 'Heebo', sans-serif; font-weight: 400; letter-spacing: 0; font-size: 1.5rem; line-height: 1.2; position: relative; display: block; text-align: left; padding: 0 10px 10px; cursor: pointer; }
.pager ul.page-numbers li span:after,
.pager ul.page-numbers li a:after { content: ""; height: 1px; width: 100%; display: inline-block; background: #fff; position: absolute; bottom: 0; left: 0; transition: 0.3s; }
.pager ul.page-numbers li span.current:after { background: #333; }
.pager ul.page-numbers li span:hover:after,
.pager ul.page-numbers li a:hover:after { width: calc(100% - 20px); left: 10px; bottom: 3px; background: #333; }
.pager ul.page-numbers li span.dots { cursor:default; }
.pager ul.page-numbers li span.dots:after { display: none; }
@media screen and (max-width: 767px) {
	.pager ul.page-numbers li span,
	.pager ul.page-numbers li a{ font-size: 1.4rem; line-height: 1.2; position: relative; display: block; text-align: left; }
}
@media screen and (max-width: 500px) {
}

/* bnr.katarine */
.bnr.katarine.s1 { margin: 0 auto; width: 800px; height: 280px; }
.bnr.katarine.s1 a { width: 100%; height: 100%; display: flex; justify-content: space-between; position: relative;  }
.bnr.katarine.s1 .imgbox { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.bnr.katarine.s1 .imgbox .tategaki { font-size: 1.8rem; line-height: 2.8; letter-spacing: 0.12em; color: #fff; text-shadow: 0px 0px 11px rgba(0,0,0,0.2); position: relative; font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.bnr.katarine.s1 .imgbox .tategaki span { margin-top: -10px; }
.bnr.katarine.s1 .imgbox img { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; z-index: -1; transition: 0.6s; }
.bnr.katarine.s1 a:hover .imgbox img { transform: scale(1.1); }
.bnr.katarine.s1 .greenbox { width: 50%; background: #333; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;  transition: 0.6s;}
.bnr.katarine.s1 a:hover .greenbox { background: #00af84; }
.bnr.katarine.s1 .greenbox .logo { width: 160px; margin: 0 auto 20px; }
.bnr.katarine.s2 .greenbox .heebo { font-size: 1.3rem; }
.bnr.katarine.s1 .greenbox:after { content: ""; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto 0; width: 12px; height: 12px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: 0.6s; z-index: 12; }
@media screen and (max-width: 1100px) {
	.bnr.katarine.s1 { margin: 0 auto; width: 100%; max-width: 800px; }
}
@media screen and (max-width: 767px) {
	.bnr.katarine.s1 { margin: 0 auto; width: 100%; height: auto; }
	.bnr.katarine.s1 a { display: block; }
	.bnr.katarine.s1 .imgbox { width: 100%; padding: calc(20px + 5vw) 0; }
	.bnr.katarine.s1 a:hover .imgbox img { transform: scale(1); }
	.bnr.katarine.s1 .greenbox { display: block; width: 100%; padding: calc(15px + 5vw) 0;}
	.bnr.katarine.s1 a:hover .greenbox { background: #00af84; }
	.bnr.katarine.s1 .greenbox .logo { width: 140px; margin: 0 auto 10px; }
	.bnr.katarine.s1 .greenbox .heebo { font-size: 1.2rem; }
}

/* bnr.katarine */
.bnr.katarine.s2 { overflow: hidden; }
.bnr.katarine.s2 a { width: 100%; }
.bnr.katarine.s2 .imgbox { width: 100%; height: 280px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.bnr.katarine.s2 .imgbox .tategaki { font-size: 1.8rem; line-height: 2.8; letter-spacing: 0.12em; color: #fff; text-shadow: 0px 0px 11px rgba(0,0,0,0.2); position: relative; font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.bnr.katarine.s2 .imgbox .tategaki span { margin-top: -10px; }
.bnr.katarine.s2 .imgbox img { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; z-index: -1; transition: 0.6s; }
.bnr.katarine.s2 a:hover .imgbox img { transform: scale(1.1); }
.bnr.katarine.s2 .greenbox { width: 100%; background: #333; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;  transition: 0.6s; height: 160px; position: relative; }
.bnr.katarine.s2 a:hover .greenbox { background: #00af84; }
.bnr.katarine.s2 .greenbox .logo { width: 160px; margin: 0 auto 20px; }
.bnr.katarine.s2 .greenbox .heebo { font-size: 1.3rem; }
.bnr.katarine.s2 .greenbox:after { content: ""; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto 0; width: 12px; height: 12px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: 0.6s; z-index: 12; }
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
	.bnr.katarine.s2 .imgbox { padding: calc(20px + 5vw) 0; height: auto; }
	.bnr.katarine.s2 a:hover .imgbox img { transform: scale(1); }
	.bnr.katarine.s2 .greenbox { padding: calc(15px + 5vw) 0; height: auto; }
	.bnr.katarine.s2 a:hover .greenbox { background: #00af84; }
	.bnr.katarine.s2 .greenbox .logo { width: 140px; margin: 0 auto 10px; }
	.bnr.katarine.s2 .greenbox .heebo { font-size: 1.2rem; }
}



/* ul.list.works */
.list.works { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -4%; margin-top: -40px; }
.list.works li { margin-left: 4%; box-sizing: border-box; margin-top: 40px; }
.list.works li .imgbox { position: relative; overflow: hidden; }
.list.works li .imgbox>img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; }
.list.works li a:hover .imgbox>img { transform: scale(1.1); }
.list.works li .imgbox .awardbox { position: absolute; top: 0; right: 15px; font-size: 0; display: flex; }
.list.works li .imgbox .awardbox img { width: 42px; height: 60px; margin-left: 5px; }
.list.works li .txtbox { margin-top: 20px; text-align: left;}
.list.works li .txtbox .txten.s1 { margin-bottom: 7px; }
.list.works li .txtbox .txten.s3 { margin-bottom: 8px; }
.list.works li._3 { width: 29.33%; }
.list.works li._3 .imgbox { height: 260px; }
.list.works li._2 { width: 46%; }
.list.works li._2 .imgbox { height: 420px; }
.list.works li._2.wide { width: 62.67%; }
.list.works li._2.min { width: 29.33%; }
.list.works li._2.min .imgbox,
.list.works li._2.wide .imgbox { height: 560px; }
@media screen and (max-width: 1100px) { 
	.list.works li._3 .imgbox { height: calc(120px + 10vw); }
	.list.works li._2 .imgbox { height: calc(150px + 15vw); }
	.list.works li._2.min .imgbox,
	.list.works li._2.wide .imgbox { height: calc(200px + 20vw); }
}
@media screen and (max-width: 767px) { 
	.list.works li { width: 100%!important; }
	.list.works li .imgbox { height: calc(100px + 40vw)!important; }
	.list.works li.min .imgbox { height: calc(150px + 100vw)!important; }
	.list.works li .imgbox .awardbox { right: 10px; }
	.list.works li .imgbox .awardbox img { width: 35px; height: 50px; }
}



/* ul.list.news */
ul.list.news {  }
ul.list.news li { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; }
ul.list.news li a { text-decoration: none; }
ul.list.news li .title { margin-right: 1em; }
ul.list.news li .spec { font-size: 1.4rem; color: #ccc; display: flex; align-items: center;}
ul.list.news li .spec .date { margin-right: 1em; }
ul.list.news li a:hover .title { text-decoration: underline; }
@media screen and (max-width: 767px) {
	ul.list.news li .spec { font-size: 1.3rem; }
}
@media screen and (max-width: 500px) {
}


/* ul.list.blog */
ul.list.blog { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
ul.list.blog li { margin-bottom: 40px; width: 30%; }
ul.list.blog li a { display: flex; justify-content: flex-start; align-items: center; }
ul.list.blog li .imgbox { width: 100px; height: 100px; margin-right: 30px; overflow: hidden; }
ul.list.blog li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; }
ul.list.blog li a:hover .imgbox img { transform: scale(1.05); }
ul.list.blog li .titlebox { flex: 1; }
ul.list.blog li .titlebox .date { font-size: 1.4rem; color: #ccc;  }
ul.list.blog li a:hover .title { text-decoration: underline; }
@media screen and (max-width: 1100px) {
	ul.list.blog li { width: 46%; }
}
@media screen and (max-width: 767px) {
	ul.list.blog { display: block; }
	ul.list.blog li { width: 100%; margin-bottom: 30px; }
	ul.list.blog li .titlebox .date { font-size: 1.3rem;} 
}
@media screen and (max-width: 500px) {
	ul.list.blog li .imgbox { margin-right: 20px; }
}


/* ul.box.s1 */
.box.s1 {  }
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


/* .inblock.s1 */
.inblock.s1 {  }
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


/* .box.category */
.box.category { font-size: 2.8rem; text-align: center; font-weight: bold; line-height: 1.6; }
.box.category .list>li { display: inline-block; }
.box.category .list>li a { padding: 0 20px; position: relative; font-weight: 500; letter-spacing: 0.08em; font-family: 'Heebo', sans-serif; line-height: 2; border-bottom: 1px solid #fff; }
.box.category .list>li.current a,
.box.category .list>li a:hover { border-bottom: 1px solid #333; }
.box.category .list>li.current a:before { content: ""; background-image: url(../img/works/index/arr1.svg); width: 12px; height: 6px; position: absolute; bottom: -6px; right: calc(50% - 5px); }
@media screen and (max-width: 1100px){
	.box.category .list>li a { padding: 0 15px; }
} 
@media screen and (max-width: 767px) {
	.box.category { font-size: 2rem; }
	.box.category .list>li { margin-bottom: 10px; }
	.box.category .list>li a { padding: 0 10px; }
	.box.category .list>li a:hover { border-bottom: none;}
}

.box-1 { display: flex; justify-content: space-between; align-items: center; } 
.box-1 .imgbox { width: 470px; margin-right: 70px; height: 580px; }
.box-1 .imgbox>img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
.box-1 .txtbox { flex: 1; }
@media screen and (max-width: 1100px) { 
	.box-1 { align-items: normal; }
	.box-1 .imgbox { display: flex; height: auto; width: calc(100px + 30vw); margin-right: 50px; }
	.box-1 .imgbox img { height: auto; }
	.box-1 .txtbox { padding: 40px 0;}
	.box-1 .txtbox .copy.s1 { text-align: justify; }
	.box-1 .txtbox .copy.s1 br { display: none; }
}
@media screen and (max-width: 767px) { 
	.box-1 { display: block; } 
	.box-1 .imgbox  { display: block; width: 100%; margin: 0; height: calc(100px + 40vw); margin-bottom: 40px; } 
	.box-1 .imgbox img { height: 100%; }
	.box-1 .txtbox { flex: none; padding: 0; }
}


.box-2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.box-2 .imgbox { width: 470px; margin-left: 70px; height: 320px; }
.box-2 .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
.box-2 .txtbox { flex: 1; }
.box-2.odd { flex-direction: row-reverse; }
.box-2.odd .imgbox { margin-right: 70px; margin-left: 0; }
@media screen and (max-width: 1280px) {
	.box-2 { align-items: normal; }
	.box-2 .imgbox { display: flex; height: auto; width: calc(100px + 30vw); margin-left: 50px; }
	.box-2 .imgbox img { height: auto; }
	.box-2.odd .imgbox { margin-right: 50px; }
	.box-2 .txtbox { padding: 40px 0;}
}
@media screen and (max-width: 767px) { 
	.box-2 { display: block; } 
	.box-2 .imgbox  { display: block; width: 100%; margin: 0!important; height: calc(100px + 40vw); margin-top: 40px!important; } 
	.box-2 .imgbox img { height: 100%; }
	.box-2 .txtbox { flex: none; padding: 0; }
}







/*//////////////////


IE


//////////////////*/

#iealertbox { position : fixed; top : 0; right : 0; height : 100%; width : 100%; background-color : #333; z-index : 100000; display : none; justify-content : center; align-items : center; pointer-events : none; }
#iealertbox.is-ie { display : flex; pointer-events : auto; }
#iealertbox .inbox { text-align : center; margin : 10%; color : #ffffff; }
#iealertbox .inbox .copy { color : #ffffff; }
#iealertbox .inbox .txt { margin-bottom : 20px; }
#iealertbox .inbox .browser { text-align : center; display : flex; justify-content : center; }
#iealertbox .inbox .browser li { margin : 20px; }
#iealertbox .inbox .browser li a { width : 280px; border : 2px solid #ffffff; padding : 40px; display : block; border-radius : 10px; box-sizing : border-box; text-decoration : none; color : #ffffff; }
#iealertbox .inbox .browser li a:hover { background-color : #f7f7f7; }
#iealertbox .inbox .browser li a img { width : 120px; }
#iealertbox .inbox .browser li a .txt1 { margin-top : 20px; line-height : 1.8; }
@media screen and (max-width: 767px) {
	#iealertbox .inbox .txt { text-align : justify; }
	#iealertbox .inbox .txt br { display : none; }
	#iealertbox .inbox .browser { display : block; }
	#iealertbox .inbox .browser li { margin : 0; margin-bottom : 20px; }
	#iealertbox .inbox .browser li a { width : 100%; padding : 30px 8%; }
	#iealertbox .inbox .browser li a img { width : 80px; }
}










/*//////////////////


WP


//////////////////*/

/*.editbody { max-width: 880px; margin: 0 auto; }*/
.editbody:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.editbody div:not(.section):not(.block),
.editbody p,
.editbody h2,
.editbody h3,
.editbody h4,
.editbody ul, .editbody ol, .editbody img, .editbody table { margin-bottom: 40px; }
.editbody p:last-child, .editbody div:last-child, .editbody ul:last-child, .editbody ol:last-child, .editbody img:last-child, .editbody table:last-child { margin-bottom: 0px; } 
.editbody *>*:last-child { margin-bottom: 0px; } 

.editbody img{ max-width: 100% }
.editbody .wp-caption{ width: 100%!important }

/* デフォルト処理 */
.editbody ul li { padding-left: 1em!important; text-indent: -1em; }
.editbody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
.editbody ul li:before { content: "・"; }
.editbody ol li:before { content: counter(number) "．"; }

.editbody div.clearfix { margin-bottom: 0; }
.editbody div > *:last-child,
.editbody ul > *:last-child,
.editbody li > *:last-child,
.editbody p > *:last-child ,
.editbody dt > *:last-child,
.editbody dd > *:last-child,
.editbody ol > *:last-child { margin-bottom: 0px; }
.editbody div div:not(.section):not(.block):last-child { margin-bottom: 0; }

/* 画像ブロック */
img.alignnone { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin-right: 5%; float: left; }
img.alignright { margin-left: 5%; float: right; }
@media screen and (max-width: 767px) { 
	.editbody div:not(.section):not(.block),
	.editbody p,
	.editbody h2,
	.editbody h3,
	.editbody h4,
	.editbody ul, .editbody ol, .editbody img, .editbody table { margin-bottom: 40px; }
	img.alignnone,
	img.aligncenter,
	img.alignleft,
	img.alignright { float: none; width: 100%!important; margin-left: 0; margin-right: 0; }
}


/* iframe動画 100%表示　*/
.wpvideo,
.wpview.wpview-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden;  max-width: 100%; height: auto; }
.wpvideo iframe,
.wpvideo object,
.wpvideo embed,
.wpview.wpview-wrap iframe,
.wpview.wpview-wrap object,
.wpview.wpview-wrap embed { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }


/* メディアのgallery */
.editbody .gallery .gallery-item { margin-top:0!important; }
.editbody .gallery .gallery-item img { border: none!important; }
@media screen and (max-width: 500px) { 
    .editbody .gallery .gallery-item { width: 100%!important; }
	.editbody .gallery .gallery-item img { border: none!important; }
}