@charset "UTF-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

body {
background-color: white;
height: auto;
margin: 0 auto;
font-size: 0;
        font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/* 共通*/
    .coming{
        color: #808080;
        text-align: center;
        font-family: 'Russo One', sans-serif;
    }
    .coming_2{
        color: #808080;
        text-align: center;
    }

@media screen and (min-width:1200px) {
	body{
		width: 1200px;
		
}
        .coming{
        font-size: 48px;
    }
    .coming_2{
        font-size: 18px;
    }
}
@media screen and  (min-width:700px) and ( max-width:1199px)  {
	body{
		width: 100%;
}
    .coming{
        font-size: 4vw;
    }
    .coming_2{
        font-size: 1.5vw;
    }
}
@media screen and (max-width:699px) {
	body{
		width: 100%;
		
}
        .coming{
        font-size: 7vw;
    }
    .coming_2{
        font-size: 2.5vw;
    }
}

body a:hover {
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* 共通*/
.cd{
	clear: both;
}


/*トップ*/
#top{
    text-align: right;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        width: 100%; 
}
.top_2{
    color: #ffffff;
    text-align: right;
        background-image: url(../images/top_2.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        width: 100%; 
}

@media screen and (min-width:1200px) {
    #top{
        height: 600px;
        background-image: url(../images/top_2023_01.jpg);
        color: #ffffff;

    }
    #top p{
        display: none; 
        padding:516px 36px 0vw 0;
        font-size:36px;
        font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        text-shadow: 0vw 0vw 9.6px #000000;
    }
    .top_2{
        height: 348px;
    }
    #top img{
        margin-top: 370px;
        margin-right: 60px;
        text-align: right;
        width: 18%;
    }
    #esports_shika{
        width: 60%;
        margin: 0 auto;
        padding: 24px 24px 0 24px;
    }
    #esports_shika img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
	#topic{
        width: 90%;
        margin: 0 auto;	
        padding: 48px 0vw 0vw 0vw;	
	}
	
    #questionnaire{
		float:left;
        width: 50%;
        margin: 0 auto;
    }
	.questionnaire_wrap{
        width: 96%;
        margin: 0 auto;		
	}
    .questionnaire_wrap img{
        width: 100%;
        margin: 0 auto;
        height: auto;

    }
    #topic_2{
        width: 100%;
        margin: 0 auto;
    }
    #topic_2_s{
        display: none;
    }
	.topic_wrap_2{
        width: 97%;
        margin: 0 auto;
		padding-bottom: 36px;
	}
    .topic_wrap_2 img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    #topic_1{
		float:left;
        width: 50%;
        margin: 0 auto;
    }
	.topic_wrap_1{
        width: 96%;
        margin: 0 auto;
	}
    .topic_wrap_1 img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #top{
        height: 50vw;
        background-image: url(../images/top_2023_01.jpg);
        color: #ffffff;

    }
    #top p{
        display: none;
        padding:43vw 3vw 0vw 0;
        font-size:3vw;
        font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        text-shadow: 0vw 0vw .8vw #000000;
    }
    .top_2{
        height: 29vw;
    }
    #top img{
        margin-top: 27vw;
        margin-right: 5vw;
        text-align: right;
        width: 15%;
    }
    #esports_shika{
        width: 60%;
        margin: 0 auto;
        padding: 2vw 2vw 0 2vw;
    }
    #esports_shika img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
	#topic{
        width: 90%;
        margin: 0 auto;	
        padding: 4vw 0vw 0vw 4vw;
	}
	
    #questionnaire{
		float:left;
        width: 50%;
        margin: 0 auto;
    }
	.questionnaire_wrap{
        width: 94%;
        margin: 0 auto;		
	}
    .questionnaire_wrap img{
        width: 100%;
        margin: 0 auto;
        height: auto;

    }
    #topic_1{
		float:left;
        width: 50%;
        margin: 0 auto;
    }
    #topic_2{
        width: 100%;
        margin: 0 auto;
    }
    #topic_2_s{
        display: none;
    }
	.topic_wrap_2{
        width: 97%;
        margin: 0 auto;
		padding-bottom: 3vw;
	}
    .topic_wrap_2 img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
	.topic_wrap_1{
        width: 94%;
        margin: 0 auto;		
	}
    .topic_wrap_1 img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
}


@media screen and (max-width:699px) {
    #top{
        height: 122vw;
        background-image: url(../images/top_s_2023_01.jpg);
        color: #000000;
        text-align: center;
        margin-bottom: 5vw;

    }
    #top p{
       display: none;
        padding:92vw 0vw 0vw 0;
        font-size:3.8vw;

    }
    .top_2{
        height: 29vw;
    }
    #top img{
        margin-top: 40vw;
        width: 50%;
    }
    #esports_shika{
        width: 80%;
        margin: 0 auto;
        padding: 2vw 2vw 2vw 2vw;
    }
    #esports_shika img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    #questionnaire{
        width: 80%;
        margin: 0 auto;
        padding: 5vw 2vw 2vw 2vw;
    }
    #questionnaire img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    #topic_2{
        display: none;
    }
    #topic_2_s{
        width: 80%;
        margin: 0 auto;
        padding: 5vw 2vw 0vw 2vw;
    }
    #topic_2_s img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    #topic_1{
        width: 80%;
        margin: 0 auto;
        padding: 2vw 2vw 15vw 2vw;
    }
    #topic_1 img{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
}

/*メニュー2023*/
#menu_2023{
    width: 100%;
    background-color: #ffffff;
    color: #808080;
    text-align: center;
}
#menu_2023 a{
    text-decoration: none;
    color: #808080;
}


@media screen and (min-width:1200px) {
    #menu_2023{
    margin-top: 24px;
    font-size: 15.6px;
    padding: 0 0 0 0;
}
    .menu_2023_1{
    height: 24px;
}
    .menu_2{
    height: 48px;
}
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #menu_2023{
    margin-top: 2vw;
    font-size: 1.3vw;
    padding: 0 0 0 0;
}
    .menu_1{
    height: 2vw;
}
    .menu_2{
    height: 4vw;
}


}


/*メニュー*/

#menu{
    width: 100%;
    background-color: #808080;
    color: #ffffff;
    text-align: center;
}
#menu a{
    text-decoration: none;
    color: #ffffff;
}


@media screen and (min-width:1200px) {
    #menu{
    margin-top: 24px;
    font-size: 15.6px;
    padding: 24px 0 0 0;
	height: 96px;
}
    .menu_1{
    height: 144px;
	display: none;
}
    .menu_2{
    height: 48px;
}
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #menu{
    margin-top: 4vw;
    font-size: 1.3vw;
    padding: 2vw 0 0 0;
	height: 8vw;
}
    .menu_1{
    height: 12vw;
	display: none;
}
    .menu_2{
    height: 4vw;
}


}


@media screen and (max-width:699px) {
    #menu{
    display: none;
}
}


