@charset "utf-8";

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

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

/*　背景画像設定　*/

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

.slider-item02 {
    background:url(../../../../img/img_02sp.jpg);
}

.slider-item03 {
    background:url(../../../../img/img_03sp.jpg);
}

.slider-item04 {
    background:url(../../../../img/img_04sp.jpg);
}

.slider-item05 {
    background:url(../../../../img/img_05sp.jpg);
}

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

.slider-item02 {
    background:url(../../../../img/img_02.jpg);
}

.slider-item03 {
    background:url(../../../../img/img_03.jpg);
}

.slider-item04 {
    background:url(../../../../img/img_04.jpg);
}

.slider-item05 {
    background:url(../../../../img/img_05.jpg);
}
}

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





/*========= レイアウトのためのCSS ===============*/
ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #fff;
}

a:hover,
a:active{
	text-decoration: none;
}

スライド、ドット表示
* {
    padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

button {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

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

top-saka

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

.top-saka{
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px),
print {
   .top-saka{
       flex-direction:row;
} 
}

.top-saka-left{
    order:2;
}

@media screen and (min-width: 768px),
print {
  .top-saka-left{
      order:1;
      margin-right:50px;
      width:50%;
}  
}

@media screen and (min-width:992px),
print {
  .top-saka-left{
      margin-right:70px;
}  
}

.top-saka-right{
    background: url("../../../../img/top/logo-ira.png");
    background-repeat: no-repeat;
    background-size: cover;
    order:1;
    padding:0 10px;
}

@media screen and (min-width: 768px),
print {
.top-saka-right{
    order:2;
    padding:40px 50px 80px 0;
      width:40%;
}  
}

.top-saka-t01{
    padding:0 10px;
    font-weight: bold;
    font-size:23px;
    margin-bottom: 10px;
}

@media screen and (min-width:992px),
print {
    .top-saka-t01{
    font-size:40px;
    margin:0 auto 40px;
        max-width: 1000px;
        text-align: center;
}
}

.top-saka-t02{
    text-align: center;
    margin-bottom: 20px;
    line-height: 2;
}

@media screen and (min-width:768px),
print {
    .top-saka-t02{
    margin-bottom:20px;
        line-height: 2.8;
}
}

.top-saka-t03{
    text-align: center;
    padding:0 10px;
    font-weight: bold;
    font-size:23px;
    margin-bottom: 10px;
}

@media screen and (min-width:992px),
print {
    .top-saka-t03{
    font-size:35px;
    margin:0 auto 40px;
}
}

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

top-line

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

#top-line-link01{
    margin-bottom:100px;
}

@media screen and (min-width: 992px),
print {
    #top-line-link01{
    margin-bottom:200px;
}
}

