@charset "utf-8";
/*
Theme Name:FORCE Child v1-17-1
Theme URI:
Description:WordPressテーマ「FORCE」
Template: force_tcd078_v1-17-1
Version:Version:2026.01
*/
#index_slider,#index_video{height: 100vh;}
/*メインスライド上*/
.hero-infotxt {
    position: absolute;
    bottom: -40px;
    right: 0;
    height: 80px;
    width: 60%;
    max-width: 480px;
}
.hero-infotxt {
  background: #17305C;
  color: #FFF;
  display: flex;
  align-items: center;
  z-index: 100;
  padding: 0 20px;
}
.hero-infotxt a {
  color: #FFF;
}
.hero-infotxt .info-title {
  font-weight: 700;
  padding: 0 16px 0 0;
  white-space: nowrap;
}

.hero-infotxt .time {
  font-size: 0.8rem;
  margin-right: 1em;
}
.hero-infotxt .morelink {
  margin-left: auto;
  font-size: .875rem;
}
.hero-infotxt .morelink a {
  border: 1px solid #FFF;
  padding: .6em 1em .5em;
  min-width: 8em
}
@media screen and (max-width:1024px) {
.hero-infotxt {
	width: 30%;
}
}
@media screen and (max-width:999px) {
.caption_inner{
	padding-bottom: 85px;
}
  .hero-infotxt {
    width: 90%;
    margin: -30px auto 0;
    position: inherit;
    padding: 15px;
    flex-wrap: wrap;
  }
  .hero-infotxt .title {
    order: 1;
    width: calc(100% - 10em);
  }
  .hero-infotxt .morelink {
    order: 2;
    margin-left: auto;
    margin-left: auto;
  }
  .hero-infotxt .morelink a {
    padding: .4em .8em .3em;
  }
  .hero-infotxt .article {
    order: 3;
    margin-top: .5em;
    width: 100%;
    text-align: left;
  }

  .hero-arrow {
    display: none;
  }
}
/*-----------------header------------------*/
#header {
	background: white;
}
#header_social_link li a:before {
	color: #17305C;
}
/*-----------------footer------------------*/
.footer_banner_items  .item {
	margin: 0 10px;
}
#footer_banner {
	width: 100%;
	margin: 0;
	padding: 80px calc(50% - 450px);
	background: #F7F8F8;
	box-sizing: border-box;
}
#footer_inner {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#footer_inner .desc {
	color: white;
	text-align: left;
	margin-top: 20px;
	line-height: 2;
	margin-left: 0;
}
#footer_menu {
	width: 750px;
	margin-top: 0;
}
#footer_menu li {
	font-size: 16px;
	line-height: 2;
	text-align: left;
	margin: 0;
	display: block;
}
#footer_menu ul>li>ul>li {
	position: relative;
}
#footer_menu ul>li>ul>li:before {
	content: "-";
	left: 0;
	top: 0;
	position: relative;
	font-size: inherit;
	line-height: inherit;
	color: white;
	margin-right: 5px;
}
#footer_menu ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 240px;
}
#footer_menu li a:hover {
	color: white;
	opacity: 0.7;
}
#footer_banner .image:hover {
	transform: none;
}
#footer_banner a {
	cursor: pointer;
}
/*------------------------post_list2------------------*/
.post_list1 .item,
.post_list2 .item,
#archive_gallery_list .item {
	height: auto;
	border: none;
}
.post_list2 .title_area,
.post_list1 .title_area,
.post_list1 .item:nth-child(3n) .title_area, 
.post_list1 .item:last-child .title_area,
#archive_gallery_list .title_area {
	padding: 10px 0;
	background: white;
	border: none;
}
.post_list1 .title_area,
.post_list1 .title,
.post_list2 .title_area,
.post_list2 .title,
#archive_gallery_list .title_area,
#archive_gallery_list .title {
	height: auto;
}
.post_list1 .title, 
.post_list2 .title,
#archive_gallery_list .title {
	margin-bottom: 5px;
}
/*---------------------------top page----------------------------*/
/* 動画一覧２ */
.custom_index_movie_list .headline { text-align:center; line-height:1.6; margin:0 0 83px 0; }
.custom_index_movie_list .headline span { font-weight:500; }
.custom_index_movie_list .headline .sub_title { display:block; font-weight:normal; }
.custom_index_movie_list .button { text-align:center; margin-top:80px;}
.custom_index_movie_list .button a,
.custom_index_post_list2 .button a,
.custom_index_image_list .button a,
.custom_index_brand_list .button a,
#index_slider.video .caption .button a,
.brand_video .button a,
#gallery_single .button a,
.post_event .button a,
.customFormBtn,
.brand_info .button a {
	border-radius: 30px;
  	font-size:16px; 
  	display:inline-block; 
  	width:270px; 
  	height:60px; 
  	line-height:60px;
  	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
  	max-width: 100%;
}
#index_slider.video .caption .button a,
.brand_video .button a {
	display: block;
}
.custom_index_post_list2 .button,
.custom_index_moive_list2 .button,
.custom_index_image_list .button,
.custom_index_brand_list .button {
	margin-top: 50px;
}
.custom_index_post_list2 .button,
.custom_index_moive_list2 .button {
	text-align: right;
}
.custom_index_post_list2 .button a,
.custom_index_brand_list .button a,
#index_slider.video .caption .button,
#gallery_single .button a,
.post_event .button,
.customFormBtn,
.brand_video .button a,
.brand_info .button {
	text-align: center;
}
.custom_index_post_list2 .button a i,
.custom_index_movie_list .button a i,
.custom_index_image_list .button a i,
#index_slider.video .caption .button a i,
.brand_video .button a i {
	font-size: 1.2em;
	margin-right: 10px;
}
.index_movie_item {
	width: 33.333%;
	float: left;
	padding: 0 10px;
	margin: 0;
	margin-bottom: 20px;
    box-sizing: border-box;
}
.index_movie_item iframe {
	height: 250px;
	display: block;
	width: 100%;
}
.custom_index_movie_list .headline {
	margin-bottom: 50px;
}
.custom_index_movie_list,
.custom_index_post_list2,
.custom_index_image_list,
.custom_index_brand_list { 
	width:1200px; 
	margin:0 auto; 
	padding:50px 0; 
	position:relative; 
}
.custom_index_post_list2 .headline ,
.custom_index_movie_list .headline ,
.custom_index_image_list .headline ,
.custom_index_brand_list .headline ,
#footer_banner .headline   { 
	text-align:left; 
	line-height:1.6; 
	margin:0 0 50px 0; 
}
.custom_index_movie_list .headline,
.custom_index_image_list .headline {
	text-align: center;
}
#footer_banner .headline span,
.custom_index_post_list2 .headline span,
.custom_index_movie_list .headline span,
.custom_index_image_list .headline span {
	font-weight: 700;
}
#footer_banner .headline {
	text-align: center;
	margin-bottom: 70px;
}
#footer_banner .headline .sub_title {
	display: block;
}
.custom_index_post_list2 .headinfo {
	width: 25%;
	padding-right: 30px;
    box-sizing: border-box;
}
.custom_index_post_list2 .headinfo .desc {
	line-height: 2;
}
.custom_index_post_list2 {
	display: flex;
}
.home #contents_builder {
	padding: 80px 0;
}
.custom_image_list,
.custom_index_post_list2 .post_list2,
.custom_index_brand_list .post_list2  {
	width: calc(100% + 40px);
	margin: 0 -20px;
}
.custom_image_list  .item,
.custom_image_list .item:nth-child(3n){
	width: calc(100% / 4 - 40px);
	margin: 0 20px;
}

