/*
 Theme Name:   vantage_child
 Theme URI:    
 Author:       
 Author URI:   
 Template:     vantage
 Version:      
 Text Domain:  vantage
*/

/* =Global 143
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #333;
	font-size: 16px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}
a { color: #003775;}
a:hover,a:focus,a:active { color: #333;}
a:hover img,a:focus img,a:active img { opacity: 0.9;}
address { margin: 0;}
ul,ol {margin: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}
th { font-weight: normal;}
dd { margin: 0;}
ul, ol, li{ list-style: none;}
img{ vertical-align: bottom;}

.entry-content dl dt{
    margin: 0;
    font-weight: normal;
}
.entry-content dl dd{
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    p{ font-size: 14px;}
}

/* =General Layout 456
----------------------------------------------- */
#primary {
	width: 75%;
	position: relative;
	background: #fff;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
#secondary {
	width: 23%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body.home #primary{
	width: 100%;
	padding: 0;
	margin: 0;
	background: inherit;
	clear: both;
}
body.error404 #primary{ width: 100%;}

body.post-type-archive-game_title #primary,
body.game_title-template-default #primary,
body.tax-game_title_category #primary,
body.post-type-archive-property #primary,
body.property-template-default #primary,
body.tax-type02_category #primary,
body.post-type-archive-property_rent #primary,
body.property_rent-template-default #primary,
body.post-type-archive-quality #primary,
body.quality-template-default #primary,
body.page-template-page-nonp #primary,
body.search-results #primary{
	width: auto;
	float: none;
}
@media (max-width: 1024px) {
	/*#primary { padding: 0 0 0 10px;}
	#secondary { padding: 0 10px 0 0;}*/
	body.post-type-archive-game_title #primary,
	body.game_title-template-default #primary,
	body.tax-game_title_category #primary,
	body.post-type-archive-property #primary,
	body.property-template-default #primary,
	body.tax-type02_category #primary,
	body.post-type-archive-property_rent #primary,
	body.property_rent-template-default #primary,
	body.post-type-archive-quality #primary,
	body.quality-template-default #primary,
	body.page-template-page-nonp #primary,
	body.search-results #primary,
	.page-template-templatestemplate-full-notitle-php #primary{ padding: 0;}
}
@media (max-width: 680px) {
	body.responsive #secondary {
        margin: 40px auto 0;
        padding: 10px;
        background: #f8f8f7;
        border-radius: 4px;
        width: 320px;
    }
}
@media (max-width: 375px) {
    body.responsive #secondary { width: 100%;}
}

#page-wrapper { width: 1000px;}
.layout-full #page-wrapper .full-container { max-width: 1000px;}
body.responsive #page-wrapper { max-width: 1000px;}
body.responsive.layout-full #page-wrapper .full-container { max-width: 100%;}
body.responsive.layout-full #page-wrapper .main-navigation .full-container { max-width: 100%;}
body.home.responsive.layout-full #page-wrapper #main .full-container { max-width: 100%;}
body .main-navigation { background: #fff!important;}
body #masthead.masthead-logo-in-menu .logo{
	margin: 0 20px;
	padding: 20px 0;
}
@media (max-width: 1000px) {
	body #masthead.masthead-logo-in-menu .logo{ padding: 15px 0;}
}
@media (max-width: 425px) {
	body #masthead.masthead-logo-in-menu .logo{
		margin: 0 10px!important;
		padding: 10px 0;
	}
}


body.home #main {
	padding: 0;
	background: #fff;
}
#main {
	padding: 0 0 80px 0;
	background: #fff;
}
@media (max-width: 519px) {
	#main { padding: 0 0 40px;}
}

#masthead {
	background: #fff;
	padding: 0 10px;
}
#masthead .hgroup{}
#masthead .hgroup .logo{
	display: inline-block;
	outline: none;
	float: none;
	margin: 0 10px;
}
#masthead .hgroup .logo img {
	width: 200px;
	height: auto;
}
#masthead .hgroup .logo:hover img { opacity: 0.8;}
@media (max-width: 1024px) {
	#masthead .hgroup .logo{ margin: 0;}
	#masthead .hgroup .logo img { width: 180px;}
}
@media (max-width: 920px) {
	/**#masthead .hgroup .logo img { width: 130px;}**/
}
@media (max-width: 840px) {
	#masthead .hgroup{ padding-bottom: 30px!important;}
}
@media (max-width: 680px) {
	body.responsive #masthead .hgroup #header-sidebar{ margin-top: 10px;}
	#masthead .hgroup{ padding: 15px 0 10px!important;}
}
@media (max-width: 640px) {}
@media (max-width: 425px) {}

#masthead .hgroup #header-sidebar{
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0!important;
}
#masthead .hgroup .support-text { display: none!important;}

#masthead.masthead-logo-in-menu .logo{ outline: none;}
#masthead.masthead-logo-in-menu a:hover.logo > img { opacity: 0.8;}
#masthead.masthead-logo-in-menu .logo > img { max-height: 56px;}
@media (max-width: 1300px) {
	#masthead.masthead-logo-in-menu .logo > img { max-height: 50px;}
}
@media (max-width: 1000px) {
	#masthead.masthead-logo-in-menu .logo > img { max-height: 40px;}
}


/* =Responsive Layout 712
----------------------------------------------- */


/* =Menu 847
----------------------------------------------- */
.main-navigation { margin: 0 -10px;}
.main-navigation ul{
	position: absolute;
    bottom: 15px;
	right: 0;
}
.main-navigation ul li{}
.main-navigation ul li a{
	color: #333;
	font-weight: bold;
    margin: 0 10px 0 0;
	padding: 15px 20px;
	transition: none;
	transition: all 0.4s ease;
	outline: none;
	/*margin-top: 10px;*/
}
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
	color: #555!important;
	background: none!important;
}
.main-navigation ul li a:hover {
    background: #bc0c0c!important;
    color: #fff!important;
}
.main-navigation ul li.change a{
    padding: 5px 15px;
    background: #bc0c0c;
    border-radius: 4px;
    color: #fff;
}
.main-navigation ul ul{
    right: 20px;
    left: auto;
    top: 50px;
    background: rgba(39, 44, 51,0.6)!important;
}
body.home .main-navigation ul ul li{ margin: 0!important;}
.main-navigation ul ul li{ border-bottom: 1px solid #555;}
.main-navigation ul ul li:last-child{ border-bottom: none;}
.main-navigation ul ul li a{
    font-size: 15px;
    padding: 18px 10px 14px;
}
.main-navigation ul ul li a span{
    margin: 0 0 0 10px;
    color: #ccc;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 1400px) {}
@media (max-width: 1024px) {
	.main-navigation ul li a{ padding: 15px 8px;}
}
@media (max-width: 840px) {
    /*.main-navigation ul li a{ font-size: 13px;}*/
}
/*-- mobile menu --*/
@media (max-width: 768px) {}
@media (max-width: 680px) {
    .main-navigation ul li a{}
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a{
		padding: 20px!important;
	}
	.main-navigation ul{
		position: static;
		border-top: 1px solid #ddd;
	}
	.main-navigation ul li a{ padding: 12px 5px;}
}
@media (max-width: 640px) {
    .main-navigation ul li a{ border-radius: 0;}
}
@media (max-width: 480px) {
    .main-navigation ul li a{ margin: 0;}
}
@media (max-width: 425px) {
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a{
		padding: 10px!important;
		margin-right: 10px;
	}
}

.mobile-nav-icon:before {
	content: "\f0c9";
	font-size: 16px;
}


/* =Archives 1122
----------------------------------------------- */
article.post,
article.page {
	margin-bottom: 50px;
	padding-bottom: 0;
	border-bottom: none;
}
@media (max-width: 425px) {
	article.post,
	article.page { margin-bottom: 40px;}
}

article.post .entry-header,
article.page .entry-header {
  margin-bottom: 0;
}

.post-navigation{
	margin: 0;
	padding: 40px 0 0 0;
	position: relative;
	border-top: 1px solid #efefef;
}
.post-navigation a{
	color: #999;
	background: inherit;
	font-size: 10px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 6px 15px;
	display: block;
	text-align: center;
	box-shadow: none;
	outline: none;
	margin: 0 auto;
}
@media (max-width: 680px) {
	.post-navigation a{ width: 60%;}
}

.post-navigation a span{
	display: none!important;
}
.post-navigation .nav-previous a{
	padding: 6px 10px 6px 20px;
	border: 1px solid #ccc;
}
.post-navigation .nav-next a{
	padding: 6px 20px 6px 10px;
	border: 1px solid #ccc;
}
.post-navigation a:hover{
	color: #444;
	background: inherit;
	border: 1px solid #444;
}

article.post .entry-header h1.entry-title{
    margin: 0 0 40px;
	padding: 20px 0;
    border-bottom: 5px solid #003775;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 30px;
	line-height: 1.2;
    color: #333;
}
article.page .entry-header h1.entry-title{
    margin: 0 0 40px;
	padding: 20px 0;
    border-bottom: 5px solid #003775;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 30px;
	line-height: 1.2;
    color: #333;
}
@media (max-width: 680px) {
	article.post .entry-header h1.entry-title{
		font-size: 20px;
		padding: 0 0 10px 0;
	}
	article.post .entry-header h1.entry-title::after{ padding: 10px 0 0 0;}
	article.page .entry-header h1.entry-title{
		font-size: 50px;
		padding: 0 0 10px 0;
		margin: 0 0 40px 0;
	}
}
@media (max-width: 425px) {
	article.post .entry-header h1.entry-title{ font-size: 16px;}
	article.page .entry-header h1.entry-title{ font-size: 30px;}
	article.page .entry-header h1.entry-title::after{ width: 100px;}
}


/* =Entry Content 1546
----------------------------------------------- */
.entry-content { color: #333;}
.entry-content ul { list-style-type: none;}
.entry-content ul li,
.entry-content ol li {
  margin-left: 0;
}
.entry-content p,
.entry-content > ul,
.entry-content > ol,
.entry-content > li,
.entry-content > dl,
.entry-content pre,
.entry-content code,
.entry-content blockquote {
  margin: 0 0 1em 0;
}
.entry-content table {
  border-bottom: none;
  line-height: 1.2;
  margin: 0 0 20px;
}


/* =Navigation 1787
----------------------------------------------- */
.pagination,
.entry-content .pagination {
	text-align: center;
	padding: 20px 0;
	clear: both;
}
.pagination span,
.entry-content .pagination span,
.pagination a,
.entry-content .pagination a {
	font-weight: normal;
	box-shadow: none;
	background: #fff;
	border: 1px solid #ccc;
	outline: none;
}
.pagination a{ background: #fff!important;}
.pagination a:hover{ background: #e3e2df!important;}

.pagination .current,
.entry-content .pagination .current {
	color: #555;
	border: 1px solid #e3e2df;
	background: #e3e2df;
	box-shadow: none;
}

.site-content .nav-previous { width: 140px;}
.site-content .nav-previous a:after{
	content: '<';
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	color: #666;
	position: absolute;
	left: 8px;
}
.site-content .nav-next {width: 140px;}
.site-content .nav-next a:after{
	content: '>';
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	color: #666;
	position: absolute;
	right: 8px;
}
/*-must-*/
@media (max-width: 680px) {
	body.responsive .site-content .nav-previous,
	body.responsive .site-content .nav-next {
		margin-bottom: 10px;
	}
	.site-content .nav-previous a:after{ left: 20%;}
	.site-content .nav-next a:after{ right: 20%;}
}


/* =Sidebars and Asides 2207
----------------------------------------------- */
#scroll-to-top {
	padding: 10px;
	border-radius: 50%;
	background: #555;
	outline: none;
}
body.layout-full { background-color: #fff;}


/* =Widgets 2542
----------------------------------------------- */
.widget .searchform input {
	background: inherit;
	color: #fff;
}
@media (max-width: 680px) {
	.widget .searchform input { display: none;}
}


/* =Sidebar widget styling 2571
----------------------------------------------- */
#secondary .widget{
	margin: 0 0 30px;
}
#secondary .widget ul li{
	padding: 0;
}
#secondary .widget ul li a{
	font-size: 14px;
	outline: none;
}
#secondary .widget ul li a:hover{
	text-decoration: none;
	background: #edf3fa;
}

#secondary .widget .widget-title{
	clear: both;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 16px;
	line-height: 1.0;
}
#secondary .widget .news-archive li{
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
#secondary .widget ul.news-archive li a:hover{
	background: none;
	text-decoration: underline;
}
@media (max-width: 680px) {
    #secondary .widget{ margin: 0 0 15px;}
}
@media (max-width: 519px) {
	#secondary .widget ul li,
	#secondary .widget ul li a{ font-size: 13px;}
}

