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

/* SP */
@media screen and (max-width: 768px){

/* TOP */

.wrap {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

/* cv */	


.cv_btn {
	width: 94.66%;
	margin: 0 auto 6% auto;
}
	
/* cv アコーディオン */	
	
.cv01_ac {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 2.66%;
}
	
.cv_li_00 {
		font-size: 2.9vw;
		line-height: 1.5;
		padding: 4% 2.66% 0 4%;
    	text-indent: -0.5em;
   		text-align: justify;
}

.cv_li_00 li {
		margin-bottom: 1%;
}

.cv_tab {
	width: 100%;
}

.cv_tab > li {
}

.cv_tab > li:last-child {
}

.cv_tab > li .toggle-button_cv {
       width: 94%;
      padding: 1.5% 0 1.5% 0;
	  display: block;
      margin: 4% auto 2.66% auto;
      background-color: #595757;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 2.6vw;
	  text-align: center;
    }

.cv_tab > li .toggle-button_cv:hover {
 	 background-color: #0062b8; 
  	 transition: background-color 0.3s ease;
}
	
	
.cv_tab > li .toggle-button_cv:after {
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.cv_tab > li .cv_all {
  display: none;
  text-align: justify;
}

	.cv_li_01 {
		font-size: 2.9vw;
		line-height: 1.5;
		padding: 4% 2.66% 0 4%;
    	text-indent: -0.5em;
   		text-align: justify;
	}
	
	.cv_li_01 p {
		margin-bottom: 1%;
	}
	
	.cv_li_01 p a {
		text-decoration: underline;
		color: #d0121b;
	}




/* info */	

	#info {
		width: 100%;
		padding: 0 0 0 0;
	}
	
	.info_img01 {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
		
	.info_p1 {
		font-size: 3.2vw;
		line-height: 1.5;
		position: absolute;
		bottom: 4%;
		left: 5.3%;
	}


	
/* info アコーディオン */	
	

.info_tab > li {
	background-image: url("../images/info/info_02.jpg");
	background-size: cover;
	padding-bottom: 4.6%;
}

.info_tab > li:last-child {
}

.info_tab > li .toggle-button {
	width: 89.33%;
      padding: 0.6% 0 0.6% 0;
	  display: block;
      margin: 0 auto 2.66% auto;
      background-color: #2a20b1;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 3.2vw;
		text-align: center;
		border-radius: 30px;
}

.info_tab > li .toggle-button:hover {
 	 background-color: #0062b8; 
  	 transition: background-color 0.3s ease;
}
	
.info_tab > li .toggle-button:after {
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.info_tab > li .details {
  display: none;
}
	
	.info_p2 {
      font-size: 2.9vw;
		line-height: 1.7;
		padding: 0 5.3%;
		text-align: justify;
    }
 
	.shadow-button {
  		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); /* ← 影 */
  		transition: box-shadow 0.3s ease;
	}
	


}




/* PC */
@media screen and (min-width: 769px){

/* TOP */

.wrap {
	width: 750px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
} 

/* cv */	

.cv_btn {
	width: 94.66%;
	margin: 0 auto 6% auto;
}

/* cv アコーディオン */	
	
.cv01_ac {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 2.66%;
}
	
.cv_li_00 {
		font-size: 1.9rem;
		line-height: 1.5;
		padding: 4% 2.66% 0 4%;
    	text-indent: -0.5em;
   		text-align: justify;
}

.cv_li_00 li {
		margin-bottom: 1%;
}

	
.cv_tab {
	width: 100%;
}

.cv_tab > li {
}

.cv_tab > li:last-child {
}

.cv_tab > li .toggle-button_cv {
     width: 94%;
      padding: 1% 0 0.8% 0;
	  display: block;
      margin: 4% auto 2.66% auto;
      background-color: #595757;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 2.1rem;
	  text-align: center;
    }

.cv_tab > li .toggle-button_cv:hover {
 	 background-color: #0062b8; 
  	 transition: background-color 0.3s ease;
}
	
.cv_tab > li .toggle-button_cv:after {
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.cv_tab > li .cv_all {
  display: none;
  text-align: justify;
}

	.cv_li_01 {
		font-size: 1.9rem;
		line-height: 1.5;
		padding: 2% 2.66% 2% 4%;
    	text-indent: -0.5em;
   		text-align: justify;
	}
	
	.cv_li_01 p {
		margin-bottom: 1%;
	}
	
	.cv_li_01 p a {
		text-decoration: underline;
		color: #d0121b;
	}
	
	.cv_li_01 p a:hover {
		text-decoration: underline;
		color: #0062b8;
	}

	
/* info */	

	#info {
		width: 100%;
		padding: 0 0 0 0;
	}
	
	.info_img01 {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
		
	.info_p1 {
		font-size: 2.2rem;
		line-height: 1.5;
		position: absolute;
		bottom: 30px;
		left: 40px;
	}


	
/* info アコーディオン */	
	

.info_tab > li {
	background-image: url("../images/info/info_02.jpg");
	background-size: cover;
	padding-bottom: 4.6%;
}

.info_tab > li:last-child {
}

.info_tab > li .toggle-button {
	width: 89.33%;
      padding: 0.6% 0 0.6% 0;
	  display: block;
      margin: 0 auto 2.66% auto;
      background-color: #2a20b1;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 2.4rem;
		text-align: center;
	border-radius: 30px;
}

.info_tab > li .toggle-button:hover {
 	 background-color: #0062b8; 
  	 transition: background-color 0.3s ease;
}
	
.info_tab > li .toggle-button:after {
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.info_tab > li .details {
  display: none;
}
	
	.info_p2 {
      font-size: 2.0rem;
		line-height: 1.7;
		padding: 0 5.3%;
		text-align: justify;
    }
 
	.shadow-button {
  		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); /* ← 影 */
  		transition: box-shadow 0.3s ease;
	}
	

	
}