@charset "UTF-8";

/* g-navに必要なCSS */
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{line-height:1.5;font-family:sans-serif;text-transform:none;}
a{text-decoration:none;color:#ffffff}
#header{background:#1E262D;width:100%;height:100px;position:fixed;z-index:300;}
#header:after{content:"";clear:both;display:block}
.search{float:right;padding:30px}
input{border:none;padding:10px;border-radius:20px}
.logo{float:left;padding:30px 0 30px;}
.logo h1{border-bottom: 2px solid #ff0000;font-size:22px;}
.logo h1 span{font-size:14px;}
.logo a{font-size:21px; font-weight:bold; display:block;padding:0 0 0 20px}
nav{float:right;}
nav>ul{float:left;position:relative}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{float:left;padding:35px}
nav li a:hover{background:#2C3E50;border-bottom: 3px solid #F0E475;}
nav li ul{display:none}
nav li:hover ul{display:inline;}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:0px 0;border-bottom:3px solid #34495e;z-index: 200;}
nav .dropdown li{white-space:nowrap;}
nav .dropdown ul:hover{ margin-top:0px;border-top: 3px solid #F0E475;}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px;}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e;z-index: 200;}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px;}
nav li li a:hover{/*background:#bdc3c7;*/background:#FAFBFB;border-bottom:0px;}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:20px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 961px) {
  nav{display:block!important}
}
@media only screen and (max-width: 960px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:800px;
  overflow: auto;
  /*overflow-y:scroll*/}
  nav li a:hover{background:#2C3E50;border-bottom: 0px;}
  nav .dropdown ul:hover{ margin-top:0px;border-top: 0px;}
  #menu-icon{display:inline;top:45px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding:10px;background-color:#000}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#fff;padding:8px}
  #header nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
}
/* g-navに必要なCSSの終了 */

html {
  /*font-size: 62.5%;*/
  overflow: auto;
}

body {
  /*font-size: 1.4em;*/
  line-height: 1.6;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
}
.contentWrap {
  overflow: hidden;
  margin-top: 100px;
}
.contentInner {
  max-width: 1100px;
  margin: auto;
  padding: 5em 20px;
}
@media screen and (max-width: 1170px) {
  .contentInner {
     padding: 5em 50px;
  }
}
@media screen and (max-width: 414px) {
  .contentInner {
     padding: 3em 20px;
  }
}
.contentInner + .contentInner {
  padding-top: 0;
}

.text-c{
text-align: center;
}
.text-l{
text-align: left;
}


/* about */
.aboutInner {
  max-width: 1100px;
  margin: auto;
  padding: 5em 20px;
}
@media screen and (max-width: 1170px) {
.aboutInner {
     padding: 5em 50px 0em 50px;
  }
}
@media screen and (max-width: 767px) {
.aboutInner {
     padding: 5em 50px;
  }
}
@media screen and (max-width: 414px) {
.aboutInner {
     padding: 3em 20px;
  }
}
.aboutInner + .aboutInner {
  padding-top: 0;
}
#about-wrap {
    margin: 2em auto;
    max-width: 100%;
    width: 100%;
}
#about-wrap div.t-box{
	position:relative;
}
#about figure.right {
    text-align:right;
}
@media screen and (max-width: 1170px) {
#about figure.right {
    text-align:center;
}
}
#about img {
    width: 80%;
	max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1170px) {
#about img  {
    width: 95%;
}
}
/*figure #about img {
    width: 50%;
	max-width: 100%;
	margin: 0 0 50px 50px;
    height: auto;
	float: right;
}*/
#about-wrap div.about {
	position: absolute;
	width: 590px;
	top: 1.6em;
	border: 0px solid #333;
	padding: 3.0em;
	background-color:#ffffff;
	font-family:sans-serif;
	/*filter: drop-shadow(-10px 10px 10px rgba(0,0,0,0.3));*/
	box-shadow:-10px 10px 10px rgba(0,0,0,0.2);
	z-index: 100;
	display:inline;
}
@media screen and (max-width: 1170px) {
	#about-wrap div.about {
	position: relative;
	width: 610px;
	top: -6em;
  	display: block;
    margin: auto  !important;
	box-shadow:0px 10px 10px rgba(0,0,0,0.2);
	}
}
@media screen and (max-width: 767px) {
  #about-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: auto  !important;
  margin-bottom: 30px  !important;
  /*float: none;*/
  }
  #about-wrap div.about {
