@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&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:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

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%;
}

a,
a:link {
	color: #040404;
	text-decoration: none;
}

a:visited {
	color: #040404;
}

a:hover {
	color: #040404;
}

a:active {
	color: #040404;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1280px;
	color: #4d4d4d;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 500;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
    position: relative;
	text-align: left;
}

#main {
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 1.4rem;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.pc {
		display: none !important;
	}

	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}

}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #FFF;
}

#gHeader.top {
	background-color: transparent;
}

#gHeader.on {
	background-color: #FFF;
}

#gHeader.on2 {
	background-color: #FFF;
}

#gHeader .headerBox {
	padding: 22px 27px 16px;
	margin: 0 auto;
	position: relative;
	max-width: 1346px;
}

#gHeader .leftBox {
	float: left;
}

#gHeader h1 {
	margin: 0 0 17px 10px;
	font-size: 1.3rem;
	color: #000;
	letter-spacing: 1px;
}

#gHeader .logo {
	width: 330px;
	height: 35px;
}

#gHeader .link {
	position: fixed;
	right: 0;
	top: 0;
	width: 160px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	background-color: #FFF;
    z-index: 1000;
}

#gHeader .link .ttl {
	padding: 14px 0 9px;
	font-size: 1.4rem;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #6e0000;
}

#gHeader .link li a {
	padding: 21px 20px 22px;
	display: block;
	color: #FFF;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 2px;
	background-color: #a20000;
}

#gHeader .link li a:hover {
	opacity: 0.7;
}

#gHeader .link li a .icon {
	margin-bottom: 5px;
	display: block;
}

#gHeader .link li:last-child a {
	padding: 16px 16px 21px;
	color: #000;
	font-size: 1.3rem;
	line-height: 1.538;
	letter-spacing: 1px;
	background: #FFF url("img/common/header_ico.png") right 9px bottom 10px no-repeat;
}

#gHeader .link li:last-child a .icon {
	margin: 5px 0 0;
}

@media all and (max-width: 767px) {
    #gHeader {
        background-color: #FFF;
    }

	#gHeader .headerBox {
		padding: 10px 10px 11px;
	}

	#gHeader .leftBox {
		float: left;
	}

	#gHeader h1 {
		margin: 0 0 10px 14px;
		font-size: 1rem;
	}

	#gHeader .logo {
		width: 202px;
		height: 21px;
	}

	#gHeader .menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 64px;
		bottom: 0;
		background-color: #a20000;
	}

	#gHeader .menu span {
		margin: -1px 0 0 -13px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		border: 1px solid #FFF;
		content: "";
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
	}

    #gHeader .menu.on span {
        border-color: transparent;
    }

	#gHeader .menu span:before,
	#gHeader .menu span:after {
		position: absolute;
		left: -1px;
		right: -1px;
		border: 1px solid #FFF;
		content: "";
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
	}

	#gHeader .menu span:before {
		top: -9px;
	}

    #gHeader .menu.on span:before {
        top: -1px;
        left: -5px;
        right: -5px;
        transform: rotate(45deg);
    }

	#gHeader .menu span:after {
		top: 7px;
	}

	#gHeader .menu.on span:after {
		top: -1px;
        left: -5px;
        right: -5px;
        transform: rotate(-45deg);
	}

	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
}

@media all and (max-width: 350px) {
	#gHeader .headerBox {
		padding-left: 0;
	}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi,
.menuBox {
	margin: 24px 175px 0 0;
	float: right;
    display: block;
}

#gNavi > ul > li,
.menuBox > ul > li {
	margin: 0 28px -16px 0;
	float: left;
    height: 60px;
}

#gNavi > ul > li:last-child,
.menuBox > ul > li:last-child {
	margin-right: 0;
}

#gNavi > ul > li > a,
.menuBox > ul > li > a {
	font-size: 1.5rem;
	color: #000;
	position: relative;
	font-weight: bold;
}

#gNavi > ul > li > a:hover,
#gNavi > ul > li.on > a,
#gNavi > ul > li.on2 > a {
	color: #666;
}

#gNavi > ul > li > a:hover:before,
#gNavi > ul > li.on > a:before,
#gNavi > ul > li.on2 > a:before {
	position: absolute;
	bottom: -11px;
	left: 10px;
	right: 10px;
	border-bottom: 1px solid #d4000f;
	content: "";
}

#gNavi .hoverBox,
.menuBox .hoverBox {
    display: none;
    padding: 22px 0;
    position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 500;
    background: url("img/common/hover_bg01.jpg") no-repeat center;
    background-size: cover;
}

#gNavi .hoverBox .innerBox,
.menuBox .hoverBox .innerBox {
    margin: 0 auto;
    width: 900px;
    display: table;
}

#gNavi .hoverBox .innerBox .ttl,
.menuBox .hoverBox .innerBox .ttl {
    display: table-cell;
    vertical-align: middle;
    width: 22%;
    border-right: 1px solid #FFF;
}

#gNavi .hoverBox .innerBox .ttl a,
.menuBox .hoverBox .innerBox .ttl a {
    font-size: 1.6rem;
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}

#gNavi .hoverBox .innerBox .ttl a:hover {
    text-decoration: none;
}

#gNavi .hoverBox .innerBox .btnBox,
.menuBox .hoverBox .innerBox .btnBox {
    padding: 10px 0 10px 42px;
    display: table-cell;
    vertical-align: middle;
}

#gNavi .hoverBox .innerBox .btnBox li,
.menuBox .hoverBox .innerBox .btnBox li {
    margin-right: 15px;
    float: left;
    width: 260px;
}

#gNavi .hoverBox .innerBox .btnBox li:nth-child(n+3),
.menuBox .hoverBox .innerBox .btnBox li:nth-child(n+3) {
    margin-top: 13px;
}

#gNavi .hoverBox .innerBox .btnBox li a,
.menuBox .hoverBox .innerBox .btnBox li a {
    padding: 17px 22px 13px;
    display: block;
    font-size: 1.6rem;
    color: #000;
    font-weight: 700;
    background: rgba(255,255,255,0.8) url("img/common/icon03.png") right 10px center no-repeat;
    border-radius: 25px;
}

#gNavi .hoverBox .innerBox .btnBox li a:hover {
    opacity: 0.7;
}



@media all and (min-width: 768px) {
	.menuBox {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
    #gNavi,
    .menuBox {
        margin: 0;
        float: none;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        display: none;
		width: 100%;
		height: calc(100% - 64px);
		z-index: 100;
		background-color: #FFF;
    }

    #gNavi > ul:after,
    .menuBox > ul:after {
        content: "";
    }

    #gNavi > ul > li,
    .menuBox > ul > li {
        margin: 0;
        float: none;
        height: auto;
        border-top: 1px solid #ccc;
		position: relative;
    }

    #gNavi > ul > li > a,
    .menuBox > ul > li > a {
        padding: 15px 20px 13px;
        display: block;
        font-size: 1.8rem;
        font-weight: normal;
		background: none;
        background: #FFF url("img/common/menu_icon01.gif") no-repeat right 20px center;
        background-size: 11px auto;
   }

	 .menuBox > ul > li .iconSpan {
		 display: block;
		 position: absolute;
		 width: 50px;
		 height: 51px;
		 top: 0;
		 right: 0;
        background: #FFF url("img/common/menu_icon03.gif") no-repeat right 20px center;
        background-size: 11px auto;
		cursor: pointer;
	 }

	.menuBox > ul > li .iconSpan.on {
		background-image: url("img/common/menu_icon04.gif");
	}

    #gNavi > ul > li > a:hover,
   .menuBox > ul > li.on > a {
        color: #000;
    }

    #gNavi > ul > li > a:hover:before,
    .menuBox > ul > li.on > a:before {
        display: none;
    }

    #gNavi .hoverBox,
    .menuBox .hoverBox {
        padding: 0;
        position: relative;
        top: auto;
        left: auto;
        background: #a20000;
    }

    #gNavi .hoverBox .innerBox,
    .menuBox .hoverBox .innerBox {
        width: auto;
        display: block;
    }

    #gNavi .hoverBox .innerBox .ttl,
    .menuBox .hoverBox .innerBox .ttl {
        display: none;
    }

    #gNavi .hoverBox .innerBox .btnBox,
    .menuBox .hoverBox .innerBox .btnBox {
        padding: 0;
        display: block;
    }

    #gNavi .hoverBox .innerBox .btnBox li,
    .menuBox .hoverBox .innerBox .btnBox li {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    #gNavi .hoverBox .innerBox .btnBox li:nth-child(n+3),
    .menuBox .hoverBox .innerBox .btnBox li:nth-child(n+3) {
        margin-top: 0;
    }

    #gNavi .hoverBox .innerBox .btnBox li a,
    .menuBox .hoverBox .innerBox .btnBox li a {
        padding: 15px 30px 13px;
        display: block;
        font-size: 1.8rem;
        color: #FFF;
        font-weight: normal;
        border-radius: 0;
        border-bottom: 1px solid #d08080;
        background: url("img/common/menu_icon02.gif") no-repeat right 20px center;
        background-size: 11px auto;
    }

    #gNavi .hoverBox .innerBox .btnBox li a:before,
    .menuBox .hoverBox .innerBox .btnBox li a:before {
        content: "-";
    }

	.menuBox .link {
		position: fixed;
		right: 0;
		top: 0;
		width: 160px;
		text-align: center;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		background-color: #FFF;
		z-index: 1000;
	}

	.menuBox .link .ttl {
		padding: 14px 0 9px;
		font-size: 1.4rem;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 2px;
		background-color: #6e0000;
	}

	.menuBox .link li a {
		padding: 21px 20px 22px;
		display: block;
		color: #FFF;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.71;
		letter-spacing: 2px;
		background-color: #a20000;
	}

	.menuBox .link li a:hover {
		opacity: 1;
	}

	#gHeader .link li a .icon {
		margin-bottom: 5px;
		display: block;
	}

	.menuBox .link li:last-child a {
		padding: 16px 16px 21px;
		color: #000;
		font-size: 1.3rem;
		line-height: 1.538;
		letter-spacing: 1px;
		background: #FFF url("img/common/header_ico.png") right 9px bottom 10px no-repeat;
	}

	.menuBox .link li:last-child a .icon {
		margin: 5px 0 0;
	}

    .menuBox .link {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        box-shadow: none;
    }

    .menuBox .link .ttl {
        padding: 7px 0 3px;
        font-size: 1.1rem;
    }

    .menuBox .link ul {
        overflow: hidden;
    }

    .menuBox .link li {
        float: left;
        width: 50%;
    }

    .menuBox .link li a {
        padding: 26px 0 25px;
        font-size: 1.1rem;
        line-height: 1.36;
        letter-spacing: 2px;
    }

    .menuBox .link li a .icon {
        margin-bottom: 9px;
        display: block;
        text-align: center;
    }

    .menuBox .link li a .icon img {
        width: 25px;
    }

    .menuBox .link li:last-child a .icon img {
        width: 65px;
    }

    .menuBox .link li:last-child a {
        padding: 14px 0 16px;
        font-size: 1.1rem;
        line-height: 1.36;
        background-size: 11px auto;
        background-position: right 14% bottom 23%;
    }

    .menuBox .link li:last-child a .icon {
        margin: 0 0 8px;
    }
}
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto;
	width: 1180px;
}

#pagePath li {
	display: inline;
	color: #b0b0b0;
	font-size: 1.4rem;
}

#pagePath a {
	color: #b42828;
}

#pagePath a:hover {
	text-decoration: underline;
}

@media all and (max-width: 767px) {
    #pagePath {
        margin: 0 15px;
        width: auto;
    }

    #pagePath li {
        font-size: 1.05rem;
    }

    #pagePath a:hover {
        text-decoration: none;
    }
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
    padding: 60px 0 13px;
    position: relative;
    color: #FFF;
    background-color: #000;
}

#gFooter .pagetop {
	position: fixed;
	right: 40px;
	bottom: 38px;
	z-index: 600;
	display: none;
}

#gFooter .pagetop a:hover {
	position: 0.7;
}

#gFooter .innerFooter {
    margin: 0 auto 5px;
    width: 1100px;
}

#gFooter .innerFooter .left {
    float: left;
    width: 720px;
}

#gFooter .left .logo {
    margin-bottom: 46px;
    width: 358px;
    height: 37px;
}

#gFooter .left .logo a {
	display: block;
}

#gFooter .left .logo a:hover {
	opacity: 0.7;
}

#gFooter .innerFooter .left a {
    color: #FFF;
    font-size: 1.4rem;
    line-height: 1.857;
}

#gFooter .innerFooter .left a:hover {
	text-decoration: underline;
}

#gFooter .innerFooter .left > ul > li {
    margin-right: 75px;
    float: left;
}

#gFooter .innerFooter .left > ul > li:last-child {
    margin-right: 0;
}

#gFooter .innerFooter .left li ul {
    min-height: 148px;
}

#gFooter .innerFooter .left li .last {
    margin-top: -26px;
}

#gFooter .innerFooter .left li li {
    margin-left: 27px;
}

#gFooter .innerFooter .left .ttl {
    margin-left: 0;
}

#gFooter .innerFooter .left .ttl a {
    padding-left: 13px;
    position: relative;
}

#gFooter .innerFooter .left .ttl a:before {
    margin-top: -5px;
    position: absolute;
    left: 0;
    top: 50%;
    border: 5px solid transparent;
    border-left: 8px solid #FFF;
    content: "";
}

#gFooter .innerFooter .right {
    margin-right: 21px;
    float: right;
    width: 291px;
    color: #FFF;
}

#gFooter .innerFooter .right .photo {
    margin-bottom: 37px;
}

#gFooter .innerFooter .right .photo a:hover {
	opacity: 0.7;
}

#gFooter .innerFooter .right .borderTxt {
    margin-bottom: 18px;
    padding-bottom: 9px;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #FFF;
}

#gFooter .innerFooter .right .ttl {
    margin-bottom: 11px;
}

#gFooter .innerFooter .right .txt {
    margin-bottom: 32px;
    font-size: 1.2rem;
    line-height: 1.67;
    letter-spacing: 1px;
}