.custom_brand_list .item,
.custom_brand_list .item:nth-child(3n) {
	width: calc(100% / 4 - 40px);
	margin: 0 20px;
}

.custom_index_post_list2 .post_list_wrapper  {
	width: 75%;
}
.custom_index_post_list2 .post_list2 .item  {
	width: calc(100% / 3 - 40px);
	margin: 0 20px;
}
.custom_index_brand_list .brand_logo_wrap {
	text-align: center;
}
.custom_index_brand_list .headline  {
	text-align: center;
	width: 100%;
}
.custom_index_brand_list .desc {
	max-width: 600px;
	margin: auto;
	margin-bottom: 50px;
	line-height: 2;
}
.custom_index_brand_list .sub_headline {
	text-align: center;
	margin-bottom: 40px;
}
.custom_brand_list .image_wrap {
	height: auto;
}
.custom_brand_list .image_wrap img {
	width: 100%;
}
#index_slider.video .caption {
    bottom: 40px;
    top: auto;
    transform: none;
    width: 100%;
}
#index_slider.video .caption .button {
	opacity: 1;
	border:  none !important;
	background: none !important;
	width: initial;
	height: initial;
	line-height: initial;
}
#index_slider.video .caption .button a {
	background: white;
}
.pc .index_post_list2.cb_contents:last-of-type {
	padding-bottom: 0;
}
.index_video_popup .mfp-figure video,
.brand_video_popup .mfp-figure video {
	display: block;
	width: 100%;
  max-height: 90vh;
}
.custom_list .post_meta {
    position: absolute;
    top: 249px;
    left: 0px;
    z-index: 100;
    padding: 0 20px;
    display: table;
}