/*理念*/
@media screen and (min-width:1200px) {
   #philosophy{
        width: 100%;
        background-color: #f1f1f1;
        height: 840px;
        padding-bottom: 60px;
    }
    #philosophy_wrap{
        width: 90%;
        margin: 0 auto;
    }
    .philo_wrap_L{
        float: left;
        width: 50%;    
    }
    .pix1{
        width: 100%;
        height: 360px;
        padding-bottom: 24px;
    }
    .pix1 img{
        float: left;
        width: 100%;
        height: auto;
    }
    .text_2_wrap{
        width: 100%;  
        margin-top: 24px;
    }
    .text_2{
        background-color: #ffffff;
        font-size: 19.2px;
        width: 80%;
        padding: 36px;
        margin-bottom: 60px;
    }
    .philo_wrap{
        float: left;
        width: 50%;
        height: auto;
        color: #ffffff;
        background-color: #0097b9;
        margin: -84px auto;
        text-align:center;
        padding: 36px;
        box-sizing: border-box;
    }
    .philo_wrap img{
        width: 60%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 24px;
    }
    .philo_title{
        font-size: 21.6px;
        text-align: center;
        padding-bottom: 24px;
    }
    .philo_text{
        font-size: 16.8px;
        text-align:left;
    }
    .philo_riji{
        width: 100%;
        margin: 0 auto;
        padding-top: 24px;
    }
    .philo_riji_photo{
        float: left;
        width: 40%;
    }
    .philo_riji_photo img{
        width: 100%;
        height: auto;
    }
    .philo_riji_text_wrap{
        float: left;
        width: 60%;
        padding: 0vw 0 0 0vw;
    }
    .philo_riji_text_3{

    }
    .philo_riji_text_1{
        font-size: 13.2px;
        float: left;
        padding: 8.4px 0 0 24px;
        box-sizing: border-box;
    }
    .philo_riji_text_2{
        font-size: 21.6px;
        float: left;
        padding: 0 0 12px 24px;
        box-sizing: border-box;
    }
    .philo_riji_text_5{
        font-size: 13.2px;
        text-align: left;
        padding: 15.6px 0 0 24px;
        box-sizing: border-box;
        border-top: 1px solid #ffffff;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #philosophy{
        width: 100%;
        background-color: #f1f1f1;
        height: 70vw;
        padding-bottom: 5vw;
    }
    #philosophy_wrap{
        width: 90%;
        margin: 0 auto;
    }
    .philo_wrap_L{
        float: left;
        width: 50%;    
    }
    .pix1{
        width: 100%;
        height: 30vw;
        padding-bottom: 2vw;
    }
    .pix1 img{
        float: left;
        width: 100%;
        height: auto;
    }
    .text_2_wrap{
        width: 100%;  
        margin-top: 2vw;
    }
    .text_2{
        background-color: #ffffff;
        font-size: 1.6vw;
        width: 80%;
        padding: 3vw;
        margin-bottom: 5vw;
    }
    .philo_wrap{
        float: left;
        width: 50%;
        height: auto;
        color: #ffffff;
        background-color: #0097b9;
        margin: -7vw auto;
        text-align:center;
        padding: 3vw;
        box-sizing: border-box;
    }
    .philo_wrap img{
        width: 60%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 2vw;
    }
    .philo_title{
        font-size: 1.8vw;
        text-align: center;
        padding-bottom: 2vw;
    }
    .philo_text{
        font-size: 1.4vw;
        text-align:left;
        padding: 0 0 2vw 0 ;
    }
    .philo_riji{
        width: 100%;
        margin: 0 auto;
        padding-top: 2vw;
    }
    .philo_riji_photo{
        float: left;
        width: 40%;
    }
    .philo_riji_photo img{
        width: 100%;
        height: auto;
    }
    .philo_riji_text_wrap{
        float: left;
        width: 60%;
        padding: 0vw 0 0 0vw;
    }
    .philo_riji_text_3{

    }
    .philo_riji_text_1{
        font-size: 1.2vw;
        float: left;
        padding: 0.7vw 0 0 2vw;
        box-sizing: border-box;
    }
    .philo_riji_text_2{
        font-size: 1.8vw;
        float: left;
        padding: 0 0 1vw 2vw;
        box-sizing: border-box;
    }
    .philo_riji_text_5{
        font-size: 1vw;
        text-align: left;
        padding: 1.3vw 0 0 2vw;
        box-sizing: border-box;
        border-top: 1px solid #ffffff;
    }

}


@media screen and (max-width:699px) {
    #philosophy{
        width: 100%;
        background-color: #f1f1f1;
        height: 200vw;
        padding-bottom: 5vw;
    }
    #philosophy_wrap{
        width: 90%;
        margin: 0 auto;
        position: relative;
    }
    .philo_wrap_L{
        width: 100%;  
        padding-top: 138vw;

    }
    .pix1{
        width: 100%;
        height: 30vw;
        padding-bottom: 2vw;
    }
    .pix1 img{
        width: 100%;
        height: auto;
    }
    .text_2_wrap{
        width: 100%;  
        margin-top: 2vw;
    }
    .text_2{
        background-color: #ffffff;
        font-size: 3vw;
        width: 100%;
        padding: 3vw;
        color: #ffffff;
        padding-top: 5vw;
        box-sizing: border-box;
    }
    .philo_wrap{
        width: 100%;
        height: auto;
        color: #ffffff;
        background-color: #0097b9;
        margin: -7vw auto;
        text-align:center;
        padding: 3vw 3vw 5vw 3vw;
        box-sizing: border-box;
        top: 0vw;
        position: absolute;
    }
    .philo_wrap_img img{
        display: none;
    }
    .philo_title{
        font-size: 4vw;
        text-align: center;
        padding-bottom: 2vw;
    }
    .philo_text{
        font-size: 3vw;
        text-align:left;
        padding: 0 0 4vw 0;
    }
    .philo_riji{
        width: 100%;
        margin: 0 auto;
        padding-top: 2vw;
    }
    .philo_riji_photo{
        float: left;
        width: 40%;
    }
    .philo_riji_photo img{
        width: 100%;
        height: auto;
    }
    .philo_riji_text_wrap{
        float: left;
        width: 60%;
        padding: 2.5vw 0 0 0vw;
    }
    .philo_riji_text_3{

    }
    .philo_riji_text_1{
        font-size: 3vw;
        float: left;
        padding: 0.7vw 0 0 4.5vw;
        box-sizing: border-box;
    }
    .philo_riji_text_2{
        font-size: 3.4vw;
        float: left;
        padding: 0 0 1vw 3vw;
        box-sizing: border-box;
    }
    .philo_riji_text_5{
        font-size: 2.2vw;
        text-align: left;
        padding: 1.3vw 0 0 4vw;
        box-sizing: border-box;
        border-top: 1px solid #ffffff;
    }
}


/*説明*/
@media screen and (min-width:1200px) {
    #explanation{
        width: 100%;
        height: 396px;    
        background-color: #0097b9;
        margin: 0 auto;
        padding: 60px;
        box-sizing: border-box;
    }
    .explanation_L{
        float: left;
        width: 100%;
        font-size: 19.2px;
        color: #ffffff;
        margin-top: 108px;
    }
    .explanation_R{
        float: left;
        width: 30%; 
        display: none;
    }
    .explanation_R img{
        width: 85%; 
        height: auto;
        margin-left: 36px;
        padding-left: 0vw;
        box-sizing: border-box;
    }
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #explanation{
        width: 100%;
        height: 33vw;    
        background-color: #0097b9;
        margin: 0 auto;
        padding: 5vw;
        box-sizing: border-box;
    }
    .explanation_L{
        float: left;
        width: 100%;
        font-size: 1.6vw;
        color: #ffffff;
        margin-top: 9vw;
    }
    .explanation_R{
        float: left;
        width: 30%; 
        display: none;
    }
    .explanation_R img{
        width: 85%; 
        height: auto;
        margin-left: 3vw;
        padding-left: 0vw;
        box-sizing: border-box;
    }

}