#gFooter .innerFooter .right .img {
    margin-right: -25px;
    display: table;
}

#gFooter .innerFooter .right .img a:hover {
	opacity: 0.7;
}

#gFooter .innerFooter .right .img span {
    display: table-cell;
    vertical-align: middle;
	color: #FFF;
}

#gFooter .innerFooter .right .img .logo {
    width: 49px;
}

#gFooter .innerFooter .right .img .text {
    padding-left: 12px;
    font-size: 1.4rem;
    line-height: 1.57;
}

#gFooter .copyright {
    text-align: center;
    font-size: 1.2rem;
    color: #FFF;
    letter-spacing: 2.3px;
}

@media all and (max-width: 767px) {
    #gFooter {
        padding: 30px 0 10px;
    }

	#gFooter .pagetop {
		right: 25px;
		bottom: 40px;
		width: 38px;
	}

    #gFooter .innerFooter {
        margin: 0 0 14px;
        width: auto;
    }

    #gFooter .innerFooter .left {
        margin-bottom: 13px;
        float: none;
        width: auto;
    }

    #gFooter .left .logo {
        margin: 0 0 9px 8px;
        width: 220px;
        height: 26px;
    }

    #gFooter .innerFooter .left a {
        font-size: 1.3rem;
        line-height: 2;
    }

    #gFooter .innerFooter .left a:hover {
        text-decoration: none;
    }

    #gFooter .innerFooter .left > ul {
        margin: 0 15px;
    }

    #gFooter .innerFooter .left > ul > li {
        margin-right: 0;
        float: none;
    }

    #gFooter .innerFooter .left > ul > li:after {
        height: 0;
        visibility: hidden;
        content: ".";
        display: block;
        clear: both;
    }

    #gFooter .innerFooter .left > ul > li:nth-child(n+2) ul {
        width: 50%;
        float: left;
    }

    #gFooter .innerFooter .left li ul {
        margin-bottom: 10px;
        min-height: inherit;
    }

    #gFooter .innerFooter .left .ttl a:before {
        left: 4px;
        border-left: 7px solid #FFF;
    }

    #gFooter .innerFooter .right {
        margin: 0 20px;
        float: none;
        width: auto;
    }

    #gFooter .innerFooter .right .borderTxt {
        margin-bottom: 7px;
        padding-bottom: 5px;
        font-size: 1.05rem;
        letter-spacing: 0.5px;
    }

    #gFooter .innerFooter .right .ttl {
        margin-bottom: 6px;
        font-size: 1.3rem;
    }

    #gFooter .innerFooter .right .txt {
        margin-bottom: 22px;
        font-size: 1.3rem;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    #gFooter .innerFooter .right .photo {
        margin-bottom: 25px;
    }

    #gFooter .innerFooter .right .photo img {
        width: 100%;
    }

    #gFooter .innerFooter .right .img {
        margin-right: 25px;
    }

    #gFooter .innerFooter .right .img .logo {
        width: 45px;
    }

    #gFooter .innerFooter .right .img .text {
        padding-left: 12px;
        font-size: 1.2rem;
        line-height: 1.46;
    }

    #gFooter .copyright {
        margin: 0 15px;
        text-align: left;
        font-size: 0.8rem;
        letter-spacing: 1px;
    }
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
#main {
	padding-top: 106px;
}

body.hover {
    background-color: #000;
}

.hover #main {
    opacity: 0.2;
}

.comBox {
	margin: 0 auto;
	width: 1006px;
}

.roboto {
	font-family: 'Roboto Condensed', sans-serif;
}

