@charset "utf-8";

@media only screen and (max-width:700px){

body { min-width:375px; font-size:14px;}

#content{ width:100%;}
#footer { width:100%;}

#wrapper { background:#FFF; border-top:none;}
#base { width:auto; margin:0 !important;}
.box_main { width:90%; }

.pc { display:none;}
.sm { display:block;}


/*====================================================================================================
  HEADER
====================================================================================================*/
#header {
	top: 0;
	z-index: 2;
	background:none;
	max-width: 200px;
	margin: 0;
	border-radius: 0;
}
#header nav { display:none;}

/*** LOGO ******************************************************************/
#header h1,
#header h1 a { margin: 7px 0 0 10px; display: block; width:auto; height:auto; }
#header h1 img { max-width: 100%; }

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { padding-top:80px; }
.box_main { padding: 0; }

.page .box_main { padding-block: 50px 70px; display:block; }
.page .box_l,.page .box_r{max-width: 100%;}
.page .box_l{margin-bottom: 80px;}


/* BTNS */
.b_more a { font-size:112.5%; }

/* SHAKE OUT TRAINING LIST */
h3+.list_box { margin-top:90px; }
.list_box { margin-bottom:80px; row-gap:50px; column-gap:6%; justify-content:space-between; position: relative; }
.list_box dl { /*width:47%;*/ width: 100%; }
.list_box dl dt { /*width:90%;*/ width: 100%; margin-bottom: 20px; }
.list_box dl dt .caption {
	min-width:120px;
	height: 40px;
	/*font-size:100%;*/
	padding-top: 15px;
	position: absolute;
	left: -1px;
	bottom: -1px;
}
.list_box dl dd { width:100%; padding: 0; height:auto; display:block; }
.list_box dl dd::before,
.list_box dl dd::after { display:none; }
.list_box dl dd b { display: block; /*font-size:100%;*/ font-weight: 700; line-height:120%; }
.list_box dl dd small { /*font-size:87.5%;*/ }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer {}
#footer .sponsor { padding-block:60px; }
#footer .sponsor h3 small { font-size:100%; }
#footer .sponsor h3 b { font-size:2.0em; line-height:130%; margin-top:10px; }
#footer .sponsor ul {
	column-gap: 4%;
	margin-top:60px;
	justify-content:space-between;
}
#footer .sponsor ul li { width:48%; }
#footer::before { display:none; }
#footer .f_box { display:block; padding:40px 0; }
#footer .profile { max-width:100%; text-align:center; }
#footer .profile ul { margin:30px auto; }
#footer .f_nav { display:none; }


/*====================================================================================================
  TOP PAGE
====================================================================================================*/
#toppage h3 small { font-size:100%; }
#toppage h3 b { font-size:2.0em; line-height:130%; margin-top:10px;}
#toppage .b_more { width:100%; margin-top:40px; }

/* MAINIMG */
#toppage .mainimg { max-height:300px; }
#toppage .mainimg h2 { width:80%; }
#toppage .mainimg h2::before, #toppage .mainimg h2::after { width:15px; height:70px; }
#toppage .mainimg h2::before { left:-25px; }
#toppage .mainimg h2::after { right:-25px; }

/* ABOUT */
#toppage .about .box_main { padding:50px 0; }
#toppage .about .box1 {
	width:100%;
	position:initial;
	padding:0 20px 20px;
	border-radius: 30px;
}
#toppage .about .box1 .mid { font-size:250%; top:-17px; }
#toppage .about .box1 .catch { font-size:150%; }
#toppage .about .box1 .come { font-size:100%; margin-top:20px; }
#toppage .about .box2 {
	width:100%;
	position:initial;
	border-radius:30px;
	margin-block: 20px 40px;
	padding:40px 47px 63px 73px ;
}
#toppage .about .box2 img { width:100%; }
#toppage .about .numbers { display:block; margin-top:90px; }
#toppage .about dl { width:100%; display:block; height: auto; padding: 15px 10px 15px 15px; text-align:left; }
#toppage .about dl::before { width: 100%; height: 70px; }
#toppage .about dl::after { width:90px; height:95px; left:20px; top:-13px; }

#toppage .about dl+dl { margin-top:40px; }
#toppage .about dl dt { text-align:left; }
#toppage .about dl dt b { font-size:187.5%;}
#toppage .about dl dt small { display:initial; font-size:137.5%; }
#toppage .about dl dd b { font-size:250%; }
#toppage .about dl dd small { font-size:137.5%; }
#toppage .about dl dt , #toppage .about dl dd{ display: inline; margin: 0 0 0 10px; }

/* TRAINING */
#toppage .event { padding-block:60px; }
#toppage .event .select-box { margin: 80px 0 30px 0; }
#toppage .event .select-box button[type="submit"] { padding: 10px 0 11px 0; }


