@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:991px){
  .only-tab{
		display: none;
	}
}
@media screen and (min-width:481px){
	.only-spmin{
		display: none;
	}
}

body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	margin: 0;
}

header{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-bottom: solid 1px #b5b5b5;
	z-index: 999;
}
.navbar{
	padding: 10px 0;
}
.navbar-expand-lg .navbar-nav{
	margin-left: auto;
	margin-right: 0!important;
	font-size: 94%;
}

.navbar-brand-title{
	position: relative;
	top: 10px;
	font-size: 14px;
	line-height: 1.4;
}

nav{
	max-width: 1170px;
	margin: 0 auto;
}
nav ul.navbar-nav {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	padding: 10px 0;
	margin: 0;
}
nav ul a{
	text-decoration: none;
	color: #000;
}
nav ul a:hover{
	color: #077e80;
}
nav ul li:not(:first-child) {
	margin-left: 20px;
}

nav .toggle-sub{
	display: none;
}

nav .header-contact{
	color: #fff;
	padding: 10px 20px;
	background-color: #8c80a8;
	border: solid 1px #8c80a8;
	border-radius: 30px;
}
nav .header-contact:hover{
	color: #8c80a8;
	background-color: #fff;
	border: solid 1px #8c80a8;
}
.dropdown_multilayer_menu_sub {
	position: absolute;
	width: 210px;
	background: #EEE;
	visibility: hidden;
}	

.iframe-responsive { position: relative;width: 100%;padding-top:75%; }
.iframe-responsive.youtube { padding-top:56.25%; }
.iframe-responsive.youtube-s { padding-top:50%; }
.iframe-responsive iframe { position: absolute; top: 0;left: 0;width: 100%;height: 100%;overflow-y: hidden;}

/*メガメニュー*/
@media screen and (min-width:992px){
	.mega-dropdown {
		position: static;
		}	
	.nav-dropdown-menu{
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		/* justify-content: space-between; */
		justify-content: space-around;
	}
	.nav-dropdown-menu-select{
		justify-content: space-evenly!important;
	}
	.dropdown-menu.mega-dropdown-menu.show {
		width: 100%;
		font-size: 14px;
		padding: 30px 20px;
		border-bottom: solid 1px #b5b5b5;
		background-color: #F9F9F9;
		}
	.dropdown-submenu:hover .dropdown-submenu-menu { 
		visibility: visible;
		}   
	.dropdown-submenu-menu {
		position: absolute;
		left: 0;
		visibility: hidden;
		} 
	.dropdown-menu{
		top: 99%;
		border: none;
		border-radius: 0px;
	}
	.nav-dropdown-menuul{
		padding: 0 ;
	}
	li.nav-link{
		padding: 5px 0;
		margin-left: 0!important;
	}
	.nav-dropdown-menuul-line{
		border-right: solid 1px #b5b5b5;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #000;
	}
	.dropdown-item:focus, .dropdown-item:hover{
		background-color: rgba(0,0,0,0);
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
		color: #000;
	}
}
@media screen and (max-width:1024px){
	.navbar-expand-lg .navbar-nav{
		font-size: 88%;
	}
}

/*共通*/
.wrap {
	max-width: 1170px;
	margin: 0 auto;
}
.wrap900 {
	max-width: 900px;
	margin: 0 auto;
}
.wrap800 {
	max-width: 800px;
	margin: 0 auto;
}
.tc{
	text-align: center;
}
a,a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
}
button:focus{
	outline: none;
}
#whitepaper-btn{
	position:fixed; 
	right: 0; 
	top: 140px; 
	z-index: 1000;
}
.top-service-btn {
	display: block;
	width: 170px;
	color: #000;
	border: solid 1px #000;
	border-radius: 30px;
	text-align: center;
	padding: 10px 20px;
	margin: 25px auto 60px;
	text-decoration: none;
}
.wp-download-btn {
	display: block;
	width: 300px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	padding: 10px 0px 10px 20px;
	margin: 25px 0 0px auto;
	text-decoration: none;
	background-color: #8c80a8;
  border: solid 1px #8c80a8;
}
.wp-download-servicebtn {
	width: 380px;
}
.wp-download-btn:hover {
	color: #8c80a8;
	border: solid 1px #8c80a8;
	background-color: #fff;
}
.top-service-btn:hover {
	color: #077e80;
	border: solid 1px #077e80;
}
p.top-service-note{
	font-size: 12px!important;
	text-align: right!important;
	margin: 30px 0 20px!important;
}
p.page-service-note{
	max-width: 900px;
	font-size: 12px!important;
	text-align: left!important;
	margin-right: auto;
	margin-left: auto;
}
.wp-download-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wp-download-ul li{
	display: block;
	padding: 40px;
	clear: both;
	border-top:1px solid #ccc;
}
.wp-download-ul li:last-child {
	/*border-bottom:1px solid #ccc;*/
	margin-bottom: 100px;
}
.wp-download-ul li img{
	clear: both;
	float: left;
	margin-right: 60px;
	border: 1px solid #ededed;
}
.wp-download-ul li h3{
	text-align: left;
	padding: 0px;
	border: none;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	line-height: 140%;
	color: #077e80;
}
.wp-download-ul li p{
	text-align: left;
}
.wp-contents-inner{
	display: block;
   margin-top:-136px!important;
   padding-top:136px;
}
#mailform .wp-download-btn{
	width: 100%;
	max-width: 500px;
	border-radius: 40px;
	text-align: center;
	padding: 20px 20px 20px 40px;
}
#mailform h3 {
	font-size: 24px;
}

#top-main-slide{
	margin-top: 107px;
}
.top-main-slide img{
	vertical-align: bottom;
}
/* .top-news{
	display: flex;
}
.top-news p{
	margin: 0;
}
.top-news p:nth-child(1){
	width: 200px;
	color: #fff;
	padding: 10px 20px;
	background-color: #077e80;
}
.top-news p:nth-child(2){
	flex-basis: auto;
    width: 100%;
	padding: 10px 20px;
	border: solid 1px #cfcfcf;
}
.top-news p:nth-child(2) a{
	color: #000;
} */