.top-line-back{
    background:url("../../../../img/top/back03sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
    color:#fff;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .top-line-back{
background:url("../../../../img/top/back03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:120px 30px;
        margin-bottom: 120px;
}
}

.top-line{
width:90%;
    margin:auto;
}

@media screen and (min-width: 992px),
print {
    .top-line{

max-width: 600px;
        margin:auto;
}
}

.top-line-t01{
    font-size:21px;
    margin-bottom:10px;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .top-line-t01{
    font-size:28px;
    margin-bottom: 20px;
}
}

.top-line-t02{
    font-size:20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .top-line-t02{
    font-size:28px;
    margin-bottom: 20px;
}
}

.top-line-btn01{
    margin-bottom:20px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .top-line-btn01{
    margin-bottom:70px;
}
}

.top-line-btn02{
    background: #fff;
    border-radius:50px;
    text-align: center;
    color:#000;
    padding:20px 0;
    font-size:18px;
    font-weight: bold;
}


@media screen and (min-width:768px),
print {
    .top-line-btn02{
    margin:auto;
        width:300px;
}
}

@media screen and (min-width:992px),
print {
    .top-line-btn02{
    margin:auto;
        width:400px;
}
}

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

top-con01

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

.top-con01{

}

@media screen and (min-width: 768px),
print {
    .top-con01{
        display: flex;
    justify-content: space-between;
    margin:0 auto;
        max-width:1800px;
}
}

@media screen and (min-width:992px),
print {
    .top-con01{
        display: flex;
    justify-content: space-between;
    margin: auto;
        position: relative;
        height:1000px;
}
}

.top-con01-left{
    width:100%;
    position: relative;
    z-index:2;
}

@media screen and (min-width: 768px),
print {
    .top-con01-left{
        
    width:60%;
}
}

@media screen and (min-width:992px),
print {
    .top-con01-left{
        position:absolute;
        top:0;
        left:0;
        z-index:1; 
    width:60%;
}
}

.top-con01-left-t01{
    padding:0 10px;
    font-weight: bold;
    font-size:23px;
    margin-bottom: 10px;
    text-align: center;
}

@media screen and (min-width:992px),
print {
    .top-con01-left-t01{
    font-size:40px;
    margin:0 auto 40px;
        max-width: 1000px;
        text-align: center;
}
}
.top-con01-left-txt-area{
    margin-bottom: 20px;
    position: absolute;
    top:30px;
    left:0;
    padding:0 10px;
}

@media screen and (min-width:768px),
print {
    .top-con01-left-txt-area{
    margin-bottom:0;
        top:50px;
    left:20px;
        width:89%;
        padding-right:30px;
}
}

@media screen and (min-width:992px),
print {
    .top-con01-left-txt-area{
        padding:100px 50px 0 20px;
}
}

.top-con01-left-t02{
    margin-bottom: 20px;
    line-height: 2;
}

@media screen and (min-width:768px),
print {
    .top-con01-left-t02{
        line-height: 2.8;
}
}

.top-con01-right{
    position: relative;
    z-index:1;
    margin-top:-170px;
    padding-left:10%;
}

@media screen and (min-width: 768px),
print {
    .top-con01-right{
        width:60%;
    margin-top:140px;
    padding-left:0;
        border-bottom:19px #fff solid;
        border-left:19px #fff solid;
}
}

@media screen and (min-width:992px),
print {
    .top-con01-right{
        position:absolute;
        top:0;
        right:0;
        z-index:2;
        width:47%;
    margin-top:50px;
    padding-left:0;
        border-top:19px #fff solid;
        border-bottom:19px #fff solid;
        border-left:19px #fff solid;
}
}

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

top-con02-back01

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

.top-con02-back01{
    padding-top:200px;
    margin:-150px 0 0;
    background: #2b2b2b;
}

@media screen and (min-width: 768px),
print {
    .top-con02-back01{
       margin:-120px 0 0;
                padding-top:0;

}
}

@media screen and (min-width:992px),
print {
    .top-con02-back01{
       margin:-390px 0 0;
}
}

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

top-con02-back02

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

.top-con02-back02{
    background: url("../../../../img/top/back01sp.png");
    background-repeat: no-repeat;
    background-size:cover;
    padding:50px 10px 0;
    color:#fff;
    padding-bottom: 50px;
    
}

@media screen and (min-width: 768px),
print {
    .top-con02-back02{
        background: url("../../../../img/top/back01.png");
    background-repeat: no-repeat;
    background-size:cover;
        padding-top:200px;
        
}
}

@media screen and (min-width:992px),
print {
    .top-con02-back02{
        padding:350px 0 200px;
}
}


.top-con02-t01{
    font-size:19px;
    margin-bottom: 15px;
    
}

@media screen and (min-width: 992px),
print {
    .top-con02-t01{
        font-weight: bold;
    font-size:45px;
    margin:0 auto 40px;
        text-align: center;
        line-height:1.4;
}
}

.top-con02-t02{
        margin-bottom:30px;
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
    .top-con02-t02{
        line-height: 2.5;
        width:1000px;
        margin:0 auto 70px;
}
}



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

top-con03-back01

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

.top-con03-back01{
    position: relative;
    background: url("../../../../img/top/back02sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    height:360px;
    padding:50px 0;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .top-con03-back01{
        background: url("../../../../img/top/back02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
        padding:50px 0;
        margin-bottom:50px;
}
}

@media screen and (min-width:992px),
print {
    .top-con03-back01{
    height:auto;
        padding:150px 0;
        margin-bottom:100px;
}
}

.top-con03-left{
    color:#fff;
    position: relative;
    z-index:2;
    padding:0 10px 0;
}

@media screen and (min-width: 992px),
print {
    .top-con03-left{
    max-width:800px;
        margin:auto;
}
}


.top-con03-right{
    position:absolute;
    z-index:1;
    width:230px;
    right:0;
    bottom:0;
}

@media screen and (min-width: 992px),
print {
    .top-con03-right{
    width:460px;
}
}

.top-con03-t01{
    font-size:22px;
    margin-bottom:25px;
}

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

.top-con03-t02{
    line-height:2;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px),
print {
    .top-con03-t02{
    line-height:2.5;
    margin-bottom:40px;
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */ 

.pc { display: block !important; } 

.sp { display: none !important; } 

  

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ 

@media only screen and (max-width: 750px) { 

    .pc { display: none !important; } 

    .sp { display: block !important; } 

} 



/*==================================================
スライダーのためのcss
===================================*/
.slider02 {
    margin-bottom: 40px;
}

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

.slider02 img {
    width:100%;
    height:auto;
}

.slider02 .slick-slide {
    margin:0 10px;
}

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

top-con04

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

.top-con04{
    display: flex;
    padding:0 10px;
    margin:0 auto 60px;
    width:85%;
}

@media screen and (min-width: 992px),
print {
    .top-con04{
    padding:0 75px;
        margin:0 auto 50px;
        max-width:1500px;
}
}

.top-con04-t01{
    font-size:35px;
    margin-right:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con04-t01{
    font-size:70px;
    margin-right:35px;
}
}


.top-con04-t02{
    font-size:15px;
    border-bottom: 1px #000 solid;
    height:38px;
    padding:8px 15px 0 0;
}

@media screen and (min-width: 992px),
print {
    .top-con04-t02{
    font-size:30px;
        height:76px;
    padding:20px 45px 0 4px;
}
}

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

top-con05

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

.top-con05{

    padding:0 10px;

}

@media screen and (min-width: 992px),
print {
    .top-con05{
    padding:0 50px;
        margin:0 auto;
        max-width: 1500px;
}
}


.top-con05 ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap:20px;
}

@media screen and (min-width: 992px),
print {
   .top-con05 ul{
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap:50px;
}
}

.top-con05 li{
   margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .top-con05 li{
   margin-bottom:60px;
}
}


.top-con05 li a{
    color:#000;
}

.top-con05 li a:visited{
    color:#000;
}

.top-con05-t01{
    font-size:13px;
}

@media screen and (min-width: 992px),
print {
    .top-con05-t01{
    font-size:18px;
}
}

.top-con05-t02{
    font-size:15px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .top-con05-t02{
    font-size:23px;
}
}

.top-con05-t03{
    font-size:8.1px;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .top-con05-t03{
    font-size:12px;
}
}

.top-con05-t04{
    font-size:10px;
}

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

.top-con05-t05{
    margin-top:-15px;
    font-size:13px;
}

@media screen and (min-width:768px),
print {
    .top-con05-t05{
    margin-top:-17px;
    font-size:13px;
}
}

@media screen and (min-width: 992px),
print {
    .top-con05-t05{
    padding-top:0;
    font-size:18px;
}
}

.top-con05-btn{
    background: #000;
    padding:3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 992px),
print {
    .top-con05-btn{
    padding:7px 0 6px;

}
}

.top-con05-btn-left{
    font-size:12px;
    color:#fff;
    margin-right:8px;
}

@media screen and (min-width: 992px),
print {
    .top-con05-btn-left{
    font-size:20px;
    color:#fff;
    margin-right:15px;
}
}

.top-con05-btn-right{
    width:9px;
    padding-top:10px;
}

@media screen and (min-width: 992px),
print {
    .top-con05-btn-right{
    width:17px;
    padding-top:11px;
}
}

.top-con05-txtarea{
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
   .top-con05-txtarea{
    margin-bottom: 100px;
}
}

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

top-con06

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

.top-con06{
    margin-bottom:40px;
}

@media screen and (min-width: 992px),
print {
    .top-con06{
        display: flex;
        justify-content: space-between;
        margin:0 auto 100px;
        max-width:1700px;
}
}


.top-con06-left{
    margin-bottom: 30px;
}
@media screen and (min-width: 992px),
print {
    .top-con06-left{
    margin-bottom:0;
        width:45%;
}
}

.top-con06-photo01{
    margin-bottom:20px;
}

.top-con06-photo01 ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap:10px;
}

.top-con06-photo01 li:last-child{
    margin-top:30px;
}

@media screen and (min-width: 992px),
print {
    .top-con06-photo01 li:last-child{
    margin-top:60px;
}
}

@media screen and (min-width: 992px),
print {
    .top-con06-photo02{
        padding-right:50px;
}
}

.top-con06-right{
    padding:0 10px;
}

@media screen and (min-width: 992px),
print {
    .top-con06-right{
        width:49%;
        padding:0 50px 0 0;
}
}

.top-con06-t01{
    font-size:20px;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con06-t01{
    font-size:30px;
        margin-bottom: 50px;
}
}

.top-con06-t02{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .top-con06-t02{
        line-height: 2.8;
    margin-bottom:75px;
}
}

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

top-con07

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

.top-con07{
    display: flex;
    padding:0 10px;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con07{
    padding:0 75px;
        margin:0 auto 60px;
        max-width:1500px;
}
}

.top-con07-02{
    display: flex;
    padding:0 10px;
    margin:0 auto 20px;
    width:85%;
}

@media screen and (min-width: 992px),
print {
    .top-con07-02{
    padding:0 75px;
        margin:0 auto 60px;
        max-width:1500px;
}
}

.top-con07-03{
    display: flex;
    padding:0 10px;
    margin:0 auto 20px;
    width:55%;
}

@media screen and (min-width: 992px),
print {
    .top-con07-03{
    padding:0 75px;
        margin:0 auto 60px;
        max-width:1500px;
}
}

.top-con07-t01{
    font-size:35px;
    margin-right:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con07-t01{
    font-size:70px;
    margin-right:35px;
}
}


.top-con07-t02{
    font-size:15px;
    border-bottom: 1px #000 solid;
    height:38px;
    padding:8px 15px 0 0;
}

@media screen and (min-width: 992px),
print {
    .top-con07-t02{
    font-size:30px;
        height:76px;
    padding:20px 45px 0 4px;
}
}

.top-con07-t03{
    font-size:30px;
    margin-right:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con07-t03{
    font-size:70px;
    margin-right:35px;
}
}

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

top-con08

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

.top-con08-back{
    background: #FBFBFB;
    padding:50px 15px;
    margin:0 5px 60px;
}

@media screen and (min-width: 992px),
print {
    .top-con08-back{
    padding:130px 90px 90px;
    margin:0 20px 110px;
}
}

.top-con08{
    
}

@media screen and (min-width: 992px),
print {
    .top-con08{
        margin:0 auto 100px;
        max-width:900px;
}
}

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

top-con09

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

.top-con09{
    padding:0 5px;
    margin-bottom:60px;
}

@media screen and (min-width: 992px),
print {
   .top-con09{
    padding:0 30px;
    margin-bottom:140px;
}
}


.top-con09 ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
grid-column-gap:15px;
}

@media screen and (min-width: 992px),
print {
   .top-con09 ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap:40px;
}
}

.top-con09 li{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .top-con09 li{
    margin-bottom:50px;
}
}

.top-con09-t01{
    font-size:11px;
    margin-bottom: 5px;
}

@media screen and (min-width: 992px),
print {
    .top-con09-t01{
    font-size:12px;
}
}

.top-con09-photo{
    position: relative;
    margin-bottom: 5px;
}

.top-con09-photo img{
    width: 100%;
  height: 140px;
  object-fit: cover;
}

@media screen and (min-width: 992px),
print {
    .top-con09-photo img{
  height: 250px;
}
}

.top-con09-kate{
display: flex;
    flex-direction: column;
    justify-content: center;
    position:absolute;
    top:0;
    right:0;
    background:rgba(0,0,0,0.55);
    padding:4px;
    font-size:7px;
    color:#fff;
    width:50%;
    line-height:1.5;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
   .top-con09-kate{
    line-height:2;
       width:40%;
       font-size:9px;
}
}

.top-con09-kate a:visited{
    color:#fff;
}

.top-con09-t02{
    font-size:12px;
    margin-bottom: 5px;
}

@media screen and (min-width: 992px),
print {
    .top-con09-t02{
    font-size:14px;
}
}

.top-con09-t02 a{
    color:#000;
}

.top-con09-t02 a:visited{
    color:#000;
}

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

.top-con10

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

.top-con10{
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .top-con10{
        flex-direction:row;
        max-width: 1700px;
margin:0 auto 100px;
}
}


.top-con10-left{
    order:2;
    position: relative;
    height:400px;

}

@media screen and (min-width: 768px),
print {
    .top-con10-left{
    height:550px;
}
}

@media screen and (min-width: 992px),
print {
    .top-con10-left{
    order:1;
        width:50%;
        height:700px;
}
}


.top-con10-left li:first-child{
    position: absolute;
    top:0;
    left:0;
    z-index:1;
    width: 70%;
}

@media screen and (min-width: 768px),
print {
    .top-con10-left li:first-child{
    top:0;
    left:0;
    z-index:1;
    width: 50%;
}
}

@media screen and (min-width: 992px),
print {
    .top-con10-left li:first-child{
    top:0;
    left:0;
    z-index:1;
    width: 70%;
}
}


.top-con10-left li:nth-child(2){
    position: absolute;
    top:120px;
    right:0;
    z-index:2;
    width:70%;
}

@media screen and (min-width: 768px),
print {
    .top-con10-left li:nth-child(2){
     top:100px;
    right:0;
    width: 50%;
}
}

@media screen and (min-width: 992px),
print {
    .top-con10-left li:nth-child(2){
     top:310px;
    right:0;
    width: 70%;
}
}

.top-con10-left li:last-child{
    position: absolute;
    bottom:20px;
    left:10px;
    z-index:3;
    width: 50%;
}

@media screen and (min-width: 768px),
print {
    .top-con10-left li:last-child{
    bottom:0;
    left:30px;
    width:40%;
}
}

@media screen and (min-width: 992px),
print {
    .top-con10-left li:last-child{
    bottom:0;
    left:0;
    width: 50%;
}
}

.top-con10-right{
    padding:0 10px;
    order:1;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px),
print {
    .top-con10-right{
    order:2;
        width:50%;
        margin:40px 0 0;
        padding:0 50px;
}
}


.top-con10-t01{
    font-size:23px;
    margin-bottom: 20px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .top-con10-t01{
    font-size:35px;
    margin-bottom:60px;
}
}

.top-con10-t02{
    line-height: 2;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
   .top-con10-t02{
    line-height:3;
       margin-bottom:40px;
} 
}

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

.top-con12

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

.top-con12{
    color:#000;
    padding:0 10px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .top-con12{
        max-width: 1200px;
margin:0 auto 100px;
}
}

.top-con12 a{
    color:#000;
}

.top-con12 a:visited{
    color:#000;
}

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

top-con13

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

.top-con13{
    display: flex;
    padding:0 10px;
    margin-bottom:60px;
}

@media screen and (min-width: 992px),
print {
    .top-con13{
    padding:0 75px;
        margin:0 auto 50px;
        max-width:1500px;
}
}

.top-con13-02{
    display: flex;
    padding:0 10px;
    margin:0 auto 60px;
    width:66%;
}

@media screen and (min-width: 992px),
print {
    .top-con13-02{
    padding:0 75px;
        margin:0 auto 50px;
        max-width:1500px;
}
}

.top-con13-t01{
    font-size:35px;
    margin-right:20px;
}

@media screen and (min-width: 992px),
print {
    .top-con13-t01{
    font-size:70px;
    margin-right:35px;
}
}


.top-con13-t02{
    font-size:15px;
    border-bottom: 1px #000 solid;
    height:38px;
    padding:8px 15px 0 0;
}

@media screen and (min-width: 992px),
print {
    .top-con13-t02{
    font-size:30px;
        height:76px;
    padding:20px 45px 0 4px;
}
}



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

top-con14

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

.top-con14{

    padding:0 10px;
    margin-bottom:30px;
}

@media screen and (min-width: 992px),
print {
    .top-con14{
    padding:0 50px;
        margin:0 auto 60px;
        max-width: 1500px;
}
}


.top-con14 ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (min-width: 992px),
print {
   .top-con14 ul{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}



.top-con14-txtarea{
    margin-bottom: 40px;
    padding:0 10px;
}

@media screen and (min-width:768px),
print {
    .top-con14-txtarea{
    margin:0 auto 120px;
        padding:0 50px;
        max-width: 1000px;
}
}

.top-con14-t01{
    margin-bottom: 40px;
    line-height: 2;
}

@media screen and (min-width:768px),
print {
    .top-con14-t01{
    margin-bottom:60px;
        line-height: 2.8;
}
}


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

top-con15

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

.top-con15{
    padding:0 10px;
    margin-bottom:60px;
}

@media screen and (min-width: 992px),
print {
   .top-con15{
    padding:0 30px;
    margin:0 auto 100px;
       width:600px;
}
}

.top-con15 a{
    color:#000;
}

.top-con15 a:visited{
    color:#000;
}

.top-con15-t01{
    font-size:13px;
}

@media screen and (min-width: 992px),
print {
    .top-con15-t01{
    font-size:18px;
}
}

.top-con15-t02{
    font-size:15px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .top-con15-t02{
    font-size:23px;
}
}

.top-con15-t03{
    font-size:8.1px;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .top-con15-t03{
    font-size:12px;
}
}

.top-con15-t04{
    font-size:10px;
}

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

.top-con15-t05{
    margin-top:-15px;
    font-size:13px;
}

@media screen and (min-width:768px),
print {
    .top-con15-t05{
    margin-top:-17px;
    font-size:13px;
}
}

@media screen and (min-width: 992px),
print {
    .top-con15-t05{
    padding-top:0;
    font-size:18px;
}
}

.top-con15-btn{
    background: #000;
    padding:3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 992px),
print {
    .top-con15-btn{
    padding:7px 0 6px;

}
}

.top-con15-btn-left{
    font-size:12px;
    color:#fff;
    margin-right:8px;
}

@media screen and (min-width: 992px),
print {
    .top-con15-btn-left{
    font-size:20px;
    color:#fff;
    margin-right:15px;
}
}

.top-con15-btn-right{
    width:9px;
    padding-top:10px;
}

@media screen and (min-width: 992px),
print {
    .top-con15-btn-right{
    width:17px;
    padding-top:11px;
}
}

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

top-con16

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

.top-con16{
    padding:0 10px;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
   .top-con16{
    padding:0 30px;
    margin:0 auto 50px;
       width:1000px;
}
}

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

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

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

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