@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
a,
a:link {
	color: #231815;
	text-decoration: none;
    transition: all ease 0.3s;
}
a:visited {
	color: #231815;
}
a:hover {
	color: #231815;
}
a:active {
	color: #231815;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1200px;
	color: #231815;
	font-size: 1.4rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
#container {
	text-align: left;
}
#main {
    padding: 82px 0 10px;
    overflow: hidden;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: 320px;
	}
    body.fixed {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
    a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
    #main {
        padding: 84px 0 2px;
        overflow: hidden;
    }
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
	background: #fff;
    border-bottom: 1px solid rgba(35, 24, 21, 0.25);
}
.hBox {
    /*max-width: 1200px;*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#gHeader h1 {
    padding: 0 0 0 19px;
}
#gHeader .hInner {
    width: 73%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: flex-end;
}
#gHeader .link {
    margin: 0 0 -1px 26px;
    width: 139px;
    margin-bottom: -1px;
}
#gHeader .link a {
    padding: 29px 10px 32px;
    display: block;
    color: #fff;
    letter-spacing: 1.4px;
    text-align: center;
    background-color: #231815;
}
#gHeader .link a:hover {
    opacity: 0.7;
}
#gHeader .menu {
    padding-top: 23px;
    top: 29px;
    right: 17px;
    position: absolute;
    height: 20px;
    width: 36px;
    cursor: pointer;
    z-index: 100;
    font-size: 1.2rem;
    transition: opacity .25s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#gHeader .menu.on .top {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    -ms-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg);
}
#gHeader .menu.on .middle {
    opacity: 0;
}
#gHeader .menu.on .bottom {
    -webkit-transform: translateY(-3px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-3px) translateX(0) rotate(-45deg);
    transform: translateY(-3px) translateX(0) rotate(-45deg);
}
#gHeader .menu span {
    background: #000;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
#gHeader .menu span:nth-of-type(2) {
    display: none;
}
#gHeader .menu span:nth-of-type(3) {
    top: 10px;
}
.menuBox {
    display: none;
}
@media all and (min-width: 897px) {
    .menuBox {
        display: none !important;
    }
}
@media all and (max-width: 896px) {
	#gHeader {
        min-height: 84px;
        padding: 19px 10px 17px;
        border: none;
        box-sizing: border-box;
	}
    #gHeader h1 {
        padding: 0;
    }
    #gHeader .hInner {
        display: none;
    }
    .menuBox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 888;
        background-color: #000;
    }
    .menuBox > ul {
        padding: 84px 0;
    }
    .menuBox a {
        position: relative;
        display: block;
        font-size: 1.6rem;
        color: #fff;
        padding: 10px 15px;
        border-bottom: 1px solid #fff;
    }
    .menuBox a:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 8%;
        width: 8px;
        height: 8px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(-45deg)translateX(50%);
    }
    .menuBox > ul li ul a {
        padding-left: 40px;
    }
}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
    padding-top: 7px;
}
#gNavi > ul {
    display: flex;
    flex-wrap: wrap;
}
#gNavi > ul > li {
    margin-left: 16px;
    font-size: 1.3rem;
    letter-spacing : 0.26px;
    position: relative;
    text-align: center;
}
#gNavi > ul > li a {
    padding: 0 5px 6px;
    display: inline-block;
    border-bottom: 2px solid #fff;
}
#gNavi > ul > li:first-child {
    margin-left: 0;
}
#gNavi .naviBox {
    display: none;
    position: absolute;
    top: 27px;
    left: -50px;
    width: 225px;
    z-index: 101;
}
#gNavi .naviBox ul {
    padding-top: 25px;
}
#gNavi .naviBox li {
    margin-bottom: 1px;
    width: 100%;
    background-color: #fff;
}
#gNavi .naviBox a {
    padding: 5px;
    min-height: 76px;
    line-height: 23px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #5F5F5F;
}
#gNavi .naviBox a:after {
    content: '';
    font-size: 0;
    min-height: inherit;
}
#gNavi .naviBox a:hover {
    opacity: 0.7;
}
#gNavi li a.on {
    border-color: #6C90A8;
}
@media all and (min-width: 897px) {
    #gNavi li a:hover {
        border-color: #6C90A8;
    }
}

@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
.pagePath {
    padding: 10px 0;
}
.pagePath li {
	display: inline;
	color: #000;
	font-size: 1.2rem;
}
.pagePath a {
    margin-right: 4px;
}
.pagePath a:hover {
    opacity: 0.7;
}
@media all and (max-width: 896px) {
    .pagePath {
        padding: 4px 0 8px;
        margin: 0 -4px;
        position: relative;
        z-index: 1;
    }
    .pagePath li {
        font-size: 1.1rem;
    }
    .pagePath02 li a,
    .pagePath02 li {
        color: #fff;
    }
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
}

#gFooter .fInner {
    margin: 0 auto;
    padding: 30px 0 13px;
    width: 875px;
    border-top: 1px solid #5F5F5F;
}
#gFooter .naviUl {
    margin-bottom: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
}
#gFooter .naviUl li {
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1;
    border-right: 1px solid #5F5F5F;
}
#gFooter .naviUl li:last-child {
    border-right: none;
}
#gFooter .naviUl li a {
    margin: 0 25px;
}
#gFooter .naviUl li a:hover {
    opacity: 0.7;
}
#gFooter .naviUl02 li a {
    margin: 0 15px;
}
#gFooter .fBox {
    padding: 38px 0 20px;
    text-align: center;
    background-color: #F1F4EE;
}
#gFooter .copyright {
    margin-top: 27px;
    font-size: 1rem;
}
.pageTop {
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 100;
    display: none;
}
@media all and (max-width: 896px) {
    #gFooter .fInner {
        padding: 16px 0 0;
        width: auto;
    }
    #gFooter .naviUl{
        margin-bottom: 29px;
    }
    #gFooter .naviUl li{
        font-size: 1.4rem;
    }
    #gFooter .naviUl li a{
        margin: 0 13px;
    }
    #gFooter .naviUl02 li a {
        margin: 0 20px;
    }
    #gFooter .fBox{
        padding: 14px 0 5px;
    }
    #gFooter .copyright {
        margin-top: 22px;
    }
    .pageTop {
        width: 36px;
    }
}


/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/* flex */
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
.mainBox {
    max-width: 1025px;
    margin: 0 auto;
    box-sizing: border-box;
}
@media all and (max-width: 896px) {
    .mainBox {
        margin: 0 20px;
    }
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 27px;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing : 1.3px;
}
.headLine01 span {
    margin-right: 30px;
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing : 5.94px;
}
@media all and (max-width: 896px) {
    .headLine01 {
        margin-bottom: 23px;
    }
    .headLine01 span {
        margin-right: 20px;
        font-size: 2.6rem;
    }
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
    margin-bottom: 21px;
    padding-bottom: 11px;
    font-size: 1.3rem;
    letter-spacing : 1.3px;
    position: relative;
    font-weight: normal;
}
.headLine02 span {
    display: block;
    font-weight: bold;
    font-size: 2.7rem;
    letter-spacing : 3.46px;
}
.headLine02:after {
	width: 24px;
	height: 1px;
    background-color: #221714;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

@media all and (max-width: 896px) {
    .headLine02 {
        margin-bottom: 17px;
        padding-bottom: 26px;
    }
    .headLine02 span {
        margin-bottom: 8px;
        font-size: 2.6rem;
        font-weight: bold;
        letter-spacing: 5.72px;
        line-height: 30.5px;
    }
    .headLine02::after {
        width: 12px;
    }
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
    padding-bottom: 23px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.headLine03:after {
    left: 50%;
    transform: translateX(-50%);
}
.headLine03 span {
    font-size: 2.7rem;
}
@media all and (max-width: 896px) {
    .headLine03 {
        margin-bottom: 27px;
        font-size: 1.2rem;
    }
    .headLine03 span {
        margin-bottom: 5px;
        font-size: 2.1rem;
        letter-spacing: 4.7px;
    }
    .headLine03::after {
        width: 16px;
    }
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
    margin-bottom: 9px;
    font-size: 1.3rem;
    text-align: right;
    font-weight: 300;
    letter-spacing : 1.3px;
}
.headLine04 span {
    margin-right: -10px;
    font-weight: 900;
    display: block;
    letter-spacing: 11.34px;
    font-size: 2.7rem;
}
@media all and (max-width: 896px) {
    .headLine04 {
        margin-bottom: 3px;
        text-align: left;
        font-size: 1.25rem;
        letter-spacing: 1.25px;
    }
    .headLine04 span {
        font-size: 2.45rem;
        letter-spacing: 7.5px;
        margin-right: 0;
    }

}


/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
.comInner {
    margin: 0 auto 171px;
    width: 960px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comInner .photoBox {
    margin: -42px -120px 0 0;
    width: 57.8%;
    order: 2;
}
.comInner .textBox {
    padding-top: 60px;
    margin-left: -2px;
    width: 44.3%;
}
.comInner .textBox p {
    margin-bottom: 34px;
    line-height: 34.75px;
    font-weight: normal;
    text-align: justify;
    text-justify: inter-ideograph;
}
.comInner .textBox p:last-child {
    margin-bottom: 0 !important;
}
.comInner .textBox .ttl {
    margin-bottom: 32px;
    padding-bottom: 29px;
    font-size: 2.6rem;
    line-height: 41.75px;
    letter-spacing : 4.16px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #221714;;
}
.comInner .textBox .ttl02 {
    font-size: 2rem;
    letter-spacing : 3.2px;
    font-weight: bold;
    margin: -8px 0 32px;
    text-align: left;
}

@media all and (max-width: 896px) {
    .comInner {
        margin: -32px 0 128px;
        display: block;
        width: auto;
    }
    .comInner .photoBox {
        margin: 0 -20px 0;
        width: auto;
    }
    .comInner .photoBox img {
        width: 100%;
    }
    .comInner .textBox {
        padding: 32px 0 0;
        margin: 0;
        width: auto;
    }
    .comInner .textBox .ttl {
        margin-bottom: 17px;
        padding-bottom: 22px;
        font-size: 2.1rem;
        letter-spacing: 2.8px;
        line-height: 33px;
    }
    .comInner .textBox p {
        line-height: 32.5px;
    }
    .comInner .textBox .ttl02 {
        letter-spacing: 0;
        margin-right: -10px;
    }
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
.comBox {
    width: 780px;
    margin: 0 auto;
}
.comBox .dlBox {
    margin: 0 auto 128px;
    width: 719px;
    padding: 35px 20px 17px 60px;
    box-sizing: border-box;
    background-color: #FCFCFB;
}
.comBox .dlBox dl {
    margin-bottom: 17px;
    display: flex;
    flex-wrap: wrap;
}
.comBox .dlBox dt {
    width: 60px;
    font-size: 2.6rem;
    line-height : 45.75px;
    letter-spacing : 1.56px;
    font-weight: bold;
}
.comBox .dlBox dd {
    width: calc(100% - 60px);
    padding: 4px 0 0 4px;
    font-size: 1.6rem;
    line-height : 45.75px;
    letter-spacing : 0.64px;
    box-sizing: border-box;
}
.comBox .comTtl {
    margin-bottom: 8px;
    text-align: center;
    border-bottom: 1px solid #181818;
}
.comBox .comTtl img {
    margin-bottom: -2px;
}
.comBox .cateTxt {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 2.4px;
}
.comBox .cateTxt02 {
    margin-bottom: 34px;
    text-align: center;
    line-height: 22.75px;
    font-weight: normal;
}
@media all and (max-width: 896px) {
    .comBox {
        width: auto;
    }
    .comBox .comTtl {
        margin: 0 -20px 8px;
        padding: 0 22px;
    }
    .comBox .comTtl img {
        margin-bottom: -1px;
    }
    .comBox .cateTxt {
        margin-bottom: 23px;
        font-size: 1.3rem;
        letter-spacing: 2px;
    }
    .comBox .cateTxt02 {
        margin: 0 -10px 27px;
        line-height: 30.5px;
    }
    .comBox .dlBox {
        width: auto;
        padding: 34px 10px 21px 10px;
        margin: 0 -13px 56px;
    }
    .comBox .dlBox dl {
        margin-bottom: 17px;
        align-items: center;
    }
    .comBox .dlBox dt {
        width: 45px;
        font-size: 2.3rem;
        line-height: 42px;
    }
    .comBox .dlBox dd {
        width: calc(100% - 45px);
        font-size: 1.5rem;
        line-height: 22px;
        letter-spacing: 0;
    }
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
    margin: 0 auto;
    width: 450px;
}
.comLink a {
    padding: 16px 25px 15px;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: 1.8px;
    box-sizing: border-box;
    border: 2px solid #D26059;
    background: #D26059 url("img/common/arrow02.png") no-repeat right 20px center;
    background-size: 41px auto;
}
.comLink02 a {
    background-color: #689E6C;
    border-color: #689E6C;
}
.comLink03 {
    width: 248px;
}
.comLink03 a {
    color: #231815;
    font-size: 1.3rem;
    border-width: 1px;
    border-color: #181818;
    background-color: #fff;
    background-image: url("img/common/arrow07.png");
    background-size: 29px 6px;
}
.whiteLink a {
    padding: 7px 35px 8px 25px;
    font-size: 1.3rem;
    color: #231815;
    letter-spacing: 0.78px;
    background-color: #fff;
    background-image: url("img/common/arrow07.png");
    background-size: 29px auto;
    background-position: right 12px center;
    border-width: 1px;
    border-color: #fff;
}
.comLink_online {
    margin: 15px auto 0;
    width: 450px;
}
@media all and (min-width: 897px) {
    .comLink a:hover {
        background-color: #fff;
        color: #D26059;
        background-image: url("img/common/arrow04.png");
    }
    .comLink02 a:hover {
        color: #689E6C;
        background-image: url("img/common/arrow05.png");
    }
    .comLink03 a:hover {
        background-color: #6C90A8;
        border-color: #6C90A8;
        color: #fff;
        background-image: url("img/common/arrow08.png");
    }
    .whiteLink a:hover {
        color: #fff;
        background-color: #689E6C;
        border-color: #689E6C;
        background-image: url("img/common/arrow08.png");
    }
    .whiteLink02 a:hover {
        background-color: #D26059;
        border-color: #D26059;
    }
	.comLink_online:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
    .comLink {
        width: auto;
        max-width: 350px;
    }
    .comLink a {
        padding: 21px 25px 19px;
        line-height: 25px;
        background-size: 30px auto;
        background-position: right 16px center;
    }
    .comLink03 a {
        padding: 15px 28px;
        background-position: right 25px center;
    }
    .whiteLink a {
        padding: 13px 25px 11px 0;
        font-size: 1.4rem;
        background-position: right 11px center;
    }
	.comLink_online {
		max-width: 350px;
	}
}


/*------------------------------------------------------------
	comLink04
------------------------------------------------------------*/
.comLink04 {
    margin: 0 auto;
    width: 136px;
}
.comLink04 a {
    padding: 4px 5px;
    display: block;
    font-size: 1.2rem;
    color: #fff;
    letter-spacing: 0.72px;
    text-align: center;
    background-color: #689E6C;
    border: 2px solid #689E6C;
}

@media all and (min-width: 897px) {
    .comLink04 a:hover {
        background-color: #fff;
        color: #689E6C;
    }
}

@media all and (max-width: 896px) {
    .comLink04 {
        width: 189px;
    }
    .comLink04 a {
        padding: 10px 5px 12px;
        font-size: 1.4rem;
        font-weight: 500;
    }
}

.blueLink a {
    background-color: #6C90A8;
    border-color: #6C90A8;
}

@media all and (min-width: 897px) {
    .blueLink a:hover {
        background-color: #fff;
        color: #6C90A8;
        background-image: url("img/common/arrow10.png");
    }
}

/*------------------------------------------------------------
	comImgBoxL
------------------------------------------------------------*/
.comImgBoxL {
    margin: 0 -8px 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comImgBoxL .photoBox {
    width: 42.8%;
}
.comImgBoxL .textBox {
    padding-top: 28px;
    width: 49.7%;
    margin-right: 14px;
}
.comImgBoxL .textBox p {
    line-height : 34.75px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.comImgBoxL .textBox p:last-child {
    margin-bottom: 0 !important;
}
.comImgBoxL .textBox .ttl {
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #221714;
    letter-spacing : 3.4px;
}

@media all and (max-width: 896px) {
    .comImgBoxL {
        margin: 0 -20px 25px;
        display: block;
    }
    .comImgBoxL .photoBox {
        width: auto;
    }
    .comImgBoxL .textBox{
        width: auto;
        padding: 30px 20px;
        margin: 0;
    }
    .comImgBoxL .textBox .ttl {
        margin-bottom: 8px;
        font-size: 2rem;
        line-height: 33px;
        letter-spacing: 1px;
    }
    .comImgBoxL .textBox p {
        line-height: 32.5px;
    }
}

/*------------------------------------------------------------

@media all and (min-width: 768px) and (max-width: 1024px) {
}


/*------------------------------------------------------------
	about
------------------------------------------------------------*/
.aboutBox {
    margin: 0 -12px 25px;
}
.aboutBox .inner {
    float: right;
    width: 511px;
    padding: 13px 10px;
    box-sizing: border-box;
    position: relative;
    background : rgba(255, 255, 255, 0.9);
}
.aboutBox .inner p {
    line-height : 32.75px;
}
.aboutBox .inner .ttl {
    font-size: 1.3rem;
    padding-bottom: 5px;
    margin-bottom: 19px;
    letter-spacing : 1.3px;
    border-bottom: 1px solid #221714;
}
.aboutBox .inner .ttl span {
    margin-bottom: 5px;
    display: block;
    font-size: 2.7rem;
    letter-spacing : 5.94px;
}
.aboutBox .inner:after {
    width: 452px;
    height: 315px;
    background: url("img/common/bg02.png") no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -116px;
    right: -75px;
    content: "";
    z-index: -1;
}
.aboutBox02 {
    margin-bottom: 283px;
}
.aboutBox02 .inner {
    padding: 6px 10px;
    width: 525px;
    float: none;
    margin-left: 110px;
}
.aboutBox02 .inner:after {
    width: 527px;
    height: 314px;
    background-image: url("img/common/bg01.png");
    top: -214px;
    right: auto;
    left: -135px;
}
.aboutBox02 .inner:before {
    position: absolute;
    content: '';
    width: 528px;
    height: 315px;
    background: url("img/common/bg03.png") no-repeat;
    background-size: cover;
    bottom: -114px;
    left: 262px;
    z-index: -1;
}
.aboutBox02 .inner .ttl {
    margin-bottom: 5px;
}
.summaryBox {
    margin: 0 auto;
    width: 788px;
}
.about .list {
    margin-bottom: 67px;
    display: flex;
    flex-wrap: wrap;
}
.about .list li {
    width: 250px;
    padding: 35px 27px;
    min-height: 193px;
    margin-bottom: 16px;
    position: relative;
    box-sizing: border-box;
    background: url("img/common/bg03.png") no-repeat center center;
    background-size: cover;
}
.about .list li:nth-child(3n-1) {
    margin-left: 20px;
    margin-right: 17px;
}
.about .list .green {
    background-image: url("img/common/bg04.png");
}
.about .list .red {
    background-image: url("img/common/bg05.png");
}
.about .list li p {
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    line-height : 29.75px;
    letter-spacing : 0.64px;
}
.about .list li .num {
    font-size: 2.6rem;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.about .list li .num:after {
	height: 50px;
    width: 100%;
    background: url("img/common/line.png") no-repeat right center;
    background-size: auto 57px;
	position: absolute;
	bottom: -31px;
	right: -15px;
	content: "";
}

@media all and (max-width: 896px) {
    .aboutBox {
        margin: 0 -3px 20px;
    }
    .aboutBox .inner {
        margin-bottom: 75px;
        padding: 7px 7px 6px;
        float: none !important;
        width: auto !important;
    }
    .aboutBox .inner .ttl {
        padding-bottom: 0;
        margin-bottom: 11px;
    }
    .aboutBox .inner .ttl span {
        margin-bottom: 3px;
        font-size: 2.6rem;
        font-weight: bold;
    }
    .aboutBox .inner p {
        line-height: 32.5px;
    }
    .aboutBox02 .inner {
        margin-left: 0;
    }
    .aboutBox .inner::after {
        width: auto;
        right: -20px;
        left: 46px;
        height: auto;
        top: -42px;
        bottom: 0;
    }
    .aboutBox02 .inner::after {
        width: auto;
        height: 232px;
        right: 36px;
        left: -20px;
        top: -127px;
        bottom: 0;
        background-size: 100% 100%;
    }
    .aboutBox02 .inner:before {
        width: 64.5%;
        height: 58.8%;
        position: absolute;
        content: '';
        background: url("img/common/bg06.png") no-repeat;
        background-size: 100% auto;
        top: 33px;
        left: auto;
        right: -20px;
        z-index: -1;
    }
    .aboutBox02 {
        margin-bottom: 126px;
    }
    .summaryBox {
        width: auto;
    }
    .about .list {
        margin-bottom: 97px;
        display: block;
    }
    .about .list li {
        padding: 10px 29px;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 88px;
        margin: 0 0 15px !important;
        background-image: url("img/common/sp_bg01.png");
    }
    .about .list .green {
        background-image: url("img/common/sp_bg02.png");
    }
    .about .list .red {
        background-image: url("img/common/sp_bg03.png");
    }
    .about .list li p {
        font-size: 1.5rem;
        line-height: 22px;
    }
    .about .list li .num::after {
        height: 47px;
        background-size: auto 47px;
    }
    .about .list .spBlue {
        background-image: url("img/common/sp_bg01.png") !important;
    }
    .about .list .spGreen {
        background-image: url("img/common/sp_bg02.png") !important;
    }
    .about .list .spRed {
        background-image: url("img/common/sp_bg03.png") !important;
    }

}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
.news .headLine03 {
    margin-bottom: 38px;
    padding-top: 15px;
}
.news .newsBox {
    margin: 0 auto 16px;
    width: 772px;
}
.news .newsBox a {
    padding: 22px 37px 24px;
    display: block;
    background: #FCFCFB url("img/common/arrow.png") no-repeat right 23px bottom 16px;
    background-size: 69px auto;
}
.news .newsBox a:hover {
    opacity: 0.7;
}
.news .newsBox dt {
    margin-bottom: 14px;
    font-size: 1.2rem;
    line-height: 20px;
}
.news .newsBox dt span {
    margin-right: 12px;
    padding: 0 2px 2px;
    box-sizing: border-box;
    min-width: 92px;
    color: #fff;
    display: inline-block;
    text-align: center;
    letter-spacing: 2.5px;
    background-color: #6C90A8;
}
.news .newsBox dd {
    line-height: 22px;
    margin-left: 10px;
}
.wp-pagenavi {
    padding: 54px 0 72px;
    text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
    font-size: 1.8rem;
    letter-spacing: 1.8px;
    display: inline-block;
    text-decoration: none;
    color: #6C90A8;
    border: 1px solid #6C90A8;
    padding: 5px 13px 6px;
    margin: 0 3px;
}
.wp-pagenavi span.current {
    background-color: #6C90A8;
    border-color: #6C90A8;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
    display: none;
}
.wp-pagenavi .previouspostslink {
    padding: 0 17px 3px 22px;
    border: none;
    font-size: 1.4rem;
    color: #565656 !important;
    letter-spacing : 1.96px;
    display: inline-block;
    vertical-align: 3px;
    background: url("img/common/icon01.png") no-repeat left center;
    background-size: 10px auto;
}
.wp-pagenavi .previouspostslink:hover {
    background-color: #fff;
    border: none;
}
.wp-pagenavi .nextpostslink {
    padding: 0 22px 3px 17px;
    border: none;
    font-size: 1.4rem;
    color: #565656 !important;
    letter-spacing : 1.96px;
    display: inline-block;
    vertical-align: 3px;
    background: url("img/common/icon02.png") no-repeat right center;
    background-size: 10px auto;
}
.wp-pagenavi .nextpostslink:hover {
    background-color: #fff;
    border: none;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
    opacity: 0.7;
}
.detailBox {
    background-color: #FCFCFB;
    margin: 36px auto 30px;
    width: 895px;
    padding: 54px 150px 52px;
    box-sizing: border-box;
}
.detailBox p {
    margin-bottom: 40px;
    line-height: 28px;
    letter-spacing: 1.4px;
}
.detailBox .date {
    margin-bottom: 17px;
    font-size: 1.5rem;
    letter-spacing: 0;
}
.detailBox .date .txtSpan {
    margin-left: 20px;
    display: inline-block;
    line-height: 21px;
    min-width: 92px;
    padding: 1px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.3rem;
    letter-spacing: 1.56px;
    background-color: #6C90A8;
}
.detailBox .ttl {
    margin-bottom: 12px;
    padding-bottom: 14px;
    font-size: 2.2rem;
    letter-spacing: 2.2px;
    font-weight: normal;
    border-bottom: 1px solid #939393;
}
.detailBox .photo {
    width: 79.5%;
    margin: 0 auto;
}
.news .detailUl {
    margin-bottom: 83px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.news .detailUl li {
    margin: 0 28px;
}
.news .detailUl a {
    letter-spacing: 1.96px;
    color: #565656;
    display: inline-block;
}
.news .detailUl .prev a {
    padding: 0 0 2px 22px;
    background: url("img/common/icon01.png") no-repeat left center;
    background-size: 10px auto;
}
.news .detailUl .next a {
    padding: 0 22px 2px 0;
    background: url("img/common/icon02.png") no-repeat right center;
    background-size: 10px auto;
}
.news .detailUl .link {
    width: 126px;
}
.news .detailUl .link a {
    padding: 9px 5px 10px;
    display: block;
    color: #fff;
    letter-spacing: 1.4px;
    text-align: center;
    background-color: #6C90A8;
}
.news .detailUl a:hover {
    opacity: 0.7;
}
@media all and (min-width: 897px) {
    .wp-pagenavi a:hover {
        background-color: #6C90A8;
        border-color: #6C90A8;
        color: #fff;
    }

}

@media all and (max-width: 896px) {
    .news .headLine03 {
        padding-top: 13px;
    }
    .news .newsBox {
        width: auto;
        margin: 0 -8px 9px;
    }
    .news .headLine03 {
        margin-bottom: 27px;
    }
    .news .newsBox a {
        padding: 7px 18px 34px;
        background-size: 87px auto;
        background-position: right 10px bottom 12px;
    }
    .news .newsBox dt {
        margin-bottom: 23px;
        font-size: 1.1rem;
    }
    .news .newsBox dt span {
        margin-right: 16px;
        font-size: 1.05rem;
        min-width: 68px;
        letter-spacing: 1.5px;
        line-height: 18px;
        padding-bottom: 1px;
    }
    .news .newsBox dd {
        margin-left: 5px;
        font-size: 1.3rem;
    }
    .wp-pagenavi {
        margin: 0 -20px;
        padding: 33px 0;
    }
    .detailBox {
        width: auto;
        padding: 30px 20px 40px;
        margin: 22px -8px 31px;
    }
    .detailBox p {
        margin-bottom: 37px;
        line-height: 33px;
        letter-spacing: 0;
    }
    .detailBox .date {
        margin-bottom: 3px;
        font-size: 1.25rem;
    }
    .detailBox .date .txtSpan {
        font-size: 1.2rem;
        min-width: 75px;
        line-height: 20px;
        margin-left: 15px;
    }
    .detailBox .ttl {
        padding-bottom: 11px;
        margin-bottom: 11px;
        font-size: 1.7rem;
        letter-spacing: 0;
        font-weight: 500;
    }
    .detailBox .photo {
        width: auto;
    }
    .news .detailUl {
        margin: 0 -20px 82px;
    }
    .news .detailUl li:first-child {
        margin-left: 0;
    }
    .news .detailUl li:last-child {
        margin-right: 0;
    }
}

/*------------------------------------------------------------
	organic_food
------------------------------------------------------------*/
.organic .comInner .textBox {
	padding-top: 33px;
}
.organic .comInner .textBox p.ptext {
	margin-bottom: 20px;
}
.organic .comInner .textBox .ttl {
	margin-bottom: 28px;
    padding-bottom: 20px;
}
.organic .comInner .textBox .ttl03 {
    margin-bottom: 14px;
    font-size: 1.8rem;
    letter-spacing : 3.96px;
    font-weight: bold;
    line-height: 31px;
    text-align: left;
}
.organic .comInner {
    margin-bottom: 85px;
}
.organic p.linkTxt {
	margin-top: 34px;
	margin-bottom: 25px;
	line-height: 1.8;
}
.organic p.linkTxt span {
	text-decoration: underline;
}
.organic p.linkTxt:last-child {
    margin-bottom: 0;
}
.organic p.linkTxt a:hover {
	opacity: 0.7;
}
.organic .comImgBoxL .textBox {
	padding-top: 6px;
}
.organic .comLink a {
    padding: 20px 25px 19px;
}
.greyBox {
    margin-bottom: 62px;
    padding: 50px 0 65px;
    text-align: center;
    background-color: #FCFCFB;
}
.greyBox .headLine03 {
    padding-bottom: 12px;
}
.greyBox p {
    font-size: 2rem;
    line-height: 30px;
    letter-spacing: 4.4px;
    font-weight: bold;
    margin-top: -5px;
}
.guidelines h2 {
    margin-bottom: 27px;
    font-size: 2.7rem;
    letter-spacing: 5.94px;
    text-align: center;
}
.guidelines .textImg {
    text-align: center;
}
.guidelines {
    margin-bottom: 120px;
}
.fabexBox {
    margin-bottom: 135px;
    padding: 40px 0 100px;
    position: relative;
    background-color: #FCFCFB;
}
.fabexBox .bg01 {
    position: absolute;
    top: 41px;
    right: 0;
    width: 38.3%;
    z-index: 1;
    height: 315px;
}
.fabexBox .bg02 img,
.fabexBox .bg01 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fabexBox .bg02 {
    position: absolute;
    bottom: 43px;
    left: 0;
    width: 44.25%;
    z-index: 1;
    height: 315px;
}
.fabexBox .mainBox {
    position: relative;
}
.fabexBox .mainBox:before {
    position: absolute;
    content: '';
    width: 525px;
    height: 315px;
    background: url("img/common/bg03.png") no-repeat;
    background-size: cover;
    bottom: -140px;
    left: 217px;
}
.fabexBox .whiteBox {
    margin: 0 auto;
    width: 962px;
    position: relative;
    z-index: 1;
    padding: 73px 105px 45px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.9);
}
.fabexBox .headLine03 {
    margin-bottom: 25px;
}
.fabexBox p {
    line-height : 31.75px;
}
.fabexBox .ttl {
    margin-bottom: 7px;
    padding-bottom: 14px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    border-bottom: 1px solid #221714;
}
.fabexBox .ttl02 {
    margin-bottom: 48px;
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing : 2.7px;
}
.fabexBox .textImg02 {
    margin-bottom: 37px;
    text-align: center;
}
.fabexBox .headLine03 span {
    letter-spacing: 6px;
}
.points {
    margin-bottom: 85px;
}
.points .ulBox {
    margin: 0 30px;
    padding: 42px 40px 39px 38px;
    border-top: 1px solid rgba(35, 24, 21, 0.3);
    border-bottom: 1px solid rgba(35, 24, 21, 0.3);
}
.points .headLine03 {
    margin-bottom: 35px;
}
.points .ulBox ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}
.points .ulBox li {
    margin-bottom: 36px;
    padding: 0 0 36px 15px;
    width: 45.5%;
    position: relative;
    border-bottom: 1px solid rgba(35, 24, 21, 0.3);
}
.points .ulBox ul:after {
    width: 1px;
    background-color: rgba(35, 24, 21, 0.3);
	position: absolute;
	top: 20px;
	right: 0;
    bottom: 10px;
    left: 50%;
    margin-left: 1px;
	content: "";
}
.points .ulBox li p {
    margin: 0 25px;
    line-height : 29.75px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.points .ulBox li .ttl {
    font-size: 2rem;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 2px;
    margin: 0 0 14px;
    padding: 0 23px;
    background: url("img/common/icon03.png") no-repeat left 2px top 7px;
    background-size: 17px auto;
}
.points .ulBox li:nth-child(2n) p {
    margin-left: 43px;
}
.points .ulBox li:nth-child(2n) .ttl {
    margin-left: 17px;
}
.criteria {
    margin-bottom: 100px;
}
.criteria p {
    padding: 4px 0 29px;
    text-align: center;
}
.criteria .headLine03 span {
    letter-spacing: 6px;
}
@media all and (min-width: 897px) {
    .points .ulBox li:last-child,
    .points .ulBox li:nth-last-child(2) {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
}

@media all and (max-width: 896px) {
    .organic .comInner .textBox {
        padding-top: 50px;
    }
    .organic .comInner .textBox .ttl {
        margin-bottom: 29px;
        padding: 0 30px 38px 4px;
    }
    .organic .comInner .textBox .ttl03 {
        margin: 0 40px 19px 0;
        letter-spacing: 1.6px;
        font-size: 2rem;
        line-height: 33px;
    }
    .organic .comInner{
        margin-bottom: 35px;
    }
    .greyBox {
        margin-bottom: 45px;
        padding: 35px 30px 40px;
    }
    .organic .headLine03 {
        padding-bottom: 12px;
        margin-bottom: 20px;
        font-size: 1.4rem;
        letter-spacing: 1.4px;
    }
    .organic .headLine03 span {
        font-size: 2.5rem;
        letter-spacing: 5.5px;
        margin-bottom: 2px;
    }
    .greyBox p {
        font-size: 1.6rem;
        letter-spacing: 0.64px;
        line-height: 27.5px;
    }
    .guidelines h2 {
        margin-bottom: 11px;
        font-size: 2.25rem;
        letter-spacing: 5px;
    }
    .guidelines {
        margin-bottom: 107px;
    }
    .fabexBox {
        margin-bottom: 126px;
        padding: 52px 0 63px;
    }
    .fabexBox .headLine03 {
        margin-bottom: 17px;
    }
    .fabexBox .whiteBox {
        padding: 33px 14px 51px;
        width: auto;
    }
    .fabexBox .bg01{
        width: 61.5%;
        top: 36px;
        height: 155px;
    }
    .fabexBox p {
        line-height: 32.5px;
    }
    .fabexBox .ttl {
        margin-bottom: 19px;
        padding-bottom: 20px;
        font-size: 1.75rem;
        letter-spacing: 1.75px;
        line-height: 31px;
    }
    .fabexBox .ttl02{
        margin-bottom: 36px;
        font-size: 2rem;
        line-height: 31px;
        letter-spacing: 0.8px;
    }
    .fabexBox .textImg02 {
        margin: 0 -4px 32px;
    }
    .fabexBox .bg02 {
        bottom: 33px;
        width: 70.5%;
        height: 155px;
    }
    .fabexBox .mainBox::before {
        bottom: -85px;
        left: 14%;
        width: auto;
        right: 7%;
    }
    .points .headLine03 {
        margin-bottom: 31px;
    }
    .points .ulBox {
        margin: 0;
        padding: 30px 0 35px;
    }
    .points .ulBox ul {
        display: block;
    }
    .points .ulBox ul:after {
        display: none;
    }
    .points .ulBox li {
        margin-bottom: 23px;
        padding: 0 10px 23px;
        width: auto;
    }
    .points .ulBox li p {
        margin: 0 0 0 29px;
        line-height: 28.5px;
    }
    .points .ulBox li .ttl {
        margin-bottom: 11px;
        font-size: 1.6rem;
        padding: 2px 0 0 28px;
        letter-spacing: 1.6px;
        line-height: 23.5px;
        background-size: 14px auto;
    }
    .points .ulBox li:nth-child(2n) p {
        margin-left: 29px;
    }
    .points .ulBox li:nth-child(2n) .ttl {
        margin-left: 0;
    }
    .points .ulBox li:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .criteria .headLine03 {
        padding-bottom: 15px;
        margin: 0 -20px 30px;
    }
    .criteria p {
        padding-bottom: 15px;
        text-align: left;
        line-height: 25.5px;
    }
    .criteria {
        margin-bottom: 90px;
    }
    .criteria .comLink a {
        background-position: right 16px bottom 15px;
    }
}

/*------------------------------------------------------------
	lifestyle
------------------------------------------------------------*/
.lifestyle .comInner .textBox {
    padding-top: 48px;
}
.lifestyle .comInner .textBox .ole-banner {
    margin-bottom: 12px;
}
.lifestyle .comInner .textBox .ole-banner:hover {
    opacity: 0.7;
}
.lifestyle .comInner .textBox .ole-banner.last {
    margin-bottom: 30px;
}
.lifestyle .comInner .textBox .ttl02 {
    margin-bottom: 27px;
}
.lifestyle .comInner {
    margin-bottom: 58px;
}
.lifestyle .comInner .textBox .ttl {
	margin-bottom: 15px;
	padding-bottom: 12px;
	font-size: 1.8rem;
}
.lifestyle .comInner .textBox .ttl img {
	margin-bottom: 40px;
}
.lifestyle .comImgBoxL {
    margin-bottom: 100px;
    align-items: center;
}
.lifestyle .comImgBoxL .textBox {
     padding-top: 0;
}
.lifestyle .comImgBoxL .textBox p {
    margin-bottom: 15px;
}
.lifestyle .visual {
    margin: -5px auto 115px;
    width: 855px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lifestyle .visual .textBox {
    padding-top: 26px;
    width: 47%;
}
.lifestyle .visual .textBox p {
    line-height: 31.75px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.lifestyle .visual .textBox .ttl {
    margin-bottom: 38px;
    font-size: 2.7rem;
    letter-spacing: 5.94px;
    font-weight: bold;
    position: relative;
}
.lifestyle .visual .textBox .ttl:after {
	width: 473px;
	height: 44px;
    background: url("img/lifestyle/line.png") no-repeat left bottom;
    background-size: 473px auto;
	position: absolute;
	bottom: -60px;
	left: 0;
	content: "";
}
.lifestyle .visual .photoBox {
    order: 2;
}
.theme {
    margin-bottom: 80px;
    padding: 67px 0 66px;
    position: relative;
    background-color: #FCFCFB;
}
.theme:before {
    position: absolute;
    content: '';
    width: 528px;
    height: 267px;
    background: url("img/common/bg03.png") no-repeat;
    background-size: cover;
    top: 61%;
    transform: translateY(-50%);
    left: 0;
}
.theme .mainBox {
    position: relative;
}
.theme .bg01 {
    position: absolute;
    top: -103px;
    left: 95px;
    width: 51.7%;
}
.theme .bg01 img {
    width: 100%;
    height: 265px;
}
.theme .bg02 {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 39.3%;
    height: 322px;
}
.theme .bg02 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.theme .inner {
    margin: 0 auto 35px;
    width: 962px;
    min-height: 476px;
    position: relative;
    z-index: 1;
    padding: 72px 104px 50px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.9);
}
.theme .inner p {
    line-height: 31.75px;
    margin-bottom: 32px;
    letter-spacing: 0.3px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.theme .inner p:last-child {
    margin-bottom: 0;
}
.theme .inner .ttl {
    margin-bottom: 18px;
    padding-bottom: 18px;
    font-size: 2.7rem;
    font-weight: bold;
    text-align: left;
    letter-spacing: 5.94px;
    border-bottom: 1px solid #221714;
}
.theme .inner .ttl .txtSpan {
    font-size: 2rem;
}
.theme .inner .ttl02 {
    margin-bottom: 2px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
}
.lifestyle .inner p.linkTxt {
	margin-bottom: 25px;
	line-height: 1.8;
}
.lifestyle .inner p.linkTxt span {
	text-decoration: underline;
}
.lifestyle .inner p.linkTxt:last-child {
    margin-bottom: 0;
}
.lifestyle .inner p.linkTxt a:hover {
	opacity: 0.7;
}
.lifestyle .points .ulBox li p {
    margin-right: 15px;
}
.lifestyle .points .ulBox ul::after {
    top: -15px;
    bottom: -15px;
}
.lifestyle .points {
    margin-bottom: 115px;
}

@media all and (max-width: 896px) {
    .lifestyle .comInner .textBox {
        padding-top: 50px;
    }
    .lifestyle .comInner .textBox .ttl {
        margin-bottom: 27px;
        padding: 0 67px 29px 3px;
    }
    .lifestyle .comInner .textBox .ttl02 {
        margin-bottom: 18px;
    }
    .lifestyle .comInner {
        margin-bottom: 31px;
    }
	.lifestyle .comInner .textBox .ttl {
		margin-bottom: 5px;
		padding-bottom: 12px;
		font-size: 2rem;
	}
	.lifestyle .comInner .textBox .ttl img {
		margin-bottom: 32px;
	}
    .lifestyle .comImgBoxL .textBox {
        padding-top: 57px;
    }
    .lifestyle .comImgBoxL .textBox .ttl {
        margin-bottom: 5px;
    }
    .lifestyle .comImgBoxL .textBox p {
        margin-bottom: 0;
    }
    .lifestyle .comImgBoxL {
        margin-bottom: 28px;
    }
    .lifestyle .guidelines {
        margin-bottom: 80px;
    }
    .lifestyle .visual {
        width: auto;
        margin: 0 23px 73px;
        display: block;
    }
    .lifestyle .visual .photoBox {
        display: none;
    }
    .lifestyle .visual .textBox {
        padding: 0;
        width: auto;
    }
    .lifestyle .visual .textBox .ttl {
        font-size: 2.25rem;
        padding-bottom: 5px;
        letter-spacing: 5px;
        border-bottom: 1px solid #231815;
    }
    .lifestyle .visual .textBox .ttl::after {
        display: none;
    }
    .lifestyle .visual .textBox .spPhoto {
        margin: 0 auto 30px;
        width: 60%;
    }
    .lifestyle .visual .textBox p {
        line-height: 32.5px;
    }
    .theme {
        padding: 52px 0 40px;
    }
    .theme::before {
        width: auto;
        right: 113px;
        height: 133px;
        top: 54%;
    }
    .theme .bg01 {
        width: 79%;
        top: -50px;
        left: 26px;
    }
    .theme .bg01 img {
        height: 157px;
    }
    .theme .bg02 {
        height: 157px;
        bottom: 23px;
        width: 63.3%;
    }
    .theme .inner {
        width: auto;
        margin-bottom: 27px;
        padding: 29px 15px 31px;
    }
    .theme .inner p {
        margin-bottom: 34px;
        line-height: 32.5px;
        font-weight: normal;
        letter-spacing: 0.2px;
    }
    .theme .inner p span {
        display: inline-block;
        margin-bottom: 10px;
        line-height: 27px;
    }
    .theme .inner .ttl .txtSpan {
        font-size: 1.75rem;
        margin: 0;
    }
    .theme .inner .ttl {
        padding-bottom: 9px;
        font-size: 2rem;
        letter-spacing: 1.4px;
    }
    .theme .inner .ttl02 {
        font-size: 1.75rem;
    }
    .lifestyle .points .ulBox li {
        padding-bottom: 40px;
        margin-bottom: 35px;
    }
    .lifestyle .points .ulBox li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .lifestyle .points .ulBox {
        padding-bottom: 50px;
    }
    .lifestyle .points {
        margin-bottom: 124px;
    }
    .lifestyle .headLine03 span {
        letter-spacing: 4.5px;
    }
}

/*------------------------------------------------------------
	record
------------------------------------------------------------*/
.record .headLine03 {
    margin-bottom: 26px;
    padding: 45px 0 12px;
}
.record .txt {
    margin-bottom: 42px;
    text-align: center;
    line-height: 29.75px;
}
.record .list {
    margin: 0 25px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.record .list li {
    margin-bottom: 32px;
    width: 476px;
    box-sizing: border-box;
    border: 1px solid #939683;
    border-radius: 5px;
}
.record .list li a {
    padding: 17px 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: url("img/common/icon04.png") no-repeat right 14px bottom 8px;
    background-size: 24px auto;
}
.record .list li a:hover {
    opacity: 0.7;
}
.record .list li .textBox {
    width: 60%;
}
.record .list li .textBox p {
    font-size: 1.5rem;
    line-height : 24px;
}
.record .list li .textBox .ttl {
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: bold;
}

@media all and (max-width: 896px) {
    .record .headLine03 {
        margin-bottom: 22px;
        padding: 10px 0 25px;
    }
    .record .txt {
        margin-bottom: 34px;
    }
    .record .list {
        margin: 0 -11px 59px;
        display: block;
    }
    .record .list li {
        margin-bottom: 14px;
        width: auto;
        border-radius: 3px;
    }
    .record .list li a {
        padding: 9px 15px 13px;
        background-size: 18px auto;
        background-position: right 12px bottom 6px;
    }
    .record .list li .photoBox {
        width: 31.5%;
    }
    .record .list li .textBox p {
        font-size: 1.3rem;
        line-height: 18px;
    }
    .record .list li .textBox .ttl {
        font-size: 1.5rem;
    }
}


/*------------------------------------------------------------
	business
------------------------------------------------------------*/
.business .comInner .textBox {
    padding: 30px 0 0 10px;
    box-sizing: border-box;
}
.business .headLine01 {
    margin-bottom: 15px;
}
.business .headLine01 span {
    line-height: 47px;
}
.business .comInner .textBox .ttl02 {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 1.7px;
    margin: -10px 0 11px;
}
.business .comInner {
    margin-bottom: 96px;
}
.means {
	display: flex;
	justify-content: center;
	align-items: center;
    margin-bottom: 55px;
    padding: 74px 0 106px;
    background-color: #FCFCFB;
}
.means .mainBox {
	margin: 0 36px 0 0;
}
.means .imgBox {
	margin: 0 0 0 36px;
}
.means h2 {
    margin-bottom: 21px;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 4.84px;
}
.means h2 span {
    padding: 0 10px 19px;
    min-width: 400px;
    display: inline-block;
    border-bottom: 1px solid #221714;
}
.means p {
    font-size: 1.6rem;
    line-height: 40.75px;
    letter-spacing: 1.2px;
}
.matching {
    margin: 0 auto 137px;
    width: 870px;
}
.matching .headLine02 span {
    letter-spacing: 2.16px;
}
.matching .list {
    margin: 0 -3px 10px;
    display: flex;
    flex-wrap: wrap;
}
.matching .list li {
    margin-bottom: 20px;
    width: 249px;
    padding: 20px 27px;
    min-height: 192px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: url("img/common/bg07.png") no-repeat center center;
    background-size: cover;
    position: relative;
}
.matching .list li:after {
	width: 26px;
	height: 46px;
    background: url("img/common/arrow03.png") no-repeat right center;
    background-size: 26px auto;
	position: absolute;
	top: 52%;
	right: -50px;
	content: "";
    transform: translateY(-50%);
}
.matching .list li:last-child:after {
    display: none;
}
.matching .list .style01 {
    background-image: url("img/common/bg04.png");
}
.matching .list .style02 {
    padding-right: 20px;
    background-image: url("img/common/bg05.png");
}
.matching .list li:nth-child(3n-1) {
    margin-left: 65px;
    margin-right: 64px;
}
.matching .list li p {
    padding-top: 5px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    line-height: 29.75px;
    letter-spacing: 0.64px;
}
.matching .list li .num {
    padding: 0;
    font-size: 2.6rem;
    position: absolute;
    top: 10px;
    left: 15px;
}
.matching .txt {
    text-align: center;
}

@media all and (max-width: 896px) {
    .business .comInner .textBox {
        padding: 32px 0 0 5px;
    }
    .business .headLine01 span {
        letter-spacing: 1.6px;
        font-size: 2rem;
        display: block;
        margin: 0;
        line-height: 33px;
    }
    .business .headLine01{
        margin-bottom: 12px;
    }
    .business .comInner .textBox .ttl {
        margin-bottom: 26px;
        letter-spacing: 0;
        padding-bottom: 29px;
    }
    .business .comInner .textBox .ttl02 {
        margin-bottom: 4px;
        font-size: 2rem;
        line-height: 33px;
        letter-spacing: 0.8px;
    }
    .business .comInner .textBox p .txtSpan {
        display: block;
        margin-top: 32px;
    }
    .business .comInner {
        margin-bottom: 10px;
    }
    .means {
		display: block;
        margin-bottom: 62px;
        padding: 28px 0 37px;
    }
	.means .mainBox {
		margin: 0 auto;
	}
	.means .imgBox {
		margin: 20px 10% 0;
	}
    .means h2 {
		margin: 0 5%;
        margin-bottom: 12px;
        font-size: 1.8rem;
        letter-spacing: 1px;
    }
    .means h2 span {
        padding: 0 10px 14px;
        min-width: inherit;
        display: block;
    }
    .means p {
        margin: 0 -10px;
        font-size: 1.5rem;
        line-height: 36px;
        letter-spacing: 0;
		text-align: center;
    }
    .matching {
        width: auto;
        margin: 0 7px 20px;
    }
    .matching .headLine02 {
        margin-bottom: 26px;
        font-size: 1.4rem;
    }
    .matching .headLine02 span {
        font-size: 2.5rem;
        line-height: 32px;
        letter-spacing: 1px;
        margin-bottom: 4px;
    }
    .matching .list {
        margin: 0 -2px 7px;
        display: block;
    }
    .matching .list li {
        margin: 0 0 35px !important;
        width: auto !important;
        padding: 10px 10px 10px 50px;
        min-height: 97px;
        background-image: url("img/common/sp_bg01.png");
    }
    .matching .list .style01 {
        background-image: url("img/common/sp_bg02.png");
    }
    .matching .list .style02 {
        background-image: url("img/common/sp_bg03.png");
    }
    .matching .list li:last-child {
        margin-bottom: 0 !important;
    }
    .matching .list li p {
        padding: 0;
        font-size: 1.5rem;
        line-height: 22px;
        letter-spacing: 0.9px;
    }
    .matching .list li .num {
        font-size: 1.85rem;
        top: 5px;
        left: 7px;
    }
    .matching .list li::after {
        width: 48px;
        height: 20px;
        background-image: url("img/common/sp_arrow.png");
        background-size: 48px auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: -28px;
    }
    .matching .txt {
        margin-bottom: 111px;
        text-align: left;
        text-indent: -1em;
        padding-left: 1em;
        letter-spacing: 0.28px;
    }

}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index #main {
    padding-top: 0;
}
.index .mainImg {
    position: relative;
}
.index .mainImg .slick-track,
.index .mainImg .slick-list,
.index .mainImg .foo {
    height: 100%;
}
.index .mainImg .foo .slick-slide {
    float: left;
    width: 100%;
    padding: 55px 40px;
    box-sizing: border-box;
    min-height: 596px;
    position: relative;
    background: url("img/index/js_photo01.jpg") no-repeat center center;
    background-size: cover;
}
.index .mainImg .foo #slick-slide01 {
    float: left;
    width: 100%;
    padding: 55px 40px;
    box-sizing: border-box;
    min-height: 596px;
    position: relative;
    background: url("img/index/js_photo02.jpg") no-repeat center center;
    background-size: cover;
}
.index .mainImg .foo #slick-slide02 {
    float: left;
    width: 100%;
    padding: 55px 40px;
    box-sizing: border-box;
    min-height: 596px;
    position: relative;
    background: url("img/index/js_photo03.jpg") no-repeat center center;
    background-size: cover;
}
.index .mainImg .foo #slick-slide03 {
    float: left;
    width: 100%;
    padding: 55px 40px;
    box-sizing: border-box;
    min-height: 596px;
    position: relative;
    background: url("img/index/js_photo04.jpg") no-repeat center center;
    background-size: cover;
}
.index .mainImg .foo #slick-slide04 {
    float: left;
    width: 100%;
    padding: 55px 40px;
    box-sizing: border-box;
    min-height: 596px;
    position: relative;
    background: url("img/index/js_photo05.jpg") no-repeat center center;
    background-size: cover;
}
.index .mainImg .foo li .ttl {
    font-size: 4.3rem;
    font-weight: bold;
    line-height: 88px;
    color: #000;
    letter-spacing: 5px;
    font-style: italic;
}
.index .mainImg .foo li .txt {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 2.4px;
}
.index .mainImg .foo li .txt span {
    display: inline-block;
    background-color: #fff;
    line-height: 1.1;
    padding: 2px 5px 4px;
    margin-bottom: 8px;
}
.index .mainImg .foo li .txt01 {
    position: absolute;
    top: 160px;
    right: 50px;
}
.index .mainImg .foo li .ttl01 {
    position: absolute;
    top: 155px;
    left: 50px;
}
.index .mainImg .link {
    width: 312px;
    position: absolute;
    bottom: 40px;
    right: 50px;
}
.index .mainImg .link a {
    display: block;
    padding: 8px 18px 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    line-height: 25.67px;
    text-align: center;
    letter-spacing : 1.8px;
    background: rgba(50, 86, 74, 0.9) url("img/common/arrow06.png") no-repeat right 11px bottom 15px;
    background-size: 47px auto;
    border: 1px solid rgba(255, 255, 255, 0.79);
}
.index .mainImg .link a:hover {
    opacity: 0.7;
}
.index .mainImg .link a span {
    margin-bottom: 5px;
    display: block;
    font-size: 1.6rem;
    letter-spacing : 1.6px;
}
.index .mainImg .foo .style01 {
    background-image: url("img/index/js_photo02.jpg");
}
.index .mainImg .foo li .txt02 {
    position: absolute;
    top: 474px;
    left: 55px;
}
.index .mainImg .foo li .txt05 {
    position: absolute;
    bottom: 77px;
    left: 55px;
}
.index .mainImg .foo li .ttl span {
	display: inline-block;
	margin-bottom: 13px;
	padding: 0 12px;
	background: #fff;
	line-height: 1.6;
}
.index .mainImg .foo li .ttl02 {
    position: absolute;
    top: 280px;
    left: 47px;
    font-size: 4.3rem;
    line-height: 78px;
    letter-spacing: 5px;
}
.index .mainImg .foo li .ttl03 {
    position: absolute;
    top: 136px;
    left: 47px;
    font-size: 4.3rem;
    line-height: 78px;
    letter-spacing: 5px;
}
.index .mainImg .foo li .ttl04 {
    position: absolute;
    top: 200px;
    left: 47px;
    font-size: 4.3rem;
    line-height: 78px;
    letter-spacing: 5px;
}
.index .mainImg .foo li .ttl05 {
    position: absolute;
    top: 181px;
    left: 47px;
    font-size: 4.3rem;
    line-height: 78px;
    letter-spacing: 5px;
}


.index .scroll {
	position: absolute;
	bottom: 10px;
	left: 50%;
	font-size: 1.6rem;
	color: #fff;
	animation: key1 .5s ease infinite alternate;
}
.index .scroll:after {
	margin-top: -23px;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    right: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg);
    transition: 0.3s;
    content: '';
}
@keyframes key1{
  100% {transform: translateY(0px);}
  100% {transform: translateY(-5px);}
}


.slick-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 358px;
    text-align: right;
}
.slick-dots li {
	margin: 0 3px;
	display: inline-block;
	width: 58px;
	height: 5px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
}
.slick-dots li button {
	display: none;
}
.slick-dots li.slick-active {
	background-color: #fff;
}
.society {
    padding: 24px 0 111px;
    position: relative;
}
.society .bigTxt {
    position: absolute;
    top: 2px;
    right: 33px;
}
.society .mainBox {
    max-width: 702px;
}
.society p {
    margin-bottom: 40px;
    line-height: 38.75px;
    font-weight: 300;
}
.society h2 {
    margin-bottom: 13px;
    font-size: 2.8rem;
    line-height: 49.75px;
    letter-spacing : 4.48px;
}
.society .comLink03 {
    float: right;
    margin: -10px 3px 93px 0;
}
.society .banner {
    max-width: 741px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.society .banner .photoBox {
    width: 38%;
    position: relative;
    overflow: hidden;
}
.society .banner .photoBox img {
    max-width: inherit;
    width: 134.3%;
}
.society .banner .textBox {
    width: 62%;
    padding: 7px 22px 20px;
    box-sizing: border-box;
    text-align: right;
    position: relative;
    background: url("img/index/bg02.png") no-repeat center center;
    background-size: cover;
}
.society .banner .textBox .photoSpan {
    position: absolute;
    left: -28px;
    bottom: 11px;
    z-index: 1;
}
.society .banner .textBox .ttl {
    margin-bottom: -2px;
    font-size: 1.6rem;
    letter-spacing : 3.84px;
    color: #fff;
    font-weight: 500;
}
.society .banner .textBox .ttl02 {
    margin-bottom: 8px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height : 33.67px;
    color: #fff;
}
.society .banner .textBox .comLink {
    width: 314px;
    float: right;
}
.society .banner .textBox .comLink a {
    border-width: 1px;
    border-color: #fff;
    background-color: transparent;
    color: #fff;
    text-align: left;
    padding: 3px 15px;
    font-size: 1.3rem;
    background-image: url("img/common/arrow08.png");
    background-position: right 15px center;
    background-size: 29px auto;
}
.convention {
    padding: 54px 0 124px;
    position: relative;
}
.convention:after {
	width: 100%;
	height: 668px;
    background-color: #FCFCFB;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
    z-index: -1;
}
.convention .inner {
    margin: 0 auto;
    width: 1075px;
    padding: 38px 42px;
    position: relative;
    box-sizing: border-box;
}
.convention .inner:after {
	width: 100%;
	height: 560px;
    background-color: #E3E9E7;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}
.convention .innerBox {
    position: relative;
    z-index: 1;
}
.convention .inner .txt {
    text-align: right;
    line-height: 32.75px;
    font-weight: 300;
}
.convention .list {
	/*    margin: -25px 2px 0;　階段の表示にする場合*/
    margin: -50px 2px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.convention .list li {
    width: 316px;
    position: relative;
    margin-bottom: 10px;
}
.convention .list li .linkBox {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.convention .list li .linkBox .imglink {
	width: 248px;
	margin: 0 auto;
}
.convention .list li .linkBox .imglink a:hover {
	opacity: 0.7;
}
.convention .list li a {
    display: block;
}
.convention .list li > a:hover {
    opacity: 0.7;
}
.convention .list li .photo {
    display: block;
    overflow: hidden;
}
.convention .list li .photo img {
    width: 100%;
    transition: all ease 0.3s;
}
.convention .list li:nth-child(3n-1) {
    margin-left: 20px;
    margin-right: 19px;
}
.convention .list li:nth-child(2) {
	/*margin-top: 43px;　階段の表示にする場合*/
    margin-top: 75px;
}
.convention .list li:nth-child(3) {
    /*margin-top: 87px;　階段の表示にする場合*/
	margin-top: 75px;
}
.convention .list li .sub {
    padding: 20px 34px 94px;
    min-height: 400px;
    box-sizing: border-box;
    background: url("img/index/bg01.png") no-repeat center bottom;
    background-size: cover;
}
.convention .list li .sub02 {
    min-height: 476px;
}
.convention .list li .linkBox .imglink02 {
    margin-top: 20px;
}
.convention .list li .sub p {
    margin-bottom: 33px;
    color: #fff;
    font-size: 1.3rem;
    line-height: 22.7px;
    font-weight: 300;
    text-align: justify;
    text-justify: inter-ideograph;
}
.convention .list li .sub .ttl {
    margin-bottom: 12px;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 27.5px;
    letter-spacing: 4px;
}
.convention .list li .sub04 .ttl {
	margin-bottom: 39px;
}
.convention .list li .comLink {
    width: 248px;
    margin-bottom: 10px;
}
.online {
    margin-bottom: 320px;
    position: relative;
}
.online:after {
    width: 75%;
    height: 420px;
    background: url("img/index/bg02.png") no-repeat;
    background-size: cover;
	position: absolute;
	top: 90px;
    left: 0;
    z-index: -1;
	content: "";
}
.online .headLine04 {
    padding: 66px 0;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
.online .bigPhoto {
    width: 1020px;
    position: absolute;
    top: 0;
    right: 0;
}
.online .txtBox {
    margin: 0 auto 57px;
    padding: 8px 0 57px;
    width: 906px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.online .txtBox:after {
    background-color: rgba(252, 252, 251, 0.9);
	position: absolute;
	top: -45px;
	right: -40px;
    left: -74px;
    bottom: 0;
    z-index: -1;
	content: "";
}
.online .txtBox p {
    font-size: 1.3rem;
    line-height : 30.75px;
}
.online .txtBox .txt01 {
    width: 57%;
    font-size: 2.2rem;
    font-weight: bold;
    line-height : 41.75px;
    letter-spacing : 3.08px;
}
.online .txtBox .txt02 {
    width: 40%;
    margin-right: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.online h3 {
    margin-bottom: 29px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    letter-spacing: 2.8px;
}
.online h3 span {
    padding: 0 3px 4px;
    display: inline-block;
    border-bottom: 1px solid #fff;
}
.online .infoUl {
    margin: 0 18px 9px;
    display: flex;
    flex-wrap: wrap;
}
.online .infoUl li {
    width: 317px;
    margin-bottom: 20px;
    position: relative;
    background-color: #F5F6F2;
}
.online .infoUl li .news {
    min-width: 52px;
    padding: 1px 0;
    position: absolute;
    top: -6px;
    left: 0;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 1.4px;
    background-color: #D26059;
}
.online .infoUl li:nth-child(3n-1) {
    margin-left: 18px;
    margin-right: 18px;
}
.online .infoUl li .photo {
    display: block;
    overflow: hidden;
}
.online .infoUl li .photo img {
    width: 100%;
    transition: all ease 0.3s;
}
.online .infoUl li .date {
    padding: 13px 10px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1.3px;
}
.online .infoUl li .date .txtSpan01 {
    margin-right: 5px;
    font-size: 1.7rem;
    font-weight: bold;
}
.online .infoUl li .date .txtSpan02 {
    margin-right: 30px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    vertical-align: 1px;
    justify-content: center;
    border-radius: 100%;
    background-color: #6C90A8;
}
.online .infoUl li .sub {
    padding: 14px 25px 22px;
    background-color: #F5F6F2;
}
.online .infoUl li .sub p {
    margin-bottom: 24px;
    line-height: 22.7px;
    font-size: 1.3rem;
}
.online .infoUl li .sub .ttl {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height : 27.01px;
    border-bottom: 1px solid #231815;
}
.online .infoUl li .sub .ttl02 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height : 29.01px;
    letter-spacing : 1.8px;
}
.online .linkUl {
    margin: 0 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.online .linkUl li {
    width: 48.8%;
}
.online .linkUl li .comLink03 {
    width: auto;
}
.online .linkUl li .comLink03 a {
    padding-top: 17px;
    padding-bottom: 17px;
    background: none;
}
.online .linkUl li .comLink03 a span {
    padding: 0 50px;
    display: inline-block;
    background: url("img/common/arrow07.png") no-repeat right center;
    background-size: 29px auto;
}
.organicBox {
    margin-bottom: 379px;
    position: relative;
}
.organicBox .bigPhoto {
    position: absolute;
    bottom: -243px;
    left: 0;
    width: 1002px;
    z-index: -2;
}
.organicBox .bigPhoto img {
    width: 100%;
}
.organicBox:after {
	width: 96.5%;
	height: 788px;
    background-color: #F9F9F8;
	position: absolute;
	top: -150px;
	right: 0;
	content: "";
    z-index: -3;
}
.organicBox .mainBox {
    position: relative;
}
.organicBox .mainBox:before {
	width: 9999px;
	height: 432px;
    background-color: #F1EDEC;
	position: absolute;
	top: -48px;
	left: 88px;
    right: 0;
	content: "";
    z-index: -1;
}
.organicBox .headLine04 {
    margin: 0 25px 13px;
}
.organicBox .headLine04 span {
    letter-spacing: 9.18px;
}
.organicBox .whiteBox {
    background-color: rgba(252, 252, 251, 0.8);
    margin: 0 auto;
    width: 1020px;
    padding: 32px 123px 78px;
    box-sizing: border-box;
}
.organicBox .whiteBox p {
    margin: 0 70px 53px 0;
    line-height: 34.75px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.organicBox .whiteBox .ttl {
    margin-bottom: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 3.08px;
    line-height : 41.75px;
}
.organicBox .comLink {
    width: 309px;
    margin: 0;
}
.organicBox .comLink a {
    font-size: 1.3rem;
    background-size: 27px auto;
}
.index .sec {
    margin: 0 auto 137px;
    width: 880px;
}
.index .sec .lBox {
    width: 418px;
}
.index .sec h2 {
    margin-bottom: 13px;
    font-size: 2.7rem;
    letter-spacing: 4.86px;
}
.index .sec .rBox {
    width: 348px;
}
.index .sec .newsDl {
    margin-bottom: 2px;
    font-weight: 400;
    border-top: 1px solid #5F5F5F;
}
.index .sec .newsDl dt {
    padding: 33px 13px 0;
    font-size: 1.3rem;
    color: #8C8C8C;
}
.index .sec .newsDl dd {
    padding: 7px 16px 40px;
    line-height: 22px;
    border-bottom: 1px solid #5F5F5F;
}
.index .sec .newsDl dd a {
    color: #6D6D6D;
}
.index .sec .rBox .facebook {
    padding: 15px;
    text-align: center;
    border: 1px solid #5F5F5F;
}
.index .sec .linkP {
    margin-top: 15px;
    text-align: right;
    font-size: 1.2rem;
    letter-spacing: 0.24px;
}
.index .sec .linkP a {
    display: inline-block;
    text-decoration: underline;
}
.message {
    margin: 0 auto;
    width: 687px;
    padding: 30px 40px 23px;
    border: 1px solid #5F5F5F;
    box-sizing: border-box;
}
.message .headLine04 {
    margin-bottom: 26px;
    text-align: center;
    font-size: 1.2rem;
}
.message .headLine04 span {
    margin: -3px 0 0;
}
.message p {
    margin-bottom: 22px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 22px;
}
.message .inputUl {
    margin: 0 auto 18px;
    width: 333px;
}
.message .inputUl li {
    margin-bottom: 7px;
}
.check .inputUl {
    margin: 30px auto 20px;
    width: 450px;
}
.check .inputUl li {
    margin-bottom: 19px;
	padding: 9px 13px;
	background-color: rgba(221,221,215,0.2);
}
input[type="email"],
input[type="tel"],
input[type="text"] {
    width: 100%;
    height: 35px;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    font-size: 1.4rem;
    letter-spacing: 1.4px;
    background-color: #F5F5F5;
    box-sizing: border-box;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #F5F5F5;
    opacity:1;
}

.form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #F5F5F5;
    opacity:1;
}

.form input::-moz-placeholder {
    color: #F5F5F5;
    opacity:1;
}

.form  input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #F5F5F5;
    opacity:1;
}
.btn {
    margin: 0 auto;
    width: 81px;
}
.btn input {
    width: 100%;
    height: 30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 1.56px;
    border: 2px solid #6C90A8;
    border-radius: 0;
    background-color: #6C90A8;
    transition: all ease 0.3s;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.index {
    margin-bottom: 120px;
}
@media all and (min-width: 897px) {
    .society .banner .textBox .comLink a:hover {
        background-color: #fff;
        color: #689E6C;
        background-image: url("img/common/arrow09.png");
    }
    .online .linkUl li .comLink03 a:hover {
        background-color: #689E6C;
    }
    .online .linkUl li .comLink03 a:hover span {
        background-image: url("img/common/arrow08.png");
    }
    .index .sec .newsDl dd a:hover {
        text-decoration: underline;
    }
    .index .sec .linkP a:hover {
        text-decoration: none;
    }
    .btn input:hover {
        color: #6C90A8;
        background-color: #fff;
    }
    .convention .list li a:hover .photo img {
        transform:scale(1.2);
    }
    .online .infoUl li .photo a:hover img {
        transform:scale(1.2);
    }
}


@media all and (max-width: 896px) {
    .index .mainImg .foo .slick-slide {
        min-height: 532px;
    }

    .index .mainImg .foo .slick-slide {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo01.jpg") no-repeat center center;
		background-size: cover;
    }

	.index .mainImg .foo #slick-slide01 {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo02.jpg") no-repeat center center;
		background-size: cover;
	}
	.index .mainImg .foo #slick-slide02 {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo03.jpg") no-repeat center center;
		background-size: cover;
	}
	.index .mainImg .foo #slick-slide03 {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo04.jpg") no-repeat center center;
		background-size: cover;
	}
	.index .mainImg .foo #slick-slide04 {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo05.jpg") no-repeat center center;
		background-size: cover;
	}
	.index .mainImg .foo #slick-slide05 {
		float: left;
		width: 100%;
		padding: 55px 40px;
		box-sizing: border-box;
		min-height: 532px;
		position: relative;
		background: url("img/index/js_sp_photo06.jpg") no-repeat center center;
		background-size: cover;
	}

    .index .mainImg .foo li .ttl {
        font-size: 2.8rem;
        line-height: 44px;
        letter-spacing: 6.5px;
    }
    .index .mainImg .foo li .ttl01 {
        left: 10px;
        top: 135px;
    }
    .index .mainImg .foo li .txt {
        font-size: 1.75rem;
    }
    .index .mainImg .foo li .txt01 {
        right: auto;
        left: 13px;
        top: 315px;
    }
    .index .mainImg .foo li .txt span {
        padding: 1px 5px 2px;
    }
	.index .mainImg .foo li .ttl span {
		padding: 0 2px;
	}
    .index .mainImg .foo li .ttl02 {
        font-size: 2.8rem;
        left: 10px;
        top: 135px;
        letter-spacing: 4px;
    }
    .index .mainImg .foo li .ttl03 {
        font-size: 2.8rem;
        left: 10px;
        top: 135px;
        letter-spacing: 4px;
    }
    .index .mainImg .foo li .ttl04 {
        font-size: 2.8rem;
        left: 10px;
        top: 135px;
        letter-spacing: 4px;
    }
    .index .mainImg .foo li .ttl05 {
        font-size: 2.8rem;
        left: 10px;
        top: 135px;
        letter-spacing: 4px;
    }

    .index .mainImg .foo li .ttl06 {
        position: absolute;
        top: 100px;
        left: 0;
        background: none;
    }
    .index .mainImg .foo li .ttl06:hover {
        opacity: 0.8;
    }
		.index .mainImg .foo li .ttl06 span {
			background: transparent;
		}
    .index .mainImg .foo li .ttl06 .text01 {
      width: 100%;
      margin-top: 40px;
      background: none;
    }
    .index .mainImg .foo li .ttl06 .text02 {
			position: absolute;
			bottom: 67px;
			left: 50%;
      width: 80%;
      display: block;
      background: none;
			transform: translateX(-50%);
    }

    .index .mainImg .foo li .txt02 {
      left: 10px;
      top: 315px;
      font-size: 1.6rem;
      letter-spacing: 1px;
    }
    .index .mainImg .foo li .txt05 {
      left: 10px;
      top: 250px;
      font-size: 1.6rem;
      letter-spacing: 1px;
    }


		.index .link {
	    width: 85%;
			margin: 15px auto 0;
			text-align: center;
    }
    .index .link a {
			display: block;
      padding: 5px 15px 8px;
      font-size: 1.5rem;
			font-weight: bold;
			color: #fff;
      line-height: 21px;
      letter-spacing: 1.5px;
			background: rgba(50, 86, 74, 0.9) url("img/common/arrow06.png") no-repeat right 11px bottom 15px;
      background-size: 40px auto;
      background-position: right 7px bottom 10px;
			border: 1px solid rgba(255, 255, 255, 0.79);
    }
    .index .link a span {
		display: block;
        margin-bottom: 1px;
        font-size: 1.2rem;
    }

	.index .scroll {
		position: absolute;
		bottom: 35px;
		left: 45%;
		font-size: 1.6rem;
		color: #fff;
		animation: key1 .5s ease infinite alternate;
	}
	.index .scroll:after {
		margin-top: -23px;
		position: absolute;
		top: 0;
		width: 20px;
		height: 20px;
		right: 10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(135deg);
		transition: 0.3s;
		content: '';
	}
	.slick-dots {
		position: absolute;
		bottom: 13px;
		left: 0;
		width: 100%;
		text-align: center;
	}

    .society {
        padding: 28px 0 76px;
    }
    .society p {
        margin-bottom: 15px;
        line-height: 32.5px;
    }
    .society h2 {
        margin: 0 -13px 17px -1px;
        font-size: 2rem;
        line-height: 34px;
        letter-spacing: 0.5px;
    }
    .society .bigTxt {
        width: 156px;
        z-index: -1;
        right: -0;
        top: 30px;
    }
    .society .comLink03 {
        float: none;
        width: 269px;
        margin: 33px auto 0;
    }
    .society .banner {
        max-width: inherit;
        margin: 64px 20px 0;
        display: block;
    }
    .society .banner .photoBox {
        width: auto;
    }
    .society .banner .photoBox img {
        width: 100%;
    }
    .society .banner .textBox {
        padding: 7px 15px 9px;
        width: auto;
    }
    .society .banner .textBox .ttl {
        margin-bottom: 1px;
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 20px;
    }
    .society .banner .textBox .ttl02 {
        font-size: 1.7rem;
        letter-spacing: 0;
        margin-left: -10px;
        line-height: 23px;
    }
    .society .banner .textBox .comLink {
        width: 256px;
    }
    .society .banner .textBox .comLink a {
        padding: 1px 17px;
        font-size: 1.05rem;
        line-height: 19px;
        letter-spacing: 1px;
        background-size: 25px auto;
    }
    .society .banner .textBox .photoSpan {
        left: 6px;
        bottom: auto;
        top: -27px;
        width: 48px;
    }
    .convention {
        padding: 27px 20px 50px;
    }
    .convention .inner {
        width: auto;
        padding: 20px 10px;
    }
    .convention .inner .txt {
        text-align: left;
        line-height: 30px;
    }
    .convention .list {
        margin: 30px 3px;
        display: block;
    }
    .convention .list li {
        margin: 0 0 22px !important;
        width: auto;
    }
    .convention .list li .sub {
		/*padding: 13px 13px 140px; 階段の表示にする場合*/
        padding: 13px 13px 95px;
        min-height: inherit;
    }
/*
    .convention .list li .sub02 {
        padding: 13px 13px 200px;
    }
*/
    .convention .list li .sub .ttl {
        margin-bottom: 14px;
        line-height: 25px;
    }
    .convention .list li .sub p {
        margin-bottom: 22px;
        line-height: 25px;
        font-size: 1.4rem;
    }
    .convention .list li .comLink {
        max-width: inherit;
        margin:0 13px 12px;
        width: auto;
    }
    .convention .inner::after {
        height: 312px;
    }
    .convention .list li .linkBox {
        bottom: 15px;
    }
    .online .bigPhoto {
        width: 100%;
        z-index: -1;
    }
    .online .headLine04 {
        margin-bottom: 17px;
        padding: 30px 0;
    }
    .online .txtBox {
        margin-bottom: 34px;
        width: auto;
        display: block;
        padding: 10px 40px 40px 20px;
    }
    .online .txtBox::after {
        right: 27px;
        left: 0;
        top: -22px;
    }
    .online .txtBox .txt01 {
        width: auto;
        font-size: 1.7rem;
        line-height: 29px;
        letter-spacing: 1px;
    }
    .online .txtBox .txt02 {
        margin: 10px 0 0;
        font-size: 1.4rem;
        line-height: 30px;
        width: auto;
    }
    .online::after {
        top: 162px;
        width: auto;
        height: 761px;
        right: 13px;
    }
    .online h3 {
        margin: 0 10px 20px;
        font-size: 1.85rem;
        line-height: 25px;
        letter-spacing: 2.5px;
    }
    .online h3 span {
        padding-bottom: 16px;
        display: block;
    }
    .online .infoUl {
        padding-bottom: 3px;
        margin: 0 14px;
        display: block;
    }
    .online .infoUl li {
        width: auto;
        margin: 0 0 29px !important;
    }
    .online .infoUl li .news {
        padding: 4px 0;
        top: -4px;
        left: 10px;
    }
    .online .infoUl li .sub {
        padding: 14px 19px 21px;
    }
    .online .infoUl li .sub .ttl {
        margin-bottom: 10px;
        padding-bottom: 12px;
        line-height: 28px;
        letter-spacing: 0;
    }
    .online .infoUl li .sub .ttl02 {
        margin-bottom: -3px;
    }
    .online .infoUl li .sub .date {
        margin-bottom: 9px;
        padding: 0;
        letter-spacing: 1.4px;
        text-align: left;
    }
    .online .infoUl li .date .txtSpan01 {
        letter-spacing: 1.8px;
    }
    .online .infoUl li .sub p {
        margin-bottom: 21px;
        line-height: 26.5px;
        font-size: 1.4rem;
    }
    .online .linkUl {
        margin: 0 13px;
        display: block;
    }
    .online .linkUl li {
        margin-bottom: 20px;
        width: auto;
    }
    .online .linkUl li .comLink03 a {
        padding: 12px 12px 14px;
        letter-spacing: 0;
        font-size: 1.4rem;
    }
    .online .linkUl li .comLink03 a span {
        display: block;
        padding: 0;
    }
    .online .linkUl .liStyle .comLink03 a span {
        padding-right: 33px;
    }
    .online {
        margin-bottom: 89px;
    }
    .organicBox .headLine04 {
        margin: 0 7px 28px;
    }
    .organicBox .headLine04 span {
        margin-top: 7px;
        line-height: 32px;
        letter-spacing: 7.5px;
    }
    .organicBox .whiteBox {
        width: auto;
        padding: 10px 30px 16px 10px;
        margin-right: -20px;
    }
    .organicBox .whiteBox p {
        line-height: 30px;
        margin: 0 0 43px;
    }
    .organicBox .whiteBox .ttl {
        margin-bottom: 9px;
        font-size: 1.7rem;
        line-height: 29px;
        letter-spacing: 1px;
    }
    .organicBox .comLink {
        width: auto;
        max-width: 310px;
        margin: 0 auto;
    }
    .organicBox .comLink a {
        padding: 13px 25px 13px;
    }
    .organicBox .bigPhoto {
        width: 95%;
        bottom: -173px;
        max-width: 356px;
    }
    .organicBox::after {
        display: none;
    }
    .organicBox .mainBox::before {
        left: -20px;
        top: -15px;
    }
    .organicBox {
        margin-bottom: 270px;
    }
    .index .sec {
        width: auto;
        margin: 0 20px 94px;
        display: block;
    }
    .index .sec .lBox {
        margin-bottom: 80px;
        width: auto;
    }
    .index .sec .rBox {
        width: auto;
    }
    .index .sec h2 {
        margin-bottom: 11px;
        font-size: 2.15rem;
        letter-spacing: 3.85px;
    }
    .index .sec .newsDl dt {
        padding: 23px 11px 0;
    }
    .index .sec .newsDl dd {
        padding: 4px 15px 34px;
    }
    .index .sec .linkP {
        font-size: 1.3rem;
        margin: 7px 5px 0 0;
    }
    .message {
        width: auto;
        margin: 0 15px;
        padding: 28px 10px 25px;
    }
    .message .headLine04 {
        margin-bottom: 8px;
    }
    .message .headLine04 span {
        font-size: 2.15rem;
        letter-spacing: 3.87px;
    }
    .message p {
        margin-bottom: 23px;
        font-size: 1.4rem;
    }
    .message .inputUl {
        margin-bottom: 14px;
        width: auto;
    }
    .message .inputUl li {
        margin-bottom: 10px;
    }
    input[type="email"], input[type="tel"], input[type="text"] {
        height: 43px;
    }
    .btn {
        width: 99px;
    }
    .btn input {
        font-size: 1.55rem;
        height: 36px;
    }
}

/*------------------------------------------------------------
	sdg_lifestyle
------------------------------------------------------------*/
.sdg_lifestyle .comInner .textBox {
    padding-top: 85px;
	width: 45.3%;
}
.sdg_lifestyle .comInner .textBox .ttl02 {
    letter-spacing: 2.4px;
}
.sdg_lifestyle .comInner {
    margin-bottom: 35px;
}
.sdg_lifestyle .comImgBoxL {
    margin-bottom: 100px;
}
.sdg_lifestyle .comImgBoxL .photoBox {
    margin-top: 19px;
}
.sdg_lifestyle .comImgBoxL .textBox .ttl {
    padding-bottom: 18px;
    line-height: 32px;
    letter-spacing : 1.8px;
}
.sdg_lifestyle .theme {
    margin-bottom: 90px;
    padding: 40px 0 46px;
    background: none;
}
.sdg_lifestyle .theme:after {
	width: 100%;
	height: 1235px;
    background-color: #FCFCFB;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
    z-index: -1;
}
.sdg_lifestyle .theme .bg01 {
    top: 0px;
    left: auto;
    right: -48px;
    height: 265px;
    width: 51.1%;
}
.sdg_lifestyle .theme .bg01 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sdg_lifestyle .theme .inner .textImg {
    padding-top: 10px;
}
.sdg_lifestyle .theme .inner {
    padding-bottom: 87px;
    margin-bottom: 60px;
}
.sdg_lifestyle .theme .inner p.linkTxt {
	margin-top: 10px;
	margin-left: 15px;
	line-height: 1.8;
}
.sdg_lifestyle .theme .inner p.linkTxt a {
	text-decoration: underline;
}
.sdg_lifestyle .theme .inner p.linkTxt a:hover {
	opacity: 0.7;
}
.sdg_lifestyle .theme::before {
    background-image: url("img/common/bg08.png");
    height: 314px;
    top: 54.5%;
    width: 490px;
}
.sdg_lifestyle .theme .bg02 {
    width: 43.8%;
}
.sdg_lifestyle .points .headLine03 {
    margin-bottom: 70px;
}
.sdg_lifestyle .criteria {
}
.sdg_lifestyle .criteria .pTxt {
	line-height: 2;
}
.sdg_lifestyle .criteria .headLine03 {
	margin-bottom: 35px;
}


@media all and (max-width: 896px) {
    .sdg_lifestyle .comInner .textBox {
        padding-top: 41px;
		width: 100%;
    }
    .sdg_lifestyle .comInner .textBox .ttl {
        padding-right: 60px;
        padding-bottom: 41px;
    }
    .sdg_lifestyle .comInner .textBox .ttl03 {
        margin-right: 0;
    }
    .sdg_lifestyle .comInner {
        margin-bottom: 51px;
    }
    .sdg_lifestyle .comImgBoxL .textBox {
        padding-top: 60px;
    }
    .sdg_lifestyle .comImgBoxL .textBox .ttl {
        line-height: 33px;
        padding-bottom: 14px;
        margin-bottom: 6px;
    }
    .sdg_lifestyle .comImgBoxL {
        margin-bottom: 56px;
    }
    .sdg_lifestyle .greyBox {
        margin-bottom: 73px;
        padding-bottom: 68px;
    }
    .sdg_lifestyle .guidelines {
        margin-bottom: 121px;
    }
    .sdg_lifestyle .theme {
        padding: 84px 0;
        margin-bottom: 50px;
    }
    .sdg_lifestyle .theme .inner .ttl {
        font-size: 1.7rem;
        padding-bottom: 18px;
        margin-bottom: 22px;
    }
    .sdg_lifestyle .theme .bg01 {
        top: -20px;
        height: 160px;
        width: 87%;
    }
    .sdg_lifestyle .theme .inner .textImg {
        margin: -14px -14px 0;
    }
    .sdg_lifestyle .theme::before {
        width: auto;
        right: 130px;
        height: 157px;
        top: 900px;
    }
    .sdg_lifestyle .theme .inner {
        padding-bottom: 32px;
        margin-bottom: 41px;
    }
    .sdg_lifestyle .theme::after {
        height: 96%;
    }
    .sdg_lifestyle .theme .bg02 {
        width: 70.6%;
        bottom: 29px;
    }
    .sdg_lifestyle .points .headLine03 {
        margin-bottom: 30px;
    }
}

@media all and (max-width: 374px) {
    #gHeader h1 img {
        width: 240px;
    }
    #gFooter .naviUl li a{
        margin: 0 10px;
    }
    .about .list li p {
        font-size: 1.3rem;
    }
    .wp-pagenavi .previouspostslink {
        padding-right: 0;
    }
    .wp-pagenavi .nextpostslink {
        padding-left: 0;
    }
    .detailBox .ttl {
        font-size: 1.5rem;
    }
    .news .detailUl li {
        margin: 0 12px;
    }
    .record .list li a {
        background-size: 13px auto;
        background-position: right 5px bottom 4px;
    }
    .matching .list li p {
        font-size: 1.4rem;
    }
    .index .mainImg .foo li .ttl {
        font-size: 3rem;
    }
    .society .banner .textBox .ttl02 {
        font-size: 1.4rem;
    }
    .comLink a {
        font-size: 1.2rem !important;
    }
    .online .txtBox .txt01 {
        font-size: 1.4rem;
    }
    .online .infoUl li .sub .ttl {
        font-size: 1.4rem;
    }
    .online .linkUl {
        margin: 0;
    }
    .organicBox .whiteBox .ttl {
        font-size: 1.5rem;
    }
    .index .mainImg .foo li .ttl {
        font-size: 2.7rem;
    }
    .index .mainImg .foo li .txt02 {
        font-size: 1.5rem;
    }
    .comImgBoxL .textBox .ttl {
        font-size: 1.6rem;
    }
}

@media all and (min-width: 1500px) {
    .online .bigPhoto {
        width: 70%;
        height: 350px;
    }
    .online .bigPhoto img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media all and (min-width: 897px) and (max-width: 1199px) {
    #gHeader h1 {
        width: 200px;
    }
    #gHeader .hInner {
        width: 74%;
    }
    #gNavi > ul {
        flex-wrap: nowrap;
    }
    #gHeader .link {
        margin-left: 5px;
        width: 120px;
    }
    #gNavi {
        width: calc(100% - 125px);
    }
    #gNavi > ul > li {
        text-align: center;
    }
}