.raleway {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
.raleway_bold {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.headLine01 {
	margin-bottom: 12px;
	padding: 61px 0 50px;
	font-size: 3rem;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 5px;
	background: url("img/company/headLine01_bg.jpg") no-repeat center;
	background-size: cover;
}

.headLine01 span {
	margin-top: 8px;
	display: block;
	letter-spacing: 4px;
	font-size: 1.6rem;
}

.comBtn {
	margin: 0 auto;
	width: 300px;
	position: relative;
}

.comBtn a {
	padding: 19px;
	display: block;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1.44px;
	color: #FFF;
	text-align: center;
	border: 1px solid #FFF;
	z-index: 5;
	background: url("img/common/icon03.png") no-repeat right 10px center;
	transition: all .3s;
}

.comBtn::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	background: #FFF;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}

.comBtn:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
}

.comBtn a:hover {
	color: #000;
	background-image: url("img/common/icon05.png");
}

.comBtn02 {
	margin-bottom: 93px;
}

.comBtn02 a {
	color: #000;
	border-color: #000;
	background-image: url(img/common/icon11.png);
}

.comBtn02::before {
	background-color: #000;
}

.comBtn02 a:hover {
	color: #fff;
	background-image: url("img/common/icon03.png");
}

.comNewsList {
	line-height: 1.688;
}

.comNewsList dt {
	padding-left: 21px;
	width: 300px;
	float: left;
	color: #808080;
	letter-spacing: 1.4px;
	box-sizing: border-box;
}

.comNewsList dd {
	margin-bottom: 17px;
	padding: 0 0 14px 18.1em;
	font-size: 1.7rem;
	vertical-align: middle;
	border-bottom: 1px solid #666;
}

.comNewsList dd:last-child {
	margin-bottom: 0;
}

.comNewsList .bgTxt {
	margin: -2px 41px 0 0;
	padding: 8px 0 7px;
	display: inline-block;
	min-width: 80px;
	font-size: 1.3rem;
	color: #FFF;
	text-align: center;
	line-height: 1;
	letter-spacing: 1.5px;
	vertical-align: middle;
	background-color: #A20000;
}

.comNewsList .bgTxt01 {
	background-color: #07AFB2;
}

.comNewsList a {
	color: #000;
	display: inline-block;
	position: relative;
}

.comNewsList a:after {
	width: 16px;
	height: 22px;
	position: absolute;
	bottom: 3px;
	right: -27px;
	background: url("img/common/icon04.png") no-repeat left top;
	background-size: 16px auto;
	content: "";
}

.comNewsList a:hover {
	text-decoration: underline;
}

.comNewsList dd img {
	display: none !important;
}

@media all and (min-width: 768px) {
	.comNewsList dd img {
	display: none !important;
}
}
@media all and (max-width: 767px) {
	.comNewsList {
		line-height: 1.5;
	}

	.comNewsList dt {
		margin-bottom: 1px;
		padding-left: 0;
		width: auto !important;
		float: none !important;
	}

	.comNewsList dd {
        margin-bottom: 10px !important;
        padding: 0 26px 7px 0 !important;
        font-size: 1.4rem;
    }

	.comNewsList dd img {
		margin: -4px 0 0 5px;
		width: 15px;
		display: inline-block !important;
		vertical-align: middle;
	}

    .comNewsList dd:last-child {
        padding-bottom: 7px !important;
        margin-bottom: 18px !important;
        border-bottom: 1px solid #666 !important;
    }

    .comNewsList .bgTxt {
        margin-right: 8px !important;
        padding: 5px 0 4px;
        min-width: 57px;
        font-size: 1.2rem;
    }

    .comNewsList .time {
        display: inline-block;
        margin-right: 0;
    }

    .comNewsList a {
        margin-top: 5px;
        letter-spacing: 0.5px;
		text-align: justify;
    }

    .comNewsList a:hover {
        text-decoration: none;
    }

	.comNewsList a::after {
		display: none;
	}
}




.headLine02 {
	margin-bottom: 39px;
	font-size: 3rem;
	letter-spacing: 2.7px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.headLine02 > span {
	display: inline-block;
}

.headLine02 .en {
	margin-top: 10px;
	display: block;
	font-size: 1.6rem;
	color: #999;
	letter-spacing: 1.2px;
}

.headLine03 {
	margin-bottom: 24px;
	padding-bottom: 11px;
	position: relative;
	font-size: 4rem;
	color: #000;
	font-weight: 700;
	border-bottom: 1px solid #aeaeae;
}

.headLine03:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 115px;
	border-bottom: 1px solid #d4000f;
	content: "";
}

.comBtnList {
	margin: 0 auto 58px;
	width: 1084px;
}

.comBtnList li {
	margin-right: 20px;
	float: left;
	width: 256px;
}

.comBtnList li:last-child {
	margin-right: 0;
	float: left;
	width: 254px;
}

.comBtnList li .comBtn {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	background-color: #000;
}

.comBtnList li .comBtn a {
	padding: 17px 29px 16px;
	position: relative;
	display: flex;
	width: 100%;
	font-size: 1.9rem;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index: 10;
	letter-spacing: -0.5px;
	border: 1px solid #000;
	box-sizing: border-box;
}

.comBtnList li .comBtn a .hover {
	display: none;
}

.comBtnList li .comBtn a:hover img {
	display: none;
}

.comBtnList li .comBtn a:hover .hover {
	display: block;
}

.comBtnList li .btn01 a {
	background-image: url("img/common/icon06.png");
}

.comBtnList li .btn01 a:hover {
	background-image: url("img/common/icon10.png");
}

.comBtnList li .comBtn a:before {
	position: absolute;
	left: -1px;
	top: -1px;
	border: 10px solid #da2129;
	border-bottom-color: transparent;
	border-right-color: transparent;
	content: "";
}

.comBtnList li .txt {
	line-height: 1.75;
}

.comContact {
	padding: 52px 0 71px;
	background: url("img/common/contact_bg.jpg") no-repeat center;
	background-size: cover;
}

.comContact .headLine01 {
	margin-bottom: 33px;
	padding: 0 !important;
	font-size: 3.6rem;
	background: none !important;
}

.comContact .telBox {
	margin: 0 auto 29px;
	width: 1080px;
}

.comContact .telBox .title {
	padding: 8px 0;
	color: #FFF;
	font-size: 2rem;
	letter-spacing: 1px;
	text-align: center;
	background-color: #a20000;
}

.comContact .telBox ul {
	padding: 30px 30px 22px;
	background-color: #FFF;
}

.comContact .telBox ul li {
	margin-right: 32px;
	padding: 0 33px 8px 0;
	float: left;
	text-align: center;
	width: 205px;
	border-right: 1px solid #000;
}

.comContact .telBox ul li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

.comContact .telBox ul li .ttl {
	margin-bottom: 11px;
	font-size: 2rem;
	letter-spacing: 2px;
	font-weight: 700;
}

.comContact .telBox ul li .link a {
	margin-right: -5px;
	padding-left: 20px;
	display: block;
	text-align: left;
	font-size: 3.2rem;
	color: #a20000;
	font-weight: 700;
	background: url("img/common/icon07.png") left center no-repeat;
}

.comContact .bottomBox {
	margin: 0 auto;
	width: 1080px;
}

.comContact .bottomBox .leftBox {
	float: left;
	width: 800px;
}

.comContact .bottomBox .leftBox .txt {
	padding: 19px 43px;
	color: #FFF;
	float: left;
	width: 362px;
	font-size: 1.8rem;
	line-height: 1.667;
	background-color: #a20000;
	box-sizing: border-box;
}

.comContact .bottomBox .btn {
	border-top: 7px solid #a20000;
	background-color: #FFF;
}

.comContact .bottomBox .btn a {
	display: block;
}

.comContact .bottomBox .btn a:hover {
	opacity: 0.7;
}

.comContact .bottomBox .leftBox .btn {
	float: right;
	width: 438px;
}

.comContact .bottomBox .leftBox .btn a {
	padding: 17px 53px 23px;
	font-size: 1.6rem;
	background: url("img/company/icon01.png") right 23px center no-repeat;
	background-size: 27px auto;
}

.comContact .bottomBox .leftBox .btn a span {
	margin-top: 3px;
	display: block;
	font-weight: 700;
	font-size: 2.4rem;
	letter-spacing: 2px;
	color: #a20000;
}

.comContact .bottomBox .rightBox {
	float: right;
	width: 245px;
}

.comContact .bottomBox .rightBox a {
	padding: 26px 22px 31px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 2px;
}

.comContact .bottomBox .rightBox a img {
	margin-right: 11px;
}

.comContact .bottomBox .rightBox a .icon {
	margin: 8px 0 0 11px;
}

.comTxt {
	color: #000;
	font-weight: 500;
	letter-spacing: 0.8px;
}

.comBgBox {
	margin-bottom: 70px;
	padding: 54px 10px 60px;
	text-align: center;
	background: url("img/common/bg01.jpg") no-repeat center;
	background-size: cover;
}

.comBgBox .h3Ttl {
	margin-bottom: 40px;
	font-size: 3rem;
	color: #FFF;
	position: relative;
	font-weight: 700;
}

.comBgBox .h3Ttl:after {
	margin-left: -43px;
	position: absolute;
	left: 50%;
	width: 86px;
	bottom: -20px;
	border-bottom: 1px solid #FFF;
	content: "";
}

.comBgBox .txt {
	margin-bottom: 40px;
	line-height: 1.875;
	color: #FFF;
}

.comBgBox .comBtn {
	width: 480px;
	position: relative;
	background-color: #FFF;
}

.comBgBox .comBtn a {
	padding: 28px 0 27px;
	color: #000;
	font-size: 2rem;
	border: none;
	background-image: url("img/common/icon05.png");
}

.comBgBox .comBtn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
    background: #000;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}

.comBgBox .comBtn a:hover {
	color: #fff;
	background-image: url(img/common/icon03.png);
}

.comBgBox .comBtn:hover:before {
	transform-origin: left top;
	transform: scale(1, 1);
}

.comBgBox .comBtn a:hover {
	color: #fff;
	background-image: url("img/common/icon06.png");
}

.comBgBox .comBtn.blank a {
	background-image: url("img/common/icon10.png");
}

.comBgBox .comBtn.blank a:hover {
	background-image: url("img/common/icon13.png");
}

.comBgBox .comBtn.blank a {
	background-image: url("img/common/icon10.png");
}

@media all and (max-width: 767px) {
	.comBgBox {
		margin-bottom: 40px;
		padding: 40px 10px !important;
	}

	.comBgBox .h3Ttl {
		margin-bottom: 37px;
		font-size: 2.5rem;
	}

	.comBgBox .comBtn {
		width: auto;
		max-width: 480px;
	}

	.comBgBox .comBtn a {
		padding: 15px 0;
		font-size: 1.4rem;
	}

	.comBgBox .comBtn:before {
		display: none;
	}

	.comBgBox .comBtn.blank a:hover {
		background-image: url("img/common/icon10.png");
	}

	.comBgBox .comBtn a:hover {
		color: #000;
	}
}

.comTable {
	margin-bottom: 66px;
}

.comTable .headLine03 {
	margin-bottom: 15px;
}

.comTable table {
	margin-bottom: 39px;
	width: 100%;
	border-collapse: collapse;
}

.comTable table th,
.comTable table td {
	padding: 9px 40px 8px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.43;
	width: 31.25%;
	color: #000;
	font-weight: 500;
	border: 1px solid #cacac8;
	background-color: #edeee9;
}

.comTable table th {
	font-weight: 700;
}

.comTable table th img {
	margin-right: 10px;
}

.comTable table tr:first-child th {
	padding: 7px 40px;
	background-color: #dadad0;
	border-color: #FFF;
	border-bottom-color: #cacac8;
}

.comTable table th.style01 {
	padding: 15px 40px;
}

.comTable table tr th:first-child {
	width: 37.5%;
	border-left-color: #e4e4e4;
}

.comTable table tr th:last-child,
.comTable table tr td:last-child {
	border-right-color: #e4e4e4;
}

.comTable table tr:last-child th,
.comTable table tr:last-child td {
	border-bottom-color: #e4e4e4;
}

.comTable table tr:nth-child(2n) th,
.comTable table tr:nth-child(2n) td {
	background-color: #f6f6f4;
}

.comTable .comBtn {
	margin: 0 auto !important;
}

.comTable .comBtn a {
	padding: 14px;
	background-image: url("img/common/icon10.png") !important;
}

.comTable .comBtn a:hover {
	background-image: url("img/common/icon13.png") !important;
}

.comLinkBox {
	margin: 0 auto 69px;
	width: 930px;
}

.comLinkBox li {
	margin-right: 14px;
	float: left;
	width: 300px;
	border-radius: 20px;
	overflow: hidden;
}

.comLinkBox li:last-child {
	margin-right: 0;
}

.comLinkBox li a {
	padding: 9px 42px;
	display: block;
	position: relative;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	color: #000;
	letter-spacing: 2px;
	background-color: #e4e4e4;
}

.comLinkBox li a:after {
	margin-top: -8px;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 33px;
	top: 50%;
	border-right: 1px solid #0e0e0e;
	border-bottom: 1px solid #0e0e0e;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}

.comLinkBox li a:hover {
	color: #FFF;
	background-color: #4d4d4d;
}

.comLinkBox li a:hover:after {
	border-color: #FFF;
}

@media all and (max-width: 767px) {
	.comLinkBox {
		margin: 0 15px 30px;
		width: auto;
	}

	.comLinkBox li {
		margin: 0 0 10px;
		float: none;
		width: auto;
	}

	.comLinkBox li a {
		padding: 9px 10px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	.comLinkBox li a:hover {
		color: #000;
		background-color: #e4e4e4;
	}

	.comLinkBox li a:hover:after {
		border-color: #0e0e0e;
	}

	.comTable .comBtn a:hover {
		background-image: url("img/common/icon10.png") !important;
	}
}

.comLinkList {
	margin-bottom: 60px;
}

.comLinkList li {
	float: left;
	width: 33.33%;
}

.comLinkList li a {
	position: relative;
	display: block;
}

.comLinkList li .photo {
	overflow: hidden;
}

.comLinkList li .photo img {
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}

.comLinkList li a:before {
	position: absolute;
	left: 0;
	top: 0;
	border: 27px solid transparent;
	border-top-color: rgba(7,175,178,0.7);
	border-left-color: rgba(7,175,178,0.7);
	content: "";
	z-index: 5;
}

.comLinkList li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	content: "";
	z-index: 1;
}

.comLinkList li a span {
	padding: 16px 45px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 2.4rem;
	color: #FFF;
	background: rgba(0,0,0,0.5) url("img/common/icon12.png") no-repeat right 15px center;
	z-index: 5;
}


@media all and (min-width: 768px) {
	.comLinkList li a:hover:after {
		display: none;
	}

	.comLinkList li a:hover {
		box-shadow: 0 0 10px rgba(0,0,0,0.7);
	}

	.comLinkList li a:hover .photo img {
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
	}
}

@media all and (max-width: 767px) {
	.comLinkList li {
		width: auto;
		float: none;
	}
}

.animate .animateImg {
	position: relative;
	overflow: hidden;
}

.animate .animateImg:before {
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	background-color: #000;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
	content: "";
	z-index: 100;
}

.animate.on .animateImg:before {
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.animate .leftIn {
	transform: translate3d(-100%,0,0);
	transition: transform 1s;

}

.animate.on .leftIn {
	transform: translate3d(0,0,0);
}

.animate .animateTxt {
	position: relative;
}

.animate .animateTxt:before {
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	-webkit-transform: scaleX(-100%);
    transform: scaleX(-100%);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
	content: "";
	z-index: 100;
}

.animate.on .animateTxt:before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.animate .animateTxt.black:before {
	background-color: #000;
}

.animate .animateTxt.white:before {
	background-color: #FFF;
}

@media all and (max-width: 767px) {
	#main {
		padding-top: 64px;
	}

	.comBox {
		margin: 0 15px;
		width: auto;
	}

	.headLine02 {
		margin-bottom: 21px;
		font-size: 1.8rem;
		letter-spacing: 1px;
	}

	.headLine02 > span {
		display: inline-block;
	}

	.headLine02 .en {
		margin-top: 6px;
		font-size: 1rem;
	}

    .comBtn {
        width: 220px;
    }

    .comBtn a {
        padding: 14px 0 11px;
        font-size: 1.4rem;
        letter-spacing: 0.5px;
        background-size: 15px auto;
    }

    .comBtn::before {
        display: none;
    }

    .comBtn a:hover {
        color: #FFF;
        background-image: url("img/common/icon03.png");
    }

    .comContact {
        padding: 26px 0;
    }

    .comContact .headLine01 {
        margin-bottom: 14px;
        font-size: 1.8rem;
        letter-spacing: 1px;
    }

    .comContact .headLine01 .en {
        font-size: 1rem;
        letter-spacing: 1px;
    }

    .comContact .telBox {
        margin: 0 20px 12px;
        width: auto;
    }

    .comContact .telBox .title {
        padding: 8px 0 10px;
        font-size: 1.2rem;
        letter-spacing: 0;
    }

    .comContact .telBox ul {
        padding: 15px 0 22px;
    }

    .comContact .telBox ul li {
        margin: 0;
        padding: 0;
        width: 50%;
        border-right: 1px solid #000;
        box-sizing: border-box;
    }

    .comContact .telBox ul li:nth-child(n+3) {
        margin-top: 28px;
    }

    .comContact .telBox ul li:nth-child(2n) {
        border-right: 0;
    }

    .comContact .telBox ul li .ttl {
        margin-bottom: 7px;
        font-size: 1.4rem;
        letter-spacing: 2px;
    }

    .comContact .telBox ul li .link {
        text-align: center;
    }

    .comContact .telBox ul li .link a {
        display: inline-block;
        padding-left: 12px;
        font-size: 1.8rem;
        letter-spacing: -1px;
        background-size: 12px auto;
    }

    .comContact .bottomBox {
        margin: 0 20px;
        width: auto;
    }

    .comContact .bottomBox .leftBox {
        margin-bottom: 10px;
        float: none;
        width: auto;
    }

    .comContact .bottomBox .leftBox .txt {
        padding: 2px 0;
        float: none;
        width: auto;
        font-size: 1.2rem;
        line-height: 1.667;
        text-align: center;
    }

    .comContact .bottomBox .btn {
        border-top: 0;
    }

    .comContact .bottomBox .leftBox .btn {
        float: none;
        width: auto;
    }

    .comContact .bottomBox .leftBox .btn a {
        padding: 8px 0;
        font-size: 1.2rem;
        text-align: center;
        background: none;
    }

    .comContact .bottomBox .leftBox .btn a span {
        padding-right: 15px;
        margin-top: 3px;
        display: inline-block;
        font-size: 1.5rem;
        letter-spacing: 2px;
        color: #000;
        background: url("img/company/icon01.png") right center no-repeat;
        background-size: 15px auto;
    }

    .comContact .bottomBox .rightBox {
        float: none;
        width: auto;
    }

    .comContact .bottomBox .rightBox a {
        padding: 12px 22px 13px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: 2px;
        text-align: center;
        border-top: 11px solid #a20000;
    }

    .comContact .bottomBox .rightBox a img {
        margin-right: 5px;
        width: 16px;
    }

    .comContact .bottomBox .rightBox a .icon {
        margin: 5px 0 0 7px;
        width: 12px;
    }

    .headLine01 {
        margin-bottom: 7px;
        padding: 20px 0 21px;
        font-size: 1.5rem;
        letter-spacing: 2px;
    }

    .headLine01 span {
        margin-top: 5px;
        letter-spacing: 1.5px;
        font-size: 0.8rem;
    }

    .comBtnList {
        margin: -10px 20px 43px;
        width: auto;
    }

    .comBtnList li {
        margin: 10px 0 0;
        width: 48%;
    }

    .comBtnList li:nth-child(2n) {
        float: right;
        width: 48%;
    }

    .comBtnList li .comBtn {
        margin-bottom: 5px;
    }

    .comBtnList li .comBtn a {
        padding: 10px 0;
        font-size: 1.2rem;
        background-size: 13px auto;
        min-height: 50px;
    }

    .comBtnList li .comBtn a img {
        width: 45%;
		max-width: 104px;
    }

    .comBtnList li .comBtn a:hover img {
        display: block;
    }

    .comBtnList li .comBtn a .hover {
        display: none;
    }

    .comBtnList li .comBtn a:hover .hover {
        display: none;
    }

    .comBtnList li .btn01 a {
        background-image: url("img/common/icon06.png");
        background-size: 13px auto;
    }

    .comBtnList li .btn01 a:hover {
        background-image: url("img/common/icon06.png");
    }

    .comBtnList li .comBtn a:before {
        border-width: 5px;
    }

    .comBtnList li .txt {
        line-height: 1.75;
        font-size: 1.1rem;
        letter-spacing: -0.5px;
    }

    .headLine03 {
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-size: 2rem;
    }

    .headLine03:after {
        width: 80px;
    }
}


/*------------------------------------------------------------
	top
------------------------------------------------------------*/
#main.top {
	padding-top: 0;
}

.top .animate {
	overflow: hidden;
}

.top .mainVisual {
	position: relative;
	z-index: 5;
}

.top .mainVisual li {
	text-align: center;
}

.top .mainVisual .mainImg {
	margin-left: -647px;
	position: absolute;
	top: 255px;
	left: 50%;
	max-width: 1290px;
}

.top .mainVisual .mainImg embed {
	display: block;
}

.top .mainVisual .en {
	margin-bottom: -5px;
	width: 590px;
}

.top .mainVisual .jp {
	margin-left: -3px;
	width: 600px;
}

.top .guide {
	margin: -500px 0 58px;
	padding: 522px 0 66px;
	background-color: #000;
}

.top .guide .linkList {
	margin: 0 auto 63px;
	width: 1310px;
}

.top .guide .linkList li {
	margin-right: 36px;
	width: 300px;
	float: left;
	overflow: hidden;
}

.top .guide .linkList li:last-child {
	margin-right: 0;
}

.top .guide .linkList li:nth-child(2n) {
	margin-top: 65px;
}

.top .guide .linkList li a {
	padding: 56px 0 0;
	display: block;
	position: relative;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	min-height: 300px;
	box-sizing: border-box;
	overflow: hidden;
}

.top .guide .linkList li a > * {
	position: relative;
	z-index: 5;
}

.top .guide .linkList li a .bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.top .guide .linkList li a:hover .bg {
	opacity: 0.25;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.top .guide .linkList li a .num {
	margin-bottom: 30px;
}

.top .guide .linkList li a .en {
	margin-bottom: 6px;
	font-size: 3.6rem;
	letter-spacing: 5px;
}

.top .guide .linkList li a .jp {
	font-size: 1.8rem;
	letter-spacing: 2.34px;
}

.top .news {
	margin: 0 auto 45px;
	width: 1180px;
}

.top .news .leftBox {
	margin: 5px 0 0;
	float: left;
}

.top .news .headLine02 {
	color: #000;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: 1px;
}

.top .news .rightBox {
	float: right;
	position: relative;
	width: 1023px;
}

.top .news .rightBox li {
	margin-bottom: 12px;
	padding-bottom: 14px;
	font-size: 1.7rem;
	vertical-align: middle;
	border-bottom: 1px solid #666;
}

.top .comNewsList dt {
	width: 280px;
	letter-spacing: 0.6px;
	padding-left: 0;
}

.top .comNewsList dd {
	margin-bottom: 12px;
	padding: 0 0 12px 16.8em;
}

.top .comNewsList dd:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.top .comNewsList .bgTxt {
	margin: -2px 26px 0 0;
}

.top .comNewsList a::after {
	width: 19px;
	height: 24px;
	bottom: 3px;
	right: -33px;
	background-size: auto auto;
}

.top .news .rightBox .link {
	position: absolute;
	bottom: 12px;
	right: 0;
}

.top .news .rightBox .link a {
	padding-left: 24px;
	font-size: 1.6rem;
	color: #000;
	min-height: 20px;
	letter-spacing: 1.44px;
	background: url("img/common/icon05.png") left center no-repeat;
}

.top .news .rightBox .link a:hover {
	text-decoration: underline;
}

.top .linkBox li {
	float: left;
}

.top .linkBox li.style01 {
	width: 50%;
}

.top .linkBox li.style02 {
	width: 33.33%;

}

.top .linkBox li.style03 {
	width: 100%;
}

.top .linkBox li a {
	position: relative;
	display: block;
	overflow: hidden;
}

.top .linkBox li a .bg {
	transition: all 0.5s;
}

.top .linkBox li a .bg img {
	width: 100%;
}

.top .linkBox li a:hover .bg {
	transform: scale(1.2);
}

.top .linkBox li a:before {
	position: absolute;
	opacity: 0.7;
	left: 0;
	top: 0;
	border: 27px solid transparent;
	border-top-color: #07AFB2;
	border-left-color: #07AFB2;
	content: "";
	z-index: 5;
}

.top .linkBox li a:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	content: "";
	z-index: 5;
}

.top .linkBox li a:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.top .linkBox li a:hover:after {
	display: none;
}

.top .linkBox li a .txtBox {
	padding: 20px 45px 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	background: rgba(0,0,0, 0.7) url("img/common/icon03.png") no-repeat right 20px center;
	background-size: 25px auto;
	z-index: 10;
}

.top .linkBox li a .txtBox .ttl {
	margin-bottom: 7px;
	font-size: 3rem;
	letter-spacing: 1.5px;
	vertical-align: middle;
}

.top .linkBox li a .txtBox .ttl span {
	margin: 0 0 3px 20px;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 1.92px;
	font-weight: 700;
	color : #999;
}

.top .linkBox li a .txtBox .txt {
	font-size: 1.5rem;
	line-height: 1.6;
}

.top .linkBox li.style02 a .txtBox {
	padding: 16px 45px 15px;
}

.top .linkBox li.style02 a .txtBox .ttl {
	margin-bottom: 0;
	font-size: 2.4rem;
}

.top .linkBox li.style02 a .txtBox .ttl span {
	font-size: 1.4rem;
}

.top .linkBox li.style03 a .txtBox {
	left: 50%;
	top: 0;
	padding: 45px;
}

.top .linkBox li.style03 a .txtBox .ttl {
	margin-bottom: 10px;
}

.top .redBox {
    margin-bottom: 60px;
    padding: 76px 0 75px;
    background-color: #a20000;
}

.top .redBox .imgBox {
    padding-bottom: 13px;
    margin: 0 auto;
    width: 1104px;
    background-color: #FFF;
}

.top .redBox .imgBox .photo {
    margin: -43px 0 0 88px;
    float: left;
    width: 448px;
	overflow: hidden;
}

.top .redBox .imgBox .txtBox {
    margin: 30px 55px 0 0;
    float: right;
    width: 450px;
    text-align: center;
}

.top .redBox .imgBox .txtBox a {
    margin-bottom: 20px;
    display: block;
    font-size: 2.2rem;
    color: #074486;
    text-decoration: underline;
    font-weight: bold;
}

.top .redBox .imgBox .txtBox a:hover {
	text-decoration: none;
}

.top .redBox .imgBox .txtBox a img {
    margin: 5px 0 0 5px;
}

.top .redBox .imgBox .txtBox .ttl {
    margin-bottom: 16px;
    font-size: 1.7rem;
    font-weight: bold;
    left: 2px;
}

.top .redBox .imgBox .txtBox .img {
    margin: 0 auto 13px;
    width: 240px;
}

.top .redBox .imgBox .txtBox .txt {
    font-size: 1.5rem;
    line-height: 1.73;
}

.top .whiteBox {
    margin-bottom: 43px;
}

.top .whiteBox .imgBox {
    margin: 0 auto;
    width: 1100px;
}

.top .whiteBox .imgBox .txtBox {
    float: left;
    width: 600px;
}

.top .whiteBox .imgBox .txtBox .ttl {
    margin-bottom: 35px;
    font-size: 3rem;
    line-height: 1.463;
    font-weight: bold;
    color: #000;
}

.top .whiteBox .imgBox .txtBox .txt {
    margin-right: 20px;
    line-height: 1.73;
    letter-spacing: 0.7px;
}

.top .whiteBox .imgBox .txtBox .txt a {
    color: #074486;
    text-decoration: underline;
}

.top .whiteBox .imgBox .txtBox .txt a:hover {
	text-decoration: none;
}

.top .whiteBox .imgBox .photo {
    margin: 35px 2px 0 0;
    float: right;
    width: 451px;
	overflow: hidden;
}

.produce {
    margin-left: 423px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    color: #FFF;
    font-size: 1.1rem;
}

.produce a {
    color: #FFF;
    text-decoration: underline;
}

@media all and (max-width: 767px) {
	#main.top {
		padding-top: 64px;
	}

	.top .mainVisual .mainImg {
		margin-left: 0;
		top: 182px;
		left: 20px;
		right: 20px;
	}

	.top .mainVisual .mainImg img {
		display: block;
	}

	.top .mainVisual .en {
		margin-bottom: 4px;
		width: 94%;
	}

	.top .mainVisual .jp {
		margin-left: -3px;
		width: 80%;
	}

	.top .guide {
		margin: -500px 0 29px;
		padding: 526px 0 33px;
	}

	.top .guide .linkList {
		margin: -25px 20px 29px;
		width: auto;
	}

	.top .guide .linkList li {
		margin: 25px 0 0 !important;
		width: 47.8%;
		height: 0;
		padding-bottom: 47.8%;
		position: relative;

	}

	.top .guide .linkList li > div {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

	.top .guide .linkList li:nth-child(2) {
		margin-top: 45px !important;
	}

    .top .guide .linkList li:nth-child(2n) {
        float: right;
    }

	.top .guide .linkList li a {
		display: block;
		padding: 31px 0 0;
		height: 100%;
		min-height: inherit;
		box-sizing: border-box;
	}

	.top .guide .linkList li a:hover .bg {
		opacity: 0.25;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.top .guide .linkList li a .num {
		margin: 0 auto 8px;
		width: 40px;
	}

	.top .guide .linkList li a .en {
		margin-bottom: 1px;
		font-size: 3rem;
		letter-spacing: 5px;
	}

	.top .guide .linkList li a .jp {
		font-size: 1.7rem;
	}

    .top .news {
        margin: 0 20px 46px;
        width: auto;
    }

    .top .news .leftBox {
        margin: 0;
        float: none;
    }

    .top .news .headLine02 {
        margin-bottom: 25px;
        font-size: 2rem;
        letter-spacing: 1px;
        text-align: left;
    }

    .top .news .headLine02 .en {
        margin: 0 0 0 10px;
        display: inline-block;
        font-size: 1.4rem;
    }

    .top .news .rightBox {
        float: none;
        width: auto;
    }

    .top .news .rightBox .newsList {
        margin-bottom: 20px;
    }

    .top .news .rightBox li {
        margin-bottom: 9px;
        padding-bottom: 11px;
        font-size: 1.4rem;
    }

    .top .news .rightBox li:last-child {
        padding-bottom: 7px;
        margin-bottom: 0;
        border-bottom: 1px solid #666;
    }

    .top .news .rightBox li .bgTxt {
        margin-right: 8px;
        padding: 5px 0;
        min-width: 57px;
        font-size: 1.2rem;
    }

    .top .news .rightBox li .time {
        display: inline-block;
        margin-right: 0;
    }

    .top .news .rightBox li a {
        margin-top: 5px;
        display: block;
        letter-spacing: 0.5px;
    }

    .top .news .rightBox li a:hover {
        text-decoration: none;
    }

    .top .news .rightBox li a img {
        margin-left: 5px;
        width: 15px;
    }

    .top .news .rightBox .link {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .top .news .rightBox .link a {
        padding-left: 18px;
        font-size: 1.5rem;
        min-height: 15px;
        background-size: 15px auto;
    }

    .top .news .rightBox .link a:hover {
        text-decoration: none;
    }

    .top .linkBox li.style01 {
        width: 50%;
    }

    .top .linkBox li.style02 {
        width: 50%;
    }

    .top .linkBox li.style03 {
        width: 50%;
    }

    .top .linkBox li a:hover .bg {
        transform: scale(1);
    }

    .top .linkBox li a:before {
        position: absolute;
        opacity: 0.7;
        left: 0;
        top: 0;
        border: 15px solid transparent;
        border-top-color: #07AFB2;
        border-left-color: #07AFB2;
        content: "";
        z-index: 15;
    }

    .top .linkBox li a:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.3);
        content: "";
        z-index: 5;
    }

    .top .linkBox li a:hover {
        box-shadow: none;
    }

    .top .linkBox li a:hover:after {
        display: block;
    }

    .top .linkBox li a .txtBox {
        padding: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        display: table;
        width: 100%;
        color: #FFF;
        background: url("img/common/icon03.png") no-repeat bottom 36% center;
        background-size: 20px auto;
        z-index: 10;
    }

    .top .linkBox li a .txtBox .ttl {
        margin-bottom: 0;
        display: table-cell;
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
        vertical-align: middle;
    }

    .top .linkBox li.style02 a .txtBox {
        padding: 0;
    }

    .top .linkBox li.style02 a .txtBox .ttl {
        font-size: 1.5rem;
    }

    .top .linkBox li.style03 a .txtBox {
        left: 0;
        top: 0;
        padding: 0;
    }

    .top .linkBox li.style03 a .txtBox .ttl {
        margin-bottom: 0;
    }

    .top .redBox {
        margin-bottom: 31px;
        padding: 51px 0 26px;
    }

    .top .redBox .imgBox {
        padding: 150px 0 12px;
        margin: 0 40px;
        width: auto;
        position: relative;
    }

    .top .redBox .imgBox .photo {
        margin: 0 0 0 -116px;
        left: 50%;
        top: -26px;
        position: absolute;
        float: none;
        width: 224px;
        overflow: hidden;
        text-align: center;
    }

    .top .redBox .imgBox .txtBox {
        margin: 0;
        float: none;
        width: auto;
    }

    .top .redBox .imgBox .txtBox a {
        margin-bottom: 13px;
        font-size: 1.4rem;
    }

    .top .redBox .imgBox .txtBox a:hover {
        text-decoration: underline;
    }

    .top .redBox .imgBox .txtBox a img {
        margin: 0 0 0 5px;
        width: 13px;
    }

    .top .redBox .imgBox .txtBox .ttl {
        margin-bottom: 8px;
        font-size: 1.2rem;
    }

    .top .redBox .imgBox .txtBox .img {
        margin: 0 auto 18px;
        width: 155px;
    }

    .top .redBox .imgBox .txtBox .txt {
        margin:  0 25px;
        font-size: 1.4rem;
        line-height: 1.7;
        text-align: left;
    }

    .top .whiteBox {
        margin-bottom: 48px;
    }

    .top .whiteBox .imgBox {
        margin: 0 20px;
        width: auto;
    }

    .top .whiteBox .imgBox .txtBox {
        margin-bottom: 20px;
        float: none;
        width: auto;
    }

    .top .whiteBox .imgBox .txtBox .ttl {
        margin-bottom: 16px;
        font-size: 1.7rem;
        line-height: 1.588;
        letter-spacing: -0.5px;
    }

    .top .whiteBox .imgBox .txtBox .txt {
        margin-right: 0;
        line-height: 1.7;
        font-size: 1.4rem;
        letter-spacing: -0.5px;
    }

    .top .whiteBox .imgBox .txtBox .txt a:hover {
        text-decoration: underline;
    }

    .top .whiteBox .imgBox .photo {
        margin: 0;
        float: none;
        width: auto;
        overflow: hidden;
        text-align: center;
    }

    .produce {
        margin-left: 0;
        bottom: 10px;
        right: 20px;
        left: auto;
        font-size: 0.7rem;
    }

    .produce a {
        text-decoration: none;
    }

}

/*------------------------------------------------------------
	company
------------------------------------------------------------*/
.company #pagePath {
	margin-bottom: 57px;
}

