
/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	▼　〜2022 css

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_ /*/

#container { padding-top:20px; }

.boxWidth { margin:0 auto; }
.boxWidth.container { width:960px; }

.button:hover {
	background-color: #49a9d6;
}

.button a { display:block; }
.button a:link,
.button a:visited { color:#fff !important; }
.button a:hover { color:#fff !important; }

.bgBule { background-color:#f4faff !important; }

/*dl.item { margin:20px 0px; }*/
dl.item dt { float:left; width:100px; clear:both; font-weight:bold; margin-bottom:10px; }
dl.item dd { float:right; width:465px; margin-bottom:0px; }

/* txt */
.txtCopy { display:block; padding-top:5px; text-align:right; font-size:70%; color:#777; }

/* border [line] */
.boxLineDotTop { padding-top:30px; border-top:dotted 1px #ccc; margin-top:30px; }
.boxLineDotTop-bold {padding-top:30px; border-top:solid 4px #ccc; margin-top:30px; }
/* note */
.note { padding:10px; line-height:1em !important; }
.note.gray { border:1px solid #aaa; color:#777; }
.note.color_red { border:1px solid #cc6666; }

/* List */
.boxDlList {}
.boxDlList.typeA > dl { overflow:hidden; }
.boxDlList.typeA > dl dt { width:3em; float:left; }
.boxDlList.typeA > dl dd { margin-left:3.2em; }

.boxDlList.typeB > dl dt { font-weight:bold; }
.boxDlList.typeB > dl dd { margin-bottom:15px; }

.boxBtnList { }
.boxBtnList > ul { overflow:hidden; }
.boxBtnList > ul > li { float:left; width:24%; margin-right:1.3333333%; font-size:90%; letter-spacing:-.03em; }
.boxBtnList > ul > li:nth-child(4n) { margin-right:0; }
.boxBtnList > ul > li.button::after { position:static; }

.note_yellow dl.item,note_blue20 dl.item { margin:0px 0px; padding:0; }
.note_yellow dl.item dt,note_blue20 dl.item dt { float:left; width:100px; clear:both; font-weight:bold; margin-bottom:10px; }
.note_yellow dl.item dd,note_blue20 dl.item dd { float:right; width:465px; margin-bottom:10px; }

.listStyleDisc { margin-left:2em; list-style-type:disc; }
.listStyleNo { margin-left:2em; list-style-type:decimal ;}

/* box */
.boxEvent { padding-top:40px; margin-top:40px; }
.boxEvent.line { border-top:1px dotted #ccc; }

/* image */
.image_R img { width:200px; }
.image_R.twoImg img { display:block; }
.image_R.twoImg img + img { margin-top:5px; }

.photo_two {
    display: flex;
    justify-content: center;
    gap:10px;
    width: 100%;
}

.mediaSP { display:none; }

.txt-normal { font-weight:normal; }
#main ul.lh_m > li { line-height: 1.8; }

/*
 *  contents [main]
 */

div.top-navi { background-color:#F2F7FF; padding:14px; border:solid 1px #0295da; border-radius: 10px;}

#main .boxRead .ttl { text-align:center; font-size:125%; }

#main .boxTtl { overflow:hidden; text-align:right; }
#main .boxTtl .ttl { 
    float:left; 
    text-align:left; 
    margin-top:0;
    padding: 0 10px;
    border-left: 4px solid #0295da;
}

#main .boxTtl .note { display:inline-block; text-align:center; }

/*見出し*/
h2.floor-midashi {
    background-color: #D30408; 
    color: #fff; padding:5px 10px; 
    margin-bottom: 1em; 
    border-radius: 4px; 
    display: inline-block;
}

/* trigger button */
.trigger button {
  display: block;
  min-width: 200px;
  height: auto;
  margin: 20px auto;
  padding: 14px 20px 12px 4px;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url(/about/assets/img/icon-pdt-closed.png);
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  border: 1px solid #1b79a8;
  border-radius: 999px;
  color: #1b79a8;
  font-size: 0.84em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.trigger button.opened {
  background-image: url(/about/assets/img/icon-pdt-opened.png);
  background-size: 10px 1.5px;
}

@media screen and (max-width:800px) {
	
.boxWidth.container { width:98%; }
	
.boxBtnList > ul > li { float:left; width:49%; margin-right:2%; margin-bottom:2%; }
.boxBtnList > ul > li:nth-child(2n) { margin-right:0; }
	
dl.item { padding:0; }
dl.item dt { float:none; width:100%; margin-bottom: 0;}
dl.item dd { float:none; width:100%; margin-bottom: 10px;}
	
.note_yellow dl.item { margin:0px 0px; padding:0; }
.note_yellow dl.item dt { float:none; width:100%; margin-bottom: 0;}
.note_yellow dl.item dd { float:none; width:100%; margin-bottom: 10px;}
#keyv {padding-bottom:20px;}
#contentsNav { padding:10px }
}

@media screen and (max-width:640px) {
	
.boxWidth.container { width:auto; }
	
.boxBtnList > ul > li { float:none; width:auto; margin-right:auto; }

/* txt */
.txtBox { display:block; width:5em; background-color:#666; text-align:center; color:#FFF; font-size:95%; }


/* note */
.note { padding:7px 10px; line-height:1em !important; }
	
/* image */
.image_R { float:none; margin:20px auto; padding:0px; width:100%; }
.image_R img { width:100%; }
.photo_two {
    display: block;
}

.photo_two p a img { width:60%;}
    
.mediaPC { display:none; }
.mediaSP { display:block; }
	
.pt10 { padding-top:10px; }	
.pt20 { padding-top:20px; }	
.pt30 { padding-top:30px; }	
.pt40 { padding-top:40px; }	
.pt50 { padding-top:50px; }	
	
.ml15 { margin:0;}
	
/*
 *  contents [main]
 */

#main .boxTtl { overflow: hidden; text-align: inherit; }
#main .boxTtl .ttl { float:none; }
#main .boxTtl .note { display:block; }
#main .boxTtl .inline { display: inline-block;  margin-bottom:20px; margin-top:-14px; }

}