position: inherit; width: inherit; top: inherit; border: inherit; padding: inherit; background-color: #ffffff; box-shadow: none;
}
}
span.ceo {
	text-align:right;
	display:block;
	margin-top:1em;
}
#about p {margin-bottom: 20px;}
#about p:last-child {margin-bottom: 0px;}


/* service */
#service div.example1 {
	background:url(../img/img_service_bg.png)  no-repeat center;
	/*background-attachment: fixed;*/
	background-size: cover;
  /*background-color: #eb302b;*/
  /*clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);
  -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);*/
  /*padding-bottom: 5em;*/
}/*※CS追加*/
#service-wrap {
    margin:2em auto;
	width: 100%;
    text-align: center;
    max-width: 100%;
}
p.service-text {
  color: #FFFFFF;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
#service-wrap .new_sp{
  display: block;
}
.service-wrap .new_pc{
  display: none;
}
#cardlayout-wrap img {
  display: none;

}
#cardlayout-wrap .card-title {
  display: none;
}
#cardlayout-wrap .card-text-tax {
  display: none;
}
#service .news_slider{
    width: 88%;
    position: relative;
    padding: 0 0%;
  	display: block;
	margin: 0 auto;;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0;
    z-index: 1;
	max-width: 1100px;
}
.swiper-button-next-news, .swiper-button-prev-news {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-next-news{
    right: 2%;
    left: auto;
    background:none;
}
.swiper-button-prev-news{
    /*left: 0%;*/
	left: -1.1em;
    right: auto;
    background:none;
}
#service .news_box{
  width:80%;
  height:auto;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background:#fff;
  z-index:1;
}
#service .news_box .detail {
  width: 100%;
  height: auto;
  padding: 15px 20px 25px 20px;
}

#service .news_box:before{
  position: absolute;
  bottom:-2px;
  left: 0;
  content: "";
  display: inline-flex;
  width: 0;
  height: 3px;
  background: #c0a698;
  transition: 0.35s;
  z-index:2;
}
#service .news_box:hover,
#service .news_box:active{
  animation: gradation 1.0s;
  }
  @keyframes gradation {
  0% { filter:brightness(1.0);}
  50% { filter:brightness(1.04);}
  100% { filter:brightness(1.0);}
  }
  
#service .news_box .thum img{
  width:100%;
  max-width: 100%;
  height:100%;
  object-fit: cover;
}
#service .news_box .thum img.ofi {
object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}
#service .news_box .detail .title{
  width:100%;
  margin-bottom: 10px;
}
#service .news_box .detail .title h3{
  color:#333;
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