.top-news {
	display: flex;
}
.top-news_title {
	width: 200px;
	color: #fff;
	padding: .75em 2em;
	background-color: #077e80;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.top-news_title p {
	margin: 0;
	text-align: center;
}
.top-news_topics {
	flex-basis: auto;
	width: 100%;
	padding: 10px 20px;
	border: solid 1px #cfcfcf;
}
.top-news_topics a {
	color: #000;
}
.top-news_topics a:hover {
	color: #077e80;
}
.top-news_topics p {
	margin-bottom: .5em;
}
.top-news_topics p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.top-maincontent {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: flex-end;
    margin: 60px 0;
}
.top-maincontent h2{
	font-size: 30px;
	font-weight: normal;
    line-height: 1.5;
    margin-bottom: 20px;
}
.top-maincontent p{
	margin-bottom: 0;
}
.top-maincontent img{
	width: 400px;
	height: auto;
}
@media screen and (max-width:991px){
	.top-maincontent{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.top-maincontent img,
	.top-maincontent div{
		margin: 0 auto;
	}
	.top-maincontent h2 {
		margin: 30px 0 20px;
	}
}

.top-banner {
	margin-bottom: 80px;
}

.top-service h3 {
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 2px solid #b5b5b5;
	margin-bottom: 60px;
}
.top-service h4 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	color: #077e80;
	margin: 20px 0 0;
}
.top-service p {
	text-align: center;
	margin: 15px 0;
}
.top-service .top-service-btn {
	width: 170px;
	padding: 10px 20px;
	margin: 25px auto 70px;
}
.top-service-new-box{
	text-align: center;
}
.top-service-new {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5em;
	padding: 7px 10px;
	min-width: 160px;
	max-width: 100%;
	font-size: 20px;
    letter-spacing: 4px;
	background: #cbc021;
}
.top-service-new:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -12px;
	border: 12px solid transparent;
	border-top: 15px solid #cbc021;
}
.container-service1 {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.container-service2 {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width:991px){
	.container-service1 {
	    justify-content: space-between;
    	max-width: 585px;
    	margin: 0 auto;
	}
}
.container-service2 {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    max-width: 585px;
    margin: 0 auto;
}

/*理由と実績*/
#top-reason,#top-no01{
	padding: 70px 0;
}
#top-reason h3,#top-no01 h3{
	font-size: 32px;
	font-weight: normal;
    margin: 20px 0 30px;
	line-height: 1.6;
}
#top-reason h3 span,#top-no01 h3 span{
	font-size: 40px;
	color: #077e80;
}
#top-reason p,#top-no01 p{
	font-size: 18px;
	margin-bottom: 50px;
}
#top-reason{
	background-color: #e2e2e2;
}
#top-reason .top-service-btn {
	width: 300px;
	padding: 20px 20px;
	margin: 50px auto 0;
	border-radius: 40px;
}

/*contact*/
#contact-tel{
	padding: 50px 0;
	margin: 0 0 30px;
	color: #fff;
	background-color: #8c80a8;
}
#contact-tel .contact-title{
	border-right: solid 1px #fff;
	padding-right: 6%;
	padding-bottom: 25px;
}
#contact-tel h2{
	font-size: 28px;
    line-height: 1.4;
    font-weight: bold;
}
#contact-tel .contact-flex{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#contact-tel .tel-number-wrap .tel-number{
	font-size: 32px;
	font-weight: bold;
}
#contact-tel .tel-number-wrap .tel-number i{
	font-size: 20px;
    vertical-align: 5px;
	color: #8c80a8;
	border-radius: 45px;
	background-color: #fff;
	padding: 10px;
    margin-right: 10px;
}
#contact-tel .tel-number-wrap p{
	margin-left: 50px;
}
#contact-tel .formbtn{
	font-size: 20px;
	text-align: center;
	color: #8c80a8;
	border: solid 1px #8c80a8;
	border-radius: 55px;
	background-color: #fff;
	padding: 15px 40px 13px;
}
#contact-tel .formbtn:hover{
	color: #fff;
	border: solid 1px #fff;
	background-color: #8c80a8;
}
#contact-tel .formbtn i{
	font-size: 30px;
}
#contact-tel .contact-note{
	/* font-size: 14px; */
	margin: 20px 0 0;
}

/*下層共通*/
.page-main-slide{
	position: relative;
}
.page-main-slide h1{
	position: absolute;
	top: 80px;
	right: 0;
	left: 0;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

/*page-select*/
#select-maintext{
	padding: 70px 0 50px;
}
#select-maintext p{
	font-size: 18px;
	line-height: 1.8;
	margin-top: 30px;
}
#select-maintext p span{
	font-size: 14px;
}
#select-content{
	padding-bottom: 100px;
}
#select-content h2{
	font-size: 26px;
	color: #077e80;
	font-weight: bold;
    margin-bottom: 15px;
    margin-left: 20px;
	line-height: 1.4;
}
#select-content .select-num{
	font-size: 64px;
	color: #077e80;
}
#select-content .select-content-title{
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
    margin-bottom: 10px;
}
#select-content .select-content-img01,
#select-content .select-content-img02{
	width: 100%;
	margin-bottom: 80px;
}
#select-content .select-content-img03{
	margin-bottom: 20px;
}
#select-content h3{
	clear: both;
	font-size: 24px;
    line-height: 1.6;
	border-bottom: solid 1px #c1c1c1;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#select-content p{
	font-size: 16px;
	margin-bottom: 50px;
}
p.select-content-p-mb30{
	margin-bottom: 30px!important;
}

