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

*{ margin:0; padding:0; box-sizing: border-box; }

body{
	width: 99%; 
	max-width: 900px;
	margin: 0 auto;
	text-align: center; }

a:hover img { opacity: 0.7; }

.icon {display: flex; flex-wrap:wrap;}
.icon p {
	width: calc(100%/4);
	box-sizing: border-box;
	margin: 0;
	margin-bottom: -5px;
}
.icon p img {max-width:100%; height: auto;}

/* =============================================== */
.caption img { width: 100%; }
.tag1 img { 
	width: 100%; 
	margin-top: 20px; }
.tag2 img { 
	width: 100%; 
	margin-top: 10px; }
.tag3 img { 
	width: 90%; 
	margin-top: 20px; }
.tag4 img { 
	width: 90%; 
	margin-top: 10px; }
.textl{
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: 500;
	color: #060606;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px; }
.texts{
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.95em;
	line-height: 1.5;
	font-weight: 400;
	color: #060606;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px; }
/* ----------------------------------------------- */
@media (min-width:601px){
.caption img { width: 100%; }
.tag1 img { 
	width: 100%; 
	margin-top: 30px; }
.tag2 img { 
	width: 100%; 
	margin-top: 15px; }
.tag3 img { 
	width: 90%; 
	margin-top: 30px; }
.tag4 img { 
	width: 90%; 
	margin-top: 15px; }
.textl{
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.85em;
	line-height: 1.3;
	font-weight: 600;
	color: #060606;
	text-align: left;
	margin-top: 10px; 
	margin-bottom: 0px; }
.texts{
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.35em;
	line-height: 1.5;
	font-weight: 400;
	color: #060606;
	text-align: left;
	margin-top: 0px; 
	margin-bottom: 0px; }}
/* =============================================== */


/* アコーディオン全体 */
/* =============================================== */
.accordion-container {
	position: relative;
	width: 100%;
	text-align: left;
	/* border: 0.5px solid #FF4200;*/
	border-top: none;
	outline: 0;}
/* アコーディオンタイトル */
.accordion-container .accordion-title {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 15px;
	padding: 6px 0px 8px 13px;
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	color: #FFFF00;
	background: #FF4200;}
/* ----------------------------------------------- */
@media (min-width:601px){
.accordion-container .accordion-title {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 25px;
	padding: 8px 0px 11px 20px;
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8em;
	font-weight: 500;
	color: #FFFF00;
	background: #FF4200; }}
.accordion-title { position: relative; }
/* アコーディオン矢印 */
.accordion-title:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 35%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 7px;
	height: 7px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg); }
@media (min-width:601px){
.accordion-title:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2.5px #fff;
	border-right: solid 2.5px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg); }}
.accordion-title.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%; }
/* アコーディオン中身============================== */
.accordion-content {
	display: none;
	width: 98%;
	margin: 0 auto;
	text-align: center; }
.cap1 img { 
	width: 100%; 
	margin-top: 10px; }
.cap2 img { 
	width: 90%; 
	margin-top: 10px; }
.acrd1 img { 
	width: 100%; 
	margin-top: 20px; }
.acrd2 img { 
	width: 100%; 
	margin-top: 10px; }
.acrd3 img { 
	width: 90%; 
	margin-top: 20px; }
.acrd4 img { 
	width: 90%; 
	margin-top: 10px; }
@media (min-width:601px){
.cap1 img { 
	width: 100%; 
	margin-top: 20px; }
.cap2 img { 
	width: 90%; 
	margin-top: 20px; }
.acrd1 img { 
	width: 100%; 
	margin-top: 30px; }
.acrd2 img { 
	width: 100%; 
	margin-top: 20px; }
.acrd3 img { 
	width: 90%; 
	margin-top: 30px; }
.acrd4 img { 
	width: 90%; 
	margin-top: 20px; }

}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
	background-color: #FF9076;
	color: white; }
.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
	color: white; }
/* =============================================== */

/* =============================================== */
table{
	margin: 0 auto;
	border-collapse: collapse;/*セル同士の隙間を作らない*/
	margin-top: 10px;
	width:100%; }
table th {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.95em;
	font-weight: 400;
	border: solid 1px black;
	padding: 5px;
	background: #E4E4E4; }
table td {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	border: solid 1px black;
	padding: 10px 10px; }
td.a { width: 20%; background: #E4E4E4; text-align: center; }
td.b { width: 80%; text-align: left; }
/* ----------------------------------------------- */
@media (min-width:601px){
table{
	margin: 0 auto;
	border-collapse: collapse;/*セル同士の隙間を作らない*/
	margin-top: 15px;
	width:100%;
  }
table th {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	border: solid 1px black;
	padding: 5px;
	background: #E4E4E4;
}
table td {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.3em;
	font-weight: 500;
	border: solid 1px black;
	padding: 13px 10px;
}
td.a { width: 20%; background: #E4E4E4; text-align: center; }
td.b { width: 80%; text-align: left; }}
/* =============================================== */

.copyright{
	font-size: 0.7em;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 400;
	color: #000000;
	text-align: center; 
	margin-top: 20px; }
/* ----------------------------------------------- */
@media (min-width:601px){
.copyright{
	font-size: 1.2em;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 400;
	color: #000000;
	text-align: center;
	margin-top: 40px; }}