.company .linkBox {
	margin: -30px auto 98px;
	width: 1000px;
}

.company .linkBox li {
	margin-top: 30px;
	float: left;
	width: 488px;
	border-bottom: 5px solid #ccc;
}

.company .linkBox li:hover {
	border-bottom-color: #c2272d;
}

.company .linkBox li:nth-child(2n) {
	float: right;
}

.company .linkBox li a {
	display: block;
}

.company .linkBox li .photo {
	overflow: hidden;
}

.company .linkBox li .photo img {
	width: 100%;
}

.company .linkBox li a img{
	transition: transform 0.3s;
}

.company .linkBox li a:hover img{
	-webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
	transition: transform 0.3s;
}

.company .linkBox li .txtBox {
	padding: 24px 36px 16px;
	color: #000;
	font-weight: 500;
	background: url("img/company/icon01.png") no-repeat right 27px center,url("img/company/bg01.gif") right center no-repeat;
	background-size: auto,auto 100%;
}

.company .linkBox li .txtBox .ttl {
	margin-bottom: 10px;
	font-size: 2.2rem;
	letter-spacing: 2px;
}

.company .linkBox li .txtBox .txt {
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: 1.5px;
}

@media all and (max-width: 767px) {
	.company #pagePath {
		margin-bottom: 30px;
	}

	.company .linkBox {
		margin: 0 15px 40px;
		width: auto;
	}

	.company .linkBox li {
		margin: 0 0 10px;
		float: none;
		width: auto;
	}

	.company .linkBox li:hover {
		border-bottom-color: #ccc;
	}

	.company .linkBox li:nth-child(2n) {
		float: none;
	}

	.company .linkBox li .txtBox {
		padding: 15px 46px 15px 30px;
		background-size: 20px auto,auto 100%;
	}

	.company .linkBox li .txtBox .ttl {
		margin-bottom: 5px;
		font-size: 1.8rem;
	}

	.company .linkBox li .txtBox .txt {
		font-size: 1.4rem;
	}
}

/*------------------------------------------------------------
	car_dealer
------------------------------------------------------------*/
.car_dealer .headLine01 {
	background-image: url("img/car_dealer/headLine01_bg.jpg");
}

.car_dealer #pagePath {
	margin-bottom: 42px;
}

.car_dealer .comTxt {
	margin-bottom: 42px;
}

.car_dealer .comTxt a {
	color: #074484;
	text-decoration: underline;
}

.car_dealer .comTxt a:hover {
	text-decoration: none;
}

.car_dealer .comTxt a img {
	margin: 1px 0 0 2px;
}

.car_dealer .comBox {
	margin-bottom: 98px;
}
.car_dealer .comBgBox .comBtn a:hover {
    color: #fff;
    background-image: url(img/common/icon03.png);
}
.car_dealer .linkBox ul {
	margin: -25px 0 0;
}