/* interview > index.html */
.interview_nav {
	margin: 100px auto 50px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.interview_nav .btn_pagelink {
	width: 31%;
	height: 60px;
}
.interview_nav .btn_pagelink a {
	color: #077e80;
	background: #e6f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 120%;
	position: relative;
	padding-left: 1em;
}
.interview_nav .btn_pagelink a:before {
	position: absolute;
	content: '';
	position: absolute;
	top: 38%;
	left: 10%;
	width: 12px;
	height: 12px;
	border-bottom: 1px solid #077e80;
	border-right: 1px solid #077e80;
	transform: rotate(45deg);
}
.interview_nav .btn_pagelink a:hover {
	background-color: #d7efef;
}
/* ▼ .soon (不要になったら削除) */
.interview_nav .soon a {
	color: #212529;
	background: #E9ECF0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 120%;
	position: relative;
	padding-left: 1em;
}
.interview_nav .soon a:before {
	position: absolute;
	content: '';
	position: absolute;
	top: 38%;
	left: 10%;
	width: 12px;
	height: 12px;
	border-bottom: 1px solid #212529;
	border-right: 1px solid #212529;
	transform: rotate(45deg);
}
.interview_nav .soon a:hover {
	background: #E9ECF0;
}
/* ▲ .soon (不要になったら削除) */
.interview {
	margin-top:-10px;
	padding-top:10px;
	margin-bottom: 30px;
}
#interview_client {
	margin-bottom: 100px;
}
.interview .sec_title {
	text-align: center;
	margin: 50px auto;
	border-top: 1px solid #ccc;
	padding-top: 100px;
}
.interview .interview_box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
}
ul.interview_box>li:nth-of-type(2n-1) {
	margin-left: 0%;
}
.interview .interview_box li {
	width: 48%;
	margin-left: 3%;
	margin-bottom: 3%;
}
.interview .interview_box li.last_line{
	margin-bottom: 0;
}
.interview .interview_box li a {
	text-decoration: none;
	color: #212529;
	text-align: center;
}
.interview .interview_box li a:hover {
	color: #077e80;
}
.interview .interview_box li img {
	width: 100%;
	margin-bottom: 1em;
}

/* interview_個別ページ */
.interview_titleBox {
	font-size: 16px;
	padding: 80px 0 30px 0;
}
.interview_titleBox h2 {
	margin-bottom: 40px;
}
.interview_titleBox h4 {
	margin: 20px auto;
}
.interview_textBox h3 {
	font-size: 130%;
	line-height: 1.5;
	position: relative;
	padding-left: 28px;
	margin-top: 48px;
	margin-bottom: 1em;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.interview_textBox h3:before {
	position: absolute;
	content: 'ー';
	top: 0;
	left: 0;
	display: block;
}
.interview_backbtn {
	text-align: center;
	margin: 60px 0 80px;
}
.interview_backbtn a {
	color: #000;
	border: solid 1px #000;
	border-radius: 35px;
	padding: 15px 40px;
}
.interview_backbtn a:hover {
	color: #077e80;
	border: solid 1px #077e80;
}
.interview_flexbox {
	display: flex;
	justify-content: space-between;
}
.interview_flexbox div {
	width: 48%;
}
.interview_flexbox p {
	text-align: center;
	margin-top: 0.5em;
}

/*movie*/
#movie-article{
	margin-bottom: 80px;
}
#movie-article .movie-article-wrap{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 30px 0;
	border-bottom: solid 1px #c2c2c2;
}
#movie-article .movie-article-wrap:first-child{
	border-top: solid 1px #c2c2c2;
}
#movie-article .movie-article-thumbnail{
	margin-right: 20px;
}
#movie-article .movie-article-thumbnail img{
	width: 200px;
	height: 150px;
	object-fit: contain;
}
#movie-article .movie-article-title h3{
	color: #077e80;
	font-size: 1.5rem;
}
#movie-article .movie-article-title a{
	color: #fff;
	padding: 7px 20px;
	background-color: #f38f33;
	border: solid 1px #f38f33;
	border-radius: 30px;
	display: inline-block;
}
#movie-article .movie-article-title a:hover {
	color: #f38f33;
	background-color: #fff;
	border: solid 1px #f38f33;
}

/*news*/
.news-heading h1{
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 4px;
	color: #fff;
	background-color: #077e80;
	padding: 20px 30px;
    margin-bottom: 40px;
}
#news-archive ul{
	display: flex;
    flex-wrap: wrap;
	list-style: none;
	padding: 20px 30px;
	margin-bottom: 40px;
	background-color: #e4e4e4;
}
#news-archive ul li{
	width: 20%;
	padding: 10px 30px;
}
#news-archive ul li a{
	color: #000;
}
#news-archive ul li a:hover{
	color: #077e80;
}
#news-article{
	margin-bottom: 80px;
}
#news-article .news-article-wrap{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 30px 0;
	border-bottom: solid 1px #c2c2c2;
}
#news-article .news-article-wrap:first-child{
	border-top: solid 1px #c2c2c2;
}
#news-article .news-article-thumbnail{
	margin-right: 20px;
}
#news-article .news-article-thumbnail img{
	width: 200px;
	height: 150px;
	object-fit: contain;
}
#news-article .news-article-title a{
	color: #000;
}
#news-article .news-article-title a:hover{
	color: #077e80;
}

#news-article-page .news-article-page-title{
	text-align: center;
}
#news-article-page .news-article-page-title p{
    margin: 70px 0 40px;
}
#news-article-page .news-article-page-title  h2{
	font-size: 32px;
	line-height: 1.8;
    border-bottom: solid 1px #b7b7b7;
    padding-bottom: 50px;
    margin-bottom: 40px;
}
#news-article-page .news-article-page-title h2 span{
	display: block;
	font-size: 60%;
}
#news-article-page h3{
    font-size: 23px;
	font-weight: bold;
	border-bottom: solid 1px #b7b7b7;
	padding: 5px 0px 10px;
	margin: 50px 0 20px;
}
#news-article-page h4{
	font-weight: bold;
	color: #077e80;
	margin-top: 30px;
}
#news-article-page h4 span{
	font-size: 70%;
	line-height: 2;
}
#news-article-page p{
	line-height: 1.8;
}
#news-article-page img{
	flex-shrink: 0;
	margin: 10px 0 20px;
}
#news-article-page .news-article-bggray{
	background-color: #f5f5f5;
	padding: 40px;
}
#news-article-page .news-article-bggreen{
	background-color: #ecf5f5;
	padding: 40px;
}
#news-article-page .article-flex{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 30px;
}
#news-article-page .article-flex div,
#news-article-page .article-flex p{
	margin-right: 30px;
}
#news-article-page b{
	font-size: 20px;
}
#news-article-page .news-article-page-btn{
	text-align: center;
	margin: 60px 0 80px;
}
#news-article-page .news-article-page-btn a{
	color: #000;
	border: solid 1px #000;
	border-radius: 35px;
    padding: 15px 40px;
}#news-article-page .news-article-page-btn a:hover{
	color: #077e80;
	border: solid 1px #077e80;
}
#news-article-page a{
	color: #077e80;
	border-bottom: solid 1px #077e80;
	word-break: break-all;
}
#news-article-page .JMRO{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
#news-article-page .JMRO img{
	width: 100px;
	margin-right: 14px;
}
#news-article-page .JMRO-text p{
	font-size: 16px;
	margin-bottom: 0;
}
#news-article-page .JMRO-text p span{
	color: #077e80;
}
#news-article-page .JMRO-text .text-notes{
	font-size: 12px;
	margin-top: 10px;
}

