/*===============================================
●pc用のcssを記述
===============================================*/
@media screen and (min-width : 1000px ){


	




/*プロフィール-----------------*/		
	
.sec_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-image: url(../img/profile_pc.jpg);
}	

.sec_prof_wrapp {
    width: 90%;
    max-width: 1050px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 120px;
 }	
.sec_prof_box {
    width: 85%;
    max-width: 500px;
    min-height: 400px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: right;
    background-color: hsla(0,0%,0%,0.60);
}	

.sec_prof_box_in {
    width: 85%;
    min-height: 300px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
	margin-bottom: 40px;
}		
.sec_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
    border-bottom: 1px solid #fff;	
}		
.sec_prof_box_in_name_pc {
    width: 343px;
    display: table;
float: left;
}	
.sec_prof_box_in_name_sp {
    width: 343px;
    display: none;
float: left;
}		
.sec_prof_box_in_name_icon {
    width: 35px;
    display: table;
    float: right;
}	
.sec_prof_box_in_txt {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    font-size: 17px;
    line-height: 190%;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}

	
/*プロフィールnote-----------------*/		
	
.sec_note_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-image: url(../img/profile_note.jpg);
}	

.sec_note_prof_wrapp {
    width: 90%;
    max-width: 840px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
 }	
.sec_note_prof_box {
    width: 85%;
    max-width: 470px;
    min-height: 400px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background-color: hsla(0,0%,0%,0.60);
}	

.sec_note_prof_box_in {
    width: 85%;
    min-height: 300px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
	margin-bottom: 30px;
}		
.sec_note_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
    border-bottom: 1px solid #fff;	
}		

.sec_note_prof_box_set {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 15px;
    font-size: 18px;
    line-height: 190%;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}	
.sec_note_prof_box_set_img {
    width: 17%;
    height: auto;
   display: table;
    float: left;
}	
	
.sec_note_prof_box_set_txt {
    width: 78%;
    height: auto;
    display: table;
    float: right;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    line-height: 120%;
    text-align: left;
  font-feature-settings: "palt";
	
	
}	
	
.sec_note_prof_box_set_txt a:link {

	color: #fff;

}
.sec_note_prof_box_set_txt a:visited {
	color: #fff;

}
.sec_note_prof_box_set_txt a:hover {
	color: #fff;
	text-decoration: underline;



}	
	
	
	
	

	
	
	
	
 /*セクション動画-----------------*/	
.sec_movie__back {
    background-color: #000000;
   
}	
	
	
.sec_movie_wrapp {
    width: 100%;
    max-width: 780px;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
	
.sec_movie_mov {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}	
	
.sec_movie_box {
    width: 100%;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;

}

.sec_movie_mbox {
    width: 45%;
    display: inline-block;

    min-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
	
.sec_05_wak_deta_mi_2 {
    width: 76%;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
    border-bottom: 1px solid #818181;
	
}	
.sec_05_wak_deta_mi_2_hi {
    width: 67%;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: left;
}		
.sec_05_wak_deta_mi_2_mi {
    width: 32%;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
}		

}

/*===============================================
●tablet用のcssを記述
===============================================*/	
@media only screen and (min-width:769px) and (max-width:999px) {

/*プロフィール-----------------*/	
	
.sec_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-image: url(../img/profile_tab.jpg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
}	

.sec_prof_wrapp {
    width: 90%;
	max-width: 768px;
    display: table;
    margin-right: auto;
    margin-left: auto;
  	margin-bottom: 0px;
    margin-top: 470px;	
	

}	
	
.sec_prof_box {
     width: 100%;
    max-width: 768px;

    display: table;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background-color: hsla(0,0%,0%,0.60);
}	
.sec_prof_box_in {
    width: 90%;
   height: auto;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
	margin-bottom: 20px;
}		
.sec_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
    border-bottom: 1px solid #fff;	
}		
.sec_prof_box_in_name_pc {
    width: 210px;
     display: table;
float: left;
}	
.sec_prof_box_in_name_sp {
    width: 112px;
    display: none;
float: left;
}		
.sec_prof_box_in_name_icon {
    width: 25px;
    display: table;
    float: right;
	margin-top: 0px;
}	
.sec_prof_box_in_txt {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    font-size: 13px;
    line-height: 170%;
    font-weight: 37400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}		

/*プロフィールnote-----------------*/		
	
.sec_note_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/profile_note.jpg);
}	

.sec_note_prof_wrapp {
    width: 90%;
    max-width: 840px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
 }	
.sec_note_prof_box {
    width: 85%;
    max-width: 470px;
    min-height: 400px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background-color: hsla(0,0%,0%,0.60);
}	

.sec_note_prof_box_in {
    width: 85%;
    min-height: 300px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
	margin-bottom: 30px;
}		
.sec_note_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
    border-bottom: 1px solid #fff;	
}		