@media all and (max-height: 450px) {
    .index .mainImg {
        height: 550px !important;
    }
}






/* privacy policy */
.privacy {
}
.privacy .headLine03 {
	margin-top: 50px;
}
.privacy .ppBox {
	width: 656px;
	margin: 40px auto 110px;
	font-size: 1.3rem;
	line-height: 2.6;
}
.privacy .ppBox h3 {
	margin-top: 40px;
	font-weight: 700;
}
.privacy .ppBox p {
	margin: 0;
}
@media all and (max-width: 896px) {
	.privacy .headLine03 {
		margin-top: 25px;
	}
	.privacy .ppBox {
		width: 89%;
		margin: 25px auto 50px;
		font-size: 1.4rem;
	}
	.privacy .ppBox h3 {
		margin-top: 25px;
	}
}



/* company */
.com_back {
	background: #fcfcfb;
}
.company {
}
.company .companyBox {
	margin: 50px auto 80px;
	padding: 60px 0;
	max-width: 963px;
	background: #FFFFFF;
}
.company .comBox {
	width: 694px;
	margin-top: 35px;
}
.company .comBox .comTable {
	border-collapse: collapse;
}
.company .comBox .comTable th {
	width: 126px;
	font-weight: 400;
	padding: 23px 0 23px 0;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	vertical-align: top;
	text-align: center;
}
.company .comBox .comTable td {
	width: 529px;
	font-weight: 400;
	padding: 23px 0 23px 56px;
	border-bottom: 1px solid #808080;
	line-height: 1.9;
}
.company .comBox .comTable td.flex {
}
.company .comBox .comTable td.flex .name {
	display: block;
	width: 150px;
}
.company .comBox .comTable td.flex .deta {
	display: block;
}
.company .comBox .comTable td.flex .deta a {
	text-decoration: underline;
}
.company .comBox .comTable td .bold {
	font-weight: 700;
}
.company .comBox .comTable th.first {
	border-top: 1px solid #808080;
}
.company .comBox .comTable td.first {
	border-top: 1px solid #808080;
}
.company .comBox .comTable td.none {
	width: 39px;
	border: none;
}
@media all and (max-width: 896px) {
	.company .companyBox {
	margin: 40px auto 50px;
	padding: 30px 0;
}
	.company .comBox {
		width: 94%;
		margin-top: 35px;
	}
	.company .comBox .comTable th {
		width: 28%;
		padding: 23px 0;
		vertical-align: middle;
	}
	.company .comBox .comTable td {
		width: 70%;
		padding: 23px 10px 23px 10px;
	}
	.company .comBox .comTable td.flex {
		display: block;
		width: auto;
	}
	.company .comBox .comTable td.flex .name {
		display: block;
		width: auto;
	}
	.company .comBox .comTable td.flex .deta {
		display: block;
	}

	.company .comBox .comTable td .bold {
		font-weight: 700;
	}
	.company .comBox .comTable td.none {
		width: 2%;
	}
}