/*page-activity*/
#activity-maintext{
	padding: 80px 0;
}
#activity-maintext h2{
	font-size: 22px;
	color: #077e80;
}
#activity-maintext p{
	font-size: 18px;
	line-height: 1.8;
	margin-top: 30px;
}
#activity-content h3{
	font-size: 30px;
    line-height: 1.6;
	color: #077e80;
    margin-bottom: 30px;
}
#activity-content .row{
	margin-bottom: 70px;
}

/*service*/
#service-maintext h2{
	font-size: 32px;
    line-height: 1.6;
	margin: 50px 0;
}
#service-maintext p{
	margin-bottom: 50px;
}
#service-maintext .service-maintext-index{
	text-align: left;
    border: solid 1px #808080;
    padding: 30px 40px 20px;
}
#service-maintext .service-maintext-index-wrap{
	-webkit-box-pack: start!important;
	-ms-flex-pack: start!important;
	justify-content: flex-start!important;
}
#service-maintext .service-maintext-index p{
	font-size: 18px;
	font-weight: bold;
	color: #077e80;
	margin-bottom: 20px;
}
#service-maintext .service-maintext-index ul{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
    line-height: 1.2;
	padding-left: 0;
}
#service-maintext .service-maintext-index li{
	width: 25%;
}
#service-maintext .service-maintext-index li a{
	color: #000;
}
#service-maintext .service-maintext-index li a:hover{
	color: #077e80;
}
.service-content-bg{
	padding: 20px 50px 50px;
	margin: 50px auto;
	background-image: url("../img/service-back.png");
}
.service-spec-box{
	border: solid 1px #808080;
    padding: 30px;
	margin-top: -20px;
	margin-bottom: 40px;
}
.service-spec-box p{
	font-size: 14px;
	line-height: 1.6;
	padding-right: 20px;
	margin-bottom: 0!important;
}
.service-spec-box-flex{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.service-spec-box-flex-2box{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.service-spec-box-flex-2box .service-spec-box-flex:nth-child(odd){
	margin-right: 20px;
}
.service-spec-box-flex .flex-half{
	width: 48%;
}
.service-spec-box-flex .flex-half img{
	margin-bottom: 10px;
}
.service-spec-tag{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #077e80;
	padding: 5px 20px 3px;
	margin-top: 10px;
}
.service-content-note .service-content-btn{
	margin: 30px 0 80px;
}
.service-content-note .service-content-btn a{
    color: #000;
    border: solid 1px #000;
    border-radius: 35px;
    padding: 15px 40px;
}
.service-content-note .service-content-btn a:hover{
	color: #077e80;
	border: solid 1px #077e80;
}

#service-content-template .num-big{
	font-size: 42px;
}
.service-width500{
	max-width: 550px;
}
.service-width400{
	max-width: 400px;
}
.service-hr{
	margin: 40px 0;
}

/* ↓ アスカクラウド */
.cloud-maintext h3 {
	margin: 50px 0;
}
.cloud-maintext .cloud-merit {
	border: 2px solid #BAD0D6;
}
.cloud-maintext .cloud-merit p {
	background-color: #BAD0D6;
	color: #fff;
	font-size: 24px;
	padding: 10px 0;
	margin-bottom: 0!important;
}
.cloud-maintext .cloud-merit ul {
	padding: 32px 80px;
	margin-bottom: 0;
	overflow: hidden;
}
.cloud-maintext .cloud-merit li {
	list-style: none;
	text-align: left;
	line-height: 2.5;
	width: 33%;
	float: left;
}
.cloud-maintext .cloud-merit li:last-child {
	width: auto;
}
.cloud-maintext .cloud-merit li::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	border-left: 5px solid #45B248;
	border-bottom: 5px solid #45B248;
	transform: rotate(-45deg);
	margin-right: 1em;
}
/* アスカクラウド - 共通 */
#service-content-cloud {
	margin-bottom: 80px;
}
#service-content-cloud h3{
	margin: 80px 0 40px 0;
	padding-bottom: 20px;
	border-bottom: 5px solid #BAD0D6;
}
/* アスカクラウド - お客様の声 */
.service-content-cloud-voice .cloud-voice-flexbox {
	display: flex;
	margin-bottom: 40px;
}
.service-content-cloud-voice .cloud-voice-flexbox:last-child {
	margin-bottom: 0;
}
.service-content-cloud-voice .cloud-voice-flexbox img {
	margin-right: 32px;
	width: 100px;
	height: 100px;
}
.service-content-cloud-voice .cloud-voice-flexbox div {
	margin: auto;
}
.service-content-cloud-voice .cloud-voice-flexbox h4 {
	font-size: 18px;
	font-weight: bold;
}
.service-content-cloud-voice .cloud-voice-flexbox p {
	margin-bottom: 0;
}
/* アスカクラウド - お問い合わせ */
.service-content-cloud-contact .wrap900 {
	background-color: #077E80;
	color: #fff;
	padding: 40px 80px;
	margin-top: 80px;
	text-align: center;
}
.service-content-cloud-contact h3 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding: 10px 10px 10px 0;
	margin-bottom: 30px;
}
.cloud-contact-flexbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cloud-contact-flexbox p {
	margin-bottom: 5px;
}
.cloud-contact-flexbox .cloud-contact-tx1 {
	font-size: 28px;
}
.cloud-contact-flexbox .cloud-contact-tx1 span {
	font-size: 24px;
}
.cloud-contact-flexbox .cloud-contact-tx2 {
	font-size: 38px;
	font-weight: bold;
}
.cloud-contact-flexbox .cloud-contact-tx2 a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
.cloud-contact-flexbox .cloud-contact-tx2 i {
	font-size: 20px;
	vertical-align: 7px;
	color: #077E80;
	border-radius: 45px;
	background-color: #fff;
	padding: 10px;
	margin-right: 10px;
}
.cloud-contact-flexbox .cloud-contact-btn a {
	display: block;
	text-decoration: none;
	color: #077E80;
	border: solid 1px #077E80;
	background-color: #fff;
	width: 320px;
	border-radius: 50px;
	padding: 10px;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: bold;
}
.cloud-contact-flexbox .cloud-contact-btn a:hover {
	color: #fff;
	border: solid 1px #fff;
	background-color: #077E80;
}
.cloud-contact-flexbox .cloud-contact-btn a:last-child {
	margin-bottom: 0;
}
.cloud-contact-btn {
	align-items: baseline;
}
/* アスカクラウド - できること */
.service-content-cloud-detail ul {
	list-style: none;
	padding: 0;
}
.service-content-cloud-detail li {
	margin-bottom: 24px;
}
.service-content-cloud-detail .cloud-service-title {
	display: flex;
	position: relative;
	align-items: flex-start;
}
.service-content-cloud-detail .cloud-service-title img {
	width: 95px;
	object-fit: contain;
	margin-right: 24px;
}
.service-content-cloud-detail .cloud-service-title-tx {
	padding-right: 8%;
}
.service-content-cloud-detail .cloud-service-title h4 {
	font-size: 18px;
	font-weight: bold;
}
.service-content-cloud-detail .cloud-service-title p {
	margin-bottom: 0;
}
.service-content-cloud-detail .accordion-title {
	cursor: pointer;
}
.service-content-cloud-detail .accordion-title::before {
	content:"";
	width: 15px;
	height: 14px;
	border-top: 3px solid #707070;
	border-right: 3px solid #707070;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:40%;
	right: 0;
	transform: rotate(135deg);
	transition: all 0.4s ease 0s;
}
.service-content-cloud-detail .accordion-title.open::before {
	transform: rotate(-45deg);
}
.service-content-cloud-detail .accordion-box {
	margin-top: 16px;
	padding: 50px;
	background-color: #F5F5F5;
}
.service-content-cloud-detail .accordion-box h5 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
	line-height: 1.5;
}
.service-content-cloud-detail .top-service-note {
	margin-bottom: 0!important;
}
/* アスカクラウド - できること - 遺影加工注文 */
.service-content-cloud-detail .accordion-ieikakoou p {
	margin-bottom: 40px;
}
/* アスカクラウド - できること - 葬庫 */
.service-content-cloud-detail .accordion-souko-box {
	display: flex;
	justify-content: space-between;
}
.service-content-cloud-detail .accordion-souko-L {
 margin-right: 30px;
}
.service-content-cloud-detail .accordion-souko-inner {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}
.service-content-cloud-detail .accordion-souko-inner img {
	width: 95px;
	height: 95px;
	margin-right: 20px;
}
.service-content-cloud-detail .accordion-souko-inner p {
	margin-bottom: 0;
}
.service-content-cloud-detail .accordion-souko-inner:last-child {
	margin-bottom: 0;
}
.service-content-cloud-detail .accordion-souko-R {
	width: 250px;
	object-fit: contain;
}
/* アスカクラウド - できること - 遺影バンク */
.service-content-cloud-detail .accordion-ieibank div {
	display: flex;
	line-height: 2;
}
.service-content-cloud-detail .accordion-ieibank img {
	width: 350px;
	margin-left: 50px;
}
/* アスカクラウド - できること - フォトアシスト */
.service-content-cloud-detail .accordion-photoassist span {
	color: #D0111A;
}
.service-content-cloud-detail .accordion-photoassist-imgbox {
	display: flex;
	width: 650px;
	justify-content: space-between;
	margin: 40px auto 16px auto;
}
.service-content-cloud-detail .accordion-photoassist-imgbox img {
	width: 300px;
}
.service-content-cloud-detail p.accordion-photoassist-imgbox-p {
	text-align: center;
	margin-bottom: 40px;
}
.service-content-cloud-detail .accordion-photoassist-bg {
	background-color: #fff;
	padding: 40px;
}
.service-content-cloud-detail .accordion-photoassist-flex {
	display: flex;
	justify-content: space-between;
}
.service-content-cloud-detail .accordion-photoassist-flex div {
	width: 30%;
}
.service-content-cloud-detail .accordion-photoassist-flex div p {
	margin: 20px 0 0 10%;
	width: 90%;
	font-size: 15px;
}
/* アスカクラウド - できること - 原版アップロード */
.service-content-cloud-detail .accordion-genban-bg {
	background-color: #fff;
	padding: 40px;
	display: flex;
	justify-content: space-between;
}
.service-content-cloud-detail .accordion-genban-bg div {
	width: 30%;
}
.service-content-cloud-detail .accordion-genban-bg h5 {
	color: #CF6685;
	font-size: 15px;
	font-weight: bold;
	margin: 16px 0;
}
.service-content-cloud-detail .accordion-genban-bg div p {
	font-size: 15px;
	margin-bottom: 0;
}
/* アスカクラウド - 有料 */
.service-content-cloud-detail h3 span {
	background-color: #CF6685;
	color: #fff;
	font-size: 20px;
	padding: 8px 24px;
	border-radius: 50px;
	margin-left: 1em;
}
.service-content-cloud-detail .cloud-service-link i {
	position: absolute;
	top:40%;
	right: 0;
	font-size: 20px;
  color: #707070;
}
/* アスカクラウド - 有料 - メモリアルカレンダー */
.service-content-cloud-detail .accordion-mc-txbox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.service-content-cloud-detail .accordion-mc-txbox img {
	width: 280px;
	object-fit: contain;
	margin-left: 40px;
	margin-top: -15px;
}
.service-content-cloud-detail .accordion-mc-imgbox {
	display: flex;
	justify-content: space-evenly;
}
.service-content-cloud-detail .accordion-mc-imgbox div {
	width: 40%;
}
.service-content-cloud-detail .accordion-mc-imgbox div p {
	margin: 20px 0 0 0;
}
.service-content-cloud-detail .accordion-mc-bg {
	background: #fff;
	padding: 30px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.service-content-cloud-detail .accordion-mc-bg img {
	width: 160px;
	object-fit: contain;
	margin-right: 30px;
}
.service-content-cloud-detail .accordion-mc-bg div h5 {
	text-align: left;
	margin-bottom: 20px;
}
.service-content-cloud-detail .accordion-mc-bg div p {
	margin-bottom: 0;
}
.service-content-cloud-detail .accordion-mc-bg div p span {
	font-size: 14px;
	color: #D0111A;
}
/* アスカクラウド - 有料 - coordination */
.cloud-coordination {
	background: #EBE9F0;
	margin-top: 80px;
}
.cloud-coordination .cloud-coordination-title {
	background-color: #8c80a8;
	color: #fff;
	font-size: 18px;
	padding: 16px 50px;
	margin-bottom: 0 !important;
	text-align: center;
}
.cloud-coordination .cloud-coordination-flexbox {
	padding: 32px 50px;
	display: flex;
	justify-content: space-between;
}
.cloud-coordination .cloud-coordination-txbox {
	width: 35%;
}
.cloud-coordination .cloud-coordination-tx1 {
	font-size: 20px;
	color: #8c80a8;
}
.cloud-coordination .cloud-coordination-flexbox img {
	width: 60%;
	object-fit: contain;
}
.cloud-coordination .cloud-coordination-flexbox:last-child {
	padding-top: 0;
}
.cloud-coordination .cloud-coordination-flexbox li {
	color: #8c80a8;
	background-color: #fff;
	padding: 8px;
	width: 30%;
	font-size: 20px;
	margin-bottom: 0;
	text-align: center;
}
/* ↑ end アスカクラウド */


#service-qrkaisou .service-content-bg{
	display: flex;
	align-items: flex-start;
	padding: 50px 50px;
	margin: 50px auto 80px;
	background-image: url("../img/service-back.png");
}
#service-qrkaisou .service-content-bg h3{
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0 10px;
	color: #077e80;
}
#service-qrkaisou .service-content-bg p{
	margin-right: 30px;
}