#service .news_box .detail .detail_main{
  color:#818181;
  width:100%;
  margin: 0;
  text-align: left;
  background:#fff;
}
	@media all and (min-width: 768px) {
	#service-wrap .new_sp{
        display: none;
        }
	#service-wrap .new_pc{
    	display: block;
        }
	#service .news_box{
  		display: none;
		}
	#service .news_box:before{
  		display: none;
	}
	#service .news_slider {
        display: none;
    }
	/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
	/* cardlayout */
	#cardlayout-wrap {
		display: -webkit-box;
    	display: -ms-flexbox;
	    display: flex;
		-ms-flex-pack: justify;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}

	/* リンクテキストの下線を非表示 */
	a.card-link {
    	text-decoration: none;
	}

	/* カードレイアウト内の画像を幅いっぱいに表示 */
	#cardlayout-wrap img {
    	display: block;
    	max-width: 100%;
    	height: auto;
	}

	.card-figure {
    	margin: 0;
    	padding: 0;
	}

	/* カードレイアウトのタイトル部分 */
	#cardlayout-wrap .card-title {
		display: block;
    	margin: 0.5em 0 0 0;
    	color: #333;
    	text-align: center;
    	font-size: 25px;
	}

	/* カードレイアウトの説明文部分 */
	#cardlayout-wrap .card-text-tax {
		display: block;
    	margin: 0;
    	padding: 0em 1em 1em 1em;
    	color: #818181;
		text-align: left;
	}

	/* カードレイアウトを1カラムで配置 */
	.card-list {
    	margin: 0.8em auto 0.8em;
    	padding: 1em;
    	width: 96%;
    	background: #fff;
    	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
	}

    	.card-list {
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    	}
	}

	/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
	@media all and (min-width: 992px) {
    	.card-list {
       	width: calc(96% / 3);  96%幅を3で割るという指定
	}

	/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    	#cardlayout-wrap::after{
        	content: "";
        	display: block;
        	width: calc(96% / 3);
    	}
	}

	/* 画面幅992px以上の場合カードレイアウトを3カラムで配置
	@media all and (min-width: 992px) {
    	.card-list {
       	width: calc(96% / 3);  96%幅を3で割るという指定
	} */
    
	/* 最後の行が3列より少ない場合左寄せにレイアウトさせる
    	#cardlayout-wrap::after{
        	content: "";
        	display: block;
        	width: calc(96% / 3);
    	}
	} */

/* news */
#news {
    background-color: #e8e8e8;
  /*clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);
    -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);*/
    /*padding-bottom: 5em;*/
}/*※CS追加*/
#news-wrap {
    margin: 2em auto;
	padding: 30px;
    max-width: 100%;
    width: 100%;
	background-color: #ffffff;
}
#news-wrap li {
    margin-bottom: 10px;
}
#news-wrap li:last-child {margin-bottom: 0px;}
#news-wrap a {
    text-align: left;
    /*font-size: 16px;*/
    font-weight: bold;
    line-height: 20px;
    margin-right: 1px;
    margin-left: 1px;
    padding-top: 16px;
    padding-bottom: 16px;
	text-decoration:none;color:#333333;
}
#news-wrap span {
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: normal;
    display: block;
}
#news-wrap .arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #333;
    vertical-align: middle;
    text-decoration: none;
    /*font-size: 15px;*/
}
#news-wrap a.arrow::before, a.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#news-wrap a.sample5-1::before {
	content: "";
    left: 0px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #2ba4f8;
    border-right: 1px solid #2ba4f8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*#news-wrap img {
    width: 50%;
	max-width: 100%;
	margin: 0 0 50px 50px;
    height: auto;
	float: right;
}
@media screen and (max-width: 767px) {
	#news-wrap img {
		display: block;
  		width: 60%;
  		max-width: 100%;
  		margin: auto  !important;
  		margin-bottom: 30px  !important;
  		float: none;
	}
}*/
#news p {margin-bottom: 20px;}
#news p:last-child {margin-bottom: 0px;}

/* contact */
#contact div.example1 {
	background:url(../img/img_contact_bg.png)  no-repeat center;
	/*background-attachment: fixed;*/
	background-size: cover;
}
#contact h2.contactTtl {
	font-size: 60px;
	text-align: center;
	color: #ffffff;
}
#contact h2.contactTtl span {
	font-size: 14px;
	display: block;
	line-height: 0;
}
@media screen and (max-width: 560px) {
#contact h2.contactTtl {
	font-size: 42px;
}
#contact h2.contactTtl span {
	font-size: 11px;
	line-height: 11px;
}
}
#contact-wrap {
	color: #ffffff;
    margin: 2em auto;
    max-width: 100%;
    width: 100%;
	text-align: center !important;
}
/*#contact-wrap p{
	font-size: .9em;
}*/
a.arrow_btn, a.arrow_btn-lineup {
	display: inline-block;
	position: relative;
	width: 260px;
	padding: 1em;
	margin-top: 1.2em;
	text-align: center;
	text-decoration: none;
	/*color: #ffffff;*/
	/*background: #fff;*/
	/*border-radius: 30px;*/
	/*border:1px solid #ffffff;*/
	transition: transform ease .3s;
	line-height: 0;
}
@media screen and (max-width: 320px){
a.arrow_btn, a.arrow_btn-lineup {
	width: 200px;
}
}
a.arrow_btn-lineup {
	color: #333333;
}
a.arrow_btn:hover, a.arrow_btn-lineup{
	 cursor: pointer;
	 text-decoration: none;
}
a.arrow_btn span, a.arrow_btn-lineup span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
a.arrow_btn:hover span, a.arrow_btn-lineup:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}
a.boder-white {
	border:1px solid #ffffff;
}
a.boder-black {
	border:1px solid #333333;
}