@media screen and (max-width:699px) {
    #explanation{
        width: 100%;
        height: 40vw;    
        background-color: #0097b9;
        margin: 0 auto;
        padding: 0vw;
        box-sizing: border-box;
        position: relative;
    }
    .explanation_L{
        width: 80%;
        font-size: 3vw;
        color: #ffffff;
        margin: 0 auto;
        padding-top: 10vw;
    }
    .explanation_R{
        width: 60%; 
        text-align: center;
        margin: 0vw auto;
        position: absolute;
        top: 10vw;
        left: 18vw;
        display: none;
    }
    .explanation_R img{
        width: 85%; 
        height: auto;
        margin-left: 3vw;
        padding-left: 0vw;
        box-sizing: border-box;
    }

}
/*法人案内*/

@media screen and (min-width:1200px) {
    #houjin{
       background-color: #f1f1f1;
        width: 100%;
        margin: 0 auto;
        padding: 60px  120px;
        box-sizing: border-box;
    }
    .title{
        font-size: 24px;
        text-align: center;
        color: #808080;
        padding-bottom: 36px;
    }
    .houjin_cell{
        font-size: 18px;
        color:#808080;
        border-collapse: collapse;
        border:1px solid #808080;
    }
    .houjin_cell tr,th,td{
        font-size: 18px;
        color:#808080;
        border-collapse: collapse;
        border:1px solid #808080;
        padding: 24px;
    }
    .houjin_cell th{
        width: 156px;
        color: #0097b9;
}
    .sub_text{
        font-size: 14.4px;
        padding-top: 6px;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #houjin{
       background-color: #f1f1f1;
        width: 100%;
        margin: 0 auto;
        padding: 5vw  10vw;
        box-sizing: border-box;
    }
    .title{
        font-size: 2vw;
        text-align: center;
        color: #808080;
        padding-bottom: 3vw;
    }
    .houjin_cell{
        font-size: 1.5vw;
        color:#808080;
        border-collapse: collapse;
        border:1px solid #808080;

    }
    .houjin_cell tr,th,td{
        font-size: 1.5vw;
        color:#808080;
        border-collapse: collapse;
        border:1px solid #808080;
        padding: 2vw;
    }
    .houjin_cell th{
        width: 13vw;
        color: #0097b9;
      border-left:4px solid #808080;
}
    .sub_text{
        font-size: 1.2vw;
        padding-top: .5vw;
    }
    }


@media screen and (max-width:699px) {
    #houjin{
       background-color: #f1f1f1;
        width: 100%;
        margin: 0 auto;
        padding: 5vw  10vw;
        box-sizing: border-box;
    }
    .title{
        font-size: 3vw;
        text-align: left;
        color: #808080;
        padding-bottom: 3vw;
    }
    .houjin_cell{
        font-size: 1.5vw;
        color:#808080;
        border-collapse: separate;
        border:0px solid #808080;
    }
    .houjin_cell th,td{
        display: block;
        font-size: 2.5vw;
        color:#808080;
        border-collapse: separate;
    border-bottom: none;
    }
    .houjin_cell td {
    border-bottom: 1px solid #808080;
        padding: 2vw 0;
  }
    .houjin_cell th {
    border-bottom: 0px solid #808080;
        text-align: left;
        color: #0097b9;
    border-top: 3px solid #808080;
               padding-top: 2vw;
  }
       .houjin_cell tr {
    border: 1px solid #808080;
           border-spacing: 10px;
  }
    .sub_text{
        font-size: 2vw;
        padding-top: .5vw;
    }
}

/*説明*/
    #setsumei{
        padding-bottom: 8vw;
    }
    #setsumei_wrap{
        margin: 0 auto;
       font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        color: #000000;
    }
    #setsumei_1{
        width: 100%;
    }
    #setsumei_1_R img, #setsumei_2_L img, #setsumei_3_R img{
        width: 100%;
        height: auto;
    }
@media screen and (min-width:1200px) {
    #setsumei_wrap{
        width: 86%;
    }
    #setsumei_1{
        padding-top: 60px;
        visibility: hidden;
    }
    #setsumei_1_L{
        width: 100%;
        padding-right: 36px;
        box-sizing: border-box;
    }
    #setsumei_title{
        margin-bottom: 36px;
    }
    .g_title{
        font-size: 36px;
        background-color: #0097b9;
        color: #ffffff;
        padding: 9.6px 0 9.6px 24px;
        box-sizing: border-box;
        line-height: 42px;
    }
    .g_name{
        font-size: 21.6px;
        padding-top: 24px;
        font-weight: 600;
    }
    .g_name_sub{
        font-size: 12px;
        padding-top: 24px;
        font-weight: 600;
        margin: -18px 0 0 0;
    }
    #setsumei_text_1,#setsumei_2_R,#setsumei_3_L{
        font-size: 16.8px;
        line-height: 30px;
    }
     #setsumei_text_1{
        float: left;
        width: 60%;
        padding: 0 36px 0 0;
        box-sizing: border-box;
    }
    #setsumei_1_R{
        float: left;
        width: 40%;
    }
    #setsumei_2{
        width: 100%;
        margin-top: 60px;
        visibility: hidden;
    }
    #setsumei_2_L{
        float: left;
        width: 40%;
    }
    #setsumei_2_R{
        float: left;
        width: 60%;
        padding-left: 36px;
        box-sizing: border-box;
    }
    #setsumei_3{
        width: 100%;
        margin: 60px 0 0vw 0;
    }
    #setsumei_3_L{
        float: left;
        width: 60%;
        padding-right: 36px;
        box-sizing: border-box;  
    }
    #setsumei_3_R{
        float: left;
        width: 40%;
    }
    #setsumei_s_photo{
        display: none;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    
    #setsumei_wrap{
        width: 86%;
    }
    #setsumei_1{
        padding-top: 5vw;
       visibility: hidden;
    }
    #setsumei_1_L{
        width: 100%;
        padding-right: 3vw;
        box-sizing: border-box;
    }
    #setsumei_title{
        margin-bottom: 3vw;
    }
    .g_title{
        font-size: 3vw;
        background-color: #0097b9;
        color: #ffffff;
        padding: .8vw 0 .8vw 2vw;
        box-sizing: border-box;
        line-height: 3.5vw;
    }
    .g_name{
        font-size: 1.8vw;
        padding-top: 2vw;
        font-weight: 600;
    }
    .g_name_sub{
        font-size: 1vw;
        padding-top: 2vw;
        font-weight: 600;
        margin: -1.5vw 0 0 0;
    }
    #setsumei_text_1,#setsumei_2_R,#setsumei_3_L{
        font-size: 1.4vw;
        line-height: 2.5vw;
    }
    #setsumei_text_1{
        float: left;
        width: 60%;
        padding: 0 3vw 0 0;
        box-sizing: border-box;
    }
    #setsumei_1_R{
        float: left;
        width: 40%;
    }
    #setsumei_2{
        width: 100%;
        margin-top: 5vw;
        visibility: hidden;
    }
    #setsumei_2_L{
        float: left;
        width: 40%;
    }
    #setsumei_2_R{
        float: left;
        width: 60%;
        padding-left: 3vw;
        box-sizing: border-box;
    }
    #setsumei_3{
        width: 100%;
        margin: 5vw 0 0vw 0;
    }
    #setsumei_3_L{
        float: left;
        width: 60%;
        padding-right: 3vw;
        box-sizing: border-box;  
    }
    #setsumei_3_R{
        float: left;
        width: 40%;
    }
    #setsumei_s_photo{
        display: none;
    }
}