#service-content-tsunagoo h2{
	margin-top: 30px;
}
#service-content-tsunagoo .service-content-tsunagoo-wrap{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#service-content-tsunagoo .service-content-tsunagoo-wrap h3{
	font-size: 24px;
	font-weight: bold;
	color: #077e80;
	margin: 50px 0 20px;
}
#service-content-tsunagoo .service-content-tsunagoo-wrap p{
	margin-right: 20px;
}

#service-content-JMRO{
	margin: 50px 0;
}
.service-content-JMRO{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.service-content-JMRO img{
	width: 100px;
	margin-right: 14px;
}
.service-content-JMRO-text p{
	font-size: 24px;
	margin-bottom: 0;
}
.service-content-JMRO-text p span{
	color: #077e80;
}
.service-content-JMRO-text .text-notes{
	font-size: 14px;
	margin-top: 10px;
}

#service-tsunagoo-bookkeeping .tsunagoo-new{
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin-bottom: 40px;
}
#service-tsunagoo-bookkeeping .tsunagoo-new div{
	display: inline-block;
	float: left;
	color: #fff;
  background-color: #F38F33;
  padding: 15px 10px;
	margin-right: 10px;
  border-radius: 35px;
}
#service-tsunagoo-bookkeeping .tsunagoo-new h2{
	margin-bottom: 5px;
}
#service-tsunagoo-bookkeeping .tsunagoo-new span{
	font-size: 18px;
	border: solid 1px #000;
	padding: 5px 20px;
}
#service-tsunagoo-bookkeeping .tsunagoo-img04{
	margin-bottom: 30px;
}
#service-tsunagoo-bookkeeping .tsunagoo-img05{
	margin-top: 30px;
	margin-bottom: 40px;
}
#service-tsunagoo-bookkeeping .tsunagoo-point{
	margin-top: 10px;
	margin-bottom: 70px;
}
#service-tsunagoo-bookkeeping .tsunagoo-point h3{
    font-size: 24px;
    font-weight: normal;
    line-height: 1.6;
    color: #077e80;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: solid 2px #077e80;
}