/* MORE DETAILS */
#toppage .details { padding-block:60px; }
#toppage .details ul { display:block; margin-top:30px; }
#toppage .details ul li { width:100%; }
#toppage .details ul li+li { margin-top:30px; }
#toppage .details ul li .caption { 
	width:230px;
	height: 40px;
	font-size:100%;
	padding-top: 15px;
	border-top-right-radius: 30px;
	background-position: left 25px;
}

/* FAQ */
#toppage .faq { padding-block:60px 200px; }
#toppage .faq dl { background-size:35px auto; }
#toppage .faq dl.open { background-size:35px auto; }
#toppage .faq dl dt { font-size:112.5%; padding:21px 60px 20px 40px; }
#toppage .faq dl dt::before { left:5px; top:22px; }
#toppage .faq dl dd { font-size:100%; padding:0 60px 20px 40px; }
#toppage .faq dl {background-position: 98% 20px;}
#toppage .faq dl.open {background-position: 98% 20px;}


/* NEWS */
#toppage .news { padding-block:145px 60px; }
#toppage .news .materials {
	margin:0;
	top: -140px;
	right: 20px;
	padding:30px 0;
	border-radius:0 30px 30px 0;
}
#toppage .news .materials ul { display:block; width:90%; margin-left:auto; }
#toppage .news .materials ul li.txt { justify-content:space-between; }
#toppage .news .materials ul li.download_btn { width:300px; margin:20px auto 0; }
#toppage .news .materials ul li.download_btn a { font-size:112.5%; background-position:90%; padding-block:18px; }
#toppage .news .materials ul li small { font-size:100%; width:65px; height:65px; margin-right:0; }
#toppage .news .materials ul li b { font-size:1.3em; margin-right: 20px; max-width:70%; }
#toppage .news .box_main::before { top:145px; }
#toppage .news .news_list ul { flex-wrap:wrap; padding-block:20px; }
#toppage .news .news_list ul li.date { font-size:100%; text-align:left; width:120px; }
#toppage .news .news_list ul li.title { flex-basis:100%; margin-top:10px; }
#toppage .news .news_list ul li.title a { padding:0; padding-right:30px; font-size:100%; }






/*====================================================================================================
  SUB PAGE
====================================================================================================*/
#page_title { max-height:170px; }
#page_title h2 { top:50%; transform:translateY(-50%); font-size:200%; line-height:120%; }
#page_title h2.training_title { top: 30%; }
#page_title .numbers {
	gap: 0 20px;
	bottom: 20px;
}
#page_title .numbers dl {
	display:block;
	width: 45%;
	height: 54px;
	border-radius: 100px;
	padding: 0 10px 0 10px;
}
#page_title .numbers dl::before {
	width: 100%;
	height: 54px;
}
#page_title .numbers dl::after {
	left: 0;
	right: 0;
	margin: auto;
	width: 70px;
	height: 70px;
}
#page_title .numbers dl dt b { font-size:120%;}
#page_title .numbers dl dt small { font-size:100%; }
#page_title .numbers dl dd { text-align: center;}
#page_title .numbers dl dd b { font-size:140%; }
#page_title .numbers dl dd small { font-size:100%; }

#subpage h3 { text-align:center; }
#subpage h3::after { right:0; margin:auto; bottom:-30px; }
#subpage h3 small { font-size:100%; }
#subpage h3 b { font-size:200%; margin-top:10px; }

#subpage .h4, #subpage h4 { font-size:140%; line-height:130%; }

.page .box_main table {}
.page .box_main table tr th { padding: 15px 20px;}
.page .box_main table tr td { padding: 15px 20px; }


/* WP PAGENAVI */
.wp-pagenavi { padding-top:0px; }
.wp-pagenavi a, .wp-pagenavi span { font-size:112.5%; width:30px; height:30px; }
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink { width:125px; height:55px; }
.wp-pagenavi a.previouspostslink { text-indent: 10px; border-top-right-radius:50px; background-position:10%; }
.wp-pagenavi a.nextpostslink { text-indent: -10px; border-top-left-radius:50px; background-position:90%; }

/* SINGLE PAGE BOX */
.page_box .post-navigation .nav-links { padding-top:100px; width:90%; }
.page_box .nav-previous a, .page_box .nav-next a { font-size: 100%; width:155px; height:55px; }
.page_box .nav-previous a { border-top-right-radius:50px; background-position:10%; background-size:25px auto; }
.page_box .nav-next a { border-top-left-radius:50px; background-position:90%; background-size:25px auto; }

/* COMMON SINGLE CSS */
.title_box ul { padding-top:0; }


/*====================================================================================================
  シェイクアウト訓練とは
====================================================================================================*/
#about {}
#about .come { font-size:100%; }

#about .overview { padding-block:20px; display:block; }
#about .overview .wp-block-image img { border-radius:30px; }
#about .overview p { max-width:100%; margin-top:20px; font-size:100%; }

#about .benefits { padding-block:60px; }
#about .benefits .box_main { display:block; }
#about .benefits .come { margin-block:70px 30px; }
#about .benefits ul li { font-size:100%; }
#about .benefits ul li::before { top:5px; }