/*page-top*/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
.move-page-top {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.move-page-top {
    display: block;
    background: #000;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.move-page-top
{
	/* 〜省略〜 */
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

/* 〜追加分〜 */
.page-top
{
	display: none;
}

/* footer */
.main_wrapper { display: table; table-layout: fixed; width:100%; max-width: 1100px; padding: 5em 20px; margin: auto;}
@media screen and (max-width: 414px) {
.main_wrapper { padding: 4em 20px; }
}
.main_wrapper > .container_one { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: top; }
.main_wrapper > .container_one:first-child { padding-left: 0; }
.main_wrapper > .container_one:last-child { padding-right: 0; }
#footer {
    background-color: #eb302b;
}
.footer_content { width: 100%; }
.footer_content p{color: #ffffff; font-size:22px; font-weight:bold; line-height:1.2em; }
.footer_content p span{display:block; font-weight: normal;}
.footer_content p span.tel_1::before {
    color: #ffffff;
    content: "\f3cd";
    font-family: "Font Awesome 5 Free";
    margin-right: 4px;
}
p span.tel_2::before {
    color: #ffffff;
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    margin-right: 4px;
}

.footer_content p span.address{ font-size:11px; }
.footer_content p span.tel_1,.footer_content p span.tel_2{ font-size:20px;letter-spacing: .04em; font-weight:bold; display: inline; }
.footer_content p span.tel_1 {
margin-right: 10px;
}
@media (max-width: 375px){
.footer_content p span.tel_2{ display: block; margin-bottom:1em; font-size:15px;}
.footer_content p span.tel_1 {
margin-right: 0;
}
}
.footer_content ul { text-align:right; }
.footer_content ul li {
	display: inline;
	float:left;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffffff;
	padding-top: 1x;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 15px;}
/*.footer_content ul li:last-child { display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; }*/
.footer_content ul li:last-child {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
}
.footer_content ul li a {
	font-size:11px;
	color: #ffffff;
    text-decoration: none;
}

/*-- 画面幅が小さい時は縦積み --*/
@media (max-width: 1170px){
	.main_wrapper { display: block; }
	.main_wrapper > .container_one { display: block; width: 100%; padding: 0; margin-bottom: 1.5em; }
	.footer_content p{ text-align:center; }
	.footer_content ul { text-align: center; }
	.footer_content ul li, .footer_content ul li:last-child {
		float: none;
		display: inline-block;
		margin-bottom:0.5em; }
}

/*-- 個別に調整 --*/
.left_container { width: 200px; }
.right_container { width: 500px; }
@media (max-width: 767px){
.right_container {
	border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ffffff;
}
.footer_content ul { margin-top: 1.5em;}
}


/* address */
address {
    background-color: #1e262d;
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
address p{
    font-size: 10px;
    font-style: normal;
    line-height: 20px;
}

@media screen and (max-width: 767px) {
	address {
	    font-size: 9px;
	}
}

/* pankuzu_list */
#pankuzu {
    /*background-color: #ffe5e6;*/
    background-color: #eb302b;
	/*border-bottom: 1px solid #ff0000;*/
}
#pankuzu ul.pankuzu-list {
	margin: 0 auto;
    max-width: 90%;
    width: 1100px;
    color: #FFFFFF;
    padding: 0.8em 0.8em 0.8em 0.8em;
	list-style: none;
}
#pankuzu ul li {
    display: inline-block;
    letter-spacing: normal;
	font-size: 12px;
}
#pankuzu ul li::after {
    content: "＞";
    display: inline-block;
    padding: 0 1rem;
    font-size: 10px;
}
#pankuzu ul li:last-child::after {
    content: none;
}
#pankuzu ul li a{
	font-size: 12px;
}
#pankuzu ul li a:hover {
	color:#F0E475;
}