/* contact */

.contact {
}
.contact .headLine03 {
	margin-top: 50px;
}
.contact .conTxt {
	margin-top: 35px;
	text-align: center;
}
.contact .conTxt p {
	margin: 0 0 7px 0;
	line-height: 2;
}
.contact .conTxt p .gray {
	font-size: 1.3rem;
	color: #9fa0a0;
}
.contact .tableBox {
	max-width: 595px;
	margin: 55px auto 0;
}
.contact .tableBox .comTable {
	width: 100%;
	margin-bottom: 30px;
}
.contact .tableBox .comTable th {
	margin-left: 10px;
	margin-bottom: 8px;
	text-align: left;
	font-weight: 400;
}
.contact .tableBox .comTable td {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.contact .tableBox .comTable th,
.contact .tableBox .comTable td {
	width: 100%;
	float: left;
}

.must {
	margin-left: 13px;
	padding: 1px 9px;
	font-size: 1.2rem;
	border: 1px solid #6c90a8;
	color: #6c90a8;
}
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea {
	padding-left: 14px;
    width: 100%;
    height: 52px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    font-size: 1.4rem;
    background-color: rgba(221,221,215,0.2);
    box-sizing: border-box;
}
.contact textarea {
	height: 195px;
}

.contact .submit {
	margin: 0 auto 125px;
	max-width: 284px;
	position: relative;
}
.contact .submit input[type="submit"] {
	margin: 0 auto;
	padding: 20px 70px;
	display: block;
	position: relative;
	z-index: 2;
	color: #FFF;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 3px;
	text-align: center;
	border: 1px solid #6c90a8;
	background-color: #6c90a8;
	transition: all .4s cubic-bezier(.65,.05,.36,1);
	-webkit-transition: all .4s cubic-bezier(.65,.05,.36,1);
}
.contact .submit input[type="submit"]:after {
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    right: 61px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    transition: 0.3s;
    content: '';
}
.contact .submit input[type="submit"]:hover {
	background: #fff;
	color: #6c90a8;
	border: 1px solid #6c90a8;
}
.contact .submit input[type="submit"]
input::placeholder {
  color: #9fa0a0;
}







@media all and (max-width: 896px) {
	.contact .headLine03 {
		margin-top: 25px;
	}
	.contact .conTxt {
		width: 90%;
		margin: 35px auto 0;
		text-align: left;
	}
	.contact .conTxt p .gray {
		font-size: 1.4rem;
	}
	.contact .tableBox {
		max-width: 89%;
		margin: 35px auto 0;
	}
	.contact .tableBox .comTable {
		width: 100%;
		margin-bottom: 30px;
	}
	.contact .tableBox .comTable th {
		margin-left: 10px;
		margin-bottom: 8px;
		text-align: left;
		font-weight: 400;
	}
	.contact .tableBox .comTable td {
		width: 100%;
		margin-bottom: 20px;
		float: left;
	}
	.contact .tableBox .comTable th,
	.contact .tableBox .comTable td {
		width: 100%;
		float: left;
	}

	.must {
		margin-left: 13px;
		padding: 1px 9px;
		font-size: 1.2rem;
	}

	.contact input[type="text"],
	.contact input[type="email"],
	.contact input[type="tel"],
	.contact textarea {
		padding-left: 14px;
		width: 100%;
		height: 52px;
		border: none;
		appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-webkit-appearance: none;
		font-size: 1.4rem;
		background-color: rgba(221,221,215,0.2);
		box-sizing: border-box;
	}
	.contact textarea {
		height: 195px;
	}
	.contact .submit {
		margin: 0 auto 80px;
		max-width: 284px;
		position: relative;
	}
	.contact .submit input[type="submit"] {
		margin: 0 auto;
		padding: 20px 70px;
		display: block;
		position: relative;
		z-index: 2;
		color: #FFF;
		font-size: 1.3rem;
		font-weight: 500;
		letter-spacing: 3px;
		text-align: center;
		border: 1px solid #5976B4;
		background-color: #5976B4;
		transition: all .4s cubic-bezier(.65,.05,.36,1);
		-webkit-transition: all .4s cubic-bezier(.65,.05,.36,1);
	}
	.contact .submit input[type="submit"]:after {
		margin-top: -3px;
		position: absolute;
		top: 50%;
		width: 6px;
		height: 6px;
		right: 61px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		transform: rotate(45deg);
		transition: 0.3s;
		content: '';
	}
	.contact .submit input[type="submit"]:hover {
		background: #fff;
		color: #5976b4;
		border: 1px solid #5976b4;
	}
	.contact .submit input[type="submit"]
	input::placeholder {
	  color: #9fa0a0;
	}


}

/*------------------------------------------------------------
	事業概要
------------------------------------------------------------*/
.content {}
.content .headLine03 {
	margin-top: 40px;
	font-size: 1.3rem;
}
.content .headLine05 {
	margin-bottom: 25px;
	font-size: 2rem;
	text-align: center;
}
.content .conBox {
	width: 680px;
	margin: 0 auto;
}
.content .conBox .wpTxt {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2;
}
.content .conBox .head01 {
	margin-bottom: 30px;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	line-height: 2;
}
.content .photoBox {
	width: 1030px;
	margin: 50px auto -140px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.content .photoBox img:last-child {
	margin-top: 88px;
}
.content .photoBox02 {
	width: 1140px;
	margin: 0 auto 128px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.content .bg03 {
	position: relative;
	padding-top: 184px;
	padding-bottom: 117px;
	background: #fcfcfb;
	z-index: -2;
}
.content .bg03:before {
	content: "";
	position: absolute;
	top: 60px;
	left: 42%;
	width: 433px;
	height: 266px;
	background: url("img/common/bg01.png")top left;
	background-size: 100% 100%;
	transform: translate(-42%);
	z-index: -1;
}
.content .bg03:after {
	content: "";
	position: absolute;
	bottom: 59px;
	right: 12%;
	width: 433px;
	height: 266px;
	background: url("img/common/bg02.png")top left;
	background-size: 100% 100%;
	transform: translateX(10%);
	z-index: -1;
}
.content .bg03 .conBox {
	position: relative;
	padding: 60px 55px;
	background: rgba(255,255,255,0.9);
}
.content .bg03 .conBox:after {
	content: "";
	position: absolute;
	bottom: 50%;
	left: -200px;
	width: 433px;
	height: 266px;
	background: url("img/common/bg03.png")top left;
	background-size: 100% 100%;
	transform: translateY(50%);
	z-index: -1;
}

.content .bg03 .conBox .head02 {
	margin-bottom: 33px;
	font-size: 2rem;
	font-weight: 700;
}
.content .bg03 .conBox .inner {
	padding: 0 20px;
}
.content .bg03 .conBox .inner p {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #221714;
}
.content .bg03 .conBox .inner ul {
	margin-bottom: 45px;
}
.content .bg03 .conBox .inner ul li {
	margin-bottom: 15px;
    text-indent: -1.7rem;
    padding-left: 1.7rem;
	font-weight: 400;
}
.content .src03 {
	width: 700px;
	margin: 85px auto 127px;
	padding: 50px 50px 38px;
	background: #6c90a8;
	color: #fff;
}
.content .src03 .head01 {
	margin-bottom: 24px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
.content .src03 .wpTxt {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2;
}

.content .src03 .btn02 {
	text-align: center;
}
.content .src03 .btn02 a {
	position: relative;
	display: inline-block;
	width: 248px;
	margin-top: 15px;
	padding: 16px 0;
	border: 1px solid #fff;
	color: #fff;
}
.content .src03 .btn02 a:after {
	content: "";
	position: absolute;
	top: 45%;
	right: 30px;
	width: 33px;
	height: 7px;
	background: url("img/common/arrow08.png")no-repeat top right;
	background-size: 100% 100%;
	transform: translateY(-45%);
}
.content .src03 .btn02 a:hover {
	background: #fff;
	color: #6c90a8;
}
.content .src03 .btn02 a:hover::after {
	background: url("img/common/arrow10.png")no-repeat top right;
	background-size: 100% 100%;
}
.content .src04 {
	width: 780px;
	margin: 0 auto;
}
.content .src04 .inner {
	margin-bottom: 100px;
}
.content .src04 .inner .headLine05 {
	font-size: 1.5rem;
	font-weight: 500;
}
.content .src04 .inner .headLine05 span {
	display: block;
	margin-bottom: 10px;
	font-family: 'Bodoni 72 Oldstyle';
	font-size: 4.6rem;
	border-bottom: 1px solid #181818;
	line-height: 0.66;
	letter-spacing: 5px;
}
.content .src04 .inner p {
	font-weight: 400;
	line-height: 2;
}
.content .src05 {
	margin-bottom: -50px;
	padding: 77px 0 106px;
	background: #fcfcfb;
}
.content .src05 .innerBox {
	width: 653px;
	margin: 0 auto;
	padding: 50px 80px 40px;
	background: #fff;
}
.content .src05 .innerBox p {
	margin-bottom: 32px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
.content .src05 .innerBox ul {
	width: 560px;
	margin: 0 auto;
	text-indent: -4.4rem;
	padding-left: 4.4rem;
}
.content .src05 .innerBox ul li {
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.content .src05 .innerBox ul li span {
	padding-right: 10px;
	font-size: 2.3rem;
	font-weight: 700;
}








@media all and (max-width: 896px) {
	.content {}
	.content .headLine03 {
		margin-top: 16px;
		font-size: 1.3rem;
	}
	.content .headLine05 {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	.content .conBox {
		width: 90%;
		margin: 0 auto;
	}
	.content .conBox .wpTxt {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 2;
	}
	.content .conBox .head01 {
		margin-bottom: 30px;
		font-size: 1.5rem;
		font-weight: 500;
		text-align: left;
		line-height: 2;
	}
	.content .photoBox {
		width: 100%;
		margin: 50px auto 0;
	}
	.content .photoBox img {
		width: 50%;
	}
	.content .photoBox img:last-child {
		margin-top: 0;
	}
	.content .photoBox02 {
		width: 100%;
		margin: 0 auto 128px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.content .photoBox02 img {
		width: 50%;
	}
	.content .bg03 {
		padding-top: 25px;
		padding-bottom: 30px;
		z-index: -2;
	}
	.content .bg03:before {
		display: none;
	}
	.content .bg03:after {
		display: none;
	}
	.content .bg03 .conBox {
		padding: 25px 0;
		background: rgba(255,255,255,0.9);
	}

	.content .bg03 .conBox .head02 {
		margin-left: 2%;
		margin-bottom: 20px;
		font-size: 2rem;
		font-weight: 700;
	}
	.content .bg03 .conBox .inner {
		padding: 0 20px;
	}
	.content .bg03 .conBox .inner p {
		margin-bottom: 20px;
		padding-bottom: 6px;
		border-bottom: 1px solid #221714;
	}
	.content .bg03 .conBox .inner ul {
		margin-bottom: 45px;
	}
	.content .bg03 .conBox .inner ul li {
		margin-bottom: 27px;
		padding-left: 1.4rem;
		text-indent: -1.4rem;
	}
	.content .src03 {
		width: 80%;
		margin: 50px auto 70px;
		padding: 25px 5% 20px;
		background: #6c90a8;
		color: #fff;
	}
	.content .src03 .head01 {
		margin-bottom: 24px;
		font-size: 2rem;
		font-weight: 700;
		text-align: center;
	}
	.content .src03 .wpTxt {
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 2;
	}

	.content .src03 .btn02 {
		text-align: center;
	}
	.content .src03 .btn02 a {
		position: relative;
		display: inline-block;
		width: 248px;
		margin-top: 15px;
		padding: 16px 0;
		border: 1px solid #fff;
		color: #fff;
	}
	.content .src03 .btn02 a:after {
		content: "";
		position: absolute;
		top: 45%;
		right: 30px;
		width: 33px;
		height: 7px;
		background: url("img/common/arrow08.png")no-repeat top right;
		background-size: 100% 100%;
		transform: translateY(-45%);
	}
	.content .src03 .btn02 a:hover {
		background: #fff;
		color: #6c90a8;
	}
	.content .src03 .btn02 a:hover::after {
		background: url("img/common/arrow10.png")no-repeat top right;
		background-size: 100% 100%;
	}
	.content .src04 {
		width: 100%;
		margin: 0 auto;
	}
	.content .src04 .inner {
		margin-bottom: 100px;
	}
	.content .src04 .inner .headLine05 {
		font-size: 1.5rem;
		font-weight: 500;
	}
	.content .src04 .inner .headLine05 span {
		display: block;
		margin-bottom: 10px;
		font-family: 'Bodoni 72 Oldstyle';
		font-size: 3.7rem;
		border-bottom: 1px solid #181818;
		line-height: 0.66;
		letter-spacing: 5px;
	}
	.content .src04 .inner .headLine05 span .sline {
		border: none;
		margin: 0;
		padding: 0;
		line-height: 0;
	}
	.content .src04 .inner p {
		width: 90%;
		margin: 0 auto;
		line-height: 2;
	}
	.content .src05 {
		margin-bottom: 0;
		padding: 40px 0 50px;
		background: #fcfcfb;
	}
	.content .src05 .innerBox {
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 20px;
		background: #fff;
	}
	.content .src05 .innerBox p {
		margin-bottom: 20px;
		font-size: 2rem;
		font-weight: 700;
		text-align: center;
	}
	.content .src05 .innerBox ul {
		width: 75%;
		margin: 0 auto;
		text-indent: -4.4rem;
		padding-left: 4.4rem;
	}
	.content .src05 .innerBox ul li {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}
	.content .src05 .innerBox ul li span {
		padding-right: 10px;
		font-size: 2.3rem;
		font-weight: 700;
	}




}




/*オンラインセミナーバナー*/
.seminarBox {
    width: 750px;
    margin: 40px auto 90px;
}
.seminarBox:hover {
    opacity: 0.7;
}
.online .seminarBox {
    width: 750px;
    margin: 50px auto 90px;
}

@media all and (max-width: 896px) {
    .seminarBox {
        width: 90%;
        margin: 40px auto 60px;
    }
}
.bannerindex {
    width: 700px;
    text-align: center;
    margin: 52px auto 0;
}
.bannerindex:hover {
    opacity: 0.7;
}
@media all and (max-width: 896px) {
    .bannerindex {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        background: rgba(255,255,255,0.6);
    }
}

/*--20210412--*/
.banaBox {
    width: 590px;
    margin: 0 auto 103px;
}
.banaBox:hover {
    opacity: 0.8;
}
.banner2021 {
    margin: 0 0 30px;
}
.banner2021:hover {
    opacity: 0.8;
}

@media all and (max-width: 896px) {
    .banaBox {
        width: 85%;
        margin: 0 auto 48px;
    }
}

/*------------------------------------------------------------
	オーガニック会議
------------------------------------------------------------*/
.conference p {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.4;
	margin-bottom: 40px;
	text-align: justify;
}
.conference .blueTxt {
	color: #6C90A8;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: 1px;
}
.conference .p_fTxt li,
.conference .p_fTxt li a {
	color: #fff;
}
.conference .topBox {
	text-align: center;
	background-image: url("img/conference/main_img.jpg");
	background-size: cover;
	height: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -50px;
}
.conference .topBox h2 {
	font-family: noto sans cjk jp, sans-serif;
	font-weight:bold;
	font-style: normal;
	font-size: 4.8rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 4px rgba(94,102,79,0.8);
}
.conference .topBox h2 span {
	font-size: 2.2rem;
	letter-spacing: 1px;
	display: block;
	margin-top: 10px;
}
.conference .intro {
	width: 685px;
	margin: 80px auto 130px;
}
.conference .intro h3 {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 3.5rem;
	letter-spacing: 6px;
	text-align: justify;
	margin: 20px auto;
}
.conference .about .comInner {
	background: rgba(249,249,248,0.5);
	width: 93%;
	margin-left: 0;
	margin-bottom: 100px;
	flex-direction: row-reverse;
	box-sizing: border-box;
	padding: 50px 7% 80px 0;
}
.conference .about .comInner .photoBox {
	margin: 15px auto 0 0;
	width: 37%;
}
.conference .about .comInner .textBox {
	margin: 0;
	width: 55%;
	padding: 0;
}
.conference .about .comInner .textBox h3 {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 3rem;
	letter-spacing: 3px;
	margin: 10px auto 15px;
}
.conference .about .comInner .bioBox {
	margin-top: 70px;
}
.conference .about .comInner .bioBox .blueTxt {
	padding-left: 15px;
}
.conference .about .comInner .bioBox .fBox {
	background: #fff;
	border: 1px solid #c6c6c6;
	padding: 40px 9% 22px;
	box-sizing: border-box;
	margin-top: 10px;
	position: relative;
}
.conference .about .comInner .bioBox .fBox:before {
	position: absolute;
	content: "";
	top: -80px;
	right: 10%;
	width: 80vw;
	height: 550px;
	background: #f5f6f2;
	z-index: -1;
}
.conference .about .comInner .bioBox .fBox table tr {
	display: block;
	margin-bottom: 30px;
}
.conference .about .comInner .bioBox .fBox table tr td {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2;
	text-align: justify;
}
.conference .about .comInner .bioBox .fBox table tr .day {
	width: 100px;
	vertical-align: top;
}
.conference .porpose {
	margin: 0 30px;
}
.conference .porpose h3 {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.7rem;
	text-align: center;
	letter-spacing: 3px;
}
.conference .porpose .blueTxt {
	display: block;
	text-align: center;
	letter-spacing: 3px;
}
.conference .porpose .flexBox {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.conference .porpose .inBox {
	width: 23%;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
}
.conference .porpose .inBox h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size:2.3rem;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
	padding: 15px 0;
}
.conference .porpose .green h3 {
	background-image: url("img/conference/line01.png");
	background-size: 100%;
}
.conference .porpose .blue h3 {
	background-image: url("img/conference/line02.png");
	background-size: 100%;
}
.conference .porpose .red h3 {
	background-image: url("img/conference/line03.png");
	background-size: 100%;
}
.conference .porpose .inBox p {
	font-size: 1.6rem;
	line-height: 2;
	margin: 20px 20px 30px 20px;
}
.conference .role {
	margin-top: 150px;
	position: relative;
}
.conference .role:before {
	position: absolute;
	content: "";
	top: 160px;
	right: 0;
	width: 97vw;
	height: 900px;
	background: rgba(249,249,248,0.5);
	z-index: -2;
}
.conference .role:after {
	position: absolute;
	content: "";
	top: 270px;
	right: 0;
	width: 83vw;
	height: 550px;
	background: #f5f6f2;
	z-index: -1;
}
.conference .role h3 {
	font-family: noto sans cjk jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.7rem;
	text-align: center;
	letter-spacing: 3px;
}
.conference .role .blueTxt {
	display: block;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 50px;
}
.conference .role .inBox {
	width: 772px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 40px;
	border: 1px solid #c6c6c6;
	margin-bottom: 20px;
	background: #fff;
}
.conference .role .inBox h3 {
	text-align: justify;
	font-size: 2.2rem;
	color: #7DAD7F;
	font-weight: 500;
	letter-spacing: 1px;
}
.conference .role .inBox p {
	font-size: 1.6rem;
	line-height: 2;
	margin: 10px 0 0 0;
}
.conference .estBox {
	width: 772px;
	margin: 100px auto 80px;
	background: #F5F6F2;
	box-sizing: border-box;
	padding: 50px 80px;
}
.conference .estBox span {
	display: block;
	text-align: center;
	font-size: 2rem;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.conference .estBox p {
	margin-bottom: 0;
	line-height: 2.2;
}
.conference .conBox {
	text-align: center;
	margin-bottom: 100px;
	font-family: noto sans cjk jp, sans-serif;
	font-weight: 400;
}
.conference .conBox span {
	font-size: 1.8rem;
}
.conference .conBox p {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 15px;
	line-height: 2.2;
}
@media all and (max-width: 896px) {
.conference p {
	line-height: 2.2;
	margin-bottom: 25px;
}
.conference .blueTxt {
	font-size: 1.5rem;
}
.conference .topBox {
	background-image: url("img/conference/sp_main_img.jpg");
	height: 330px;
	margin-top: -30px;
}
.conference .topBox h2 {
	font-size: 3.2rem;
}
.conference .topBox h2 span {
	font-size: 1.5rem;
	margin-top: 20px;
}
.conference .intro {
	width: 100%;
	margin: 40px auto 120px;
}
.conference .intro h3 {
	font-weight: 500;
	font-size: 2.8rem;
	letter-spacing: 2px;
	margin: 10px auto 20px;
}
.conference .about .comInner {
	background: rgba(249,249,248,0.5);
	width: 100%;
	margin-left: 0;
	margin-bottom: 60px;
	flex-direction: row-reverse;
	box-sizing: border-box;
	padding: 0 0 60px 0;
}
.conference .about .comInner .photoBox {
	margin: 0;
	width: 100%;
}
.conference .about .comInner .textBox {
	margin: 0 20px;
	width: auto;
	padding: 50px 0 0 0;
}
.conference .about .comInner .textBox h3 {
	font-weight: 500;
	font-size: 2.4rem;
	letter-spacing: 2px;
	text-align: justify;
	margin: 5px auto 10px;
}
.conference .about .comInner .bioBox {
	margin-top: 50px;
}
.conference .about .comInner .bioBox .blueTxt {
	padding-left: 0;
	font-size: 2rem;
}
.conference .about .comInner .bioBox .fBox {
	padding: 20px 8% 0;
}
.conference .about .comInner .bioBox .fBox:before {
	top: -70px;
	left: -20px;
	width: 98%;
	height: 700px;
}
	.conference .about .comInner .bioBox .fBox table tr:last-child {
		margin-bottom: 20px;
	}
.conference .about .comInner .bioBox .fBox table tr td {
	font-size: 1.4rem;
}
.conference .about .comInner .bioBox .fBox table tr .day {
	display: block;
	width: 100%;
}
.conference .porpose {
	margin: 0;
	width: 100%;
}
.conference .porpose h3 {
	font-size:2rem;
}
.conference .porpose .blueTxt {
	letter-spacing: 1px;
	margin: 5px auto 30px;
}
.conference .porpose .flexBox {
	flex-direction: column;
	margin-top: 30px;
}
.conference .porpose .inBox {
	width: 100%;
	border-radius: 1px;
	margin-bottom: 15px;
}
.conference .porpose .inBox h3 {
	font-size: 1.5rem;
	text-align: left;
	box-sizing: border-box;
	padding: 12px 0;
	padding-left: 20px;
}
.conference .porpose .inBox p {
	font-size: 1.4rem;
	margin: 15px 5% 20px 5%;
	line-height: 1.8;
}
.conference .role {
	margin-top: 60px;
	padding: 50px 0 80px;
	background: rgba(249,249,248,0.5);
}
.conference .role:before {
	display: none;
}
.conference .role:after {
	top: 560px;
	width: 86%;
	height: 610px;
}
.conference .role h3 {
	font-size:2rem;
}
.conference .role .blueTxt {
	letter-spacing: 1px;
	margin: 5px auto 30px;
}
.conference .role .inBox {
	width: auto;
	margin: 0 20px;
	padding: 25px 5%;
	margin-bottom: 15px;
}
.conference .role .inBox h3 {
	font-size: 1.7rem;
}
.conference .role .inBox p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 8px 0 0 0;
}
.conference .estBox {
	width: 100%;
	margin: 30px auto 40px;
	padding: 40px 0 30px;
}
.conference .estBox span {
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.conference .estBox p {
	margin-bottom: 0;
	line-height: 1.8;
	margin: 0 8%;
}
.conference .conBox {
	margin-bottom: 80px;
}
.conference .conBox span {
	font-size: 1.6rem;
}
.conference .conBox p {
	font-size: 1.4rem;
	margin-top: 10px;
	line-height: 2;
}
}




/* セミナー動画　*/
.seminar {
}
.seminar .topTxt {
    width: 656px;
    margin: 0 auto 56px;
    line-height: 2.3;
}

.seminar .tabBox {
    margin-bottom: 56px;
}
.seminar .tabBox .tab-cont {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.seminar .tabBox .tab-cont .tab {
    display: block;
    width: 216px;
    margin: 0 35px;
    padding: 5px 0;
    background: #6c90a8;
    border: 2px solid #6c90a8;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.seminar .tabBox .tab-cont .tab.active {
    position: relative;
    background: #fff;
    border: none;
    color: #6c90a8;
}
.seminar .tabBox .tab-cont .tab.active:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #6c90a8;
}
.seminar .tabBox .tab-cont .tab.active:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 11px;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% 100%,100% 0,0 0);
    background: #6c90a8;
}
.seminar .tabBox .tab-cont .tab .big {
    display: block;
    font-size: 1.6rem;
}


.seminar .semiBox {
    width: 800px;
    margin: 0 auto;
}
.seminar .semiBox .contWrap {
}

.seminar .semiBox .contWrap .contents {
    display: none;
}
.seminar .semiBox .contWrap .contents.show {
    display: block;
}

.seminar .semiBox .contWrap .tab-ttl {
    position: relative;
    text-align: center;
}
.seminar .semiBox .contWrap .tab-ttl .bg {
    display: inline-block;
    padding: 0 34px;
    font-size: 1.6rem;
    background: #fff;
}
.seminar .semiBox .contWrap .tab-ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    z-index: -1;
}

.seminar .semiBox .tab-cont02 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 0;
    border-bottom: 1px solid #000;
}
.seminar .semiBox .contents.east .tab-cont02 {
    padding: 23px 0 56px;
}
.seminar .semiBox .contents.east .tab-cont02 .aTxt {
    position: absolute;
    bottom: 17px;
    left: 50%;
    letter-spacing: 0.1rem;
    transform: translateX(-50%);
}
.seminar .semiBox .contents.east .tab-cont02 .aTxt a {
    text-decoration: underline;
}
.seminar .semiBox .contents.east .tab-cont02 .aTxt a:hover {
    opacity: 0.5;
}
.seminar .semiBox .tab-cont02 .tab02 {
    display: block;
    width: 172px;
    margin: 0 10px;
    padding: 2px 0;
    background: #689e6c;
    border: 2px solid #689e6c;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
}
.seminar .semiBox .tab-cont02 .tab02.active {
    /*background: #fff;
    color: #689e6c;*/
}
.seminar .semiBox .semiWrap {
    margin: 0 auto;
    padding: 48px 0;
}
.seminar .semiBox .semiWrap .txt {
    margin-bottom: 42px;
    text-align: center;
}

.seminar .semiBox .contents02 {
    display: none;
}
.seminar .semiBox .contents02.show {
    display: block;
}
.seminar .semiBox .contents02 .semiUl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-right: -25px;
}
.seminar .semiBox .contents02 .semiUl li {
    width: 249px;
    margin: 0 25px 69px 0;
}
.seminar .semiBox .contents02 .semiUl li a {
}
.seminar .semiBox .contents02 .semiUl li a:hover {
    opacity: 0.6;
}
.seminar .semiBox .contents02 .semiUl li a .imgBox {
    position: relative;
    width: 100%;
}
.seminar .semiBox .contents02 .semiUl li a .imgBox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46px;
    height: 46px;
    background: url("img/seminar/icon-play.svg")no-repeat top left;
    background-size: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.seminar .semiBox .contents02 .semiUl li a .imgBox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.seminar .semiBox .contents02 .semiUl li a .textBox {
    display: block;
    width: 100%;
}
.seminar .semiBox .contents02 .semiUl li a .textBox .time {
    padding: 1px 8px 1px 0;
    background: #689e6c;
    color: #fff;
    text-align: right;
}
.seminar .semiBox .contents02 .semiUl li a .textBox .time img {
    width: 10px;
    margin-right: 4px;
    vertical-align: baseline;
}
.seminar .semiBox .contents02 .semiUl li a .textBox .ttl {
    margin-top: 7px;
    padding: 0 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    text-align: justify;
}
.seminar .semiBox .contents02 .semiUl li a .textBox .pTxt {
    margin-top: 7px;
    padding: 0 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: justify;
}


@media all and (max-width: 896px) {

    .seminar .topTxt {
        width: 86%;
        margin: 0 auto 46px;
        line-height: 2;
    }

    .seminar .tabBox {
        margin-bottom: 13px;
    }
    .seminar .tabBox .tab-cont {
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .seminar .tabBox .tab-cont .tab {
        width: 75%;
        margin: 0 5px 55px;
    }

    .seminar .semiBox {
        width: 100%;
    }
    .seminar .semiBox .contWrap {
    }

    .seminar .semiBox .contWrap .contents {
        display: none;
    }
    .seminar .semiBox .contWrap .contents.show {
        display: block;
    }

    .seminar .semiBox .contWrap .tab-ttl .bg {
        padding: 0 3%;
    }

    .seminar .semiBox .tab-cont02 {
        padding: 16px 0;
    }
    .seminar .semiBox .contents.east .tab-cont02 {
        padding: 16px 0 56px;
    }
    .seminar .semiBox .contents.east .tab-cont02 .aTxt {
        width: 100%;
        text-align: center;
    }
    .seminar .semiBox .tab-cont02 .tab02 {
        width: 172px;
        margin: 0 10px;
    }
    .seminar .semiBox .semiWrap {
        margin: 0 auto;
        padding: 48px 0;
    }
    .seminar .semiBox .semiWrap .txt {
        margin-bottom: 42px;
        text-align: center;
    }

    .seminar .semiBox .contents02 {
        display: none;
        width: 90%;
        margin: 0 auto;
    }
    .seminar .semiBox .contents02.show {
        display: block;
    }
    .seminar .semiBox .contents02 .semiUl {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-right: -5%;
    }
    .seminar .semiBox .contents02 .semiUl li {
        width: 45%;
        margin: 0 5% 42px 0;
    }
    .seminar .semiBox .contents02 .semiUl li a .imgBox {
        position: relative;
        width: 100%;
    }
    .seminar .semiBox .contents02 .semiUl li a .imgBox:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 46px;
        height: 46px;
        background: url("img/seminar/icon-play.svg")no-repeat top left;
        background-size: 100%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .seminar .semiBox .contents02 .semiUl li a .imgBox:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 1;
    }
    .seminar .semiBox .contents02 .semiUl li a .textBox {
        display: block;
        width: 100%;
    }
    .seminar .semiBox .contents02 .semiUl li a .textBox .time {
        padding: 1px 8px 1px 0;
        background: #689e6c;
        color: #fff;
        text-align: right;
    }
    .seminar .semiBox .contents02 .semiUl li a .textBox .time img {
        width: 10px;
        vertical-align: baseline;
    }
    .seminar .semiBox .contents02 .semiUl li a .textBox .ttl {
        margin-top: 7px;
        padding: 0 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.6rem;
        text-align: justify;
    }
    .seminar .semiBox .contents02 .semiUl li a .textBox .pTxt {
        margin-top: 7px;
        padding: 0 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        text-align: justify;
    }

}