#about .explanation { display:block; margin-block:60px; }
#about .explanation .box_l ul { text-align:center; margin-block:70px 30px; display: flex; }
#about .explanation .box_l ul li+li {margin-top: 0;}
#about .explanation .box_l ul li img { max-width: 90%; }
#about .explanation .box_r .come:not(:last-child) { margin-block:30px; }
#about .explanation .box_r ul li { font-size:100%; margin-block:30px; padding-left:30px; }
#about .explanation .box_r ul li::before { width:20px; height:20px; }
#about .explanation .box_r ul li ul li { margin-block:10px; }

#about .participants { padding-block:60px 70px; }
#about .participants .box_main { display:block; }
#about .participants .come { margin-top:70px; }
#about .participants table { width:100%; }
#about .participants table tr th { font-size:100%; padding:20px 10px; }
#about .participants table tr td { font-size:87.5%; padding:20px 10px; }
#about .participants .category { margin-top:40px; }
#about .participants .prefectures { margin-top:40px; }


/*====================================================================================================

  ダウンロード

====================================================================================================*/
#download {}
#download .box_main {}
#download .img_download {margin-top: 20px;}
#download .img_download {display: block;}
#download .img_download a {max-width: 100%;}
#download .img_download a img {max-width: 100%;}



/*====================================================================================================
  実施シェイクアウト && シェイクアウト訓練に参加
====================================================================================================*/
#event > .box_main { padding-block:60px; }
#shakeout > .box_main { padding-block:60px; }
#event .select-box { margin: -30px 0 30px 0; }

#event {}
#event .come { font-size:100%; }
#event .box_r { margin-top:70px; }
#event .callout { display:block; padding-block:60px; }
#event .callout ul { display:block!important; }
#event .callout ul li+li { margin-top:20px!important; }
#event .callout ul li .download_btn { margin:auto; }
#event .callout ul li .download_btn a { padding-block:15px; }

#event .application { padding-block:60px; }
#event .application .box_main { display:block; }
#event .application dl { margin-top:30px; }
#event .application dl dd div:nth-child(1) { margin-block:20px; }
#event .application dl dd .b_more { width:300px; margin:auto; }
#event .application dl dd .access { font-size:100%; }

#event .event { display:block; padding-block:60px; }
#event .event dl+dl { margin-top:30px; }
#event .event dl dd { font-size:100%; margin-top:15px; }
#event .event dl dd a { font-size:100%; }

#event .scenario { padding-block:60px; }
#event .scenario .box_main { display:block; }

#event .form { display:block; padding-block:60px; }
#event .form .box_r table tr+tr { margin-top:20px; }
#event .form .box_r table tr th { font-size:112.5%; /*line-height:130%;*/ }
#event .form .box_r input[type="text"] { padding:15px 20px; }
#event .form .box_r span.mwform-checkbox-field input[type="checkbox"] { top: 0.7em;}
#event .form .box_r .org_label { margin-top:30px; }
#event .form .box_r .b_inqu { width:300px; margin-top:40px; }
#event .form .box_r .b_inqu input[type="submit"] { padding-block:15px; font-size:112.5%; }

#event .b_more { width:100%;}


/*====================================================================================================
  お知らせ
====================================================================================================*/
#news { padding-block:60px; }
#news .news_list ul { flex-wrap:wrap; padding-block:20px; }
#news .news_list ul li.date { font-size:100%; text-align:left; width:120px; }
#news .news_list ul li.title { flex-basis:100%; margin-top:10px; }
#news .news_list ul li.title a { padding:0; padding-right:30px; font-size:100%; }


/*====================================================================================================
  FAQ
====================================================================================================*/
#faq { padding-block:60px 100px; }
#faq .con_box {}
#faq .con_tit { width: 200px; font-size: 175%; }
#faq .con_tit::before, #faq .con_tit::after { height: 40px; }
#faq .faq_list { margin-top: 50px; }
#faq dl { background-size:35px auto; }
#faq dl.open { background-size:35px auto; }
#faq dl dt { font-size:112.5%; padding:21px 60px 20px 40px; }
#faq dl dt::before { left:5px; top:22px; }
#faq dl dd { font-size:100%; padding:0 60px 20px 40px; }
#faq dl {background-position: 98% 20px;}
#faq dl.open {background-position: 98% 20px;}


/*====================================================================================================
  お問い合わせ
====================================================================================================*/

#contact { width: 90%; padding-block:60px!important; }
#contact table tr+tr { margin-top:20px; }
#contact table tr th { font-size:112.5%; line-height:130%; }
#contact textarea,
#contact input[type="email"],
#contact input[type="text"] { width: 100%!important; padding:15px 20px; }
#contact .b_inqu { width:300px; margin-top:40px; }
#contact .b_inqu input[type="submit"] { padding-block:15px; font-size:112.5%; }

}

/*====================================================================================================
  wpadminbar
====================================================================================================*/
@media screen and (max-width: 600px){
#wpadminbar {
    position:fixed;
}
}