@charset "utf-8";
    
    /*body全体*/
body,
html {
  height: 100%;
  margin: 0 auto;
}
.red{
    color:red;
}
/*↓パララックス用に追加↓*/
.image-base{
    min-height: 100vh; 
    background-position: top center;
}


            .image1 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image2 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image3 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image4 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image5 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image6 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image7 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image8 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image9 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        
            .image10 {
                background-size : 100% auto;
                background-attachment:fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 30% center;
                text-align: center;
                text-shadow: 0 0 5px #212529,0 0 5px #212529,0 0 5px #212529,0 0 5px #212529;
                font-weight: bold;
                padding-top: 38%;
                color: #fff;
                font-family:"Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W6" , "Hiragino Mincho Pro" , "HiraMinProN-W6" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
            }
        

#tit_text{
    font-size: 45px;
}
#text{
    font-size: 20px;
}

@media screen and (min-width:960px){
    .image-base{
        min-height: 100vh; 
    }
    #tit_text{
        font-size: 45px;
    }
    #text{
        font-size: 20px;
    }
}

@media screen and (max-width:480px){
    .image-base{
        min-height: 100vh; 
    }
    #tit_text{
        font-size: 35px;
    }
    #text{
        text-align: left;
        font-size: 15px;
    }
}
/*↑パララックス用に追加↑*/

/* site_all のCSS */
/* section
----------------------------------------------------*/
.section{
	width:100%;
	padding-bottom:2vw;
	clear:both;
	overflow:hidden;
}

.section .section_content{
	margin:0px auto;
	text-align:center;
	width:calc(100% - 60px);
	min-width:900px;
	max-width:1160px;
	padding:0;
	overflow:hidden;
	color:#FFF;
}
.section p.txt_com{
	padding-bottom:1.5em;
	text-align:left;
	line-height:1.8;
	font-size:1em;
}

.section .img_com{
	padding-bottom:1.5em;
}
.section .img_com img{
    width:100%;
}


/* section
----------------------------------------------------*/
.section .width100{
	width:100%;
	max-width:100%;
}

.section .width100 figure{
	/*max-height:calc(100vh - 100px);*/
}

.section .width100 p.txt_com{
	width:calc(100% - 60px);
	margin:0 auto;
}

.section .row2 div{
	float:left;
	width:calc(50% - 15px);
	padding-bottom:calc(3vw - 1.5em);
}
.section .row2 div:nth-child(2n + 1){
	padding-right:30px;
}

.section .row2.width100 div:nth-child(2n + 1) p.txt_com{
	width:calc(100% - 30px);
	margin-left:30px;
	margin-right:0;
}

.section .row2.width100 div:nth-child(2n + 2) p.txt_com{
	width:calc(100% - 30px);
	margin-left:0;
	margin-right:30px;
}

.section .row3 div{
	float:left;
	width:calc(33.3% - 20px);
	padding-bottom:calc(3vw - 1.5em);
}

.section .row3 div:nth-child(3n + 1),
.section .row3 div:nth-child(3n + 2){
	padding-right:30px;
}

.section .row3.width100 div:nth-child(3n + 1) p.txt_com{
	width:calc(100% - 30px);
	margin-left:30px;
	margin-right:0;
}

.section .row3.width100 div:nth-child(3n + 3) p.txt_com{
	width:calc(100% - 30px);
	margin-left:0;
	margin-right:30px;
}

/* list
----------------------------------------------------*/
.section .list{
	width:100%;
}

.section .list li{
	clear:both;
	padding-bottom:1em;
	overflow:hidden;
}

.section .list li dl dt{
	font-weight:700;
	float:left;
	width:25%;
}

.section .list li dl dd{
	float:left;
}


/* none
----------------------------------------------------*/
.pc{
	display:block !important;
}

.tab{
	display:none !important;
}

.sp{
	display:none !important;
}

img.pc{
	display:inline !important;
}

img.tab{
	display:none !important;
}

img.sp{
	display:none !important;
}

/*----------------------------------------------------
	layout[PC（ノート）]
----------------------------------------------------*/

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

/* none
----------------------------------------------------*/
.pc{
	display:block !important;
}

.tab{
	display:none !important;
}

.sp{
	display:none !important;
}

img.pc{
	display:inline !important;
}

img.tab{
	display:none !important;
}

img.sp{
	display:none !important;
}

}

/*----------------------------------------------------
	layout[タブレット]
----------------------------------------------------*/

@media screen and ( max-width:959px) {
/* header
----------------------------------------------------*/

/* section
----------------------------------------------------*/
.section{
	padding-bottom:4em;
}

.section .section_content{
	width:94%;
	min-width:inherit;
	max-width:inherit;
	padding:0 3%;
}

.section p.txt_com{
	padding-bottom:2em;
	text-align:left;
}

.section .img_com{
	padding-bottom:2em;
}

/* section
----------------------------------------------------*/
.section .width100{
	width:100%;
	max-width:100%;
	padding:0;
}

.section .width100 figure{
	max-height:85vh;
}

.section .width100 p.txt_com{
	width:94%;
	margin:0 auto;
}

.section .row2 div{
	float:none;
	width:94%;
	margin:0 auto;
	padding-bottom:0;
}

.section .row2 div:last-child{
	padding-bottom:0;
}

.section .row2 div:nth-child(2n + 1){
	padding-right:0;
}

.section .row2.width100 div:nth-child(2n + 1) p.txt_com{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.section .row2.width100 div:nth-child(2n + 2) p.txt_com{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.section .row3 div{
	float:none;
	width:73%;
	margin:0 auto;
	padding-bottom:0;
}

.section .row3 div:last-child{
	padding-bottom:0;
}

.section .row3 div:nth-child(3n + 1),
.section .row3 div:nth-child(3n + 2){
	padding-right:0;
}

.section .row3.width100 div:nth-child(3n + 1) p.txt_com{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.section .row3.width100 div:nth-child(3n + 3) p.txt_com{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.section .img_com{
	padding-bottom:2em;
}
/* none
----------------------------------------------------*/
.pc{
	display:none !important;
}

.tab{
	display:none !important;
}

.sp{
	display:block !important;
}

img.pc{
	display:none !important;
}

img.tab{
	display:none !important;
}

img.sp{
	display:inline !important;
}

}