@charset "utf-8";

.titlebox{
background-image: url("../images/bg.jpg");
}

@media screen and (min-width: 979px), print {


}

.w800{
	width: 710px;
	margin: 10px auto;
}

.w800 .fl_ph{
	float: left;
	width: 180px;
	text-align: center;
}

.w800 .fr_txt{
	float: left;
	width: 530px;
	padding:50px 0 0 0;
	text-align: center;
}

.w900{
	width: 930px;
	margin: 20px 0;
}

.w900 .fl_ph{
	float: left;
	width: 320px;
	text-align: center;
	}

.w900 .fr_txt{
	float: right;
	width: 600px;
	padding:0 0 0 0;
	text-align:left;
}

.w900 .fr_txt .tit_blue{
	padding: 5px;
	text-align: center;
	background-color: #1c5b9c;
	color: #fff;
	border-radius: 10px 10px 10px 10px;	/* 左上・右上・右下・左下 */ 
	margin-bottom:5px;
}
.w900 .fr_txt .tit_red{
	padding: 5px;
	text-align: center;
	background-color: #9c2020;
	color: #fff;
	border-radius: 10px 10px 10px 10px;	/* 左上・右上・右下・左下 */ 
	margin-bottom:5px;
}
.w900 .fr_txt .tit_02{
	margin-top: 10px;
	font-weight: 700;
}


.pt60{
	padding-top:60px;
}

.arrow {
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 15px solid #fff5e8;
  border-bottom-width: 0;
}
.qa_box{
     margin:0 0 15px 30px;
     padding: 0 0 15px 0;
     border-bottom: 1px dotted #ccc;
}
.qa_box .aaa{
     margin:15px 0 15px 15px;
}
.qa_box .aaa div{
     float: left;
}
.qa_box .aaa div.aaa00{
     padding:0 0 0 20px;
     margin: -5px 0 0 0;
}
.arrow00 {
     position:relative;
     height:16px;
     width:16px;
     background-color:#a58a16;
}
 
.arrow00::before {
     position:absolute;
     content:"";
     border:solid 16px transparent;
     border-left:solid 16px #a58a16;
     top:-8px;
     left:12px;
}



.red{
color: #ad0000;
}

.con_01{
text-align: center;
background-color: #fff5e8;
padding:15px;
}

.con_02{
text-align: center;
background-color: #945439;
padding:15px;
color: #fff;
font-size: 1.8rem;
font-weight: 800;
}










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

.w800{
	width: 100%;
	margin: 10px 0;
}

.w800 .fl_ph{
	float: none;
	width: 100%;
}

.w800 .fr_txt{
	float: none;
	width: 100%;
	padding:10px 0 0 0;
	text-align: center;
}

.w900{
	width: 100%;
	margin: 20px 0;
}

.w900 .fl_ph{
	float: none;
	width: 100%;
	text-align: center;
	}

.w900 .fr_txt{
	float: none;
	width: 100%;
	padding:0 0 0 0;
	text-align:left;
}

.w900 .fr_txt .tit_blue{
	padding: 5px;
	text-align: center;
	background-color: #1c5b9c;
	color: #fff;
	border-radius: 10px 10px 10px 10px;	/* 左上・右上・右下・左下 */ 
	margin-bottom:5px;
}
.w900 .fr_txt .tit_red{
	padding: 5px;
	text-align: center;
	background-color: #9c2020;
	color: #fff;
	border-radius: 10px 10px 10px 10px;	/* 左上・右上・右下・左下 */ 
	margin-bottom:5px;
}
.w900 .fr_txt .tit_02{
	margin-top: 10px;
	font-weight: 700;
}


.pt60{
	padding-top:60px;
}

.arrow {
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 15px solid #fff5e8;
  border-bottom-width: 0;
}
.qa_box{
     margin:0 0 15px 0px;
     padding: 0 0 15px 0;
     border-bottom: 1px dotted #ccc;
}
.qa_box .aaa{
     margin:15px 0 15px 15px;
}
.qa_box .aaa div{
     float: left;
}
.qa_box .aaa div.aaa00{
     padding:0 0 0 20px;
     margin: -5px 0 0 0;
}
.arrow00 {
     position:relative;
     height:16px;
     width:16px;
     background-color:#a58a16;
}
 
.arrow00::before {
     position:absolute;
     content:"";
     border:solid 16px transparent;
     border-left:solid 16px #a58a16;
     top:-8px;
     left:12px;
}



.red{
color: #ad0000;
}

.con_01{
text-align: center;
background-color: #fff5e8;
padding:15px;
}

.con_02{
text-align: center;
background-color: #945439;
padding:15px;
color: #fff;
font-size: 1.8rem;
font-weight: 800;
}

}