@media screen and (max-width:699px) {
   
    #setsumei_wrap{
        width: 86%;
    }
    #setsumei_1{
        padding-top: 5vw;
    }
    #setsumei_1_L{
        width: 100%;
        padding-right: 3vw;
        box-sizing: border-box;
    }
    #setsumei_title{
        margin-bottom: 3vw;
    }
    .g_title{
        font-size: 5vw;
        background-color: #0097b9;
        color: #ffffff;
        padding: .8vw 0 .8vw 2vw;
        box-sizing: border-box;
        line-height: 6vw;
    }
    .g_name{
        font-size: 3vw;
        padding-top: 4vw;
        font-weight: 600;
    }
    .g_name_sub{
        font-size: 1.6vw;
        padding-top: 2vw;
        font-weight: 600;
        margin: -1.5vw 0 0 0;
    }
    #setsumei_text_1,#setsumei_2_R,#setsumei_3_L{
        font-size: 3vw;
        line-height: 4.5vw;
    }
    #setsumei_1_R{
        display: none;
        width: 100%;
    }
    #setsumei_2{
        width: 100%;
        margin-top: 5vw;
    }
    #setsumei_2_L{
        width: 100%;
    }
    #setsumei_2_R{
        width: 100%;
        padding: 5vw 0 0 0;
    }
    #setsumei_3{
        width: 100%;
        margin: 5vw 0 0vw 0;
        position: relative;
    }
    #setsumei_3_L{
        width: 100%;
        padding-top: 65vw;
        padding-right: 3vw;
        box-sizing: border-box;  
    }
    #setsumei_3_R{
        width: 100%;
        position: absolute;
        top: 5vw;
    }
    #setsumei_s_photo{
        width: 100%;
    }
    #setsumei_s_photo img{
        width: 100%;
        height: auto;
        margin-bottom: 5vw;
    }
}
/*自費研*/
   #jihi_bunner{
    width: 60%;
    height: auto;
    margin: 0 auto;
    margin-top: 4vw; 
    color: #ffffff;

}
   #jihi_bunner a{
    text-decoration: none;
    color: #ffffff;
}

   .jihi_bunner_L{
    float:left;
    width: 20%;
    height: auto;     
}
   .jihi_bunner_L img{
    width: 100%;
    height: auto;
}
   .jihi_bunner_R{
    float:left;
    width: 80%;
    height: 12vw;  
    background-color: #2E3192;
    padding:1vw;
       text-align: center;
    box-sizing: border-box;
}
@media screen and (min-width:1200px) {
       #jihi_bunner{
               margin-top: 48px; 
        }
       .jihi_bunner_R{
               height: 144px;  
               padding:12px;
    padding-top: 36px;
    }
    .title_1{
   font-size: 19.2px;  
}
.title_2{
   font-size: 15.6px;  
}

    }
@media screen and  (min-width:700px) and ( max-width:1199px)  {
       #jihi_bunner{
    margin-top: 4vw;

        }
       .jihi_bunner_R{
   height: 12vw;  
     padding:1vw;
    padding-top: 3vw;
    }
.title_1{
   font-size: 1.6vw;  
}
.title_2{
   font-size: 1.3vw;  
}
}
@media screen and (max-width:699px) {
       #jihi_bunner{
            width:80%;
    margin-top: 4vw; 
        }
      .jihi_bunner_L{
              width: 25%;
    }
       .jihi_bunner_R{
   width: 75%;
   height: 20vw;  
     padding:1.6vw;
    padding-top: 4vw;
    }
.title_1{
   font-size: 3vw;  
}
.title_2{
   font-size: 2.2vw;  
}
}

/*ご挨拶*/
    #greeting{
        background-color: #f1f1f1;
        background-image: url(../images/background_pattern_3.jpg);
                background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        
     }
@media screen and (min-width:1200px) {
    #greeting{
        height: 960px;
     }
    .greeting_wrap{
        width: 94%;
        padding: 60px 0vw 0 72px;
    }
    .greeting_L{
        float: left;
        width: 45%;
        color: #000000;
        background: #ffffff;
        padding: 36px;
        box-sizing: border-box;
        border-radius: 48px;
    }
    .greeting_title{
        font-size: 31.2px;
        padding: 0 0 24px 0;
    }
    .greeting_text{
        font-size: 16.8px;
        line-height: 27.6px;
    }
    .greeting_R{
        float: left;
        width: 55%;
        padding:0 0 0vw 60px ;
        box-sizing: border-box;
    }
    .greeting_R img{
        width: 100%;
        height: auto;
    }
    .greeting_line{
        background-color: #0097b9;
        height: 144px;
        margin: -60px 0;
        
    }
    .greeting_profile{
        margin: 36px 0 0 0;
        padding: 38px 0 0 0;
        width: 100%;
        height: 216px;
        background-color: #000000;
        color: #ffffff;
    }
    .greeting_profile_wrap{
        float: left;
        width: 60%;
        padding: 0vw 0 0 0vw;
    }
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #greeting{
        height: 80vw;
     }
    .greeting_wrap{
        width: 94%;
        padding: 5vw 0vw 0 6vw;
    }
    .greeting_L{
        float: left;
        width: 45%;
        color: #000000;
        background: #ffffff;
        padding: 3vw;
        box-sizing: border-box;
        border-radius: 4vw;
    }
    .greeting_title{
        font-size: 2.6vw;
        padding: 0 0 2vw 0;
    }
    .greeting_text{
        font-size: 1.4vw;
        line-height: 2.3vw;
    }
    .greeting_R{
        float: left;
        width: 55%;
        padding:0 0 0vw 5vw ;
        box-sizing: border-box;
    }
    .greeting_R img{
        width: 100%;
        height: auto;
    }
    .greeting_line{
        background-color: #0097b9;
        height: 12vw;
        margin: -5vw 0;
        
    }
    .greeting_profile{
        margin: 3vw 0 0 0;
        padding: 3.5vw 0 0 0;
        width: 100%;
        height: 18vw;
        background-color: #000000;
        color: #ffffff;
    }
    .greeting_profile_wrap{
        float: left;
        width: 60%;
        padding: 0vw 0 0 0vw;
    }
    
}


@media screen and (max-width:699px) {
        #greeting{
        height: 205vw;
     }
    .greeting_wrap{
        width: 86%;
        padding: 5vw 0vw 0 0vw;
         margin: 0 auto;
    }
    .greeting_L{
        width: 100%;
        color: #000000;
        background: #ffffff;
        padding: 3vw;
        box-sizing: border-box;
        border-radius: 4vw;
    }
    .greeting_title{
        font-size: 4vw;
        padding: 0 0 2vw 0;
    }
    .greeting_text{
        font-size: 3vw;
        line-height: 5vw;
    }
    .greeting_R{
        width: 100%;
        padding:10vw 0 0vw 0vw ;
        box-sizing: border-box;
        text-align: center;
        margin: -3vw auto;

    }
    .greeting_R img{
        width: 70%;
        height: auto;
    }
    .greeting_line{
        display: none;
        
    }
    .greeting_profile{
        margin: 6vw 0 0 0;
        padding: 0 0 0 8vw;
        width: 100%;
        height: 35vw;
        background-color: #000000;
        color: #ffffff;
        box-sizing: border-box;
    }
    .greeting_profile_wrap{
        float: left;
        width: 78%;
        padding: 5vw 0 0 5vw;
    }

}

/*利用規約*/
    #terms,#activity,#join{
        background-color: #f1f1f1;
    
    }
