@charset "utf-8";


/* --------------------------------

	* Default Style Sheet {


* last update 07.09/05
* author : katapad;
	
	}
	
--------------------------------

	* Contents
	
	1. Universal Selector 
	2. Structure Module
	3. Hyper Text Module
	4. List Module
	5. Tables Module
	6. Image Module
	7. Text + Presentation Module
	8. Forms Module
	
	
--------------------------------- */



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

	 1. Universal Selector
 
============================================================================================================*/

* {
	/*background-color	: transparent;*/
	margin: 0;
	padding: 0;
	font-size	: 100%;
	font-style	: normal;
}

/* for WinIE6,7 
div,ul,li,ol,dl,dt,dd,table,th,td,p,a {
	zoom: 1; 
}*/

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

	 2. Structure Module
 
============================================================================================================*/

html {
/* 	overflow-y: scroll; /* for FireFox scrollbar */ */
	height	: 100%;
}

body {
	background-color: #FFFFFF;
	height	: 100%;
	font-size: 12px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color	: #333333;
	letter-spacing	: 0.025em;
	line-height: 1.8;
	
}

/* ie6 hack */
* html body {
	font-size: 75%;
}

/* ie7 hack */
*:first-child+html body {
	font-size: 75%;
}


/* ie6 hack htcですべての要素に:hoverを使う（相対パスはhtmlから見たものになるので絶対パス,URL指定を推奨） */
/*
* html body {
	behavior:url("css/csshover2.htc");
	//behavior:url("http://xn--51haa.com/css/csshover2.htc");
}
*/

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

	 3. Hyper Text Module
 
============================================================================================================*/

a {
	color : #DD2818;
	text-decoration	: none;
}

/*
a:link {

}

a:visited {

}
*/

a:hover {
	color	: #DD2818;
	/* text-decoration : underline; */
	text-decoration : none;
}

/*
a:active {

}
*/

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

	  4. List Module

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

ul {
	list-style	: none;
}

dt {
	display	: block;
	width	: auto;
}

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

	  5. Tables Module

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

table {
	border	: none;
	border-collapse	: collapse;
	border-spacing	: 0;
}

td, 
th { /* セルの規定値をmiddleからtopに変更 */
	vertical-align	: top;
}

th {
	font-weight: normal ;
	text-align: left ;
}

caption {
	text-align: left;
}

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

	  6. Image Module

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

/*  イメージをボックス上に接させる。
	safariでおかしくなるのでtopをdefault。場合によりbottomにすることも
-----------------------------------*/

img {
	vertical-align: top;
}

a img {
	border	: none;
}

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

	  7. Text + Presentation Module

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

/*  ------------------------------------------------------------------

	Text(inline) + Presentation Module

---------------------------------------------------------------------*/
br {
	letter-spacing	: normal;
}

abbr {
	border-bottom	: 1px dashed #999;
	cursor	: help;
}

pre, 
code, 
samp, 
kbd, 
var {
	/*font-size: 99%;*/
	font-family: Monaco, 'Andale Mono', "Courier New", Courier, monospace;
}

kbd {
	border: 1px solid #999999;
	padding: 0.2em 0.4em;
	text-transform: uppercase;
	font-size: 83%;
}

dfn {
	font-weight: bold;
}

cite {
	font-weight: bold;
}

sup, 
sub {
	font-size: 75% ;
}

hr {
	height	: 1px;
}


/*  selected text
-----------------------------------*/

::selection {
	background: #333333;
	color	: #fff;
}

::-moz-selection {
	background: #333333;
	color	: #fff;
}

/*  ------------------------------------------------------------------

	Text module(block)

---------------------------------------------------------------------*/
/*blockquote, q {
	quotes: "" "";
}*/


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

	8. Forms Module + Replaced Elemnt

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