/*page-omokage*/
#service-content-omokage .service-content-omokage-wrap{
	display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#service-content-omokage h2{
    margin-top: 30px;
}
#service-content-omokage .service-content-omokage-wrap h3{
    font-size: 24px;
    font-weight: bold;
    color: #077e80;
    margin: 50px 0 20px;
}
#service-content-omokage .service-content-omokage-wrap p {
    margin-right: 20px;
}
#service-content-omokage .service-content-omokage-wrap img{
	margin-top: 50px;
}


/*page-book*/
#service-content-template{
	margin-bottom: 80px;
}
#service-content-template .wrap{
	margin-top: -70px;
	padding-top: 70px;
}
#service-content-template .service-content-template-title{
	padding: 70px 0;
	margin: 0 0 60px;
	margin-top: 80px;
	background-image: url("../img/service-back.png");
}
#service-content-template .service-content-template-title h3{
	font-size: 32px;
	margin-bottom: 20px;
}
#service-content-template .service-content-template-title p{
	font-size: 18px;
	margin-bottom: 0;
}
#service-content-template .service-content-position{
	position: relative;
}
#service-content-template .service-content-position img{
	max-width: 70%;
}
#service-content-template .position-book01{
	position: absolute;
    top: -40px;
    right: 0;
}
#service-content-template .position-book02{
	position: absolute;
    top: 0;
    right: 0;
}
#service-content-template .position-book03{
	position: absolute;
    top: -20px;
    right: 0;
}
#service-content-template .position-book04{
	position: absolute;
    top: -40px;
    right: 0;
}
#service-content-template .position-book02-mg{
	padding-left: 20px;
}
#service-content-template .position-book04-mg{
	margin-top: 20px;
}
#service-content-template .service-content-template-flex{
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#service-content-template .service-content-template-text h4{
	font-size: 24px;
	font-weight: normal;
    line-height: 1.6;
	color: #077e80;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 2px #077e80;
}
#service-content-template .service-content-template-text p{
	margin-bottom: 50px;
}