.pc{display: inline-block;}
.sp{display: none;}

#lp-photo .lp-inner{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.lp-inner ul li img{
	width: 100%;
}

@media screen and (max-width:750px) {
.pc{display: none;}
.sp{display: inline-block;}
.custom_list .post_meta {
	top: 0;
}
}
.custom_list .post_meta li {
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
.custom_list .post_meta li:last-child {
    padding: 0 0 0 20px;
    position: relative;
}
.custom_list .post_meta a {
	color: white;
}
.custom_list .post_meta li a:first-of-type {
    display: inline-block;
}
.custom_list .post_meta li a {
    display: none;
}
.custom_list .post_meta li:only-child {
    padding: 0;
}
.post_event_tbl tr>td:first-child {
	background: #004969;
	color: white;
	text-align: center;
	width: 100px;
}
.post_event .button a,
.customFormBtn,
.brand_video .button a,
.brand_info .button a {
	color: #17305C;
	border: 1px solid #17305C;
	background: white;
}
.post_event .button a:hover,
.customFormBtn:hover,
.brand_video .button a:hover,
.brand_info .button a:hover {
	background: #17305C;
	color: white;
}

/*------------------------gallery------------------*/
.related_gallery {
	margin-top: 100px;
}
.related_gallery .headline {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    height: 76px;
    line-height: 76px;
    padding: 0 30px;
}
#map {
	width: 100%;
	height: 400px;
}
/*------------------------company------------------*/
.company_recent_news {
	padding: 80px 0;
}
.company_recent_news .headline {
    font-size: 36px;
    text-align: center;
    line-height: 1.6;
    margin: 0 0 50px 0;
}
.company_recent_news .headline {
	font-weight: 700;
}
.company_recent_news .headline .sub_title {
    font-size: 16px;
    display: block;
    font-weight: normal;
}
.company_recent_news .post_list2 {
	margin: auto;
}
/*------------------------yoyaku, contact------------------*/
.page-template-page-yoyaku .dp-footer-bar,
.page-template-page-contact .dp-footer-bar {
	display: none;
}
body.show_footer_bar.page-template-page-contact #return_top.active,
body.show_footer_bar.page-template-page-yoyaku #return_top.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.customFormDataItem {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 20px 0;
}
.customFormDataItem>div:first-child {
	font-size: 16px;
	width: 250px;
	display: block;
	line-height: 1.5;
	margin-top: 10px;
}
.customFormDataItem>div:first-child span {
	background: red;
	display: inline-block;
	padding: 0 5px;
	border-radius: 2px;
	font-size: 0.8em;
	margin-left: 10px;
	color: white;
}
.customFormControl {
	width: calc(100% - 280px);
}
.customFormInput,
.customFormSelect,
.customFormPeopleSelect,
.customFormText {
	border: 1px solid #17305C;
	padding: 10px;
	width: 100%;
}
.customFormHidden {
	padding: 10px 0;
}	
.customFormPeopleItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.customFormPeopleItem>div:first-child {
	width: 100px;
}
.customFormPeopleSelectWrapper {
	width: calc(100% - 100px);
}
.customFormText {
	height: 200px;
	resize: none;
}
.customFormPeople>div:not(:first-child) {
	margin-top: 20px;
}
.customFormControl .error {
	margin-top: 10px;
}
.customFormAct {
	text-align: center;
	margin-top: 50px;
}
.customForm {
	background: #F7F8F8;
	padding: 80px 50px;
}
.mw_wp_form_confirm .customFormControl {
	padding: 10px;
}
.contactBanner {
	margin-bottom: 40px;
}
.contactBanner .item {
    width: calc(50% - 15px);
    float: left;
    margin: 0 30px 0 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: 2px solid #18305b;
    display: block;
    cursor: pointer;
}
.contactBanner .item img {
	display: block;
	width: 100%;
	object-fit: contain;
}
.contactBanner .item:nth-child(2n) {
    margin-right: 0;
}
.customFormAngket {
	margin-top: 20px;
}
.customFormAngket>p {
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.customFormAngketControl {
	padding: 20px;
	border: 1px solid grey;
	background: white;
}
.customFormAngketControl>p {
	margin-bottom: 10px;
}
.customForm .mw_wp_form .horizontal-item + .horizontal-item {
	display: inline-block;
	margin-left: 0;
	margin-right: 10px;
}
/*------------------------brand archive------------------*/
#news_archive.brand_archive {
	max-width: 1200px;
	width: auto;
}
#news_archive.brand_archive .post_list1 .item {
	width: calc(100% / 4);
	height: auto;
	border: none;
}
#news_archive.brand_archive .post_list1 .image_wrap {
    height: 400px;
}
#news_archive.brand_archive .post_list1 .title_area {
	padding: 20px 10px;
	height: auto;
	border: none;
}
#news_archive.brand_archive .post_list1 .title {
    font-size: 16px;
    height: auto;
}
/*------------------------brand------------------*/
.brand_video,
.brand_info {
	width: 48%;
	position: relative;
}
.brand_main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.brand_media_img {
	width: 100%;
	display: block;
}
.brand_video .button {
	margin-top: 40px;
}
.brand_video .button a,
.brand_info .button a {
	width: 150px;
	margin: auto;
}
.brand_article h1 {
	text-align: center;
}