@media screen and (min-width:1200px) {
        #terms_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 36px 0 36px 0;
    }
     .terms_text_title{
        font-size: 27.6px;
        color: #0097b9;
         padding: 0 0 24px 0 ;
    }
    .terms_text_1{
        font-size: 19.2px;
        color: #808080;
    }
    .terms_text_2{
        font-size: 15.6px;
        margin: 0 0 36px 0 ;
        color: #808080;
    }
    .terms_text_3{
        font-size: 15.6px;
        padding: 0 0vw 0 36px;
        margin: 0 0 36px 0 ;
        color: #808080;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #terms_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
    }
     .terms_text_title{
        font-size: 2.3vw;
        color: #0097b9;
         padding: 0 0 2vw 0 ;
    }
    .terms_text_1{
        font-size: 1.6vw;
        color: #808080;
    }
    .terms_text_2{
        font-size: 1.3vw;
        margin: 0 0 3vw 0 ;
        color: #808080;
    }
    .terms_text_3{
        font-size: 1.3vw;
        padding: 0 0vw 0 3vw;
        margin: 0 0 3vw 0 ;
        color: #808080;
    }
    .terms_text_4{
        font-size: 1.3vw;
        padding: 0 0vw 0 6vw;
        margin: 0 0 3vw 0 ;
        color: #808080;
    }
}


@media screen and (max-width:699px) {
        #terms_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
    }
     .terms_text_title{
        font-size: 3.5vw;
        color: #0097b9;
         padding: 0 0 2vw 0 ;
    }
    .terms_text_1{
        font-size: 2.5vw;
        color: #808080;
    }
    .terms_text_2{
        font-size: 2vw;
        margin: 0 0 3vw 0 ;
        color: #808080;
    }
    .terms_text_3{
        font-size: 2vw;
        padding: 0 0vw 0 3vw;
        margin: 0 0 3vw 0 ;
        color: #808080;
    }

}

/*活動内容*/
    #activity{
        background-color: #f1f1f1;
        background-image: url(../images/background_pattern_3.jpg);
                background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        }
        
@media screen and (min-width:1200px) {
        #activity_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 36px 0 36px 0;
        height: 1080px;
    }
    .activity_title{
        font-size: 27.6px;
        color: #0097b9;
         padding: 36px 0 24px 0 ; 
    }
    .activity_num_blue{
        font-size: 24px;
        text-align: left;
        padding: 12px 0 0 24px;
        color: #0097b9;
    }
    .activity_num_green{
        font-size: 24px ;
        text-align: left;
        padding: 12px 0 0 24px;
        color: #8fc31f;
    }
    .activity_box,.activity_box2{
        float: left;
        width: 30%;
        height: 288px;
        background-color: #ffffff;
        text-align: center;
        margin: 12px;
        box-sizing: border-box;
    }
    .activity_box img{
        width: 50%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_box2 img{
        width: 45%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_text{
        font-size: 18px;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #activity_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
        height: 90vw;
    }
    .activity_title{
        font-size: 2.3vw;
        color: #0097b9;
         padding: 3vw 0 2vw 0 ; 
    }
    .activity_num_blue{
        font-size: 2vw;
        text-align: left;
        padding: 1vw 0 0 2vw;
        color: #0097b9;
    }
    .activity_num_green{
        font-size: 2vw;
        text-align: left;
        padding: 1vw 0 0 2vw;
        color: #8fc31f;
    }
    .activity_box,.activity_box2{
        float: left;
        width: 30%;
        height: 24vw;
        background-color: #ffffff;
        text-align: center;
        margin: 1vw;
        box-sizing: border-box;
    }
    .activity_box img{
        width: 50%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_box2 img{
        width: 45%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_text{
        font-size: 1.5vw;
    }
    
}

@media screen and (max-width:699px) {
    #activity_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
        height: 160vw;
    }
    .activity_title{
        font-size: 3.5vw;
        color: #0097b9;
         padding: 3vw 0 2vw 0 ; 
    }
    .activity_num_blue{
        font-size: 3vw;
        text-align: left;
        padding: 1vw 0 0 2vw;
        color: #0097b9;
    }
    .activity_num_green{
        font-size: 3vw;
        text-align: left;
        padding: 1vw 0 0 2vw;
        color: #8fc31f;
    }
    .activity_box,.activity_box2{
        float: left;
        width: 46%;
        height: 34vw;
        background-color: #ffffff;
        text-align: center;
        margin: 1vw;
        box-sizing: border-box;
    }
    .activity_box img{
        width: 50%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_box2 img{
        width: 45%;
        height: auto;
        padding: 0vw 0 0 0;
}
    .activity_text{
        font-size: 2.2vw;
    }
}
/*入会のご案内*/

@media screen and (min-width:1200px) {
        #join_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 36px 0 96px 0 ;
    }
    .join_text_1{
        font-size: 14.4px;
    }
    .join_title{
        margin: 60px 0 0 0;
    }
    .join_title_text{
        font-size: 24px;
        color: #000000;
        padding: 0vw 0 0 12px;
        border-left: 9.6px solid #000000;
        margin-bottom: 24px;
    }
    .join_cell{
            border-collapse:separate;
            border-spacing: 0px 18px;
    }
    .join_cell tr{
        border: solid 1px #808080;

    }
    .join_cell th{
        background-color: #b8d5db;
        color: #000000;
        width: 360px;
        font-size: 15.6px;
        font-weight: normal;
    }
    .join_cell td{
        background-color: #ffffff;
        color: #000000;
        width: 240px;
        font-size: 15.6px;
        text-align: center;
    }
    .join_text_mail{
        float: left;
        color: #ffffff;
        font-size: 15.6px;
        text-align: center;
        margin: 0vw 0;
    }
    .join_text_mail a{
        text-decoration: none;
        color: #ffffff;
    }
    .join_mail_icon{
        float: left;
        margin: 2.4px;
    }
    .join_mail{
        background-color: #0097b9; 
        width: 300px;
        height: 18px;
        margin: 18px 0 18px 0;
        padding: 12px 0 12px 108px;
    }
    .join_mail img{
        width: 50%;
        height: auto;
    }

}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #join_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 8vw 0 ;
    }
    .join_text_1{
        font-size: 1.2vw;
    }
    .join_title{
        margin: 5vw 0 0 0;
    }
    .join_title_text{
        font-size: 2vw;
        color: #000000;
        padding: 0vw 0 0 1vw;
        border-left: 0.8vw solid #000000;
        margin-bottom: 2vw;
    }
    .join_cell{
            border-collapse:separate;
            border-spacing: 0px 1.5vw;
    }
    .join_cell tr{
        border: solid 1px #808080;

    }
    .join_cell th{
        background-color: #b8d5db;
        color: #000000;
        width: 30vw;
        font-size: 1.3vw;
        font-weight: normal;
    }
    .join_cell td{
        background-color: #ffffff;
        color: #000000;
        width: 20vw;
        font-size: 1.3vw;
        text-align: center;
    }
    .join_text_mail{
        float: left;
        color: #ffffff;
        font-size: 1.3vw;
        text-align: center;
        margin: 0vw 0;
    }
    .join_text_mail a{
        text-decoration: none;
        color: #ffffff;
    }
    .join_mail_icon{
        float: left;
        margin: 0.2vw;
    }
    .join_mail{
        background-color: #0097b9; 
        width: 25vw;
        height: 1.5vw;
        margin: 1.5vw 0 1.5vw 0;
        padding: 1vw 0 1vw 9vw;
    }
    .join_mail img{
        width: 50%;
        height: auto;
    }
}