/*service　sシステム*/
.service-content-system-btn a{
    color: #000;
    border: solid 1px #000;
    border-radius: 35px;
    padding: 15px 40px;
}
.service-content-system-btn a:hover{
    color: #077e80;
    border: solid 1px #077e80;
}

/*service 遺影バンク・ラボ*/
#service-content-ieibanklab .service-content-bg{
	padding: 60px 20px 10px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 60px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap h3{
	font-size: 22px;
	color: #077e80;
    line-height: 1.6;
	margin-bottom: 20px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap p{
	margin-bottom: 0;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap h3,
#service-content-ieibanklab .service-content-ieibanklab-wrap p,
#service-content-ieibanklab .service-content-ieibanklab-wrap img{
	padding: 0 15px;
}

/*service サイネージ*/
#service-content-template .position-signage01{
	position: absolute;
    top: -40px;
    right: 0;
}
#service-content-template .service-signage-img04{
	display: block;
	margin: 0 auto 50px;
}
#service-content-template .service-signage-img05{
	margin-top: -30px;
	margin-right: 20px;
}
#service-content-template .service-signage-voice .service-content-bg{
	padding: 60px 50px;
	margin: 30px auto;
}
#service-content-template .service-signage-voice h3{
	font-size: 24px;
	font-weight: bold;
	color: #077e80;
	margin-bottom: 20px;
}
#service-content-template .service-signage-voice p{
	margin-bottom: 30px;
}

/*service 遺影写真*/
.service-portrait02{
	margin-bottom: 30px;
}
#service-content-template .service-portrait03,
#service-content-template .service-portrait04,
#service-content-template .service-portrait05{
	margin-bottom: 50px;
}
#service-content-template .service-portrait06{
	margin-left: 20px;
}
#service-content-template .service-portrait07{
	display: block;
	margin: 0 auto;
}

/*service メモリアルサービス*/
#service-content-template .position-memorial{
	position: absolute;
	top: -40px;
	right: 0;
}
#service-content-template .service-content-template-title-memorial{
	margin-bottom: 30px;
}
#service-content-template p.memorial06{
	margin-bottom: 150px;
}

/*service フレーム*/
#service-content-template .position-frame{
	position: absolute;
	top: -40px;
	right: 0;
}
#service-content-template .service-frame10{
	margin-left: 20px;
}
#service-content-template .service-frame18,
#service-content-template .service-frame19,
#service-content-template .service-frame20{
	margin-left: 20px;
}
#service-content-template #frame02 .service-content-template-title{
	margin-bottom: 130px;
}
#service-content-template .frame-ribon-h3{
	margin-bottom: 20px;
}
#service-content-template .frame-mainiei h5{
    font-weight: bold;
    margin: 20px 0 20px;
}
#service-content-template .frame-mainiei p{
	line-height: 1.2;
	margin-bottom: 10px;
}
#service-content-template .frame-mainiei p span{
	display: block;
	font-weight: bold;
	color: #077e80;
}

/*service パネル*/
#service-content-template .service-content-template-title-eframe{
	margin: 70px 0 40px;
}
#service-content-template .flex-eframe{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#service-content-template .service-eframe-stand h5{
	font-size: 16px;
	font-weight: bold;
}
#service-content-template .service-eframe-stand p{
	font-size: 14px;
}
#service-content-template .service-eframe05{
	display: block;
	margin: 0 auto 50px;
}
#service-content-template .service-eframe15{
	margin-left: 40px;
    margin-bottom: 40px;
}

/*service ビデオ*/
#service-content-template .service-video06{
	margin-left: 30px;
}
#service-content-template .flex-video{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#service-content-template .video-table{
	margin-top: -20px;
}
#service-content-template .video-table .table-title{
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #808080;
	padding: 10px 0;
}
#service-content-template .video-table-attention{
	font-size: 14px;
	text-align: right;
	margin: 10px 0 0;
}
#service-content-template .video-table .video-table-wrap{
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	border: solid 1px #808080;;
}
#service-content-template .video-table .video-table-wrap p{
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
	margin: 0;
}
#service-content-template .video-table .video-table-wrap p:not(:first-child){
	border-left: solid 1px #808080;
}
#service-content-template .video-sample .service-content-template-flex{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
}
#service-content-template .video-sample{
	margin-bottom: 40px;
}
#service-content-template .video-sample h5{
	margin: 20px 0;
}
#service-content-template .video-sample p{
	font-size: 14px;
	margin-bottom: 10px;
}
#service-content-template .video-sample video{
	max-width: 60%;
}
#service-content-template  .video-bigtext{
	font-size: 42px;
}
#service-content-template .video-sample .service-content-template-flex{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 30px;
}
#service-content-template .video-sample .service-content-template-flex div{
	margin-left: 30px;
}