#secondary .widget ul li ul.children {
  padding-top: 0;
  margin-bottom: 0;
}

#yoast-breadcrumbs,
#navxt-breadcrumbs {
	margin: 0 auto 80px;
	background: inherit;
	color: #999;
	padding: 8px 0;
	font-size: 12px;
	max-width: 1000px!important;
}
#yoast-breadcrumbs a,
#navxt-breadcrumbs a{
	outline: none;
	color: #888;
}
#yoast-breadcrumbs a:hover,
#navxt-breadcrumbs a:hover{ color: #aaa;}
#navxt-breadcrumbs .full-container{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media (max-width: 1024px) {
	#navxt-breadcrumbs { padding: 8px 10px;}
}
@media (max-width: 768px) {
	#navxt-breadcrumbs {
        margin: 0 0 50px;
        font-size: 12px;
    }
}
@media (max-width: 519px) {
    #navxt-breadcrumbs { margin: 0 0 40px;}
}
@media (max-width: 375px) {
	#navxt-breadcrumbs { font-size: 11px;}
}


/* =Some row styling for page builder 3070
----------------------------------------------- */
/**-- mobilenav.css --**/
.mobile-nav-frame{ background: #fff!important;}
.mobile-nav-frame ul{
	border: 0!important;
	box-shadow: none!important;
	margin: 0!important;
    padding: 0 10px!important;
    background: #fff!important;
}
.mobile-nav-frame ul li{
	padding: 0!important;
	border-bottom: 1px solid #ccc!important;
}
.mobile-nav-frame ul li a.link{
	color: #555!important;
	font-size: 16px!important;
	padding: 10px!important;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	outline: none;
	margin-right: 0!important;/*-- サブメニューなし --*/
}
.mobile-nav-frame ul li.change a.link{
    display: inline-block;
    background: #bc0c0c;
    border-radius: 5px;
    margin: 5px;
    padding: 5px 20px!important;
    color: #fff!important;
}
.mobile-nav-frame .title{
    border-bottom: 1px solid #ddd!important;
    background: #fff!important;
}
.mobile-nav-frame .title h3{
	text-shadow: none!important;
    font-family: "Noto Sans JP", sans-serif!important;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	color: #333!important;
	height: auto!important;
}
.mobile-nav-frame .title .close{
	text-align: center;
	line-height: 1.0;
	color: #333!important;
}
.mobile-nav-frame ul li a.link{ text-shadow: none!important;}
.mobile-nav-frame [class^="fa fa-"]{ margin-right: 0;}
.mobile-nav-frame form.search input[type=search]{
	font-size: 14px!important;
	padding: 5px;
}

.mobile-nav-frame ul li{ position: relative;}
.mobile-nav-frame .next{
    position: absolute;
    top: 12px;
    right: 0;
}
.mobile-nav-frame ul li a.link span + span{
    margin: 0 0 0 10px;
    font-size: 13px;
    color: #ccc;
}


/* common css
----------------------------------------------- */
.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
* html .clearfix{ height: 1%;}
.clearfix{display: block;}

.fsize10{ font-size: 10px;}
.fsize11{ font-size: 11px;}
.fsize12{ font-size: 12px;}
.fsize13{ font-size: 13px;}
.fsize14{ font-size: 14px;}
.fsize15{ font-size: 15px;}
.fsize16{ font-size: 16px;}
.fsize17{ font-size: 17px;}
.fsize18{ font-size: 18px;}
.fsize19{ font-size: 19px;}
.fsize20{ font-size: 20px;}
.fsize21{ font-size: 21px;}
.fsize22{ font-size: 22px;}
.fsize23{ font-size: 23px;}
.fsize24{ font-size: 24px;}
.fsize25{ font-size: 25px;}
.fsize26{ font-size: 26px;}
.fsize27{ font-size: 27px;}
.fsize28{ font-size: 28px;}
.fsize29{ font-size: 29px;}
.fsize30{ font-size: 30px;}
@media (max-width: 768px) {
	.fsize21,
	.fsize22,
	.fsize23,
	.fsize24,
	.fsize25,
	.fsize26,
	.fsize27,
	.fsize28,
	.fsize29,
	.fsize30{ font-size: 20px;}
}
@media (max-width: 640px) {
	.fsize17,
	.fsize18,
	.fsize19,
	.fsize20,
	.fsize21,
	.fsize22,
	.fsize23,
	.fsize24,
	.fsize25,
	.fsize26,
	.fsize27,
	.fsize28,
	.fsize29,
	.fsize30{ font-size: 16px;}
}
@media (max-width: 519px) {
	.fsize15,
	.fsize16{ font-size: 14px;}
}
@media (max-width: 375px) {
	.fsize17,
	.fsize18,
	.fsize19,
	.fsize20{ font-size: 14px;}
}

.m0{ margin: 0!important;}
.m5-b{ margin-bottom: 5px!important;}
.m10-b{ margin-bottom: 10px!important;}
.m20-b{ margin-bottom: 20px!important;}
.m30-b{ margin-bottom: 30px!important;}
.m40-b{ margin-bottom: 40px!important;}
.m60-b{ margin-bottom: 60px!important;}
.m20-t{ margin-top: 20px!important;}
.m30-t{ margin-top: 30px!important;}
.m40-t{ margin-top: 40px!important;}
.m60-t{ margin-top: 60px!important;}

.p0{ padding: 0!important;}
.p10-b{ padding-bottom: 10px!important;}
.p20-b{ padding-bottom: 20px!important;}
.p30-b{ padding-bottom: 30px!important;}
.p40-b{ padding-bottom: 40px!important;}
.p0-t{ padding-top: 0!important;}

.red{ color: #bc0c0c!important;}
.b{ font-weight: bold!important;}
.bdr-t{ border-top: 1px solid #ddd!important;}
.bdr-b{ border-bottom: 1px solid #ddd!important;}
.bdr-no{ border: none!important;}
.block-center{
    display: block;
    margin: 0 auto;
}
.center{ text-align: center;}

.byline{ display: none;}

.moreLink{ clear: both;}
.moreLink a{
	position: relative;
    display: block;
    max-width: 200px;
    background: #bc0c0c;
    margin: 0 auto;
	padding: 10px;
	text-decoration: none;
	outline: none;
	transition: all 0.4s ease;
    color: #fff!important;
    text-align: center;
}
.moreLink a:hover{
	background-position: right 6px center;
    background-color: #f22727;
}
.moreLink.long a{
    max-width: 400px;
}
.moreLink.mini a{
	font-size: 12px;
	width: 100px;
	padding: 5px 0;
}
.moreLink.left a{ margin: 0;}
.moreLink.right a{
	margin: 0;
	float: right;
}
.moreLink.return a{
    width: 240px;
    background: #282828;
}
.moreLink.return a:hover{ background: #555;}
@media (max-width: 519px) {
	.moreLink a{
		max-width: 180px;
		padding: 8px 0;
		background-size: 20px auto;
		font-size: 14px;
	}
}
@media (max-width: 425px) {
    .moreLink a{
        max-width: 100%;
        font-size: 12px;
    }
}



/* ------ page common module ------ */
.pagecontBox{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}
@media (max-width: 1024px) {
	.pagecontBox{ padding: 0 10px;}
}

.pagecontBox.Wide{ max-width: 2000px;}

.band.Type01{
	background: #f6f6ed;
	padding: 40px 0;
}


/* --- module title --- */
h2.pageTtl{
    position: relative;
    z-index: 0;
    background: #23487b;
    overflow: hidden;
    margin: 0 0 40px;
    padding: 25px 25px 23px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
    color: #fff;
}
h2.pageTtl::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 400%;
    background: #1c385e;
    transform: skewY(-30deg);
    transform-origin: top left;
}
@media (max-width: 768px) {
    h2.pageTtl{
        padding:  20px 20px 18px;
        font-size: 26px;
    }
}
@media (max-width: 519px) {
    h2.pageTtl{
        margin: 0 0 30px;
        padding: 15px 15px 13px;
        font-size: 18px;
    }
    h2.pageTtl::after{ height: 200%;}
}
@media (max-width: 375px) {
    h2.pageTtl{
        padding: 12px 12px 10px;
        font-size: 16px;
    }
}



/* --- module sub title --- */
.mdl_ttl_sub{
    margin: 0 0 40px!important;
	padding: 30px 0;
	border-bottom: 2px solid #1c385e;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 28px!important;
	line-height: 1.2;
}
.mdl_ttl_sub.Big{ font-size: 34px!important;}
.mdl_ttl_sub.type02{
	background: #f1f7f3;
	padding: 30px;
	border: none;
}

@media (max-width: 1024px) {
	.mdl_ttl_sub.Big{ font-size: 30px!important;}
}
@media (max-width: 768px) {
	.mdl_ttl_sub,
	.mdl_ttl_sub.Big{
		padding: 20px 0;
		font-size: 24px!important;
	}
}
@media (max-width: 519px) {
	.mdl_ttl_sub,
	.mdl_ttl_sub.Big{
        margin: 0 0 30px!important;
        padding: 10px 0;
        font-size: 20px!important;
    }
}
@media (max-width: 375px) {
	.mdl_ttl_sub,
	.mdl_ttl_sub.Big{ font-size: 18px!important;}
}

/* --- module band title --- */
.mdl_bandTtl{
	padding: 30px 0;
	margin: 0 0 60px 0;
	background: #f6f6ed;
}
.mdl_bandTtl h3{
	margin: 0 auto;
	max-width: 1000px;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 34px!important;
	line-height: 1.2;
}
@media (max-width: 1024px) {
	.mdl_bandTtl{ padding: 30px 10px;}
	.mdl_bandTtl h3{ font-size: 30px!important;}
}
@media (max-width: 768px) {
	.mdl_bandTtl{ padding: 20px 10px;}
}
@media (max-width: 640px) {
	.mdl_bandTtl h3{ font-size: 24px!important;}
}
@media (max-width: 425px) {
	.mdl_bandTtl h3{ font-size: 20px!important;}
}



/* --- module wirebox -- /privacy-policy//company/ - */
.mdl_wireBox{
	border: 1px solid #ccc;
	margin: 0 0 60px;
	padding: 30px;
}
.mdl_wireBox p{
	margin: 0;
	font-size: 16px;
}
.mdl_wireBox.type01{ border: 1px solid #bfbfa3;}
.mdl_wireBox.type02{ border: 1px solid #555;}
.mdl_wireBox.type03{
	border: none;
	background: #f6f6ed;
}
@media (max-width: 768px) {
	.mdl_wireBox{
        margin: 0 0 40px;
        padding: 20px;
    }
	.mdl_wireBox p{ font-size: 14px;}
}
@media (max-width: 519px) {
	.mdl_wireBox{
		margin: 0 0 30px;
		padding: 15px;
	}
}
@media (max-width: 375px) {
	.mdl_wireBox{ padding: 10px;}
	.mdl_wireBox p{ font-size: 13px;}
}

/* --- module pairbox -- /business/ - */
.mdl_pairBox{
	display: flex;
	margin: 0 0 60px;
    padding: 0 0 60px;
    border-bottom: 1px solid #ccc;
}
.mdl_pairBox .contL{ width: 400px;}
.mdl_pairBox .contL img{
	width: 100%;
	height: auto;
}
.mdl_pairBox .contR{
    box-sizing: border-box;
	width: calc( 100% - 400px );
	padding: 0 0 0 40px;
}
.mdl_pairBox .contR h3{
	margin: 0 0 40px!important;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 24px!important;
	line-height: 1.2;
}
.mdl_pairBox .contR p{
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.8;
}
.mdl_pairBox .contR p:last-child{ margin: 0;}
@media (max-width: 1024px) {
	.mdl_pairBox{
        margin: 0 0 40px;
        padding: 0 0 40px;
    }
	.mdl_pairBox .contL{ width: 340px;}
	.mdl_pairBox .contR{
		width: calc( 100% - 340px );
		padding: 0 0 0 20px;
	}
	.mdl_pairBox .contR h3{
		margin: 0 0 30px!important;
		font-size: 20px!important;
	}
}
@media (max-width: 768px) {
	.mdl_pairBox .contL{
		width: 280px;
		position: relative;
		overflow: hidden;
	}
	.mdl_pairBox .contR{ width: calc( 100% - 280px );}
	.mdl_pairBox .contR h3{ font-size: 18px!important;}
	.mdl_pairBox .contR p{
		font-size: 14px;
		line-height: 1.8;
	}
}
@media (max-width: 680px) {
	.mdl_pairBox{ display: block;}
	.mdl_pairBox .contL{
		width: 100%;
		height: 300px;
	}
    .mdl_pairBox .contL img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		max-width: none;
	}
	.mdl_pairBox .contR{
		width: 100%;
		padding: 20px 0 0;
	}
	.mdl_pairBox .contR h3{ margin: 0 0 10px 0!important;}
}
@media (max-width: 519px) {
    .mdl_pairBox{
        margin: 0 0 30px;
        padding: 0 0 30px;
    }
	.mdl_pairBox .contR h3{
		padding: 0 0 10px 0;
		font-size: 16px!important;
	}
    .mdl_pairBox .contL{ height: auto;}
    .mdl_pairBox .contL img{
        position: static;
        transform: translate(0, 0);
    }
}
@media (max-width: 375px) {
	.mdl_pairBox .contR p{ font-size: 13px;}
}

.mdl_pairBox.type01{}
.mdl_pairBox.type02{}
.mdl_pairBox.type02 .contL{ width: 300px;}
.mdl_pairBox.type02 .contR{ width: calc( 100% - 300px );}
.mdl_pairBox.type03{
	padding: 0 0 60px 0;
	border-bottom: 1px dotted #888;
}
.mdl_pairBox.type03 .contR h3{
	border: none;
	padding: 0;
    color: #bc0c0c;
}
@media (max-width: 1024px) {
	.mdl_pairBox.type03{ padding: 0 0 30px 0;}
}
@media (max-width: 680px) {
	.mdl_pairBox.type03{ padding: 0 0 10px 0;}
}

/* --- module box reverse --- */
.reverse{ flex-direction :row-reverse;}

/* -- reverse -- */
.reverse .contR{ padding: 0 40px 0 0;}
.reverse.mdl_pairBox .contR{ padding: 0 40px 0 0;}
@media (max-width: 1024px) {
	.reverse.mdl_pairBox .contR{ padding: 0 20px 0 0;}
}
@media (max-width: 680px) {
	.reverse.mdl_pairBox .contR{ padding: 20px 0 0;}
}

/* --- module pair wide box --- */
.mdl_pairWBox{
	display: flex;
	margin: 0;
}
.mdl_pairWBox .contL{ width: 900px;}
.mdl_pairWBox .contL img{
	width: 100%;
	height: auto;
}
.mdl_pairWBox .contR{
	max-width: 650px;
	padding: 60px 40px 40px;
	box-sizing: border-box;
}
.mdl_pairWBox .contR h3{
	margin: 0 0 30px 0!important;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 30px!important;
	line-height: 1.2;
}
.mdl_pairWBox .contR p{
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
}

/* -- reverse -- */
.reverse.mdl_pairWBox{ background: #f6f6ed;}

@media (max-width: 1550px) {
	.mdl_pairWBox .contL{
		width: 800px;
		position: relative;
		overflow: hidden;
	}
	.mdl_pairWBox .contL img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.mdl_pairWBox .contR{
		width: calc( 100% - 800px );
		max-width: none;
		padding: 50px 40px;
	}
}
@media (max-width: 1440px) {
	.mdl_pairWBox .contL{ width: 700px;}
	.mdl_pairWBox .contR{
		width: calc( 100% - 700px );
	}
	.mdl_pairWBox .contR h3{
		margin: 0 0 20px 0!important;
		font-size: 26px!important;
	}
}
@media (max-width: 1200px) {
	.mdl_pairWBox .contL{ width: 600px;}
	.mdl_pairWBox .contR{
		width: calc( 100% - 600px );
		padding: 40px;
	}
}
@media (max-width: 1024px) {
	.mdl_pairWBox .contL{ width: 450px;}
	.mdl_pairWBox .contR{
		width: calc( 100% - 450px );
		padding: 30px 20px;
	}
	.mdl_pairWBox .contL img{
		max-width: none;
		width: 600px;
	}
	.mdl_pairWBox .contR h3{ font-size: 26px!important;}
	.mdl_pairWBox .contR p{ font-size: 14px;}
}
@media (max-width: 768px) {
	.mdl_pairWBox .contL{ width: 350px;}
	.mdl_pairWBox .contR{
		width: calc( 100% - 350px );
		padding: 30px;
	}
	.mdl_pairWBox .contL img{ width: 500px;}
	.mdl_pairWBox .contR h3{ font-size: 24px!important;}
	.mdl_pairWBox .contR p{ line-height: 1.6;}
}
@media (max-width: 680px) {
	.mdl_pairWBox{ display: block;}
	.mdl_pairWBox .contL{
		width: 100%;
		height: 200px;
	}
	.mdl_pairWBox .contL img{ width: 100%;}
	.mdl_pairWBox .contR{
		width: 100%;
		padding: 20px 20px 30px;
	}
	.mdl_pairWBox .contR h3{ margin: 0 0 10px 0!important;}
}
@media (max-width: 425px) {
	.mdl_pairWBox .contL img{ width: 500px;}
	.mdl_pairWBox .contR{ padding: 10px 10px 20px;}
	.mdl_pairWBox .contR h3{ font-size: 18px!important;}
}
@media (max-width: 375px) {
	.mdl_pairWBox .contR p{ font-size: 13px;}
}

/* --- module colorbox --- */
.mdl_colorBox{
	display: flex;
	margin: 0 0 60px 0;
	padding: 50px;
	background: #f6f6ed;
}
.mdl_colorBox .contL{ width: 300px;}
.mdl_colorBox .contL img{
	width: 100%;
	height: auto;
}
.mdl_colorBox .contR{
	width: calc( 100% - 300px );
	padding: 0 0 0 30px;
	box-sizing: border-box;
}
.mdl_colorBox .contR h3{
	margin: 0 0 30px 0!important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
}
.mdl_colorBox .contR p{
	margin: 0;
	font-size: 15px;
	line-height: 1.8;
}
@media (max-width: 1024px) {
	.mdl_colorBox{
		margin: 0 0 40px 0;
		padding: 40px;
	}
	.mdl_colorBox .contL{ width: 280px;}
	.mdl_colorBox .contR{
		width: calc( 100% - 280px );
		padding: 0 0 0 20px;
	}
	.mdl_colorBox .contR h3{ margin: 0 0 20px 0!important;}
}
@media (max-width: 768px) {
	.mdl_colorBox{ padding: 30px 20px;}
	.mdl_colorBox .contL{
		width: 240px;
		position: relative;
		overflow: hidden;
	}
	.mdl_colorBox .contL img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 600px;
		max-width: none;
	}
	.mdl_colorBox .contR{ width: calc( 100% - 240px );}
	.mdl_colorBox .contR p{ font-size: 14px;}
}
@media (max-width: 640px) {
	.mdl_colorBox{
		display: block;
		padding: 20px;
	}
	.mdl_colorBox .contL{
		width: 100%;
		height: 200px;
	}
	.mdl_colorBox .contL img{
		width: 100%;
	}
	.mdl_colorBox .contR{
		width: 100%;
		padding: 20px 0 0;
	}
	.mdl_colorBox .contR h3{ font-size: 20px;}
}
@media (max-width: 425px) {
	.mdl_colorBox .contL{ height: auto;}
	.mdl_colorBox .contL img{
		position: static;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	.mdl_colorBox .contR h3{
		margin: 0 0 10px 0!important;
		font-size: 18px;
	}
}
@media (max-width: 375px) {
	.mdl_colorBox{ padding: 10px;}
}

/* -- reverse -- */
.reverse.mdl_colorBox .contR{ padding: 0 30px 0 0;}
@media (max-width: 1024px) {
	.reverse.mdl_colorBox .contR{ padding: 0 20px 0 0;}
}
@media (max-width: 640px) {
	.reverse.mdl_colorBox .contR{ padding: 20px 0 0;}
}

/* --- module letterbox --- */
.mdl_letterBox{
	margin: 0 0 60px 0;
	padding: 40px;
	border: 1px solid #698c74;
	box-sizing: border-box;
}
.mdl_letterBox h3{
	margin: 0 0 30px 0!important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2;
}
.mdl_letterBox p{
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
}
.mdl_letterBox p.big{ font-size: 20px;}

@media (max-width: 768px) {
	.mdl_letterBox{ padding: 30px;}
	.mdl_letterBox h3{
		margin: 0 0 20px 0!important;
		font-size: 24px;
	}
	.mdl_letterBox p{ font-size: 14px;}
	.mdl_letterBox p.big{ font-size: 18px;}
}
@media (max-width: 640px) {
	.mdl_letterBox h3{
		margin: 0 0 10px 0!important;
		font-size: 20px;
	}
	.mdl_letterBox p.big{ font-size: 16px;}
}
@media (max-width: 425px) {
	.mdl_letterBox{
		margin: 0 0 40px 0;
		padding: 15px;
	}
	.mdl_letterBox h3{ font-size: 18px; }
	.mdl_letterBox p{ line-height: 1.6;}
	.mdl_letterBox p.big{ font-size: 14px;}
}
@media (max-width: 375px) {
}

/* --- module threebox --- */
.numberBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
.numberBox section{
	box-sizing: border-box;
	margin: 0 0 20px 0;
	padding: 30px;
	background: #f6f6ed;
}
.numberBox section h3{
	margin: 0 0 20px 0!important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
}
.numberBox section p{
	margin: 0;
	font-size: 14px;
}
.numberBox.two section{ width: 49%;}
.numberBox.three section{ width: 32.33%;}

@media (max-width: 768px) {
	.numberBox{ display: block;}
	.numberBox section,
	.numberBox.two section,
	.numberBox.three section{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 20px;
	}
	.numberBox section:last-child{ margin: 0;}
}
@media (max-width: 640px) {
	.numberBox section h3{ font-size: 20px;}
}
@media (max-width: 425px) {
	.numberBox{ margin: 0 0 40px 0;}
	.numberBox section h3{
		margin: 0 0 5px 0!important;
		font-size: 16px;
	}
	.numberBox section p{ font-size: 13px;}
}
@media (max-width: 375px) {
	.numberBox section{ padding: 15px 10px;}
}

/* --- module flowbox --- */
.mdl_flowBox{}
.mdl_flowBox h3{
	border-bottom: 1px solid #698c74;
	padding: 30px 0;
	margin: 0 0 50px 0!important;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 28px!important;
	line-height: 1.2;
}
.mdl_flowBox .flow{
	display: flex;
	margin: 0 0 40px 0;
	padding: 30px;
	background: #f1f7f3;
	position: relative;
	z-index: 10;
}
.mdl_flowBox .flow::before{
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #f1f7f3;
}
.mdl_flowBox .flow:last-child::before{ display: none;}

.mdl_flowBox .flow .contL h4{
	margin: 0 0 20px 0!important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	font-size: 22px!important;
	line-height: 1.2;
}
.mdl_flowBox .flow .contL h4 span{
	display: inline-block;
	background: #535e73;
	margin: 0 7px 0 0;
	padding: 6px 8px 4px;
	vertical-align: bottom;
	border-radius: 3px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
	font-weight: normal;
	font-size: 12px!important;
	color: #fff;
}
.mdl_flowBox .flow .contL p{
	margin: 0 0 15px 0;
	font-size: 15px;
}
.mdl_flowBox .flow .contL p.small{ font-size: 90%;}
.mdl_flowBox .flow .contL p:last-child{ margin: 0;}
.mdl_flowBox .flow .contR ul{ font-size: 0;}
.mdl_flowBox .flow .contR li{
	width: 200px;
	display: inline-block;
}
.mdl_flowBox .flow .contR li img{
	width: 100%;
	height: auto;
}

/* - img zero ※standard */
.mdl_flowBox .flow .contL{
	box-sizing: border-box;
	width: 100%;
	padding: 0;
}

/* - img one - */
.mdl_flowBox .flow.imgOne .contL{
	box-sizing: border-box;
	width: calc( 100% - 200px );
	padding: 0 20px 0 0;
}
.mdl_flowBox .flow.imgOne .contR{ width: 200px;}
.mdl_flowBox .flow.imgOne .contR li:first-child{ margin: 0;}

/* - img two - */
.mdl_flowBox .flow.imgTwo .contL{
	box-sizing: border-box;
	width: calc( 100% - 420px );
	padding: 0 20px 0 0;
}
.mdl_flowBox .flow.imgTwo .contR{ width: 420px;}
.mdl_flowBox .flow.imgTwo .contR li:first-child{ margin: 0 20px 0 0;}

@media (max-width: 768px) {
	.mdl_flowBox h3{
		padding: 20px 0;
		margin: 0 0 40px 0!important;
		font-size: 24px!important;
	}
	.mdl_flowBox .flow{
		display: block;
	}
	.mdl_flowBox .flow.imgOne .contL,
	.mdl_flowBox .flow.imgTwo .contL{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.mdl_flowBox .flow.imgOne .contR,
	.mdl_flowBox .flow.imgTwo .contR{
		width: 100%;
		text-align: center;
	}
	.mdl_flowBox .flow.imgTwo .contR li{ max-width: 48%;}
	.mdl_flowBox .flow.imgTwo .contR li:first-child{ margin: 0 4% 0 0;}
	.mdl_flowBox .flow .contR li{
		width: 100%;
		max-width: 300px;
	}
}
@media (max-width: 640px) {
	.mdl_flowBox h3{ font-size: 20px!important;}
	.mdl_flowBox .flow .contL h4{ font-size: 20px!important;}
}
@media (max-width: 425px) {
	.mdl_flowBox .flow{ padding: 20px 20px 30px;}
	.mdl_flowBox .flow .contL h4{
		margin: 0 0 10px 0!important;
		font-size: 18px!important;
	}
	.mdl_flowBox .flow .contL h4 span{
		padding: 5px 6px 3px;
		font-size: 11px!important;
	}
	.mdl_flowBox .flow .contL p{ font-size: 14px;}
	.mdl_flowBox .flow .contR li{ max-width: 180px;}
}
@media (max-width: 375px) {
	.mdl_flowBox .flow .contR li{ max-width: 150px;}
}


/* --- module normal text --- */
.mdl_txtNormal{ margin: 0 0 60px;}
.entry-content .mdl_txtNormal h4{
	margin: 0 0 10px;
	font-size: 20px;
}
.entry-content .mdl_txtNormal p{
	margin: 0 0 10px;
	font-size: 16px;
}
.mdl_txtNormal p:last-child{ margin: 0;}
.mdl_txtNormal.type01{
	background: #f6f6ed;
	padding: 30px;
}
.entry-content .mdl_txtNormal.type01 h4{
	font-size: 24px;
    font-weight: bold;
}
.entry-content  .mdl_txtNormal.type01 p{ font-size: 16px;}
.mdl_txtNormal.type02{
	background: #f1f7f3;
	padding: 30px;
}
.entry-content .mdl_txtNormal.type02 h4{
	font-size: 20px;
	font-weight: bold;
}
.mdl_txtNormal.type03{
	border: 1px solid #bfbfa3;
	padding: 30px 50px;
}
.entry-content .mdl_txtNormal.type03 h4{ font-size: 20px;}
.listType_A{}
.listType_A li{
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 18px;
}
.mdl_txtCenter{
	margin: 0 0 80px 0;
	padding: 20px;
	background: #f6f6ed;
	text-align: center;
	font-size: 26px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
}
@media (max-width: 768px) {
    .mdl_txtNormal{ margin: 0 0 40px;}
	.entry-content .mdl_txtNormal h4{ font-size: 18px;}
	.entry-content .mdl_txtNormal p{ font-size: 14px;}
	.mdl_txtNormal.type01{ padding: 20px;}
	.entry-content .mdl_txtNormal.type01 h4{ font-size: 20px;}
	.entry-content .mdl_txtNormal.type01 p{ font-size: 16px;}
	.mdl_txtNormal.type02{ padding: 30px;}
	.entry-content .mdl_txtNormal.type02 h4{
		margin: 0 0 10px 0;
		font-size: 16px;
	}
	.listType_A li{
		display: block;
		margin: 0;
		font-size: 15px;
	}
	.mdl_txtNormal.type03{ padding: 30px;}
	.entry-content .mdl_txtNormal.type03 h4{ font-size: 16px;}
}
@media (max-width: 640px) {
	.entry-content .mdl_txtNormal.type01 p{ font-size: 14px;}
	.entry-content .mdl_txtNormal.type03 h4{ margin: 0 0 10px 0;}
}
@media (max-width: 519px) {
    .mdl_txtNormal{ margin: 0 0 30px;}
	.entry-content .mdl_txtNormal.type01 h4{
        font-size: 18px;
        line-height: 1.4;
    }
	.mdl_txtNormal.type02{ padding: 15px;}
	.entry-content .mdl_txtNormal.type02 h4{ font-size: 14px;}
	.entry-content .mdl_txtNormal.type03 h4{ font-size: 14px;}
	.mdl_txtNormal.type03{ padding: 15px;}
	.listType_A li{ font-size: 14px;}
}
@media (max-width: 375px) {
    .mdl_txtNormal.type01{ padding: 15px;}
    .entry-content .mdl_txtNormal.type01 h4{ font-size: 16px;}
    .entry-content .mdl_txtNormal.type01 p{ font-size: 13px;}
}

.commonBox{}
.commonBox h3{
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 5px;
}
.commonBox p{ margin: 0 0 10px;}
.commonBox p:last-child{ margin: 0;}
.commonBox ul{ margin: 0 0 10px 10px;}
.commonBox li{}
.commonBox ul li ul{ margin: 10px 0 10px 10px;}

ul.numList{}
ul.numList li{
	counter-increment: number;
	/*margin: 0 0 5px;*/
	padding: 0 0 0 15px;
	position: relative;
}
ul.numList li:last-child{ margin: 0;}
ul.numList li::before{
	content: counter(number)'. ';
	position: absolute;
	left: 0;
}
ul.numList li ul{ counter-reset: number;}
ul.numList li ul li{
	position: relative;
	padding: 0 0 0 30px;
	counter-increment: number;
}
ul.numList li ul li::before{
	content: '(' counter(number) ')';
	position: absolute;
	left: 0;
}
@media (max-width: 768px) {
    .commonBox h3{ font-size: 15px;}
    .commonBox p{ font-size: 14px;}
    ul.numList li{ font-size: 14px;}
}
@media (max-width: 519px) {
    .commonBox h3{
        margin: 20px 0 5px;
        font-size: 14px;
    }
}




/* ------ footer ------ */
.footLink{ background: #282828;}
.footLink .topcontBox{
    padding: 80px 0 60px;
}
.footLinkIn{
    display: flex;
    flex-direction: row-reverse;
}

.footLink .topcontBox .footLogo{ margin: 0 0 30px;}
.footLink .topcontBox .footLogo img{
    display: block;
    width: 200px;
    height: auto;
    padding: 5px;
    background: #fff;
}
.footLink .topcontBox .address{
    width: calc( 100% - 350px );
    color: #fff;
}
.footLink .topcontBox .address h3{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}
.addressIn{}
.addressIn li{
    display: inline-block;
    font-size: 12px;
    line-height: 1.6;
}
.addressIn li:first-child{ margin: 0 40px 0 0;}

.footLink .topcontBox .fLink{ width: 350px;}
.footLink .topcontBox .fLink #menu-footermenu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footLink .topcontBox .fLink #menu-footermenu li{
    width: 50%;
    margin: 0 0 10px;
}
.footLink .topcontBox .fLink .menu li::before{
	content: '-';
	margin: 0 5px 0 0;
	color: #fff;
}
.footLink .topcontBox .fLink .menu li a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    outline: none;
}
.footLink .topcontBox .fLink .menu li a:hover{ text-decoration: underline;}
#copyright{
	background: #111;
    padding: 20px 0;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
#copyright span{ margin: 0 0 0 5px;}
@media (max-width: 1024px) {
    .addressIn li:first-child{ margin: 0 20px 20px 0;}
}
@media (max-width: 768px) {
    .footLink .topcontBox{ padding: 40px 0 20px;}
}
@media (max-width: 640px) {
    .footLinkIn{ display: block;}
    .footLink .topcontBox .footLogo img{ margin: 0 auto;}
    .footLink .topcontBox .address{ width: 100%;}
    .footLink .topcontBox .fLink{
        width: 100%;
        margin: 0 0 20px;
    }
	.footLink .topcontBox .fLink .menu li::before{ display: none;}
    .footLink .topcontBox .fLink #menu-footermenu li{ width: 49%;}
	.footLink .topcontBox .fLink .menu li{}
	.footLink .topcontBox .fLink .menu li a{
		display: block;
		padding: 5px;
		text-align: center;
		border-radius: 3px;
		border: 1px solid #fff;
		color: #fff;
		font-size: 12px;
	}
	.footLink .topcontBox .fLink .menu li a:hover{ text-decoration: none;}
	#copyright{ text-align: center;}
}
@media (max-width: 540px) {
    .addressIn li:first-child{ margin: 0 0 15px;}
    .addressIn li{ display: block;}
}
@media (max-width: 375px) {
    .footLink .topcontBox .fLink .menu li a{ font-size: 11px;}
	#copyright{ padding: 15px 0;}
}


/* ------ page title ------ */
.headTtlebox{
	background: url(https://ngj.co.jp/site/wp-content/uploads/2024/09/titleBG.jpg) no-repeat center center;
    background-size: cover;
	padding: 60px 0;
    position: relative;
}
.headTtlebox::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba( 28,56,94,0.4);
}
.headTtleboxIn{
    position: relative;
    z-index: 1;
	max-width: 1000px;
	margin: 0 auto;
}
.headTtleboxIn h1{
    padding: 0;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 36px;
	line-height: 1.2;
    color: #fff;
	word-break: break-all;
}
.headTtleboxIn h1 a:hover{ opacity: 0.9;}
@media (max-width: 1200px) {
	.headTtleboxIn{ padding: 0 10px;}
}
@media (max-width: 768px) {
    .headTtlebox{ padding: 40px 0;}
	.headTtleboxIn h1{ font-size: 24px;}
}
@media (max-width: 640px) {
	.headTtlebox{ padding: 20px 0;}
	.headTtleboxIn h1{ font-size: 20px;}
}
@media (max-width: 375px) {
	.headTtleboxIn h1{ font-size: 18px;}
}


/* sidebar
----------------------------------------------- */
#secondary .custom-cate li a{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}


/* top page
----------------------------------------------- */
.topcontBox{
	max-width: 1000px;
	margin: 0 auto;
	padding: 90px 0;
	position: relative;
}
.topcontBox.miniP{ padding: 30px 0;}
.topcontBox.p60{ padding: 60px 0;}
.topcontBox.Wide{
	max-width: 2000px;
	padding: 0;
}

.bg01{ background: #efefef;}
.bgWhite{ background: #fff;}
.bgGray{ background: #f8f8f7;}

h2.topTtl,
h3.topTtl{
	margin: 0 0 40px;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 36px;
	line-height: 1.2;
	color: #bc0c0c;
	text-align: center;
}
h2.topTtl.left{ text-align: left;}
@media (max-width: 1024px) {
	.topcontBox{
		margin: 0 10px;
		padding: 70px 0;
	}
	h2.topTtl,
	h3.topTtl{ font-size: 30px;}
}
@media (max-width: 768px) {
	.topcontBox,
    .topcontBox.p60{ padding: 50px 0;}
	h2.topTtl,
	h3.topTtl{
		margin: 0 0 30px;
		font-size: 26px;
	}
}
@media (max-width: 519px) {
    .topcontBox,
    .topcontBox.p60{ padding: 40px 0;}
	h2.topTtl,
	h3.topTtl{
		margin: 0 0 20px;
		font-size: 20px;
	}
}


/* ------ top page slider ------ */
.sliderContents{
    max-width: 1800px;
    margin: 0 auto;
}
.catchTxt p{
    margin: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 48px;
    line-height: 1.3;
    color: #bc0c0c;
}
.swiper-container{
	width: 100%;
	height: 700px;
	float: left;
	transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.6s ease, transform 0.3s ease;
	transition: opacity 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.swiper-slide{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    overflow: hidden;
}
.swiper-slide .slide-bgimg{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
}
.swiper-slide .content{
	position: absolute;
	left: 40px;
    bottom: 40px;
	color: #333;
	opacity: 0;
}

.swiper-slide .content a{
    display: block;
    text-decoration: none;
}
.swiper-slide .content .captionBox{
	box-sizing: border-box;
	padding: 40px;
	background: rgba( 255,255,255,0.8);
    transition: all 0.4s ease;
}
.swiper-slide .content .captionBox .caption{
	display: block;
	margin: 0 0 20px;
	font-size: 36px;
    font-weight: bold;
	line-height: 1.5;
    color: #333;
}
.swiper-slide .content a:hover .captionBox{ background: #fff;}
.swiper-slide.swiper-slide-active .content{ opacity: 1;}
.swiper-slide .content .captionBox .sub{
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}
@keyframes SlideTextBox01 {
	0%{
		opacity: 0;
		transform: translateX(100px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
.swiper-slide.swiper-slide-active .title{
	animation-duration: 2s;
	animation-name: SlideTextBox01;
	opacity: 1;
}
@keyframes SlideTextBox02 {
	0%{
		opacity: 0;
		transform: translateX(200px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
.swiper-slide.swiper-slide-active .captionBox{
	animation-duration: 2s;
	animation-name: SlideTextBox02;
	opacity: 1;
}
@media (max-width: 1800px) {
    .swiper-slide .content .captionBox{
        width: 700px;
        padding: 30px;
    }
    .swiper-slide .content .captionBox .caption{ font-size: 28px;}
    .swiper-slide .content .captionBox .sub{ font-size: 16px;}
}
@media (max-width: 1440px) {
}
@media (max-width: 1200px) {
    .swiper-slide .slide-bgimg{ background-size: cover;}
    .swiper-container{ height: 500px;}
}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
    .swiper-container{ height: 400px;}
	.swiper-slide .content{
		left: 0;
		right: 0;
        bottom: 20px;
		width: 96%;
		margin: 0 2%;
	}
    .swiper-slide .content .captionBox{
        width: 100%;
        padding: 20px;
    }
    .swiper-slide .content .captionBox .caption{
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 1.2;
    }
    .swiper-slide .content .captionBox .sub{ font-size: 14px;}
    .swiper-slide .content .captionBox .caption br{ display: none;}
}
@media (max-width: 680px) {
	.swiper-slide .content{
        bottom: 15px;
		width: 96%;
		margin: 0 2%;
	}
}
@media (max-width: 519px) {
    .swiper-container{ height: 200px;}
    .swiper-slide .content .captionBox{ padding: 20px;}
	.swiper-slide .content .captionBox .caption{ font-size: 16px;}
    .swiper-slide .content .captionBox .sub{ font-size: 12px;}
}
@media (max-width: 425px) {
    .swiper-slide .content .captionBox{ padding: 15px;}
    .swiper-slide .content .captionBox .caption{
        margin: 0 0 5px;
        font-size: 14px;
    }
}




.iconRed{
    background: #bc0c0c;
    border-radius: 100px;
    width: 120px;
    margin: 0 auto 20px;
}
.iconRed img{
    width: 80px;
    height: auto;
    padding: 20px;
}

.waku01{
	margin: 0 0 40px;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
}
.waku02{
	margin: 0 0 40px;
	padding: 30px;
	background: #fff;
    border: 1px solid #ccc;
}
@media (max-width: 1024px) {
    .waku01,
    .waku02{ padding: 20px;}
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 519px) {
    .waku01,
    .waku02{
        margin: 0 0 20px;
        padding: 15px;
    }
}


.commonImgBox{ margin: 0 0 40px;}
.commonImgBox img{ width: 100%;}


ul.dotList{}
ul.dotList li{
    margin: 0 0 5px;
	padding: 0 0 0 15px;
	position: relative;
}
ul.dotList li:last-child{ margin: 0;}
ul.dotList li::before{
    content: '・';
	position: absolute;
	left: 0;
}


/* ------ top page title ------ */
.gameTitleBox{}
.gameTitleBox ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.gameTitleBox ul::after{
    content: '';
    display: block;
    width: 32.33%;
}
.gameTitleBox li{ width: 32.33%;}
.gameTitleBox li img{ width: 100%;}
.gameTitleBox li p{
    margin: 5px 0 0;
    font-size: 13px;
}
.gameTitleBox li a{
    color: #bc0c0c;
    text-decoration: none;
}
@media (max-width: 767px) {
    .gameTitleBox li{ width: 49%;}
}
@media (max-width: 519px) {
    .gameTitleBox li p{ font-size: 12px;}
}


/* ------ top page contact ------ */
.bgContact{
    background: url(https://ngj.co.jp/site/wp-content/uploads/2024/09/contact_back.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.bgContact::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba( 0,0,0,0.4);
}
.contactIn{
    position: relative;
    z-index: 1;
}


/* ------ game title page ------ */
/* -- archive -- */
.titleLineAllBox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.titleLineAllBox::after{
    content: '';
    display: block;
    width: 32.33%;
}
.titleLineAllBox article{
    width: 32.33%;
    margin: 0;
}
.titleLineBox{}
.titleLineBox a{
    font-weight: bold;
    color: #bc0c0c;
    text-decoration: none;
    outline: none;
}
.titleLineBox img{
    width: 100%;
    margin: 0 0 10px;
}
@media (max-width: 767px) {
    .titleLineAllBox article{ width: 49%;}
}
@media (max-width: 519px) {
    .titleLineBox h2{ font-size: 13px;}
}


/* -- single -- */
.ttlMainttl{
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: bold;
}
.ttlFirstImg{ margin: 0 0 40px;}
.introMoviebox{
    margin: 0 0 80px;
    padding: 60px;
    background: #efefef;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
    .ttlMainttl{
        margin: 0 0 30px;
        font-size: 16px;
        line-height: 1.2;
    }
    .introMoviebox{
        margin: 0 0 40px;
        padding: 30px;
    }
}
@media (max-width: 767px) {
}
@media (max-width: 519px) {
}
@media (max-width: 425px) {
}

.ttlScreenShotBox{ margin: 0 0 40px;}
.ttlScreenShotBox ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 0;
}
.ttlScreenShotBox li{
    width: 49%;
}
@media (max-width: 519px) {
    .ttlScreenShotBox ul{ gap: 10px 0;}
}

.creditBox{}
.creditBox table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 0 0 40px;
}
.creditBox table th{
	font-size: 14px;
	background: #f8f9f9;
	font-weight: normal;
	padding: 20px;
	width: 15%;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.creditBox table td{
	font-size: 14px;
	padding: 20px;
	width: 35%;
	border-bottom: 1px solid #ddd;
}
.creditBox table tr:last-child th,
.creditBox table tr:last-child td{
	border-bottom: none;}
.copyTxt{
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	padding: 20px 0;
}
@media (max-width: 768px){
	.creditBox table th{
		display: block;
		width: 100%;
		border-bottom: none;
        padding: 10px;
		font-size: 13px;
        font-weight: bold;
	}
	.creditBox table td{
		display: block;
		width: 100%;
        padding: 15px 10px;
		border-bottom: none;
		font-size: 13px;
	}
}


/* -- elminage -- */
body.postid-54 #main{ background: #233050;}
body.postid-54 #primary{ background: #233050;}
body.postid-54 article.post .entry-header h1.entry-title{ color: #fff;}

.elmBox{ margin: 0 0 60px;}
.elmTtl{ margin: 0 0 20px;}
.elmStory{
    padding: 20px 0;
    background: url(https://ngj.co.jp/site/wp-content/uploads/2024/09/story.jpg) no-repeat center center;
    background-size: cover;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
@media (max-width: 767px) {
    .elmStory{ text-align: left;}
    .elmBox{ margin: 0 0 40px;}
}

.elmSys{}
.elmSys ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.elmSys li{ width: 49%;}
.elmSys li p{
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}
.elmSys li p.estxt{
    font-size: 14px;
    font-weight: bold;
}
@media (max-width: 519px) {
    .elmSys ul{
        display: block;
    }
    .elmSys li{
        margin: 0 0 30px;
        width: 100%;
    }
}

.elmScr{}
.elmScr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.elmScr ul::after{
    content: '';
    display: block;
    width: 24.5%;
}
.elmScr li{ width: 24.5%;}
.elmScr li p{
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}
@media (max-width: 767px) {
    
    .elmScr li{ width: 32.33%;}
    .elmScr ul::after{ width: 32.33%;}
}
@media (max-width: 519px) {
    .elmScr ul{ display: block;}
    .elmScr li{
        margin: 0 0 30px;
        width: 100%;
    }
    .elmScr li img{ width: 100%;}
}


table.elmTable{
    border: 1px solid #333;
    border-bottom: none;
}
table.elmTable th{
    width: 15%;
    background: #566383;
    padding: 10px;
    border-bottom: 1px solid #333;
    color: #fff;
}
table.elmTable td{
    width: 35%;
    background: #9ca9c9;
    padding: 10px;
    border-bottom: 1px solid #333;
}
@media (max-width: 768px){
    table.elmTable{ width: 100%;}
	table.elmTable th{
        box-sizing: border-box;
		display: block;
		width: 100%;
		border-bottom: none;
        padding: 10px;
		font-size: 13px;
        font-weight: bold;
	}
	table.elmTable td{
        box-sizing: border-box;
		display: block;
		width: 100%;
        padding: 10px;
		border-bottom: none;
		font-size: 13px;
	}
}

.elmFooter{
    padding: 20px 0;
    text-align: center;
    background: #000;
}
.elmFooter img{ width: 200px;}
.elmFooter span{
    display: block;
    font-size: 14px;
    color: #fff;
}

/* -- akihabara how to play -- */
.entry-content h2.playT{
    font-size: 26px;
    font-weight: bold;
}
.playBox{
    display: flex;
    margin: 0 0 40px;
}
.playL{
    width: 300px;
    margin: 0 20px 0 0;
}
.playR{ width: calc( 100% - 320px );}
.entry-content p.playsubT{
    margin: 0 0 5px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .playL{
        width: 200px;
        margin: 0 10px 0 0;
    }
    .playR{ width: calc( 100% - 210px );}
}
@media (max-width: 680px) {
    .entry-content h2.playT{ font-size: 20px;}
    .playR{ font-size: 14px;}
}
@media (max-width: 519px) {
    .playBox{ display: block;}
    .playL{
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }
    .playR{ width: 100%;}
}
@media (max-width: 425px) {
}


/* ------ privacy page ------ */
.privacy-box{}
.privacy-box h3{
	margin: 40px 0 10px 0;
	padding: 10px 10px 6px 10px;
	background: #f6f6f6;
}
@media (max-width: 519px) {
    .entry-content .privacy-box h3{
        margin: 30px 0 10px 0;
        font-size: 16px;
    }
}


/* ------ service page ------ */
.service-box02{}
.service-box02 h3{
	font-size: 26px;
	font-weight: bold;
}
.service-box02 ul{ margin: 0;}
.service-box02 li{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	background: url(https://ngj.co.jp/site/wp-content/uploads/2024/09/arrow-down01.png) no-repeat center bottom;
	background-size:25px 15px; 
}
.service-box02 li:last-child{
	background: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.service-box02 li .s-flow01{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	background: #324284;
}
.service-box02 li .s-flow02{
	font-size: 16px;
	border: 2px solid #324284;
	border-top: none;
	padding: 10px;
	background: #f6f6f6;
}
@media (max-width: 519px){
	.service-box02 h3{ font-size: 20px;}
    .service-box01 p{ font-size: 16px;}
	.service-box02 li .s-flow01{
		font-size: 20px;
		padding: 5px;
	}
}
@media (max-width: 425px){
	.service-box01{ padding: 10px;}
	.service-box02 ul{ margin: 0;}
    .service-box02 li .s-flow01{ font-size: 16px;}
    .service-box02 li .s-flow02{ font-size: 14px;}
}



/* ------ top page news ------ */
.topNewsbox{
	display: flex;
	position: relative;
}
.topNewsbox .NewsL{ width: 210px;}
.topNewsbox .NewsR{ width: calc( 100% - 210px );}
.topNewsbox .NewsL h2.topTtl{
    margin: 0 0 30px 0;
	font-size: 36px;
	text-align: left;
}
.topNewsbox .moreLink{ margin: 30px 0 0;}
.topNewsbox .moreLink a{}
.topNewsbox ul{ border-top: 1px solid #cfcbb6;}
.topNewsbox li{
	margin: 0;
	border-bottom: 1px solid #cfcbb6;
}
.topNewsbox li a{
    position: relative;
	display: block;
	padding: 25px 0 23px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	outline: none;
    transition: all 0.4s ease;
    font-size: 15px;
	line-height: 1.0;
    text-decoration: none;
}
.topNewsbox li a:hover{ background: #edf3fa;}
.topNewsbox li .data{
    display: inline-block;
	vertical-align: middle;
    width: 100px;
    padding: 0 0 0 15px;
	font-size: 14px;
    color: #888;
}
.topNewsbox li .cateBox{
	display: inline-block;
	margin: 0 10px 0 0;
}
.topNewsbox li .cate{
	box-sizing: border-box;
	display: inline-block;
	min-width: 100px;
    margin: 0 10px 0 0;
	padding: 7px 5px 6px;
    background: #fff;
	border: 1px solid #bc0c0c;
	color: #bc0c0c;
	font-size: 12px;
	line-height: 1.0;
	text-align: center;
}
@media (max-width: 1024px) {
    .topNewsbox .NewsL h2.topTtl{ font-size: 30px;}
    .topNewsbox .NewsL{ width: 180px;}
    .topNewsbox .NewsR{ width: calc( 100% - 180px );}
}
@media (max-width: 768px) {
    .topNewsbox{ display: block;}
	.topNewsbox .NewsL{ width: 100%;}
	.topNewsbox .NewsR{ width: 100%;}
	.topNewsbox .NewsL h2.topTtl{ text-align: center;}
	.topNewsbox .moreLink{ position: static;}
	.topNewsbox li a{
        padding: 20px 0 18px;
		white-space: normal;
		text-overflow: inherit;
		line-height: 1.4;
	}
	.topNewsbox li .data{
		display: block;
		width: 100%;
		margin: 0 0 10px;
        padding: 0;
        font-size: 12px;
	}
    .topNewsbox li .cate{
        padding: 3px 5px;
        min-width: 1px;
    }
	.topNewsbox li .cateBox{
		display: block;
        position: absolute;
        top: 15px;
        left: 85px;
	}
}
@media (max-width: 680px) {
    .topNewsbox li .data{ margin: 0 0 5px;}
    .topNewsbox li .cateBox{
        position: static;
        margin: 0 0 10px;
    }
    .topNewsbox li a{ padding: 10px 0 8px;}
}
@media (max-width: 519px) {
	.topNewsbox .NewsL h2.topTtl{
		margin: 0 0 20px;
		font-size: 20px;
	}
    .topNewsbox li a{ font-size: 14px;}
}







/*
.smallBox{}
.smallBox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.smallBox li{
	box-sizing: border-box;
	width: 49%;
	margin: 0;
	border: 1px solid #ccc;
}
.smallBox li a{
	display: block;
	text-decoration: none;
	padding: 15px 10px;
	text-align: center;
	font-size: 22px;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.smallBox li a:hover{ background: #efefef;}
.smallBox li.icon01{}
.smallBox li.icon02{}
@media (max-width: 620px) {
	.smallBox ul{ display: block;}
	.smallBox li{
		width: 100%;
		margin: 0 0 10px 0;
	}
}
@media (max-width: 425px) {
	.smallBox li a{
		padding: 10px;
		font-size: 16px;
	}
}

h3.subTtl{
	margin: 0 0 40px 0!important;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 24px!important;
	line-height: 1.2;
}
@media (max-width: 1024px) {
    h3.subTtl{
		margin: 0 0 30px!important;
		font-size: 20px!important;
	}
}
@media (max-width: 768px) {
    h3.subTtl{ font-size: 18px!important;}
}
@media (max-width: 519px) {
    h3.subTtl{
		padding: 0 0 10px;
		font-size: 16px!important;
	}
}*/






table.tableType03{
	width: 100%;
    margin: 0;
}
table.tableType03 tr.ttl th,
table.tableType03 tr.ttl td{
    background: #ebf7fc;
    border-bottom: none;
    padding: 8px 15px;
    font-size: 12px;
}
table.tableType03 th{
	box-sizing: border-box;
	padding: 15px 15px 15px 0;
	width: 60%;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
}
table.tableType03 th div{
    display: inline-block;
    min-width: 150px;
}
table.tableType03 th div span{
    margin: 0;
    padding: 2px 5px;
    background: #f6f6ed;
    font-size: 12px;
}
table.tableType03 th p{ display: inline;}
table.tableType03 td{
	box-sizing: border-box;
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
}
table.tableType03 td span{
    float: right;
    padding: 2px 10px;
    background: #23487b;
    border-radius: 100px;
    font-size: 12px;
    color: #fff;
}
@media (max-width: 640px) {
    table.tableType03 td{
        padding: 15px 0 15px 15px;
        text-align: right;
    }
    table.tableType03 td span{
        float: none;
        margin: 0 0 0 10px;
    }
    table.tableType03 th div{ min-width: 10px;}
    table.tableType03 th div span{ margin: 0 10px 0 0;}
}
@media (max-width: 519px) {
    .caseClient{ padding: 5px;}
	table.tableType03 th{
		display: block;
		width: 100%;
		padding: 10px 10px 0;
		border-bottom: none;
		font-size: 13px;
	}
    table.tableType03 th div span{ background: #fff;}
    table.tableType03 tr:nth-child(odd) th div span{ background: #f6f6ed;}
	table.tableType03 td{
		display: block;
		width: 100%;
		padding: 5px 10px 10px;
        border: none;
		font-size: 13px;
	}
    table.tableType03 tr.ttl{ display:none;}
    table.tableType03 tr:nth-child(even) th,
    table.tableType03 tr:nth-child(even) td{ background: #ebf7fc;}
}

.accordion-area{ margin: 70px 0 0;}
.accordion-area li{
    margin: 10px 0;
    position: relative;
}
.pageTtl02{
    position: relative;
    z-index: 0;
    background: #fff;
    border: 1px solid #555;
    overflow: hidden;
    margin: 0 0 40px;
    padding:  20px 20px 18px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.1;
}
@media (max-width: 519px) {
    .pageTtl02{
        margin: 0 0 30px;
        padding: 15px 15px 13px;
        font-size: 20px;
    }
}
@media (max-width: 375px) {
    .pageTtl02{
        padding: 12px 12px 10px;
        font-size: 18px;
    }
}
.accordion-area .title{
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    transition: all .5s ease;
}
/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 20px;
    height: 3px;
    background-color: #333;
}
.accordion-area .title::before{
    top: 48%;
    right: 30px;
    transform: rotate(0deg);
}
.accordion-area .title::after{    
    top: 48%;
    right: 30px;
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{ transform: rotate(45deg);}
.accordion-area .title.close::after{ transform: rotate(-45deg);}
/*アコーディオンで現れるエリア*/
.box{ display: none;/*はじめは非表示*/}
@media (max-width: 519px) {
    .accordion-area .title::before,
    .accordion-area .title::after{
        width: 15px;
        height: 2px;
    }
    .accordion-area .title::before{ right: 15px;}
    .accordion-area .title::after{ right: 15px;}
}




.listType03{}
.listType03 ul{ font-size: 0;}
.listType03 li{
    display: inline-block;
    margin: 0 15px 15px 0;
    padding: 12px 20px 10px;
    background: #f8f8f7;
    border-radius: 50px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.0;
}
@media (max-width: 1024px) {
    .listType03 li{
        margin: 0 10px 10px 0;
        font-size: 16px;
    }
}
@media (max-width: 519px) {
    .listType03 li{ font-size: 14px;}
}
@media (max-width: 425px) {
    .listType03 li{
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }
}


/* news Line
----------------------------------------------- */
body.post-type-archive-news article.post,
body.tax-news_category article.post{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ddd;
}
.newsLinebox{}
.newsLinebox a{
    display: block;
	position: relative;
    padding: 15px;
    text-decoration: none;
    outline: none;
}
.newsLinebox a:hover{ background: #edf3fa;}
.newsLinebox .data{
	margin: 0 0 15px 0;
	color: #888;
	font-size: 12px;
}
.newsLinebox .cateBox{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 100px;
}
.newsLinebox .cate{
	box-sizing: border-box;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 10px 0 0;
	background: #fff;
	color: #bc0c0c;
	font-size: 12px;
	line-height: 1.0;
	text-align: center;
	border: 1px solid #bc0c0c;
}

.newsLinebox h1{
    padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.newsLinebox h1 a:hover{ text-decoration: underline;}
.newsTextbox{
	color: #888;
	font-size: 14px;
	line-height: 1.4;
}
@media (max-width: 680px) {
	.newsLinebox a{ padding: 5px;}
	.newsLinebox .cateBox{
		position: static;
		margin: 0 0 10px 0;
	}
	.newsLinebox .data{ margin: 0 0 5px 0;}
}
@media (max-width: 519px) {
	body.post-type-archive-news article.post,
	body.tax-news_category article.post{
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}
	.newsLinebox h1{ font-size: 16px;}
}


/* news
----------------------------------------------- */
.newsSinglebox .data{
    margin: 0 0 50px 0;
    text-align: right;
	color: #555;
	font-size: 14px;
}
.newsSinglebox .newsTextbox{
	font-size: 15px;
	line-height: 1.8;
}
.newsTextbox img{
	max-width: 100%;
	height: auto;
}
.newsSinglebox .newsTextbox{ color: #555;}
.newsSinglebox .newsLineR .newsTextbox iframe{ max-width: 100%;}
@media (max-width: 680px) {
	.newsSinglebox .newsTextbox{ font-size: 14px;}
}
@media (max-width: 425px) {
	.newsSinglebox .data{
		margin: 0 0 20px 0;
		font-size: 12px;
	}
}






/* table
----------------------------------------------- */
table.tableType01{
	width: 100%;
	border: 1px solid #ccc;
}
table.tableType01 th{
    position: relative;
    box-sizing: border-box;
    background: #fafafa;
	padding: 20px;
	width: 200px;
	border-bottom: 1px solid #ccc;
    font-size: 14px;
	line-height: 1.5;
    vertical-align: middle;
}
/* ---- ContactForm7用 ---- */
table.tableType01 th p{ margin: 0;}
.wpcf7-spinner{ margin: 0!important;}
.wpcf7-not-valid-tip{ margin-top: 4px;}
.grecaptcha-badge{ visibility: hidden;}/*reCAPTCHA非表示*/

table.tableType01 th span{
    margin: 0 0 0 5px;	
	font-size: 12px;
    color: #f00;
}
table.tableType01 td{
	padding: 20px;
	border-bottom: 1px solid #ccc;
	background: #fff;
    font-size: 14px;
	vertical-align: middle;
}
table.tableType01 td p{
	margin: 0;
	font-size: 14px;
}
table td p.note{
	margin: 5px 0 0;
    padding: 0;
	font-size: 13px;
	color: #555;
}
table td .note01{
    margin: 0 0 0 5px;
	padding: 0;
	font-size: 13px;
	color: #555;
}
table td .fortani{ margin: 0 0 0 10px;}
.hissuyo{
    margin: 0!important;
    font-size: 14px;
}
.kome{ color: #ff0000;}
.mw_wp_form_preview table td p.note{ display: none;}
.mw_wp_form_preview table td .note01{ display: none;}

.inpt100{ width: 100px;}
.inpt200{ width: 200px;}
.inpt300{ width: 300px;}
.inpt400{ width: 400px;}
.inpt500{ width: 500px;}
.txtareaH60{ height: 60px;}
.txtareaH100{ height: 100px;}
.txtareaH200{ height: 200px;}
.wid80par{ width: 80%;}
.wid100par{ width: 100%;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ padding: 5px;}
input[type="radio"]{ margin: 0;}

.mwform-tel-field input{
	margin: 2px 0;
	width: 100px!important;
}
.mw_wp_form .error{ margin: 3px 0 0 0;}
.sendBtn-box{ text-align: center;}
.policyBox{
	color: #555;
	font-size: 12px;
	padding: 10px;
	background: #fafafa;
	margin: 0 0 15px 0;
	border: 1px solid #e9e9e9;
}
.policyBox p{ font-size: 12px;}
.mw_wp_form_confirm .policyBox{ display: none;}
@media (max-width: 1024px) {
	table.tableType01 th{
		padding: 10px;
		font-size: 12px;
	}
	table.tableType01 td{
		padding: 10px;
		font-size: 12px;
	}
	table.tableType01 th span{ right: 10px;}
	.inpt200{
		width: 100%;
		margin: 0 0 5px;
	}
	.inpt400{ width: 100%;}
	.txtareaH200{ width: 100%;}
}
@media (max-width: 640px) {
	table.tableType01 th{
		display: block;
		width: 100%;
		padding: 5px 10px;
		border-bottom: none;
		box-sizing: border-box;
	}
	table.tableType01 td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	table.tableType01 tr:last-child td{ border-bottom: none;}
	.inpt300{ width: 100%;}
	.inpt300.ate{ width: 92%;}
	.mwform-tel-field input{ width: 30%!important;}
}
@media (max-width: 519px) {
	.policyBox p{ font-size: 11px;}
}
@media (max-width: 375px) {
	table td .fortani{
        display: block;
		margin: 10px 0 0;
	}
	.mw_wp_form_confirm table td .fortani{
		display: inline;
		margin: 0;
	}
    .mwform-tel-field input{ width: 28%!important;}
    .hissuyo{ font-size: 12px;}
}
@media (max-width: 320px) {
	table td .block320{
		display: block;
		margin: 0 0 10px 0;
	}
}

select{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
	min-width: 200px;
	background: url(https://ngj.co.jp/site/wp-content/uploads/2024/09/arrowD.png) no-repeat right 8px center;
	background-size: 10px auto;
}
input[type="text"], input[type="search"], textarea, select{
	-webkit-appearance: none;
	color: #666;
}
input[type="search"]{
	border: 1px solid #ccc;
	border-radius: 4px;
	background: inherit;
	padding: 3px;
}

/* - thanks page - */
.thanksBox{
	padding: 80px 20px 40px;
	margin: 0 auto 40px;
    background: #e4f5e7;
	border-radius: 8px;
	text-align: center;
}
.tB-text{ margin: 0 0 60px 0;}
.tB-text-chunk{
    max-width: 700px;
    margin: 0 auto;
	padding: 30px;
    background: #fff;
	border-radius: 8px;
    text-align: left;
}
.thanksBox p{
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 1.5;
}
.thanksBox p:last-child{ margin: 0;}
p.tB-textFirst{
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 28px;
	margin: 0 0 40px 0;
	text-align: center;
}
.tB-mail{
	text-align: center;
	margin: 0!important;
}
.tB-mail a{
	font-size: 14px;
	display: block;
	background: #d63636;
	padding: 5px;
	width: 200px;
	margin: 30px auto 0 auto;
	border-radius: 4px;
	text-decoration: none;
}
.entry-content .tB-mail a:hover{ background: #ab1515;}
p.return-btn{
	font-size: 14px;
	margin: 0;
}
.return-btn a{
	color: #fff!important;
	text-decoration: none;
	display: block;
	width: 240px;
	padding: 12px 10px 10px 10px;
	margin: 0 auto;
	background: #d63636;
}
.return-btn a:hover{
	color: #fff!important;
	background-color: #ab1515;
}
.return-btn a .fa{
	font-size: 24px;
	vertical-align: bottom;
	margin: 0 10px 0 0;
}
@media (max-width: 680px) {
	.thanksBox{
		margin: 0 auto!important;
		padding: 40px 10px 20px;
	}
	.thanksBox p{ font-size: 14px;}
	p.tB-textFirst{
		font-size: 20px;
		margin: 0 0 40px 0;
	}
	.tB-text-chunk{ padding: 15px;}
	.tB-text{ margin: 0 0 20px 0;}
}
@media (max-width: 519px) {
	.thanksBox{ padding: 30px 10px;}
	p.tB-textFirst{
		font-size: 16px;
		margin: 0 0 30px 0;
	}
	.return-btn a{
		width: 100%;
		padding: 10px 0;
		font-size: 12px;
	}
	.return-btn a .fa{ font-size: 18px;}
}


table.tableType02{ width: 100%;}
table.tableType02 th{
	box-sizing: border-box;
	padding: 20px 10px 20px 0;
	width: 200px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
}
table.tableType02 td{
	box-sizing: border-box;
	padding: 20px 10px 20px 0;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
}
table.tableType02 td ul{ position: relative;}
table.tableType02 td li{
	margin: 0 0 5px 20px;
	list-style: decimal;
	list-style-position: outside;
}
table.tableType02 td .notice01{
	display: inline-block;
	margin: 10px 0 0 0;
	font-size: 12px;
}
@media (max-width: 640px) {
	table.tableType02 th{ width: 160px;}
}
@media (max-width: 519px) {
	table.tableType02 th{
		display: block;
		width: 100%;
		padding: 10px;
		background: #f6f6ed;
		border-bottom: none;
		font-size: 13px;
	}
	table.tableType02 td{
		display: block;
		width: 100%;
		padding: 10px;
		font-size: 13px;
	}
}


/* search result
----------------------------------------------- */
body.search-results article.post{
	border-bottom: 1px dotted #555;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}
.searchLinebox{}
.searchLinebox h1{
	line-height: 1.2;
}
.searchLinebox h1 a{
	text-decoration: none;
	font-size: 16px;
	outline: none;
}
.searchLinebox h1 a:hover{ text-decoration: underline;}

@media (max-width: 768px) {
	.searchLinebox h1 a{ font-size: 16px;}
}
@media (max-width: 425px) {
	body.search-results article.post{ margin: 0 0 20px 0;}
	.searchLinebox h1 a{ font-size: 14px;}
}