@media screen and (max-width:699px) {
   #join_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 8vw 0 ;
    }
    .join_text_1{
        font-size: 2vw;
    }
    .join_title{
        margin: 5vw 0 0 0;
    }
    .join_title_text{
        font-size: 3vw;
        color: #000000;
        padding: 0vw 0 0 1vw;
        border-left: 0.8vw solid #000000;
        margin-bottom: 2vw;
    }
    .join_cell{
            border-collapse:separate;
            border-spacing: 0px 2vw;
    }
    .join_cell tr{
        border: solid 1px #808080;

    }
    .join_cell th{
        background-color: #b8d5db;
        color: #000000;
        width: 50vw;
        font-size: 2vw;
        font-weight: normal;
        height: 5vw;
    }
    .join_cell td{
        background-color: #ffffff;
        color: #000000;
        width: 30vw;
        font-size: 2vw;
        text-align: center;
        height: 5vw;
        padding-top: 2.5vw;
    }
    .join_text_mail{
        float: left;
        color: #ffffff;
        font-size: 2vw;
        text-align: center;
        margin: 0vw 0;
    }
    .join_text_mail a{
        text-decoration: none;
        color: #ffffff;
    }
    .join_mail_icon{
        float: left;
        margin: 0.2vw;
    }
    .join_mail{
        background-color: #0097b9; 
        width: 40vw;
        height: 3vw;
        margin: 1.5vw 0 1.5vw 0;
        padding: 1vw 0 1vw 9vw;
    }
    .join_mail img{
        width: 50%;
        height: auto;
    }
}

/* お問い合わせ*/

@media screen and (min-width:1200px) {
       #contact{
        width: 100%;

        padding-top:60px;
        background-color: #f1f1f1;
    }
    #contact_wrap{
        width: 80%;
    }
    #contact h2{
        font-size: 24px;
        color: #000000;
        text-align: left;
    }
    #contact_t_1{
       width: 100%;
        font-size: 24px;
        color: #000000;
        text-align: left;
        margin: 0 auto;
        padding-left: 120px;
    box-sizing: border-box;
    }
    #contact_t_2 a{
        color: #000000;
        text-decoration: none;
    }
    .send{
	margin: 36px;
	width: 600px;
	height: 48px;
	background-color: #0097b9;
	color: white;
	font-size: 18px;
	border: none;
    }
    #contact_t_3{
        width: 80%;
    }
    #contact_t_3 table{
    margin: 0 auto;
	border-spacing:0 24px;
}

    #contact_t_3 .toiawase_th {
    background-color:#E0E0E0;
    border-left: solid 16px #808080;
    padding: 24px;
    width: 360px;
    box-sizing: border-box;
    font-weight: normal;
    color:#000000;
    }
    #contact_t_3 td{
	background-color:#E0E0E0;
    padding: 36px;
    width: 600px;
    box-sizing: border-box;
}

    #contact_t_3 .text_box{
	font-size: 24px;
    width: 600px;
}
    .text_box_demand{
	font-size: 24px;
	height: 240px;
	vertical-align: top;
    width: 600px;
}
    #contact_t_3{
        font-size: 18px;
        color: #000000;
        text-align: center;
        margin: 0 auto;
    }
    #contact_confirm{
        width: 90%;
         margin: 0vw auto;
        padding-top: 180px;
        height: 600px;
        font-size: 18px;
        color: #000000;
    }
    #contact_confirm{
        width: 80%;
         margin: 0vw auto;
        padding-top: 180px;
        height: 600px;
        font-size: 18px;
        color: #000000;
    }
  
}

@media screen and (max-width:1199px) and (min-width:700px) {
    #contact{
        width: 100%;

        padding-top:5vw;
        background-color: #f1f1f1;
    }
    #contact_wrap{
        width: 80%;
    }
    #contact h2{
        font-size: 2vw;
        color: #000000;
        text-align: left;
    }
    #contact_t_1{
       width: 100%;
        font-size: 2vw;
        color: #000000;
        text-align: left;
        margin: 0 auto;
        padding-left: 10vw;
    box-sizing: border-box;
    }
    #contact_t_2 a{
        color: #000000;
        text-decoration: none;
    }
    .send{
	margin: 3vw;
	width: 50vw;
	height: 4vw;
	background-color: #0097b9;
	color: white;
	font-size: 1.5vw;
	border: none;
    }
    #contact_t_3{
        width: 80%;
    }
    #contact_t_3 table{
    margin: 0 auto;
	border-spacing:0 2vw;
}

    #contact_t_3 .toiawase_th {
    background-color:#E0E0E0;
    border-left: solid 16px #808080;
    padding: 2vw;
    width: 30vw;
    box-sizing: border-box;
    font-weight: normal;
    color:#000000;
    }
    #contact_t_3 td{
	background-color:#E0E0E0;
    padding: 3vw;
    width: 50vw;
    box-sizing: border-box;
}

    #contact_t_3 .text_box{
	font-size: 2vw;
    width: 50vw;
}
    .text_box_demand{
	font-size: 2vw;
	height: 20vw;
	vertical-align: top;
    width: 50vw;
}
    #contact_t_3{
        font-size: 1.5vw;
        color: #000000;
        text-align: center;
        margin: 0 auto;
    }
    #contact_confirm{
        width: 90%;
         margin: 0vw auto;
        padding-top: 15vw;
        height: 50vw;
        font-size: 1.5vw;
        color: #000000;
    }
    #contact_confirm{
        width: 80%;
         margin: 0vw auto;
        padding-top: 15vw;
        height: 50vw;
        font-size: 1.5vw;
        color: #000000;
    }
}

@media screen and (max-width:699px) {
       #contact{
        width: 100%;
        margin: 0 auto;
        padding-top:10vw;
        background-color: #f1f1f1;
    }
    #contact h2{
        font-size: 2vw;
        color: #000000;
        text-align: left;
    }
    #contact_t_2{
        width: 100%;
        font-size: 2vw;
        color: #000000;
        text-align: left;
         margin: 0 auto;
        padding-left: 10vw;
    box-sizing: border-box;
         margin-bottom: 3vw;;
    }
    #contact_t_1{
       width: 100%;
        font-size: 4vw;
        color: #000000;
        text-align: left;
        margin: 0 auto;
        padding-left: 10vw;
    box-sizing: border-box;
    }
    #contact_t_2 a{
        color: #000000;
        text-decoration: none;
    }
    .send{
	margin: 3vw;
	width: 20vw;
	height: 5vw;
	background-color: #5CA2DA;
	color: white;
	font-size: 3vw;
	border-radius:2vw;
	border: none;
	margin-bottom: 6vw;
    }
    #contact_t_3{
        width: 90%;
         margin: 0 auto;
    }
    #contact_t_3 table{
    margin: 0 auto;
	border-spacing:0 5vw;
}

    #contact_t_3 .toiawase_th {
    font-size: 2.5vw;
    width: 80vw;
    box-sizing: border-box;
  display: block;
        font-weight: normal;
        text-align: left;
    }
    #contact_t_3 td{
    padding: 0vw;
    width: 80vw;
    box-sizing: border-box;
  display: block;
}

    #contact_t_3 .text_box{
	font-size: 3vw;
    width: 100%;
        height: 7vw;
}
    .text_box_demand{
	font-size: 3vw;
	height: 50vw;
	vertical-align: top;
    width: 80vw;
}
    #contact_t_3{
        font-size: 2vw;
        color: #000000;
        text-align: center;
        margin: 0 auto;
    }
    #contact_confirm{
        width: 90%;
         margin: 0vw auto;
        padding-top: 15vw;
        height: 50vw;
        font-size: 1.5vw;
        color: #000000;
    }
    .g-recaptcha{
        margin-left: 0vw;
    }
 
}

/*賛助会員*/
   #supporter{
        width: 100%;
        background-color: #f1f1f1;
        background-image: url(../images/background_pattern_3.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
    }