/*mds-inquiry contact*/
#top-main-slide .contact-heading{
	text-align: center;
	margin: 60px 0;
}
#top-main-slide .contact-heading h1{
	padding-top: 30px;
	margin-bottom: 40px;
}
#top-main-slide .contact-heading .contact-heading-note{
	font-size: 22px;
	font-weight: bold;
}
.contact-heading-note-red {
	color: #ED1C24;
}
.contact-heading p a{
	color: #1e90ff;
	border-bottom: solid 1px #1e90ff;
}
#top-main-slide {
	color: #000;
	/*border-bottom: solid 1px #000;*/
}
#contact-page{
	background-color: #F2F2F2;
	padding:60px 0;
  margin-bottom: 30px;
}
#contact-page .contact-page-note{
	text-align: center;
	margin-bottom: 70px;
}
#contact-page .contact-page-note-text{
	font-size: 18px;
}
#contact-page .contact-page-note-red{
	color: #ED1C24;
	font-weight: bold;
	margin: 10px 0 30px;
}
#contact-page .wrap800{
	border-top: solid 2px #000;
	padding-top: 30px;
}
#contact-page table{
	width: 100%;
}
#contact-page table th{
	font-weight: normal;
}
#contact-page table td{
	padding: 10px 0;
}
#contact-page table td p{
	font-size: 14px;
	color: #808080;
	margin: 5px 0 0;
}
#contact-page table select{
	width: 100%;
	height: 40px;
}
#contact-page table .input-l{
	height: 40px;
	width: 100%;
    padding: 0 5px;
}
#contact-page table .input-s{
	height: 40px;
	width: 50%;
    padding: 0 5px;
}
#contact-page table .label-mr{
    padding-right: 20px;
}
#contact-page table input[type=radio]{
	margin-right: 10px;
}
#contact-page table textarea{
	width: 100%;
}
#contact-page table .error,
#contact-page-bottom .error{
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #ED1C24;
}
.contact-page-required {
	color: #ED1C24;
}
#contact-page-bottom{
	padding: 60px 0 70px;
}
#contact-page-bottom .privacy_check a{
	color: #077E8E;
	border-bottom: solid 1px #077E8E;
}
#contact-page-bottom .input-a{
	margin: 30px 0 10px;
}
#contact-page-bottom .input-a input{
	margin-right: 10px;
}
#contact-page-bottom .btn_b{
	color: #fff;
    background-color: #077E8E;
    padding: 20px 100px;
	margin-top: 40px;
    border: solid 1px #077E8E;
    border-radius: 30px;
}
#contact-page-bottom .btn_b:hover{
	cursor: pointer;
	color: #077E8E;
	background-color: #fff;
	border: solid 1px #077E8E;
	
}

#mpf_View_confirm,
#mpf_View_complete{
	margin-top: 180px;
}
.inquiry h2,
.inquiry-thanks h2{
	text-align: center;
	color: #077E8E;
	margin: 40px 0;
}
.inquiry table{
    max-width: 800px;
    width: 100%;
	border-top: solid 1px #dee2e6;
    margin: 40px auto 0;
    text-align: center;
}
.inquiry table th,
.inquiry table td{
	text-align: left;
	border-bottom: solid 1px #dee2e6;
	padding: 10px 20px;
}
.inquiry table th{
	background-color: #f8f9fa;
}
.inquiry .send{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}
.inquiry .btn_b{
    padding: 10px 30px;
    margin: 0 5px;
    border-radius: 30px;
}
.inquiry .btn_b:hover{
	background-color: #fff;
	color: #077E8E;
}
.inquiry .btn_b_send{
    background-color: #077E8E;
    color: #fff;
    border: solid 1px #077E8E;
	padding: 10px 50px;
}


.inquiry-thanks{
	padding: 0 20px;
}
.inquiry-thanks p{
	text-align: center;
}
.inquiry-thanks .btn_b{
	display: block;
	width: 300px;
	max-width: 70%;
    color: #000;
    border: solid 1px #000;
    text-align: center;
    padding: 20px 20px;
    margin: 50px auto 70px;
    border-radius: 40px;
}
.inquiry-thanks .btn_b:hover{
    color: #077e80;
    border: solid 1px #077e80;
}

/*error*/
.error-page{
	text-align: center;
	padding: 40px 20px 0;
}
.error-page h1{
	margin-bottom: 30px;
}
.error-page .error-btn{
	display: block;
	width: 300px;
	max-width: 70%;
    color: #000;
    border: solid 1px #000;
    text-align: center;
    padding: 20px 20px;
    margin: 50px auto 70px;
    border-radius: 40px;
}
.error-page .error-btn:hover{
    color: #077e80;
    border: solid 1px #077e80;
}

/*pagetop*/
#return-top {
    background-color: #cccfd2;
    border-radius: 50%;
    bottom: 10px;
    color: #fff;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    outline: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 50px;
}
#return-top:hover{
	background-color: #047E80;
}

.foot_sns {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 30px 0 0 0;
}
.foot_sns ul {
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0;
}
.foot_sns li:first-child {
	margin-right: 40px;
}

.footer-menu{
	color: #fff;
	padding: 40px 0 24px;
	margin-top: 30px;
	background: url(../img/foot03.png) no-repeat bottom center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.footer-menu ul{
	display: flex;
	justify-content: center;
	padding: 0;
}
.footer-menu li{
	list-style: none;
	padding: 0 30px;
	border-right: solid 1px #fff;
}
.footer-menu li:first-child{
	border-left: solid 1px #fff;
}
.footer-menu li a{
	color: #fff;
}
.footer-menu li a:hover{
	color: rgba(255,255,255,0.8);
}
.footer-menu .footer-copy .warning{
	font-size: 13px;
	margin-bottom: 8px;
	padding: 0 20px;
}
.footer-menu .wrap{
	position: relative;
}
.footer-menu .footer-isms{
	margin: 50px 0;
}
.footer-lead {
	font-size: 13px;
	margin-bottom: 50px;
	padding: 0 110px;
	text-align: left;
}


/*slide-icon*/
.carousel-control-next, .carousel-control-prev{
	width: 5%;
}

/*whitepaper*/
.wp-download-catalog {
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}
.wp-download-catalog img {
	margin-right: 60px;
	object-fit: contain;
}
.wp-download-catalog-text p {
	text-align: left;
}
.wp-download-tab {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 50px;
	padding-left: 0;
}
.wp-download-tab li {
	width: 50%;
	position: relative;
}
.wp-download-tab li:first-child {
	border-right: 1px solid #ccc;
}
.wp-download-tab li a {
	display: block;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 15px 0;
	color: #212529;
}
/*liにactiveクラスがついた時の形状*/
.wp-download-tab li.active::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #077e80;
}
.wp-download-tab li.active a {
	background:#e6f2f2;
}
.wp-download-tab li a .arrow-bottom {
	position: absolute;
	top: 40%;
	right: 5%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  transform: rotate(45deg);
}
.wp-download-tag {
	text-align: left;
	margin-bottom: 0.5em;
}
.wp-download-tag p {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #077e80;
	padding: 5px 20px 3px;
	margin: 0 !important;
}