/* コンテンツの見出しの種類 */
.f-white { color: #FFFFFF;}

div.t-h2 {
	width: 100%;
	height: calc(50vh - 100px);
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 812px) {
div.t-h2 {
	height: auto;
}
}
div.t-h2 h2{
	color: #fff;
	font-size: 48px;
	padding: 1.5em;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
}
div.t-h2 h2 span{
	font-size: 14px;
	font-weight: normal;
	display:block;
	padding: 0 45px;
	/*position: relative;*/
}
div.t-h2 h2 span:before, div.t-h2 h2 span:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 1px;
	background-color: #FFFFFF;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	margin-bottom: 4px;
	/*position: absolute;*/
}
@media screen and (max-width: 480px) {
  div.t-h2 h2{
	font-size: 30px;
	padding: 1.5em;
}
div.t-h2 h2 span{
	font-size: 12px;
	padding: 0 15px;
}
}

h3 {letter-spacing: .04em;}
h3.Ttl-fs25 {
	font-size: 25px;
	text-align: center;
	position: relative;
}
.Ttl-fs25::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 40px;
    margin: auto ;
    border-bottom: 3px solid #ff0000;
}
@media screen and (max-width: 560px) {
h3.Ttl-fs25 {
	font-size: 20px;
}
}

h4 {letter-spacing: .04em;}
h4.Ttl-fs21{
	font-size: 21px;
	background: linear-gradient(transparent 95%, #F99 95%);
	text-align: left;
	margin-bottom: 20px;
}
@media screen and (max-width: 560px) {
h4.Ttl-fs21 {
	font-size: 18px;
}
}

h4.Ttl-privacy {
	font-size: 21px;
	text-align: center;
	margin-bottom: 10px;	
}
@media screen and (max-width: 560px) {
h4.Ttl-privacy {
	font-size: 18px;
}
}

h5 {letter-spacing: .04em;}
h5.Ttl-fs18{
	font-size: 18px;
	margin-bottom: 6px;
}
@media screen and (max-width: 560px) {
h5.Ttl-fs18 {
	font-size: 16px;
}
}

.content_common-wrap {
    margin: 3em auto;
    max-width: 100%;
    width: 100%;
	text-align: left;
}


/* contact.html */
#mail-form div.t-h2 {
	background:url(../img/img_contact_bg.png);
	background-position:center center;
	background-size: cover;
}
/*@media screen and (max-width: 767px) {
#mail-form div.example1 h2{
	font-size: 36px;
}
#mail-form div.example1 h2 span{
	font-size: 14px;
}
}*/

/* company.html */
#company-prof div.t-h2 {
	background:url(../img/img_company_bg.jpg);
	background-position:center center;
	background-size: cover;
}


/* デフォルト */
@media screen and (max-width: 767px) {
  body {
    line-height: 1.5;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

br.pc {
  display: inline-block;
}
@media screen and (max-width: 560px) {
  br.pc {
    display: none !important;
  }
}

br.sp {
  display: none;
}
@media screen and (max-width: 560px) {
  br.sp {
    display: inline-block !important;
  }
}

br.s_sp {
  display: none;
}
@media screen and (max-width: 360px) {
  br.s_sp {
    display: inline-block !important;
  }
}

@media screen and (max-width: 560px) {
  .titleWrap h2.title {
    padding: 0 15px;
  }
}