@charset "utf-8";

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

メインタイトル

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





.main-title {
    
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    margin-bottom: 40px;
}

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

.slider-title01 {
    background:url(../../../../img/zan/back-sp.jpg);
}


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

.slider-title02 {
    background:url(../../../../img/shizai/back-sp.jpg);
}


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

.slider-title03 {
    background:url(../../../../img/ken/back-sp.jpg);
}


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

.slider-title04 {
    background:url(../../../../img/gaiyo/back-sp.jpg);
}


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

.slider-title05 {
    background:url(../../../../img/job/back-sp.jpg);
}


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

.slider-title06 {
    background:url(../../../../img/con/back-sp.jpg);
}


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

.slider-title {
    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:30px;
    padding:0 15px;
}

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

.title-txt02{
    width:80%;
color:#fff;
    font-size:25px;
    padding:80px 15px 0;
    background-image: url("../../../../img/title-back02.png");
    background-position:center;
    background-size:200px;
    height:200px;
    text-align: center;
    
    
}

@media screen and (min-width: 992px),
print {
   .title-txt02{
color:#fff;
    font-size:60px;
       padding:190px 15px 0;
       background-size:500px;
    height:500px;
} 
}

.title-txt03{
    width:80%;
color:#fff;
    font-size:25px;
    padding:130px 15px 0;
    background-image: url("../../../../img/title-back02.png");
    background-position:center;
    background-size:300px;
    height:300px;
    text-align: center;
    
    
}

@media screen and (min-width: 992px),
print {
   .title-txt03{
color:#fff;
    font-size:60px;
       padding:350px 15px 0;
       background-size:700px;
    height:800px;
} 
}

.title01{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:130px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title01{
    font-size:48px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:230px;
        padding:30px 0 30px 30px;
}
    }

.title02{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:100px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title02{
    font-size:40px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:180px;
        padding:30px 0 30px 30px;
}
}

.title03{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:100px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title03{
    font-size:40px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:180px;
        padding:30px 0 30px 30px;
}
}

.title04{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:100px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title04{
    font-size:40px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:180px;
        padding:30px 0 30px 30px;
}
}

.title05{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:100px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title05{
    font-size:40px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:180px;
        padding:30px 0 30px 30px;
}
}

.title06{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:30px;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:center;
    background-size:130px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title06{
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:120px;
        padding:30px 0 30px 0px;
}
}

.title07{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:37px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:160px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title07{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:360px;
        padding-bottom: 20px;
        background-size:200px;
        padding:30px 0 30px 0px;
}
}

.title08{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back.png");
    background-position:left;
    background-size:130px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title08{
    font-size:42px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:230px;
        padding:30px 0 30px 30px;
}
    }

.title09{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:37px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back03.png");
    background-position:left;
    background-size:260px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title09{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:360px;
        padding-bottom: 20px;
        background-size:350px;
        padding:30px 0 30px 0px;
}
}

.title10{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:20px;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back04.png");
    background-position:center;
    background-size:300px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title10{
         font-size:34px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:500px;
        padding:30px 0 30px 0px;
}
}

.title11{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back05sp.png");
    background-position:left;
    background-size:130px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title11{
        background-image: url("../../../../img/title-back05.png");
    font-size:48px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:230px;
        padding:30px 0 30px 30px;
}
    }

.title12{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back06sp.png");
    background-position:left;
    background-size:130px;
        padding:15px 0 20px 15px;
}

@media screen and (min-width: 992px),
print {
    .title12{
        background-image: url("../../../../img/title-back06.png");
    font-size:48px;
    margin-bottom: 40px;
        padding-bottom: 20px;
        background-size:260px;
        padding:30px 0 30px 30px;
}
    }

.title13{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:24px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back07.png");
    background-position:center;
    background-size:260px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title13{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:520px;
        padding-bottom: 20px;
        background-size:460px;
        padding:30px 0 30px 0px;
}
}

.title14{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:27px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back08.png");
    background-position:center;
    background-size:180px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title14{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:500px;
        padding-bottom: 20px;
        background-size:260px;
        padding:30px 0 30px 0px;
}
}

.title15{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:24px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back07.png");
    background-position:center;
    background-size:220px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title15{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:500px;
        padding-bottom: 20px;
        background-size:420px;
        padding:30px 0 30px 0px;
}
}

.title16{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-weight: bold;
    font-size:24px;
    text-align: center;
    margin:0 auto 15px;
    width:80%;
    padding-bottom: 10px;
    background-image: url("../../../../img/title-back09.png");
    background-position:center;
    background-size:260px;
        padding:15px 0 20px 0;
}

@media screen and (min-width: 992px),
print {
    .title16{
         font-size:45px;
    text-align: center;
    margin:0 auto 40px;
    width:520px;
        padding-bottom: 20px;
        background-size:460px;
        padding:30px 0 30px 0px;
}
}

.shi-con03-t01{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
    font-size:27px;
    text-align: center;
    font-weight: bold;
    padding:10px 0;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px),
print {
    .shi-con03-t01{
    margin-bottom: 60px;
         padding:30px 0;
}
}

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

.title01::after{
    content: "eee";
    position: absolute;
    top:0;
    left:0;
    width:300px;
    background-image: url("../../../../img/title-back.png");
    background-position: center;
    background-size: contain;
}


 content: url('../../../../img/title-back.png');

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






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

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

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

div { 
  border-top-left-radius: 10px; 
  border-top-right-radius: 20px; 
  border-bottom-right-radius: 30px; 
  border-bottom-left-radius: 40px; 
} 

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

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

メインタイトル

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

grid-template-columns: 1fr 1fr;

grid-column-gap:50px;

grid-column-gap:50px;
    grid-template-columns: 1fr 1fr;


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