input, 
textarea, 
select, 
option, 
optgroup {
	/* vertical-align: middle; */
	/* background-color	: #FFF; */
	font: 99%/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* ie6 hack */
* html input {
	line-height: 1.0;
	height: 1.6em;
}

/* ie7 hack */
*:first-child+html input {
	line-height: 1.0;
}

/* IE7でinput（置換要素）がズームされない問題を解決 */
input {
	zoom: 1;
}

select {
	min-width: 2em;
}

option, 
optgroup {
	padding-right	: 0.4em;
	color: inherit; /* for Opera(Operaは継承してくれない)*/
}

fieldset {
	border	: none;
}

legend {
	display	: none;
}

/*  input & label & option mousePointer
-----------------------------------*/
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
input[type="image"], 
input[type="reset"], 
input[type="submit"], 
select, 
option {
	cursor	: pointer;
}

optgroup {
	cursor	: default;
}






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

	99. clearFix (pkg)

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

.clearfix:after {
    content: " ";
    display: block;
    visibility	: hidden;
    clear: both;
    height: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}
/* End hide from IE-mac */

/* for safari・IE7・IE8 */
*+html .clearfix {
    min-height: 0;
    display: inline-block;
}

/* Localized */

#clear{
	clear: both;
	float: none;
}

.photoborder {
	border: 1px solid #CCC;
	padding: 1px;
	margin-right: 5px;
}
/* ==========================================================================================================
	基本
============================================================================================================*/
.photoleft {
	padding: 1px;
	margin-right: 10px;
	float: left;
}

#koshu01 {
	margin-left: 5px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.topics01 {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.topics02 {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.topics01 h1 {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	padding-top: 10px;
	padding-left: 5px;
	color: #FF0000;
}
.wide50 {
	width:55px;
	display:table-cell;
  vertical-align:middle;
	display:table-cell;
}
.wide80 {
	width:90px;
	display:table-cell;
  vertical-align:middle;
	display:table-cell;
}
.text10 {
	font-size: 10px;
}
.kaikestu01{
    margin: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
    float: left;
}

.kaikestubox{
    padding: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	background: #8A0406
}
.shinkubox{
    padding: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	background: #dd2818
}


a.btn_26 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: 0.8rem auto;
	padding: 0.5rem 1rem;
	border-radius: 100vw;
	color: #fff;
	background: #EC1B23;
}
a.btn_26:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #EC1B23;}
	70% {box-shadow: 0 0 0 10px rgb(236 27 36 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(236 27 36 / 0%);}
}

.qa-accordion {
  width: 100%;
}

.qa-item {
  border-bottom: 1px solid #ddd;
  padding: 16px 0;
}

.qa-item summary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 34px;
}

.qa-item summary::-webkit-details-marker {
  display: none;
}

.qa-item summary::before {
  content: "Q";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e62017;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin-top: 2px;
}

.qa-q-text {
  flex: 1;
  color: #e62017;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.65;
}

.qa-item summary::after {
  content: "＋";
  position: absolute;
  right: 4px;
  top: 2px;
  color: #e62017;
  font-size: 18px;
  font-weight: 700;
}

.qa-item[open] summary::after {
  content: "－";
}

.qa-answer {
  position: relative;
  margin-top: 12px;
  padding: 12px 14px 12px 42px;
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  background: #f8f8f8;
  width: auto;
}

.qa-answer::before {
  content: "A";
  position: absolute;
  left: 12px;
  top: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.qa-answer p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.85;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
    line-height: 1.8;
  }

  .category02 p {
    font-size: 15px;
    line-height: 1.85;
  }

  .category02 h3 {
    font-size: 20px;
    line-height: 1.45;
  }

  .qa-item {
    padding: 13px 0;
  }

  .qa-item summary {
    gap: 9px;
    padding-right: 28px;
  }

  .qa-item summary::before {
    flex-basis: 21px;
    width: 21px;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    margin-top: 2px;
  }

  .qa-q-text {
    font-size: 14px;
    line-height: 1.65;
  }

  .qa-item summary::after {
    right: 2px;
    top: 0;
    font-size: 17px;
  }

  .qa-answer {
    margin-top: 10px;
    padding: 10px 12px 10px 36px;
    font-size: 14px;
    line-height: 1.8;
  }

  .qa-answer::before {
    left: 10px;
    top: 12px;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
  }

  .qa-answer p {
    font-size: 14px;
    line-height: 1.8;
  }
}