.sec_note_prof_box_set {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 15px;
    font-size: 18px;
    line-height: 190%;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}	
.sec_note_prof_box_set_img {
    width: 17%;
    height: auto;
   display: table;
    float: left;
}	
	
.sec_note_prof_box_set_txt {
    width: 78%;
    height: auto;
    display: table;
    float: right;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    line-height: 120%;
    text-align: left;
  font-feature-settings: "palt";
	
	
}	
	
.sec_note_prof_box_set_txt a:link {

	color: #fff;

}
.sec_note_prof_box_set_txt a:visited {
	color: #fff;

}
.sec_note_prof_box_set_txt a:hover {
	color: #fff;
	text-decoration: underline;



}	
	
	
	
	
	
 /*セクション動画-----------------*/	
.sec_movie__back {
    background-color: #000000;
   
}	
	
	
.sec_movie_wrapp {
    width: 70%;
    max-width: 780px;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
	
.sec_movie_mov {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}	
	
.sec_movie_box {
    width: 100%;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;

}

.sec_movie_mbox {
    width: 45%;
    display: inline-block;

    min-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
		

.sec_05_wak_deta_mi_2 {
    width: 75%;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
    border-bottom: 1px solid #818181;
	
}	
.sec_05_wak_deta_mi_2_hi {
    width: 66%;
    margin-left: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: left;
}		
.sec_05_wak_deta_mi_2_mi {
    width: 32%;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
}		
	
	
}

/*ここからスマートフォン用環境の設定---------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 768px ){


	

/*プロフィール-----------------*/	
	
.sec_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-image: url(../img/profile_sp2.jpg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 120%;
}	

.sec_prof_wrapp {
    width: 88%;
	max-width: 480px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 400px;	
}	
	
.sec_prof_box {
     width: 100%;
    max-width: 560px;
    min-height: 100px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background-color: hsla(0,0%,0%,0.60);
}	
.sec_prof_box_in {
    width: 90%;
   height: auto;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;

}		
.sec_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
    border-bottom: 1px solid #fff;	
}		
.sec_prof_box_in_name_pc {
    width: 210px;
     display: table;
float: left;
}	
.sec_prof_box_in_name_sp {
    width: 112px;
    display: none;
float: left;
}		
.sec_prof_box_in_name_icon {
    width: 25px;
    display: table;
    float: right;
	margin-top: 0px;
}	
.sec_prof_box_in_txt {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    font-size: 13px;
    line-height: 170%;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}		

/*プロフィールnote-----------------*/		
	
.sec_note_prof {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../img/profile_note_sp.jpg);
    background-size: cover;
}	

.sec_note_prof_wrapp {
     width: 88%;
	max-width: 380px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 320px;
 }	
.sec_note_prof_box {
    width: 100%;
    max-width: 470px;
    min-height: 400px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background-color: hsla(0,0%,0%,0.60);
}	

.sec_note_prof_box_in {
    width: 85%;
    min-height: 300px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
	margin-bottom: 10px;
}		
.sec_note_prof_box_in_name {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
    border-bottom: 1px solid #fff;	
}		

.sec_note_prof_box_set {
    width: 100%;
    min-height: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 15px;
    font-size: 18px;
    line-height: 190%;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-align: left;
}	
.sec_note_prof_box_set_img {
    width: 15%;
    height: auto;
   display: table;
    float: left;
}	
	
.sec_note_prof_box_set_txt {
    width: 83%;
    height: auto;
    display: table;
    float: right;
    font-family: 'Noto Serif JP', serif;
    font-size: 15px;
    line-height: 120%;
    text-align: left;
  font-feature-settings: "palt";
	
	
}	
	
.sec_note_prof_box_set_txt a:link {

	color: #fff;

}
.sec_note_prof_box_set_txt a:visited {
	color: #fff;

}
.sec_note_prof_box_set_txt a:hover {
	color: #fff;
	text-decoration: underline;



}	
	
	
	
		
	
/*セクション動画-----------------*/	
.sec_movie__back {
    background-color: #000000;
}	
.sec_movie_wrapp {
   width: 85%;
	max-width: 640px;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.sec_movie_box {
    width: 100%;
    display: block;
    text-align: center;
	
}
.sec_movie_mov {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}	

.sec_movie_mbox {
    width: 100%;
    min-height: 30px;
	margin-bottom: 10px;
}		
	
	
	
.sec_05_wak_deta_mi_2 {
    width: 72%;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
    border-bottom: 1px solid #818181;
	
}	
.sec_05_wak_deta_mi_2_hi {
    width: 67%;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: left;
}		
.sec_05_wak_deta_mi_2_mi {
    width: 32%;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    display: table;
    font-feature-settings: "palt";
    float: right;
}		
	
}