/*------------------------blog------------------*/
#blog_archive #catch_area {
	display: none;
}
@media screen and (max-width:1240px) {
	/*------------------------header------------------*/
	#global_menu > ul > li > a {
		padding: 0 5px;
	}
	/*------------------------footer------------------*/
	#footer_inner {
		display: block;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#footer_logo,
	#footer_menu {
		width: 100%;
	}
	#footer_logo {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#footer_logo .logo {
		display: block;
	}
	#footer_logo .desc {
		margin-top: 0;
		margin-left: 30px;
	}
	#footer_menu {
		margin-top: 20px;
		width: 100%;
	}
	#footer_banner {
		margin: 0;
		padding: 40px 0;
	}
	/*------------------------top page-----------------*/
	.custom_index_movie_list, 
	.custom_index_post_list2, 
	.custom_index_image_list, 
	.custom_index_brand_list {
		width: 100%;
	}
	.custom_index_post_list2,
	.custom_index_brand_list,
	.custom_index_image_list,
	.custom_index_movie_list {
		display: block;
		padding: 40px 20px;
		box-sizing: border-box;
	}
	.custom_index_brand_list,
	.custom_index_image_list {
		max-width: 750px;
	}
	.custom_index_post_list2 .headline {
		text-align: center;
	}
	.custom_index_post_list2 .headline {
	    margin: 0 0 40px 0;
	}
	.custom_index_post_list2 .headinfo .desc {
		text-align: center;
	}
	.custom_index_post_list2 .post_list_wrapper,
	.custom_index_post_list2 .headinfo{
		width: 100%;
	}
	.custom_index_movie_list .index_movies,
	.custom_index_post_list2 .post_list2, 
	.custom_index_brand_list .post_list2,
	.custom_index_image_list  .post_list2 {
		width: calc(100% + 20px);
		margin: -10px;
    	box-sizing: border-box;
	}
	.custom_index_post_list2 .post_list2 .item,
	.custom_index_post_list2 .post_list2 .item:nth-child(2n),
	.custom_index_post_list2 .post_list2 .item:nth-child(3n),
	.custom_index_movie_list .index_movies .item {
	    width: -webkit-calc(100% / 3 - 20px);
	    width: calc(100% / 3 - 20px);
	    margin: 10px;
	}
	.custom_index_brand_list .post_list2 .item,
	.custom_index_brand_list .post_list2 .item:nth-child(2n),
	.custom_index_brand_list .post_list2 .item:nth-child(3n),
	.custom_index_image_list .post_list2 .item,
	.custom_index_image_list .post_list2 .item:nth-child(2n),
	.custom_index_image_list .post_list2 .item:nth-child(3n) {
	    width: -webkit-calc(50% - 20px);
	    width: calc(50% - 20px);
	    margin: 10px;
	}
	.custom_index_post_list2 .button, 
	.custom_index_moive_list2 .button {
		text-align: center;
	}
	.custom_index_post_list2 .headline, 
	.custom_index_movie_list .headline, 
	.custom_index_image_list .headline, 
	.custom_index_brand_list .headline, 
	#footer_banner .headline,
	.custom_index_post_list2 .headinfo {
		margin-bottom: 40px;
	}
	.custom_index_post_list2 .button, 
	.custom_index_image_list .button, 
	.custom_index_brand_list .button,
	.custom_index_movie_list .button {
		margin-top: 40px;
	}
	/*--------------brand archive---------------------*/
	#news_archive.brand_archive .post_list1 .image_wrap {
	    height: 300px;
	}
}
@media screen and (max-width:750px) {
	/*------------------------header------------------*/
	#page_header .headline_area {
	    padding: 0 10px;
	}
	/*------------------------footer------------------*/
	#footer_menu li {
		margin: 0;
	}
	#footer_menu ul {
	    height: 210px;
	}
	#footer_logo {
		display: block;
	}
	#footer_logo .mobile_logo_image {
		max-width: 100%;
	}
	#footer_logo .desc {
		text-align: center;
	}
	#footer_menu {
	    margin: 15px auto 0;
	    max-width: 100%;
	}
	#footer_logo .desc {
		margin: 20px 0 0;
	}
	#footer_menu li {
		font-size: 14px;
	}
	#footer_banner .item:nth-child(2n) {
	    margin: 10px auto 0;
	}
	/*-----------------------page------------------*/
	#index_slider.video .caption {
	    bottom: 60px;
	}
	#index_slider .caption {
		padding: 0 10px;
	}
	#index_slider.video .caption .button {
		padding: 0;
	}
	.custom_index_post_list2, 
	.custom_index_brand_list, 
	.custom_index_image_list, 
	.custom_index_movie_list {
	    padding: 30px 10px;
	}
	.custom_index_movie_list .index_movies, 
	.custom_index_post_list2 .post_list2  {
		width: 100%;
		margin: 0;
	}
	.custom_index_post_list2,
	.custom_index_image_list  {
		max-width: 350px;		
	}
	.custom_index_post_list2 .post_list2 .item, 
	.custom_index_post_list2 .post_list2 .item:nth-child(2n), 
	.custom_index_post_list2 .post_list2 .item:nth-child(3n), 
	.custom_index_movie_list .index_movies .item,
	.custom_index_image_list .post_list2 .item, 
	.custom_index_image_list .post_list2 .item:nth-child(2n), 
	.custom_index_image_list .post_list2 .item:nth-child(3n),
	.index_movie_item {
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}
	.custom_index_post_list2 .post_list2 .item,
	.custom_index_movie_list .post_list2 .item,
	.custom_index_image_list .post_list2 .item,
	.custom_index_brand_list .post_list2 .item {
		height: auto;
	}
	.custom_index_post_list2 .headinfo {
		padding: 0;
	}
	.post_event_tbl tr>td:first-child {
	    width: 60px;
	}
	/*------------------------company------------------*/
	.company_recent_news {
		padding: 50px 0;
	}
	.company_recent_news .headline {
    	font-size: 22px;
	    margin-bottom: 40px;
	}
	/*------------------------customForm-------------------*/
	.customFormDataItem {
		display: block;
	}
	.customFormDataItem>div:first-child {
		width: 100%;
	}
	.customFormControl {
		width: 100%;
		margin-top: 10px;
	}
	.customForm {
	    padding: 20px 20px 40px;
	}
	/*------------------------brand-------------------*/
	.brand_main {
		padding-bottom: 50px;
		display: block;
	}
	.brand_video,
	.brand_info {
		display: block;
		width: 100%;
	}
	.brand_info {
		margin-top: 40px;
		text-align: center;
	}
	.brand_info h2 {
		text-align: center;
	}
	.brand_video {
		max-width: 350px;
		margin: auto;
	}
	/*--------------brand archive---------------------*/
	#news_archive.brand_archive .post_list1 .item {
	    height: auto;
	    width: 50%;
	}
	#news_archive.brand_archive .post_list1 .image_wrap {
		height: 70vw !important;
	}

}
@media screen and (max-width:413px) {
	/*----------------footer--------------*/
	#footer_menu li {
		font-size: 12px;
	}

	#footer_banner .item {
		max-width: calc(100% - 20px);
    	height: 100px;
	}
	#header_logo .mobile_logo_image {
	    width: 250px;
	    object-fit: contain;
	}
	#gallery_sort_button a {
	    font-size: 10px;
	}

}