@charset "utf-8";



.common-subtitle{
    font-size:19px;
    margin-bottom:35px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding:15px 0;
    text-align: center;
}




@media screen and (min-width: 992px),
print {
    .common-subtitle{
    font-size:25px;
        margin-bottom: 45px;
}

}

.common-subtitle02{
    font-size:19px;
    margin-bottom:35px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding:15px 0;
    text-align: center;
    background:#ED6607;
    color:#fff;
}




@media screen and (min-width: 992px),
print {
    .common-subtitle02{
    font-size:25px;
        margin-bottom: 45px;
}

}

.common-subtitle03{
    font-size:16px;
    margin-bottom:35px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding:10px 0;
    text-align: center;
    background:#000000;
    color:#fff;
}




@media screen and (min-width: 992px),
print {
    .common-subtitle03{
    font-size:19px;
        margin-bottom: 45px;
}

}

/*
+++++++++++++++++++++++++++++++

メインタイトル

+++++++++++++++++++++++++++++++
*/


.main-title {
    
	z-index: 1;
	height: 100vh;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .main-title {
    margin-bottom: 80px;
}
}

.slider-item01 {
    background:url(../../../../img/title_sp.jpg);
}


@media screen and (min-width: 992px),
print {
   .slider-item01 {
    background:url(../../../../img/title.jpg);
}
    }



.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size:cover;
    display: flex;
  justify-content: center;
  align-items: center;
}

.title-txt{
color:#fff;
    font-size:35px;
}

@media screen and (min-width: 992px),
print {
   .title-txt{
color:#fff;
    font-size:60px;
} 
}


/*
+++++++++++++++++++++++++++++++

サブタイトル

+++++++++++++++++++++++++++++++
*/


.subtitle01{
    font-size:27px;
    position: relative;
    margin-bottom:35px;
}

.subtitle01:after {
  content: "";
  position: absolute;
  bottom:-5px;
  left:5px;
  height:1px;
    width:60px;
    background:#D8D8D8;
    
}


@media screen and (min-width: 992px),
print {
    .subtitle01{
    font-size:45px;
        margin-bottom: 45px;
}

.subtitle01:after {
  bottom:-5px;
  left:5px;
  height:1px;
    width:60px;
    background:#D8D8D8;
    
}
}


/*
++++++++++++++++++++++

テーブル

+++++++++++++++++++++++
*/


.table01 {
width:100%;
	table-layout: fixed; 
	border-collapse: collapse;
    margin-bottom:30px;
    
}
.table01 th,
.table01 td {
	padding: 15px 15px 15px 15px;
	border: 1px solid #ccc;
}
.table01 th {
    color:#000;
	background:#FBF7EE;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

/*for SP*/
/*モバイルレイアウトでは縦積みになるように上書き*/
@media screen and (max-width: 767px) {
	.table01 tr,
	.table01 th,
	.table01 td {
		display: block; /*縦積み化*/
		margin-top: -1px; /*罫線を重ねる*/
		text-align: left;
	}
    .table01 th,
	.table01 td {
		padding-left:10px;
	}
    
}

@media screen and (min-width: 768px),
print {
    .table01 th {
		width:40%;
	}
}









/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++

メインタイトル

.xxx img{
    border-radius:15px; 
}

grid-template-columns: 1fr 1fr;

grid-column-gap:50px;

    grid-template-columns: 1fr 1fr;


+++++++++++++++++++++++++++++++
*/