.car_dealer .linkBox li {
	margin-top: 25px;
	padding-bottom: 20px;
	float: left;
	width: 488px;
	border-top: 6px solid #ccc;
	background-color: #f3f3f3;
	overflow: hidden;
}

/* .car_dealer .linkBox li:hover {
	border-top-color: #be272c;
} */
.car_dealer .linkBox li.on {
	border-top-color: #be272c;
}

.car_dealer .linkBox li:nth-child(2n) {
	float: right;
}

.car_dealer .linkBox li .ttl {
	padding: 17px 29px 15px;
	color: #000;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: 2px;
}

.car_dealer .linkBox li .whiteBox {
	padding: 28px 25px 13px;
	margin: 0 30px;
	background-color: #FFF;
}

.car_dealer .linkBox li .btn {
	margin: 0 auto 24px;
}

.car_dealer .linkBox li .btn a {
	padding: 16px 15px 12px;
  border: 1px solid #000;
  color: #000;
	display: block;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
	background: url("img/common/icon10.png") right 15px center no-repeat;
}

.car_dealer .linkBox li .btn a:hover {
  color: #fff;
	background: url("img/common/icon13.png") right 15px center no-repeat;
}

.car_dealer .linkBox li .borderTxt {
	margin-bottom: 15px;
	padding-bottom: 17px;
	line-height: 1.6;
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #000;
}

.car_dealer .linkBox li .txt {
	line-height: 1.6;
	color: #000;
	font-weight: 500;
}

@media all and (max-width: 767px) {
	.car_dealer .comTxt a:hover {
		text-decoration: underline;
	}

	.car_dealer .linkBox ul {
		margin: 0;
	}

	.car_dealer .linkBox li {
		margin: 0 0 20px;
		width: auto;
		float: none;
	}
  .car_dealer .linkBox li:nth-child(2n) {
  	float: none;
  }
	.car_dealer .linkBox li .whiteBox {
		padding: 28px 10px 13px;
		margin: 0 10px;
	}

	.car_dealer .linkBox li .btn {
		max-width: 300px;
		width: 100%;
	}

	.car_dealer .linkBox li:hover {
		border-color: #ccc;
	}

	.car_dealer .linkBox li .img img {
		width: 100%;
	}

	.car_dealer .linkBox li .btn a:hover {
		color: #000;
		background-image: url(img/common/icon10.png);
	}
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.contact .headLine01 {
	background-image: url("img/contact/headLine01_bg.jpg");
}

.contact #pagePath {
	margin-bottom: 35px;
}

.contact .comBgBox {
	margin-bottom: 74px;
}

.contact .headLine03 {
	font-size: 3.6rem;
}

.contact .comBox .comTxt {
	margin-bottom: 35px;
}

.contact .comBox .txt01 {
	margin-bottom: 27px;
}

.contact .comBox .comBtn {
	margin: 0 0 95px;
}

.contact .comBox .comBtn a {
	border-color: #000;
	background-image: url("img/common/icon04.png");
}

.contact .comBox .comBtn a:hover {
	background-image: url("img/common/icon14.png");
}

.contact .comTable .table01 tr th:first-child {
	width: 37.5%;
}

.contact .comTable .table01 tr td {
	width: 62.5%;
}

.contact .trStyle td,
.contact .trStyle th {
	background-color: #f6f6f4;
}
@media all and (max-width: 767px) {
	.contact .headLine03 {
		font-size: 2rem;
	}

	.contact .comBox .comBtn a:hover {
		color: #000;
		background-image: url("img/common/icon04.png");
	}

	.contact .comBox .comBtn {
		margin-bottom: 50px;
	}

	.contact .scrollBox {
		margin-bottom: 30px;
		overflow-x: scroll;
	}

	.contact .comTable table th,
	.contact .comTable table tr:last-child th,
	.contact .comTable table td {
		padding: 9px 10px 8px;
		font-size: 1.2rem;
		white-space:nowrap;
	}

	.contact .comTable table th img {
		height: 15px;
		display: inline-block;
		vertical-align: middle;
	}

	.contact .comTable table tr:first-child th {
		padding: 7px 10px 5px;
		text-align: center;
	}

	.contact .comTable table {
		margin-bottom: 0;
	}
}

/*------------------------------------------------------------
	service
------------------------------------------------------------*/
.service {
	overflow-x: hidden;
}

.service .headLine01 {
	background-image: url("img/service/headLine01_bg.jpg");
}

.service #pagePath {
	margin-bottom: 20px;
}

.service .topBox {
	margin-bottom: 71px;
}

.service .topBox .h3Ttl {
	margin-bottom: 22px;
	text-align: center;
	font-size: 2.7rem;
	font-weight: 700;
	color: #000;
	line-height: 1.925;
	letter-spacing: 1px;
}

.service .topBox .h3Ttl span {
	letter-spacing: 4px;
}

.service .topBox .comTxt {
	margin: 0 auto;
	width: 860px;
	line-height: 2;
	letter-spacing: -0.8px;
}

.service .topBox .comTxt a {
	color: #074486;
	text-decoration: underline;
}

.service .topBox .comTxt a:hover {
	text-decoration: none;
}

.service .topBox .comTxt a img {
	margin-bottom: 3px;
	vertical-align: middle;
}

.service .imgBox {
	margin: 0 auto 139px;
	max-width: 1400px;
}

.service .imgBox .txtBox {
	padding-left: 12.4%;
	float: left;
	position: relative;
	width: 40%;
}

.service .imgBox .txtBox:before {
	position: absolute;
	top: 64px;
	right: -39.7%;
	z-index: -1;
	bottom: 37px;
	width: 100vw;
	background-color: #f2f2f2;
	content: "";
}

.service .imgBox .txtBox .num {
	margin: 0 0 -3px 70px;
	font-size: 10.4rem;
	color: #a20000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.service .imgBox .txtBox .ttl {
	margin-bottom: 30px;
	font-size: 4rem;
	color: #a20000;
	font-weight: 700;
}

.service .imgBox .txtBox .boldTxt {
	margin-bottom: 11px;
	font-weight: 700;
	color: #000;
	font-size: 1.8rem;
	line-height: 1.778;
}

.service .imgBox .txtBox .txt {
	margin-bottom: 22px;
	width: 80%;
	line-height: 1.8;
	color: #000;
	font-weight: 500;
	letter-spacing: -0.8px;
}

.service .imgBox .txtBox .comBtn {
	margin-left: 0;
	width: 320px;
	background-color: #FFF;
}

.service .imgBox .txtBox .comBtn a {
	padding: 23px;
	font-size: 1.8rem;
	border: 1px solid #000;
	color: #000;
}

.service .imgBox .photoBox {
	position: relative;
	float: right;
	width: 43.5%;
}

.service .imgBox .photoBox .photo01 {
    overflow: hidden;
}

.service .imgBox .photoBox .photo02 {
	position: absolute;
	top: 112.2%;
	left: -12%;
	width: 65%;
    overflow: hidden;
}

.service .imgBox01 {
	margin-bottom: 120px;
}

.service .imgBox01 .txtBox {
	margin: -35px 0 0;
	padding: 0 7.9% 0 0;
	float: right;
}

.service .imgBox01 .photoBox {
	float: left;
	width: 44.5%;
}

.service .imgBox01 .txtBox .txt {
	margin-bottom: 30px;
	width: 85%;
}

.service .imgBox01 .txtBox:before {
	top: 83px;
	right: auto;
	left: -53%;
}

.service .imgBox01 .txtBox .comBtn {
	margin-left: 6px;
	width: 480px;
}

.service .imgBox01 .txtBox .comBtn a {
	padding: 17px 55px 18px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	background-image: url("img/common/icon10.png");
	background-position: right 30px center;
}

.service .imgBox01 .txtBox .comBtn a span {
	display: table-cell;
	text-align: left;
	color: #4d4d4d;
	vertical-align: middle;
	width: 177px;
}

.service .imgBox01 .txtBox .comBtn a img {
	width: 157px;
}

.service .imgBox02 {
	margin-bottom: 95px;
}

.service .imgBox02 .txtBox {
	margin: -30px 0 0;
	padding-left: 11.5%;
}

.service .imgBox02 .txtBox:before {
	top: 75px;
	right: -44.8%;
	bottom: 91px;
}

.service .imgBox02 .txtBox .ttl {
	margin-bottom: 20px;
}

.service .imgBox02 .txtBox .txt {
	margin-bottom: 32px;
	width: 95%;
}

.service .imgBox02 .txtBox .borderBox {
	/* padding: 20px 0 -20px; */
  padding: 20px;
	width: 94.2%;
	border: 1px solid #ccc;
	background-color: #fff;
	box-sizing: border-box;
}

.service .imgBox02 .txtBox .borderBox .photo {
	float: left;
	width: 42.5%;
}

.service .imgBox02 .txtBox .borderBox .txtBox01 {
	float: right;
	width: 52%;
	line-height: 1.7;
	color: #000;
	font-weight: 500;
}

.service .imgBox02 .txtBox .borderBox .txtBox01 .ttl01 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 2rem;
}

.service .imgBox02 .txtBox .borderBox .txtBox01 .txt01 {
	letter-spacing: -0.6px;
}

.service .imgBox02 .photoBox {
	width: 44.5%;
}

.service .imgBox02 .photoBox .photo02 {
	top: 116.8%;
	left: 13.3%;
	width: 59.5%;
}

@media all and (max-width: 767px) {
    .service #pagePath {
        margin-bottom: 16px;
    }

    .service .topBox {
        margin: 0 17px 49px;
    }

    .service .topBox .h3Ttl {
        margin-bottom: 14px;
        font-size: 1.8rem;
        line-height: 1.7;
        letter-spacing: 1px;
    }

    .service .topBox .h3Ttl span {
        letter-spacing: 1px;
    }

    .service .topBox .comTxt {
        margin: 0;
        width: auto;
        font-size: 1.4rem;
        line-height: 2;
        letter-spacing: -0.8px;
    }

    .service .topBox .comTxt a:hover {
        text-decoration: underline;
    }

    .service .topBox .comTxt a img {
        margin-bottom: 3px;
        vertical-align: middle;
    }

    .service .imgBox {
        margin: 0 0 204px;
        background-color: #f2f2f2;
    }

    .service .imgBox .txtBox {
        padding: 26px 15px 25px;
        float: none;
        position: relative;
        width: auto;
    }

    .service .imgBox .txtBox:before {
        display: none;
    }

    .service .imgBox .txtBox .num {
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: -40px;
        text-align: center;
        font-size: 5.2rem;
    }

    .service .imgBox .txtBox .ttl {
        margin-bottom: 20px;
        font-size: 2.3rem;
        text-align: center;
    }

    .service .imgBox .txtBox .boldTxt {
        margin-bottom: 10px;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .service .imgBox .txtBox .txt {
        margin-bottom: 15px;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2;
        color: #000;
        font-weight: 500;
        letter-spacing: -0.8px;
    }

    .service .imgBox .txtBox .comBtn {
        margin: 0 auto;
        width: 160px;
    }

    .service .imgBox .txtBox .comBtn a {
        padding: 12px 0 11px;
        font-size: 0.9rem;
    }

    .service .imgBox .photoBox {
        margin: 0 20px -77px;
        position: relative;
        float: none;
        width: auto;
        text-align: center;
    }

    .service .imgBox .photoBox .photo02 {
        display: none;
    }

    .service .imgBox01 {
        margin-bottom: 145px;
    }

    .service .imgBox01 .txtBox .txt {
        margin-bottom: 0;
    }

    .service .imgBox01 .photoBox {
        margin-bottom: -31px;
    }

    .service .imgBox01 .photoBox .photo01 {
        margin-bottom: 28px;
    }

    .service .imgBox01 .photoBox .comBtn {
        background-color: #FFF;
        width: 100%;
    }

    .service .imgBox01 .photoBox .comBtn a {
        border-color: #c6c6c6;
        color: #4d4d4d;
    }
    .service .imgBox01 .photoBox .comBtn a span {
        margin-top: 5px;
        display: inline-block;
    }

    .service .imgBox01 .photoBox .comBtn a img {
        width: 120px;
    }

    .service .imgBox02 {
        margin-bottom: 130px;
    }

    .service .imgBox02 .photoBox {
        margin-bottom: 0;
    }

    .service .imgBox02 .borderBox {
        margin: 20px 0 -80px;
        padding: 16px;
        width: 100%;
        border: 1px solid #ccc;
        background-color: #fff;
        box-sizing: border-box;
    }

    .service .imgBox02 .borderBox .photo {
        float: left;
        width: 42.5%;
    }

    .service .imgBox02 .borderBox .txtBox01 {
        margin-right: -6px;
        float: right;
        width: 54%;
        line-height: 1.7;
        color: #000;
        font-weight: 500;
    }

    .service .imgBox02 .borderBox .txtBox01 .ttl01 {
        margin-bottom: 7px;
        font-weight: bold;
        font-size: 1.25rem;
        text-align: left;
    }

    .service .imgBox02 .borderBox .txtBox01 .txt01 {
        line-height: 1.7;
        font-size: 1rem;
        text-align: left;
    }

}

/*------------------------------------------------------------
	access
------------------------------------------------------------*/
.access .headLine01 {
	background-image: url("img/access/headLine01_bg.jpg");
}

.access #pagePath {
	margin-bottom: 58px;
}

.access .comLinkBox {
	margin-bottom: 88px;
	width: 1040px;
}

.access .comLinkBox li {
	margin-right: 25px;
	width: 240px;
}

.access .comLinkBox li:last-child {
	margin-right: 0;
}

.access .comBox {
	margin-bottom: 65px;
	width: 1040px;
}

.access .imgBox {
	margin-bottom: 30px;
}

.access .imgBox .txtBox {
	padding-top: 58px;
	float: left;
	position: relative;
	width: 53.9%;
}

.access .imgBox .txtBox .num {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
	font-size: 10.9rem;
	font-weight: 700;
	color: #a20000;
}

.access .imgBox .txtBox .num span {
	margin-top: -6px;
	display: block;
	font-size: 2.4rem;
	text-align: center;
	letter-spacing: 4px;
}