.supporter_toiawase a{
    text-decoration: none;
    color: #ffffff;
    border: solid #ffffff 1px;
}
@media screen and (min-width:1200px) {
   #supporter{
        padding: 108px 0;
    }
    .supporter_wrap{
        width: 80%;
        background-color: #ffffff;
        border-radius: 48px;
        margin: 0 auto;
        padding: 36px 60px;
        position: relative;
        
    }
    .supporter_top{
        position:absolute;
        top: -30px;
        background-image: url(../images/sanjo_back.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        width: 83%;
        height: auto;
        color: #ffffff;
        margin: 0 auto;
        padding: 36px;
    }
    .supporter_top_title_sub{
        font-size: 18px;
    }
    .supporter_top_title{
        font-size: 30px;
    }
    .supporter_text_1{
        font-size: 16.8px;
        color: #000000;
        padding: 168px 36px 36px 36px;
        line-height: 30px;
    }
    .supporter_text_1_2{
        font-size: 16.8px;
    }
    .supporter_text_2{
        border-left: solid #0097b9 24px;
        border-right: solid #8fc31f 24px;
        width: 83%;
         margin: 0 auto;
        padding: 0 36px;
        margin-bottom: 24px;

    }
    .supporter_title_2_1{
        font-size: 24px;
        color: #000000;
    }
    .supporter_title_2_2{
        font-size: 20.4px;
        padding: 8.4px 0;
    }
    .supporter_title_2_3{
        font-size: 18px;
        color: #0097b9;
    }
    .supporter_text_2_2{
        color: #000000;
        font-size: 16.8px;
        border-top: solid #0097b9 1px;
        border-bottom: solid #0097b9 1px;
        padding: 12px 0;
        margin: 6px 0;
    }
    .supporter_title_2_4{
        font-size: 14.4px;
    }
    .supporter_text_5{
        font-size: 16.8px;
        color: #000000;
        padding: 24px 36px 36px 36px;
        line-height: 2.5vw;
    }
    .supporter_title_3{
        font-size: 20.4px;
        padding: 36px 0 0 0;
    }
    .supporter_text_3{
        padding-left: 36px;
    }
    .supporter_toiawase{
        background-color: #808080;
        padding: 36px 96px;
        color: #ffffff;
        font-size: 15.6px;
         margin: 60px auto;
        margin-bottom: 0vw;
        text-align: center;
        width: 90%;
        box-sizing: border-box;
    }
     .supporter_toiawase a{
    padding: 6px 84px;
}
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #supporter{
        padding: 9vw 0;
    }
    .supporter_wrap{
        width: 80%;
        background-color: #ffffff;
        border-radius: 4vw;
        margin: 0 auto;
        padding: 3vw 5vw;
        position: relative;
        
    }
    .supporter_top{
        position:absolute;
        top: -2.5vw;
        background-image: url(../images/sanjo_back.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        width: 83%;
        height: auto;
        color: #ffffff;
        margin: 0 auto;
        padding: 3vw;
    }
    .supporter_top_title_sub{
        font-size: 1.5vw;
    }
    .supporter_top_title{
        font-size: 2.5vw;
    }
    .supporter_text_1{
        font-size: 1.4vw;
        color: #000000;
        padding: 14vw 3vw 3vw 3vw;
        line-height: 2.5vw;
    }
    .supporter_text_5{
        font-size: 1.4vw;
        color: #000000;
        padding: 2vw 3vw 3vw 3vw;
        line-height: 2.5vw;
    }
    .supporter_title_3{
        font-size: 1.7vw;
        padding: 3vw 0 0 0;
    }
    .supporter_text_3{
        padding-left: 3vw;
    }
    .supporter_text_1_2{
        font-size: 1.4vw;
    }
    .supporter_text_2{
        border-left: solid #0097b9 2vw;
        border-right: solid #8fc31f 2vw;
        width: 83%;
         margin: 0 auto;
        padding: 0 3vw;
        margin-bottom: 2vw;

    }
    .supporter_title_2_1{
        font-size: 2vw;
        color: #000000;
    }
    .supporter_title_2_2{
        font-size: 1.7vw;
        padding: 0.7vw 0;
    }
    .supporter_title_2_3{
        font-size: 1.5vw;
        color: #0097b9;
    }
    .supporter_text_2_2{
        color: #000000;
        font-size: 1.4vw;
        border-top: solid #0097b9 1px;
        border-bottom: solid #0097b9 1px;
        padding: 1vw 0;
        margin: 0.5vw 0;
    }
    .supporter_title_2_4{
        font-size: 1.2vw;
    }
    .supporter_toiawase{
        background-color: #808080;
        padding: 3vw 8vw;
        color: #ffffff;
        font-size: 1.3vw;
         margin: 5vw auto;
        margin-bottom: 0vw;
        text-align: center;
        width: 90%;
        box-sizing: border-box;
    }
     .supporter_toiawase a{
    padding: 0.5vw 7vw;
}
}


@media screen and (max-width:699px) {
       #supporter{
        padding: 9vw 0;
    }
    .supporter_wrap{
        width: 80%;
        background-color: #ffffff;
        border-radius: 4vw;
        margin: 0 auto;
        padding: 3vw 5vw;
        position: relative;
        
    }
    .supporter_top{
        position:absolute;
        top: -2.5vw;
        background-image: url(../images/sanjo_back.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        width: 83%;
        height: auto;
        color: #ffffff;
        margin: 0 auto;
        padding: 3vw;
    }
    .supporter_top_title_sub{
        font-size: 2vw;
    }
    .supporter_top_title{
        font-size: 3vw;
    }
    .supporter_text_1{
        font-size: 2vw;
        color: #000000;
        padding: 14vw 3vw 3vw 3vw;
        line-height: 3vw;
    }
    .supporter_text_1_2{
        font-size: 2vw;
    }
    .supporter_text_2{
        border-left: solid #0097b9 2vw;
        border-right: solid #8fc31f 2vw;
        width: 83%;
         margin: 0 auto;
        padding: 0 3vw;
        margin-bottom: 2vw;

    }
    .supporter_title_2_1{
        font-size: 2.5vw;
        color: #000000;
    }
    .supporter_title_2_2{
        font-size: 2vw;
        padding: 0.7vw 0;
    }
    .supporter_title_2_3{
        font-size: 2vw;
        color: #0097b9;
    }
    .supporter_text_2_2{
        color: #000000;
        font-size: 1.8vw;
        border-top: solid #0097b9 1px;
        border-bottom: solid #0097b9 1px;
        padding: 1vw 0;
        margin: 0.5vw 0;
    }
    .supporter_title_2_4{
        font-size: 2vw;
    }
    .supporter_text_5{
        font-size: 2vw;
        color: #000000;
        padding: 2vw 3vw 3vw 3vw;
        line-height: 3.5vw;
    }
    .supporter_title_3{
        font-size: 2.5vw;
        padding: 3vw 0 0 0;
    }
    .supporter_text_3{
        padding-left: 3vw;
    }
    .supporter_toiawase{
        background-color: #808080;
        padding: 3vw 8vw;
        color: #ffffff;
        font-size: 2vw;
         margin: 5vw auto;
        margin-bottom: 0vw;
        text-align: center;
        width: 90%;
        box-sizing: border-box;
    }
     .supporter_toiawase a{
    padding: 0.5vw 7vw;
}
}
/*スポンサー*/
@media screen and (min-width:1200px) {
    #sponsor_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 36px 0 36px 0;
        height: 960px;
}
   .sponsor_box{
        float: left;
        width: 50%;
        text-align: center;
        margin: 0vw;
       padding: 24px;
        box-sizing: border-box;
    }
   .sponsor_box img{
       width: 100%;
       height: auto;  
}
    }