.access .imgBox .txtBox .headLine03 {
	margin: 0 0 52px 131px;
}

.access .imgBox .txtBox .ttl {
	margin-bottom: 12px;
	font-size: 2rem;
	line-height: 1.7;
	color: #000;
	font-weight: bold;
}

.access .imgBox .txtBox .txt {
	margin-right: 45px;
	line-height: 1.8;
	color: #000;
	font-weight: 500;
}

.access .imgBox .photoBox {
	margin-top: 59px;
	float: right;
	width: 46.1%;
	overflow: hidden;
}

.access .bottomBox {
	margin-bottom: 100px;
}

.access .bottomBox:last-child {
	margin-bottom: 0;
}

.access .bottomBox .title {
	padding: 15px 40px 11px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.8rem;
	background: #A20000 url("img/access/icon01.png") left 19px center no-repeat;
}

.access .bottomBox .grayBox {
	padding: 21px 48px 34px;
	background-color: #f2f2f2;
}

.access .bottomBox .grayBox .leftBox {
	float: left;
	width: 340px;
}

.access .bottomBox .grayBox .leftBox .txt {
	margin-bottom: 12px;
	line-height: 1.8;
	color: #000;
	font-weight: 500;
}

.access .bottomBox .grayBox .link {
	margin-bottom: 27px;
	overflow: hidden;
	width: 246px;
	border-radius: 21px;
	background-color: #4d4d4d;
}

.access .bottomBox .grayBox .link a {
	padding: 12px 40px 11px;
	display: block;
	color: #FFF;
	letter-spacing: 1px;
	background: url("img/common/icon06.png") no-repeat right 15px center;
}

.access .bottomBox .grayBox .link a:hover {
	opacity: 0.7;
}

.access .bottomBox .grayBox table {
	width: 100%;
	border-collapse: collapse;
}

.access .bottomBox .grayBox table th,
.access .bottomBox .grayBox table td {
	padding: 6px 30px 4px;
	font-weight: 700;
	background-color: #ffffff;
	border-bottom: 2px solid #d9d9d9;
	box-sizing: border-box;
}

.access .bottomBox .grayBox table th {
	padding: 6px 25px 4px;
	width: 46.2%;
	text-align: justify;
	text-align-last: justify;
	border-bottom: 2px solid #c6c6c6;
	background-color: #e6e6e6;
}

.access .bottomBox .grayBox table tr:last-child th,
.access .bottomBox .grayBox table tr:last-child td {
	border-bottom: 0;
}

.access .bottomBox .grayBox sup {
	display: inline-block;
	font-size: 1rem;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.access .bottomBox .rightBox {
	float: right;
	width: 550px;
}

.access .comContact .bottomBox .rightBox {
	width: 245px;
}

.access .bottomBox .rightBox .ttl {
	margin-bottom: 15px;
	padding-left: 35px;
	font-size: 1.8rem;
	color: #000;
	font-weight: 700;
	background: url("img/access/icon02.png") left center no-repeat;
}

.access .bottomBox .rightBox ul li {
	line-height: 1.625;
	color: #000;
	font-weight: 500;
}

.access .bottomBox .rightBox .ttl01 {
	padding: 35px 35px 2px;
	margin: 18px 0 10px;
	background-image: url("img/access/icon03.png");
	background-position: left 3px bottom;
	border-top: 1px solid #acacac;
}

.access .imgBox01 .photoBox {
	margin-top: 28px;
	float: left;
}

.access .imgBox01 .txtBox {
	padding-top: 55px;
	float: right;
	width: 48.7%;
}

.access .imgBox01 .txtBox .num {
	color: #07afb2;
}

.access .imgBox01 .txtBox .headLine03:after {
	border-bottom-color: #07afb2;
}

.access .imgBox01 .txtBox .txt {
	margin-right: 0;
}

.access .bottomBox01 .title {
	background-color: #07afb2;
}

.access .bottomBox .rightBox .txt {
	font-weight: 500;
	line-height: 1.625;
}

.access .comBtn {
	margin-bottom: 90px;
}

.access .comBtn a {
	position: relative;
	color: #000;
	border-color: #000;
}

.access .comBtn a:hover {
	color: #FFF;
}

@media all and (max-width: 767px) {
	.access #pagePath {
		margin-bottom: 30px;
	}

	.access .comLinkBox {
		margin: 0 15px 20px;
		width: auto;
	}

	.access .comLinkBox li {
		margin: 0 0 10px;
		width: auto;
	}

	.access .comLinkBox li:last-child {
		margin: 0;
	}

	.access .comBox {
		margin-bottom: 30px;
		width: auto;
	}

	.access .imgBox {
		margin-bottom: 20px;
	}

	.access .imgBox .txtBox {
		margin-bottom: 20px;
		padding-top: 10px;
		float: none;
		position: relative;
		width: auto;
	}

	.access .imgBox .txtBox .num {
		font-size: 5rem;
	}

	.access .imgBox .txtBox .num span {
		margin-top: -6px;
		display: block;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 2px;
	}

	.access .imgBox .txtBox .headLine03 {
		margin: 0 0 20px 60px;
	}

	.access .imgBox .txtBox .ttl {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.access .imgBox .txtBox .txt {
		margin-right: 0;
	}

	.access .imgBox .photoBox {
		margin: 0 auto;
		float: none;
		width: 80%;
		text-align: center;
	}

	.access .bottomBox {
		margin-bottom: 40px;
	}

	.access .bottomBox .title {
		padding: 8px 30px;
		font-size: 1.5rem;
		background-position: left 10px center;
		background-size: 10px auto;
	}

	.access .bottomBox .grayBox {
		padding: 20px;
	}

	.access .bottomBox .grayBox .leftBox {
		margin-bottom: 20px;
		float: none;
		width: auto;
	}

	.access .bottomBox .grayBox .leftBox .txt {
		margin-bottom: 5px;
	}

	.access .bottomBox .grayBox .link {
		margin-bottom: 15px;
	}

	.access .bottomBox .rightBox {
		float: none;
		width: auto;
	}

	.access .imgBox01 .photoBox {
		margin-top: 28px;
		float: none;
	}

	.access .imgBox01 .txtBox {
		padding-top: 10px;
		float: none;
		width: auto;
	}

	.access .comBtn a:hover {
		color: #000;
		background-image: url("img/common/icon11.png");
	}

	.access .bottomBox .grayBox table th {
		padding: 5px 10px 5px;
		width: 115px;
	}

	.access .bottomBox .grayBox table th, .access .bottomBox .grayBox table td {
		padding: 5px 20px;
	}

	.access .bottomBox .grayBox .link a {
		padding: 11px 40px 12px;
	}
}

/*------------------------------------------------------------
	auction
------------------------------------------------------------*/
.auction {
	overflow-x: hidden;
}

.auction .headLine01 {
	background-image: url("img/auction/headLine01_bg.jpg");
}

.auction #pagePath {
	margin-bottom: 110px;
}

.auction .secBox {
	margin: 0 auto 127px;
	max-width: 1400px;
}

.auction .headLine03 {
	margin: 0 auto 50px;
	border-bottom: 0;
	max-width: 1000px;
}

.auction .headLine03:after {
	bottom: -6px;
	width: 50px;
}

.auction .imgBox {
	margin-bottom: 215px;
}

.auction .imgBox .txtBox {
	margin-left: 14.28%;
	float: left;
	width: 27.5%;
	line-height: 2;
	color: #000;
	letter-spacing: -0.5px;
}

.auction .imgBox .txtBox a {
	color: #074486;
	text-decoration: underline;
	vertical-align: middle;
}

.auction .imgBox .txtBox a img {
	margin-top: 8px;
}

.auction .imgBox .txtBox a:hover {
	text-decoration: none;
}

.auction .imgBox .photoBox {
	margin: -39px 9.2% 0 0;
	position: relative;
	float: right;
	width: 45%;
}

.auction .imgBox .photoBox01 {
	overflow: visible;
}

.auction .imgBox .photoBox:before {
	position: absolute;
	left: -30.3%;
	top: -97px;
	bottom: -41px;
	width: 100vw;
	content: "";
	background-color: #e6eff4;
	z-index: -1;
}

.auction .imgBox02 {
	margin-bottom: 88px;
}

.auction .imgBox02 .photoBox {
	margin: 0;
	float: left;
	width: 52.2%;
}

.auction .imgBox02 .photoBox:before {
	display: none;
}

.auction .imgBox02 .txtBox {
	margin: 98px 13.7% 0 0;
	float: right;
	position: relative;
}

.auction .imgBox02 .txtBox:before {
	position: absolute;
	left: -78%;
	top: -54px;
	bottom: -101px;
	width: 100vw;
	background-color: #e6eff4;
	content: "";
	z-index: -1;
}

.auction .imgBox02 .txtBox .headLine03 {
	position: absolute;
	top: -214px;
	font-size: 4.2rem;
	left: 0;
}

.auction .imgBox02 .txtBox .ttl {
	margin-bottom: 45px;
	position: relative;
	font-size: 2.6rem;
	color: #000;
	font-weight: 700;
	line-height: 1;
}

.auction .imgBox02 .txtBox .ttl:after {
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 50px;
	border-bottom: 1px solid #000;
	content: "";
}

.auction .imgBox02 .txtBox .ttl .small {
	margin-bottom: 12px;
	display: block;
	font-size: 2rem;
	letter-spacing: 2px;
}

.auction .imgBox02 .txtBox .txt {
	margin-right: 23%;
	line-height: 1.625;
	letter-spacing: -0.5px;
}

.auction .imgBox03 {
	margin-bottom: 0;
}

.auction .imgBox03 .txtBox {
	margin: 130px 0 0 16.5%;
	float: left;
}

.auction .imgBox03 .txtBox:before {
	left: auto;
	top: -69px;
	right: -59.8%;
	bottom: -90px;
}

.auction .imgBox03 .photoBox {
	float: right;
}

.auction .sec02 {
	margin: 0 auto 180px;
	width: 1080px;
	position: relative;
}

.auction .sec02 .headLine03 {
	margin-bottom: 33px;
}

.auction .sec02 .topTxt {
	margin: 0 40px 48px;
	line-height: 2;
	color: #000;
}

.auction .sec02 .listBox {
	position: relative;
}

.auction .sec02 .listBox:before {
	position: absolute;
	top: -29px;
	left: 126px;
	bottom: -76px;
	width: 100vw;
	content: "";
	z-index: -1;
	background-color: #e6eff4;
}

.auction .pointBox {
	margin-bottom: 15px;
}

.auction .pointBox .title {
	padding: 8px 40px 7px;
	color: #FFF;
	font-weight: bold;
	background-color: #df9397;
}

.auction .pointBox ul {
	padding: 20px 41px 17px;
	background-color: #FFF;
	border-bottom: 5px solid #ccc;
}

.auction .pointBox ul li {
	margin-right: 50px;
	float: left;
	position: relative;
	width: 212px;
}

.auction .pointBox ul li:last-child {
	margin-right: 0;
}

.auction .pointBox ul li .num {
	padding: 5px 5px 4px 9px;
	position: absolute;
	left: 0;
	top: 0;
	color: #FFF;
	font-size: 2.6rem;
	font-weight: 700;
	background-color: #000;
}

.auction .pointBox ul li .img {
	margin-bottom: 17px;
	position: relative;
}

.auction .pointBox ul li .img:before {
	margin-top: -10px;
	position: absolute;
	left: -34px;
	top: 50%;
	border: 10px solid transparent;
	border-left: 16px solid #cf585c;
	content: "";
}

.auction .pointBox ul li:first-child .img:before {
	display: none;
}

.auction .pointBox ul li .ttl {
	margin-bottom: 12px;
	font-size: 2rem;
	color: #000;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
}

.auction .pointBox ul li .txt {
	line-height: 1.6;
	color: #000;
	letter-spacing: -1px;
}

.auction .pointBox .title01 {
	background-color: #cf585c;
}

.auction .pointBox .title02 {
	background-color: #c2272d;
}

.auction .photoList {
	margin-bottom: 88px;
}

.auction .photoList li {
	float: left;
	width: 25%;
}

.auction .photoList li img {
	width: 100%;
}

@media all and (max-width: 1280px) {
  body {
    min-width: 100%;
  }
  .auction .secBox {

  }
  .auction .imgBox .txtBox {
    margin-left: 7.14%;
    width: 27.5%;
  }
  .auction .imgBox .photoBox {
    margin: 0 7.2% 0 0;
    position: relative;
    float: left;
    width: 47%;
  }
  .auction .imgBox02 .txtBox {
    width: 38%;
    margin: 98px 6% 0 0;
  }
  .auction .imgBox02 .txtBox:before {
    left: -58%;
    bottom: -40px;
  }
  .auction .imgBox02 .txtBox .txt {
    margin-right: 12%;
  }
  .auction .imgBox02 .txtBox .headLine03 {
      margin: 0 4.7% 0 0;
  }
  .auction .imgBox03 .photoBox {
      margin: 0 0 0 7.2%;
      float: right;
  }
  .auction .imgBox03 .txtBox {
      margin: 98px 0 0 6%;
  }
}


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

	.auction #pagePath {
		margin-bottom: 50px;
	}

	.auction .secBox {
		margin: 0 15px 50px;
	}

	.auction .headLine03 {
		margin: 0 auto 20px;
	}

	.auction .headLine03:after {
		bottom: -3px;
	}

	.auction .imgBox {
		margin-bottom: 120px;
	}

	.auction .imgBox .txtBox {
		margin: 0 0 20px;
		float: none;
		width: auto;
	}

	.auction .imgBox .photoBox {
		margin: 0 auto;
		position: relative;
		float: none;
		width: 100%;
		text-align: center;
	}

	.auction .imgBox .photoBox:before {
    left: -15px;
    top: -15px;
    bottom: -15px;
	}

	.auction .imgBox02 {
		margin-bottom: 50px;
	}

	.auction .imgBox02 .photoBox {
		margin: 0 auto;
		float: none;
		width: 100%;
	}

	.auction .imgBox02 .txtBox {
		margin: 0 0 15px;
		float: none;
	}

	.auction .imgBox02 .txtBox:before {
		left: -15px;
		top: -10px;
		bottom: -50px;
	}

	.auction .imgBox02 .txtBox .headLine03 {
		top: -70px;
		font-size: 2.1rem;
	}

	.auction .imgBox02 .txtBox .ttl {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}

	.auction .imgBox02 .txtBox .ttl:after {
		bottom: -15px;
		width: 30px;
	}

	.auction .imgBox02 .txtBox .ttl .small {
		margin-bottom: 5px;
		font-size: 1.4rem;
	}

	.auction .imgBox02 .txtBox .txt {
		margin-right: 0;
	}

	.auction .imgBox03 {
		margin-bottom: 0;
	}

	.auction .imgBox03 .txtBox {
		margin: 0 0 15px;
		float: none;
	}

	.auction .imgBox03 .txtBox:before {
		top: -10px;
		right: -15px;
		bottom: -40px;
	}

	.auction .imgBox03 .photoBox {
		float: none;
	}

	.auction .sec02 {
		margin: 0 0 50px;
		width: auto;
	}

	.auction .sec02 .headLine03 {
		margin: 0 15px 20px;
	}

	.auction .sec02 .topTxt {
		margin: 0 15px 20px;
		line-height: 2;
		color: #000;
	}

	.auction .sec02 .listBox {
		padding: 15px;
		background-color: #e6eff4;
	}

	.auction .pointBox {
		margin-bottom: 15px;
	}

	.auction .pointBox .title {
		padding: 5px 20px;
	}

	.auction .pointBox ul {
		padding: 20px 0 17px;
	}

	.auction .pointBox ul li {
		margin: 0 auto 30px;
		float: none;
		width: 80%;
	}

	.auction .pointBox ul li:last-child {
		margin: 0 auto;
	}

	.auction .pointBox ul li .num {
		padding: 5px;
		font-size: 1.4rem;
	}

	.auction .pointBox ul li .img {
		margin-bottom: 10px;
		text-align: center;
	}

	.auction .pointBox ul li .img:before {
		margin: 0 0 0 -10px;
		position: absolute;
		left: 50%;
		top: -20px;
		border: 10px solid transparent;
		border-top: 16px solid #cf585c;
		content: "";
	}

	.auction .pointBox ul li .ttl {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}

	.auction .photoList {
		margin-bottom: 40px;
	}

	.auction .photoList li {
		width: 50%;
	}

	.auction .photoList li img {
		width: 100%;
	}
}

/*------------------------------------------------------------
	top_message
------------------------------------------------------------*/
.top_message .headLine01 {
	background-image: url("img/top_message/headLine01_bg.jpg?2022");
}

.top_message #pagePath {
	margin-bottom: 87px;
}

.top_message .comBox {
	margin-bottom: 65px;
	width: 1040px;
}

.top_message .photoBox {
	float: left;
	width: 250px;
	overflow: hidden;
}

.top_message .photoBox .txt {
	margin-top: 20px;
	color: #000;
	letter-spacing: 1px;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.top_message .photoBox .txt .name {
	margin-top: 10px;
	display: block;
	font-size: 2.2rem;
}

.top_message .txtBox {
	margin-top: -12px;
	float: right;
	width: 725px;
}

.top_message .txtBox h3 {
	margin-bottom: 30px;
	font-size: 3.4rem;
	line-height: 1.588;
	color: #000;
	font-weight: bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.top_message .txtBox .txt {
	margin-bottom: 28px;
	line-height: 1.8;
	color: #000;
}

.top_message .txtBox .txt:last-child {
	margin-bottom: 0;
}

.top_message .comBtn {
	margin-bottom: 92px;
}

.top_message .comBtn a {
	color: #000;
	border-color: #000;
}

.top_message .comBtn a:hover {
	color: #FFF;
}

@media all and (max-width: 767px) {
	.top_message #pagePath {
		margin-bottom: 40px;
	}

	.top_message .comBox {
		margin: 0 15px 15px;
		width: auto;
	}

	.top_message .photoBox {
		margin: 0 auto 20px;
		float: none;
	}

	.top_message .photoBox .txt {
		margin-top: 20px;
		color: #000;
		letter-spacing: 1px;
	}

	.top_message .photoBox .txt .name {
		margin-top: 10px;
		display: block;
		font-size: 1.6rem;
	}

	.top_message .txtBox {
		margin: 0 15px;
		float: none;
		width: auto;
	}

	.top_message .txtBox h3 {
		margin-bottom: 20px;
		font-size: 2.5rem;
	}

	.top_message .txtBox .txt {
		margin-bottom: 15px;
	}

	.top_message .comBtn {
		margin-bottom: 45px;
	}

	.top_message .comBtn a:hover {
		color: #000;
		background-image: url("img/common/icon11.png");
	}
}


/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
.privacy .headLine01 {
    background-image: url("img/privacy/headLine01_bg.jpg");
}

.privacy #pagePath {
    margin-bottom: 48px;
}

.privacy .comBox {
    width: 820px;
    color: #000;
}

.privacy .headLine03 {
	padding-bottom: 12px;
    margin-bottom: 21px;
	font-size: 3.6rem;
}

.privacy .comTxt {
    margin-bottom: 20px;
    line-height: 1.8;
    letter-spacing: 0;
}

.privacy .txtList {
    margin: 0 0 8px 21px;
}

.privacy .txtList li {
    margin-bottom: 30px;
    padding-left: 2em;
    text-indent: -2em;
    line-height: 1.8;
}

.privacy .txtList li:last-child {
    margin-bottom: 0;
}

.privacy .rightTxt {
    margin-bottom: 46px;
    text-align: right;
    line-height: 1.8;
}

.privacy .txtBox {
    margin: 0 0 30px 20px;
}

.privacy .txtBox .borderTxt {
    padding: 18px 30px;
    border: 1px solid #000;
    width: 590px;
    line-height: 1.8;
    box-sizing: border-box;
}

.privacy .txtList a,
.privacy .borderTxt a {
	text-decoration: underline;
	color: #074484;
}

.privacy .txtList a:hover,
.privacy .borderTxt a:hover {
	text-decoration: none;
}

.privacy .txtBox .borderTxt .ttl {
    font-weight: bold;
}

.privacy .txtBox .borderTxt .small {
    margin-top: 10px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.4rem;
    line-height: 1.71;
}

.privacy .rightTxt.txt01 {
    margin-bottom: 30px;
}

.privacy .redTxt {
    margin: 40px 0 14px;
    color: #a00000;
    font-weight: bold;
    font-size: 2rem;
}

.privacy .txt02 {
    margin-bottom: 0;
    line-height: 1.625;
}

.privacy .list01 {
    margin: 0 0 25px 0;
}

.privacy .list01 li {
    margin-bottom: 0;
    line-height: 1.625;
}

.privacy .list02 {
	margin: 0 0 30px;
}

.privacy .list02 li {
	margin-bottom: 22px;
	padding-left: 1.9em;
	text-indent: -1.6em;
}

.privacy .list03 li {
	text-indent: -2em;
	padding-left: 2em;
}

.privacy .list02 li ul {
	margin-left: -5px
}

.privacy .list02 li li {
	margin-bottom: 0;
	line-height: 1.625;
	text-indent: -1em;
	padding-left: 1em;
}

.privacy .list02 li .subUl li {
	text-indent: -2.6em;
	padding-left: 2.6em;
}

.privacy .boldTxt {
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: bold;
}

.privacy .comTable table th,
.privacy .comTable table td {
    border: 1px solid #000 !important;
    background-color: #FFF !important;
    vertical-align: top;
}

.privacy .comTable table th {
    background-color: #e4e4e4 !important;
}

.privacy .comTable table tr:first-child th {
    padding-left: 30px;
    width: 60.5%;
}

.privacy .comTable table tr:first-child th:first-child {
    padding-left: 20px;
    width: 39.5%;
}

.privacy .comTable table tr td {
    padding: 8px 5px 15px 30px;
    line-height: 1.7;
}

.privacy .comTable table tr td:first-child {
    padding-left: 53px;
    text-indent: -2.5em;
}

.privacy .table01 th {
    padding: 15px 5px 15px 55px !important;
    text-indent: -42px;
    font-size: 1.8rem;
    font-weight: normal;
    width: 21.3% !important;
    letter-spacing: -1px;
}

.privacy .txt03 {
	margin-bottom: 20px;
	line-height: 1.625;
}

.privacy .list03 {
	margin-bottom: 0;
}

.privacy .table02 {
	margin-bottom: 20px;
}

.privacy .table02 table {
	margin-bottom: 0;
}

.privacy .privacyTable {
	margin-bottom: 20px;
}

.privacy .privacyTable table {
	margin-bottom: 0;
}

.privacy .privacyTable table tr:first-child th:first-child {
	width: 36%;
}

.privacy .privacyTable table tr:first-child th {
	width: 64%;
}

.privacy .privacyTable table td:first-child {
	font-size: 1.8rem;
}

.privacy .privacyTable table td {
	letter-spacing: -0.5px;
}

.privacy .privacyTable02 table tr:first-child th:first-child {
	width: 46%;
}

.privacy .privacyTable02 table tr td:first-child {
	padding-left: 45px;
}

.privacy .privacyTable02 table tr:first-child th {
	width: 54%;
}

.privacy .textList02 {
	margin-left: 35px;
}

.privacy .textList02 li {
	text-indent: 0;
	padding-left: 0;
}

.privacy .rightTxt.txt01 {
    margin-bottom: 30px;
}

.privacy .btmTxt {
	margin-top: 40px;
}

@media all and (max-width: 767px) {
    .privacy #pagePath {
        margin-bottom: 20px;
    }

	.privacy .headLine03 {
		font-size: 2rem;
	}

	.privacy .txtList a:hover,
	.privacy .borderTxt a:hover {
		text-decoration: underline;
	}

    .privacy .comBox {
        margin: 0 15px;
        width: auto;
    }

    .privacy .headLine03 {
        margin-bottom: 20px;
    }

    .privacy .comTxt {
        margin-bottom: 10px;
    }

    .privacy .txtList {
        margin: 0 0 5px 10px;
    }

    .privacy .txtList li {
        margin-bottom: 10px;
    }

    .privacy .rightTxt {
        margin-bottom: 20px;
    }

    .privacy .txtBox {
        margin: 0 0 15px 10px;
    }

    .privacy .txtBox .borderTxt {
        padding: 15px;
        width: 100%;
    }

    .privacy .txtBox .borderTxt .small {
        font-size: 1rem;
    }

    .privacy .rightTxt.txt01 {
        margin-bottom: 20px;
    }

    .privacy .redTxt {
        margin: 20px 0 10px;
        font-size: 1.4rem;
    }

    .privacy .list01 {
        margin: 0 0 15px 0;
    }

    .privacy .comTable table tr:first-child th {
        padding-left: 10px;
    }

    .privacy .comTable table tr:first-child th:first-child {
        padding-left: 10px;
    }

    .privacy .comTable table tr td {
        padding: 8px 10px;
    }

    .privacy .comTable table tr td:first-child {
        padding-left: 30px;
        text-indent: -2.5em;
    }

    .privacy .table01 th {
        padding: 10px 10px 10px 35px !important;
        text-indent: -37px;
        font-size: 1.6rem;
    }

	.privacy .comTable table tr td:first-child {
		font-size: 1.4rem;
		padding-left: 40px;
		padding-right: 5px;
	}

	.privacy .list02 li ul {
		margin: 0;
	}
}





/*------------------------------------------------------------
	overview
------------------------------------------------------------*/
.overview .headLine01 {
	background-image: url("img/overview/headLine01_bg.jpg");
}

.overview .comBox {
	width: 600px;
}

.overview .comTable {
	margin-bottom: 70px;
	margin-top: 53px;
	padding-top: 31px;
	border-top: 2px solid #4D4D4D;
}

.overview .comTable th {
	padding: 7px 20px 5px !important;
	text-align: center;
	width: 21.5% !important;
	line-height: 1.85;
	border: none;
	vertical-align: top;
	border-bottom: 1px solid #4D4D4D !important;
	border-top: 1px solid #4D4D4D !important;
	background-color: #F0F0F0 !important;
}

.overview .comTable td {
	padding: 7px 20px 5px 40px;
	line-height: 1.85;
	width: auto;
	vertical-align: top;
	border: none;
	border-bottom: 1px solid #4D4D4D !important;
	border-top: 1px solid #4D4D4D !important;
	background-color: #fff !important;
}

.overview .comTable td span {
	display: block;
	margin-bottom: 30px;
}

.overview .jsBox {
	margin: 0 auto 69px;
	position: relative;
}

.overview .jsBox .fooUl .slick-list li {
	float: left;
	position: relative;
}

.overview .jsBox .fooUl li .subBox {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 310px;
	padding: 20px 10px 40px 25px;
	min-height: 140px;
	box-sizing: border-box;
	background-color: #fff;
}

.overview .jsBox .fooUl li .subBox p {
	line-height: 1.55;
	color: #333;
}

.overview .comBtn {
	margin-bottom: 87px;
}

.overview .slick-dots {
	position: absolute;
	bottom: 15px;
	right: 0;
	width: 285px;
}

.overview .slick-dots li {
	margin: 0 4px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background-color: #E9E9E9;
}

.overview .slick-dots li button {
	display: none;
}

.overview .slick-dots li.slick-active {
	background-color: #777;
}

.overview .slick-arrow {
	text-indent: -9999px;
	width: 8px;
	height: 16px;
	border: none;
	position: absolute;
	bottom: 15px;
	right: 20px;
	cursor: pointer;
	z-index: 10;
}

.overview .slick-prev {
	right: 40px;
	background: url("img/overview/prev.png") no-repeat left center;
}

.overview .slick-next {
	background: url("img/overview/next.png") no-repeat right center;
}

@media all and (max-width: 767px) {
	.overview .comBox {
		width: auto;
		margin: 0 20px 40px;
	}

	.overview .comTable td {
		padding-left: 20px !important;
	}

	.overview .jsBox .fooUl li .subBox {
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		padding-bottom: 20px;
		min-height: 100px;
	}

	.overview .slick-dots {
		width: 100%;
		text-align: center;
		position: relative;
		bottom: auto;
		right: auto;
	}

	.overview .slick-arrow {
		bottom: 0;
	}
}