@media screen and  (min-width:700px) and ( max-width:1199px)  {
#sponsor_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
        height: 80vw;
}
   .sponsor_box{
        float: left;
        width: 50%;
        text-align: center;
        margin: 0vw;
       padding: 2vw;
        box-sizing: border-box;
    }
   .sponsor_box img{
       width: 100%;
       height: auto;  
}
}
@media screen and (max-width:699px) {
    #sponsor_wrap{
        width: 80%;
        margin: 0 auto;
        padding: 3vw 0 3vw 0;
}
   .sponsor_box{
        width: 80%;
        text-align: center;
        margin: 0 auto;
       padding: 3vw;
        box-sizing: border-box;
    }
   .sponsor_box img{
       width: 100%;
       height: auto;  
}
    }

/*news*/
    .news_wrap{
        background-color: #f1f1f1;
        background-image: url(../images/background_pattern_3.jpg);
        background-position: center top;
        background-size: 100%;
    }
@media screen and (min-width:1200px) {
        .news_wrap{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .news_1{
        width: 65%;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 48px 0;
        border: solid 2.4px #0097B9;
        border-radius:12px;
        box-shadow: 0 0 10px 0 #8AB2CC;
    }
    .news_title{
        font-size: 18px;
        margin: 0 auto;
        width: 80%;
	    font-feature-settings: "palt";
    }
    .news_date{
        width: 80%;
        margin: 0 auto;
        text-align: right;
        font-size: 12px;
        margin-bottom: 36px;
    }
    .news_text{
        font-size:15.6px;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 36px;
        line-height:31.2px;
    }
    .news_photo{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 48px;
    }
    .news_photo img{
        width: 100%;
        height: auto;
    }
    .news_heading{
        border-left:solid 36px #0097B9;
        margin-bottom: 24px;
    }
    .news_heading_text{
        font-size: 12px;
        padding-left: 24px;
    }
    
  }  

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    .news_wrap{
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .news_1{
        width: 65%;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 4vw 0;
        border: solid 0.2vw #0097B9;
        border-radius:1vw;
        box-shadow: 0 0 10px 0 #8AB2CC;
    }
    .news_title{
        font-size: 1.5vw;
        margin: 0 auto;
        width: 80%;
	    font-feature-settings: "palt";
    }
    .news_date{
        width: 80%;
        margin: 0 auto;
        text-align: right;
        font-size: 1vw;
        margin-bottom: 3vw;
    }
    .news_text{
        font-size:  1.3vw;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 3vw;
        line-height:2.6vw;
    }
    .news_photo{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }
    .news_photo img{
        width: 100%;
        height: auto;
    }
    .news_heading{
        border-left:solid 3vw #0097B9;
        margin-bottom: 2vw;
    }
    .news_heading_text{
        font-size: 1vw;
        padding-left: 2vw;
    }
    
  }  

@media screen and (max-width:699px) {
       .news_wrap{
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .news_1{
        width: 90%;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 6vw 0;
        border: solid 0.2vw #0097B9;
        border-radius:1vw;
        box-shadow: 0 0 10px 0 #8AB2CC;
    }
    .news_title{
        font-size: 2vw;
        margin: 0 auto;
        width: 80%;
	    font-feature-settings: "palt";
    }
    .news_date{
        width: 80%;
        margin: 0 auto;
        text-align: right;
        font-size: 2vw;
        margin-bottom: 3vw;
    }
    .news_text{
        font-size:  2.5vw;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 3vw;
        line-height:5vw;
    }
    .news_photo{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }
    .news_photo img{
        width: 100%;
        height: auto;
    }
    .news_heading{
        border-left:solid 5vw #0097B9;
        margin-bottom: 2vw;
    }
    .news_heading_text{
        font-size: 1.6vw;
        padding-left: 2.5vw;
    }
    
  }  

/*工事中*/
@media screen and (min-width:1200px) {
    #constraction{
        width: 100%;
        margin: 0 auto;
        background-color: #f1f1f1;
        height: 360px;
        padding-top: 180px;
    }
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
    #constraction{
        width: 100%;
        margin: 0 auto;
        background-color: #f1f1f1;
        height: 30vw;
        padding-top: 15vw;
    }

}


@media screen and (max-width:699px) {
    #constraction{
        width: 100%;
        margin: 0 auto;
        background-color: #f1f1f1;
        height: 70vw;
        padding-top: 50vw;
    }
}

   	#footter{
	background-color: #cccccc;
	color: #000000;
	text-align: left;
	}
    
/*フッター*/
    
@media screen and (min-width:1200px) {
	#footter{
	width:100%;
	font-size: 15.6px;
	padding: 24px 0 24px 60px;
    margin-top: 36px;
    box-sizing: border-box;
	}
	#footter img{
	width:20%;
	height: auto;
	}
	#footter a{
	text-decoration: none;
    color: #000000;
	}
    .text_s{
        font-size: 12px;
        margin-top: 18px;
    }
}

@media screen and  (min-width:700px) and ( max-width:1199px)  {
	#footter{
	width:100%;
	font-size: 1.3vw;
	padding: 2vw 0 2vw 5vw;
    margin-top: 3vw;
    box-sizing: border-box;
	}
	#footter img{
	width:20%;
	height: auto;
	}
	#footter a{
	text-decoration: none;
    color: #000000;
	}
    .text_s{
        font-size: 1vw;
        margin-top: 1.5vw;
    }
}


@media screen and (max-width:699px) {
	#footter{
	width:100%;
	font-size: 2vw;
    margin: 0 auto;
    text-align: center;
    margin-top: 8vw;
    box-sizing: border-box;
    padding: 3vw 0;
	}
	#footter img{
	width:40%;
	height: auto;
	}
    #footter a{
	text-decoration: none;
    color: #000000;
	}
    .text_s{
        font-size: 2vw;
        margin-top: 1.5vw;
    }
}


/* 以下スマホハンバーガーメニュー*/
@media screen and (min-width:700px) {
header{
	display: none;
}
}

@media screen and (max-width:699px) {
header{
  padding:10px;
background-color: #000000;
}
}


#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #ffffff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 200px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background:#0097b9;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  opacity: 0.9;
}
.content_1{
   border-top:  0px solid #ffffff;
}
.content_1 h2{
   border-bottom:  1px solid #ffffff;
   line-height: 6vw;
}
#nav-content h2{
	font-size: 3vw;
}
/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-area_2{
    text-align:center;
    margin:auto;
    width: 090vw;
    font-size: 3vw;
    color: #ffffff;
}
.logo-area{
    text-align:left;
    margin:auto;
    width: 090vw;
    font-size: 3vw;
    color: #ffffff;
}
.logo-area_2 img{
    width: 40%;
    height: auto;    
}

#nav-content{
	color: white;
	text-align: center;
	font-size: 1.4vw;
	
}
#nav-content a{
	color: white;
		text-decoration:none; 
}
/* 以上スマホハンバーガーメニュー*/

/*トップへ戻る」ボタン*/
h2{
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width:700px) {
#page_top{
  width: 45px;
  height: 45px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #8fc31f;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0d8';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
}
@media screen and (max-width:699px) {
#page_top{
  display: none;
}
}

/*電話700px～PC　PC上では見えないようにする*/
@media screen and (min-width:700px) {
	.footer_area{
		display: none;
}	
}
 
/*スマホ～699pxの幅サイズまで*/
@media screen and (max-width:699px) {
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 255, 255, 255, 0.7 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 90%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 90%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #1eaa39;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 90%;
    padding: 5px 0;
    font-size: 4vw;
    font-weight:normal
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
.footer_area_inner_epark {
    width: 60%;
	margin: 0 auto;
	margin-bottom: 2vw;
    
}
.footer_area_inner_epark img{
    width: 100%;
	height: auto;
    
}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}