/*------------------------------------------------------------
	history
------------------------------------------------------------*/

.history .headLine01 {
	background-image:url(img/history/headLine01_bg.jpg);
}

.history .comBox {
	width: 1040px;
}

.history .txtUl {
	margin: 33px 0 41px;
}

.history .txtUl li {
	overflow: hidden;
	border-bottom: 1px solid #4D4D4D;
}

.history .txtUl li .lTxt {
	padding: 14px 0 0 11px;
	width: 100px;
	float: left;
	font-size: 4.2rem;
	color: #e1af9b;
	font-weight: bold;
}

.history .txtUl li:nth-child(2n-1) .rTxt {
	background-color: #F2F2F2;
}

.history .txtUl li .rTxt {
	padding: 19px 22px;
	width: 903px;
	float: right;
	box-sizing: border-box;
}

.history .txtUl li dl {
	font-size: 1.6rem;
	line-height: 1.8;
}

.history .txtUl li dt {
	float: left;
	color: #C96953;
	letter-spacing: 1.8px;
	font-weight: bold;
}

.history .txtUl li dd {
	padding-left: 135px;
	color: #000;
}

.history .txtUl li:last-child {
	border: none;
}

.history .txtUl li a:hover {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	.history .comBox {
		width: auto;
	}

	.history .txtUl li {
		margin-bottom: 20px;
	}

	.history .txtUl li:last-child {
		margin-bottom: 0;
	}

	.history .txtUl li .lTxt {
		padding: 0 10px;
		width: 100%;
		float: none;
		font-size: 2.1rem;
		box-sizing: border-box;
	}

	.history .txtUl li .rTxt{
		padding: 10px;
		width: auto;
		float: none;
	}

	.history .txtUl li dl {
		font-size: 1.4rem;
	}

	.history .txtUl li dd {
		padding-left: 100px;
		letter-spacing: -0.5px;
	}

	.history .txtUl li dt {
		letter-spacing: 0;
    width: 100px;
	}
}

@media all and (-ms-high-contrast:none){
	.comBtn a {
		padding: 23px 19px 15px;
	}

	.history .txtUl li .rTxt {
		padding: 23px 22px 15px;
	}
}

/*-----------------------------------------------------------
	news
------------------------------------------------------------*/
.news .headLine01 {
	background-image: url("img/news/headLine01_bg.jpg");
}

.news .pageTtl {
	margin-bottom: 38px;
	color: #000;
	text-align: center;
}

.news #pagePath {
	margin-bottom: 42px;
}

.news .linkBox {
	margin-bottom: 60px;
	padding: 29px 15px 39px;
	background-color: #f0f0f0;
}

.news .linkBox .ttl {
	margin-bottom: 29px;
	color: #000;
	text-align: center;
}

.news .linkUl {
	text-align: center;
}

.news .linkUl li {
	margin: 0 2px 0 1px;
	display: inline-block;
	vertical-align: top;
}

.news .linkUl li a {
	padding: 11px 23px 10px 5px;
	width: 244px;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	display: block;
	border-radius: 25px;
	background: #4d4d4d url("img/common/icon06.png") no-repeat right 18px center;
	box-sizing: border-box;
}

.news .linkUl li a:hover {
	opacity: 0.7;
}

.news .h3Ttl {
	margin-bottom: 16px;
	padding-bottom: 23px;
	color: #000;
	font-size: 2rem;
	border-bottom: 1px solid #666666;
}

.news .typeUl {
	position: absolute;
	top: 2px;
	left: 164px;
}

.news .typeUl li {
	margin-right: 58px;
	color: #000;
	font-size: 1.85rem;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 1px;
	position: relative;
	text-decoration: underline;
}

.news .typeUl li:after {
	margin-top: -8px;
	width: 8px;
	height: 8px;
	position: absolute;
	right: -19px;
	top: 50%;
	border-right: 1px solid #0e0e0e;
	border-bottom: 1px solid #0e0e0e;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}

.news .typeUl li:last-child {
	margin-right: 0;
}

.news .typeUl li span {
	margin: -3px 13px 0 0;
	width: 60px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background-color: #a00000;
}

.news .typeUl li.color02 span {
	background-color: #07adb0;
}

.news .newsBox {
	position: relative;
}

.news .comBox {
	margin-bottom: 60px;
}

@media all and (max-width: 767px) {
	.news .linkUl li {
		margin: 0 0 15px 0;
		display: block;
	}

	.news .linkUl li:last-child {
		margin-bottom: 0;
	}

	.news .linkUl li a {
		width: auto;
		font-size: 1.3rem;
		background-size: 14px auto;
	}

  .news .linkBox {
    margin-bottom: 50px;
  }

	.news .linkBox .ttl {
		margin-bottom: 20px;
		line-height: 1.8;
	}

	.news .comBox {
		margin: 0 15px 30px;
		width: auto;
	}

	.news .typeUl li span {
		margin: -3px 4px 0 0;
		width: 20px;
		height: 19px;
	}

	.news .typeUl li {
		margin-right: 20px;
		font-size: 1.3rem;
	}

	.news .typeUl {
		top: 4px;
		left: auto;
		right: 12px;
	}

	.news .typeUl li::after {
		margin-top: -6px;
		width: 6px;
		height: 6px;
		right: -11px;
	}
}

/*------------------------------------------------------------
	pageList
------------------------------------------------------------*/
.pageList {
	margin-top: 60px;
	clear: both;
	font-size: 1.6rem;
	vertical-align: 6px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.pageList li {
	margin: 0 2px;
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.pageList li span,
.pageList li a {
	padding: 15px 22px 19px;
	display: inline-block;
	color: #000;
	font-weight: bold;
	text-align: center;
	background-color: #f5f5f5;
}

.pageList .on a,
.pageList li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #a00000;
}

.pageList li .current {
	color: #FFF;
	background-color: #a00000;
}

.pageList .next a,
.pageList .back a {
	font-weight: normal;
	font-size: 2rem;
	padding: 15px 21px 14px 12px;
}

.pageList .next a {
	padding: 15px 12px 14px 21px;
}

.pageList .num span {
	padding: 15px 16px 19px;
}
.wp-pagenavi {
  margin-top: 60px;
	clear: both;
	font-size: 1.6rem;
	vertical-align: 6px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}
.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 5px;
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
  padding: 15px 22px 19px;
	display: inline-block;
	color: #000;
	font-weight: bold;
	text-align: center;
	background-color: #f5f5f5;
}
.wp-pagenavi span.pages {
  padding: 15px 18px 19px;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #a00000;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-weight: normal;
  font-size: 2rem;
  padding: 15px 21px 14px 12px;
}

@media all and (max-width: 767px) {
	.pageList li a:hover {
		color: #000;
		background-color: #f5f5f5;
	}

	.pageList li span, .pageList li a {
		padding: 9px 13px 9px;
	}

	.pageList .num span {
		padding: 9px 8px 9px;
	}

	.pageList {
		font-size: 1.3rem;
	}

	.pageList li {
		margin: 0;
	}

	.pageList .next a, .pageList .back a {
		padding: 10px;
		font-size: 1.2rem;
	}

	.pageList .next a {
		padding: 10px;
	}
  .wp-pagenavi {
		font-size: 1.3rem;
    margin-top: 30px;
  }
  .wp-pagenavi span,
  .wp-pagenavi a {
  	margin: 0 3px;
		padding: 9px 13px 9px;
  }
  .wp-pagenavi span.pages {
		padding: 9px 8px 9px;
  }
  .wp-pagenavi span.current,
  .wp-pagenavi a:hover {
    color: #000;
		background-color: #f5f5f5;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    padding: 10px;
		font-size: 1.2rem;
  }

}

/*------------------------------------------------------------
	enrollment
------------------------------------------------------------*/
.enrollment .headLine01 {
	background-image: url("img/enrollment/headLine01_bg.jpg");
}

.enrollment #pagePath {
	margin-bottom: 35px;
}

.enrollment .centerTxt {
	margin-bottom: 40px;
	text-align: center;
	color: #000;
	line-height: 2;
}

.enrollment .comTxt {
	margin-bottom: 28px;
}

.enrollment .headLine03 {
	font-size: 3.6rem;
}

.enrollment .pointList {
	margin-bottom: 70px;
}

.enrollment .pointList li {
	margin-bottom: 30px;
	display: flex;
	position: relative;
	align-items: center;
}

.enrollment .pointList li:after {
	margin-top: -20px;
	position: absolute;
	left: 10px;
	bottom: -35px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #BC272D;
	border-bottom: 15px solid transparent;
	content: '';
}

.enrollment .pointList li:last-child {
	margin-bottom: 0;
}

.enrollment .pointList li:last-child:after {
	display: none;
}

.enrollment .pointList .ttl {
	width: 44.5%;
	color: #bf272d;
	font-size: 2.2rem;
}

.enrollment .pointList .ttl .num {
	margin-right: 20px;
	display: inline-block;
	width: 48px;
	line-height: 48px;
	color: #FFF;
	font-size: 3.3rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #BC272D;
	border-radius: 48px;
}

.enrollment .pointList .ttl .txt {
	display: inline-block;
	vertical-align: middle;
}

.enrollment .pointList .text {
	display: inline-flex;
	align-items: center;
	min-height: 100px;
	align-self: center;
	padding-left: 25px;
	width: 55.4%;
	color: #000;
	line-height: 1.5;
	box-sizing: border-box;
	border-left: 1px solid #000;
}

.enrollment .pointList a {
	color: #074484;
	text-decoration: underline;
}

.enrollment .pointList a:hover {
	text-decoration: none;
}

.enrollment .comBgBox {
	margin-bottom: 0;
	padding: 72px 0;
	background-image: url("img/enrollment/bg01.jpg");
}

.enrollment .faq {
	margin-bottom: 60px;
	padding: 75px 0 65px;
	background-color: #F3F3F3;
}

.enrollment .faq .headLine03 {
	font-size: 3rem;
}

.enrollment .faqDl dt {
	padding: 30px 60px 5px;
	position: relative;
	color: #07adb0;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #FFF;
}

.enrollment .faqDl .txt {
	margin-right: 20px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 20px;
	color: #07adb0;
	font-weight: bold;
	font-size: 3.3rem;
	vertical-align: middle;
	font-family: 'Roboto Condensed', sans-serif;
}

.enrollment .faqDl dd {
	margin-bottom: 15px;
	padding: 25px 60px 30px;
	position: relative;
	color: #000;
	line-height: 1.4;
	background-color: #FFF;
}

.enrollment .faqDl dd:last-child {
	margin-bottom: 0;
}

.enrollment .faqDl dd .txt {
	color: #808080;
	top: 12px;
}

@media all and (max-width: 767px) {
	.enrollment .pointList {
		margin-bottom: 30px;
	}

	.enrollment .pointList li {
		display: block;
	}

	.enrollment .pointList .ttl {
		margin-bottom: 10px;
		width: 100%;
		font-size: 1.6rem;
	}

	.enrollment .pointList .ttl .num {
		margin-right: 5px;
		width: 25px;
		line-height: 25px;
		font-size: 2rem;
	}

	.enrollment .pointList .text {
		width: 100%;
		padding: 10px 10px 0;
		border-left: 0;
		border-top: 1px solid #000;
	}

	.enrollment .pointList li:after {
		margin-left: -18px;
		left: 50%;
	}

	.enrollment .headLine03 {
		font-size: 2rem !important;
	}

	.enrollment .faq {
		margin-bottom: 30px;
		padding: 40px 0;
	}

	.enrollment .faqDl dt {
		padding: 15px 5px 5px 30px;
		font-size: 1.6rem;
	}

	.enrollment .faqDl .txt {
		margin-right: 20px;
		left: 10px;
		top: 10px;
		font-size: 2.2rem;
	}

	.enrollment .faqDl dd {
		margin-bottom: 15px;
		padding: 10px 5px 15px 30px;
	}

	.enrollment .faqDl dd .txt {
		top: 3px;
	}

}

@media all and (-ms-high-contrast:none){
	#gFooter .innerFooter .left .ttl a:before {
		margin-top: -8px;
	}

	.comContact .bottomBox .rightBox a {
		padding: 31px 22px 26px;
	}

	.comContact .bottomBox .rightBox a .icon {
		vertical-align: -1px;
	}

	.comContact .bottomBox .rightBox a img {
		vertical-align: -6px;
	}

	.comLinkBox li a {
		padding: 12px 42px 6px;
	}

	.news .linkUl li a {
		padding: 14px 23px 7px 5px;
	}

	.comNewsList .bgTxt {
		padding: 10px 0 5px;
	}

	.top .news .rightBox .link a {
		padding-top: 5px;
	}
}

@media all and (max-width: 350px) {
	.comBtnList li .comBtn a {
		font-size: 1rem;
		background-size: 8px auto;
		background-position: right 3px center;
    min-height: 43px;
	}
}


.bgfixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all 0.2s;
	visibility: hidden;
}

.bgfixed.on {
	opacity: 1;
	visibility: visible;

}

@media all and (max-width: 767px) {
	 .comBtn02 a:hover {
		color: #000;
		 background-image: url(img/common/icon11.png);
	}
}


.con404 {
  text-align: center;
  padding: 40px 0;
}
.con404 .comBtn {
  width: 80%;
  max-width: 300px;
  margin: 30px auto 0;
	width: 100%;
	position: relative;
	background-color: #000;
}

.con404 .comBtn a {
	padding: 17px 29px 16px;
	position: relative;
	display: flex;
	width: 100%;
	font-size: 1.9rem;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index: 10;
	letter-spacing: -0.5px;
	border: 1px solid #000;
	box-sizing: border-box;
}

.con404 .comBtn a .hover {
	display: none;
}

@media all and (max-width: 767px) {
  .con404 {
    text-align: left;
    padding: 20px 0;
  }
  .con404 .comBtn {
    margin-bottom: 5px;
  }
  .con404 .comBtn a {
    padding: 10px 0;
    font-size: 1.2rem;
    background-size: 13px auto;
    min-height: 50px;
  }
}