@charset "utf-8";
/* CSS Document */
body{
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
font-size : 14.5px;
line-height : 200%;
margin : 0;
background-color : #f8cde0;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.tokutei_title{
	background: #eee;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
	margin-bottom : 20px;
}
.box_yellow{
	padding : 12px;
	background-color : #ffff00;
	font-size : 120%;
	font-weight : bold;
	text-align : center;
}
.space_l{
	height : 40px;
}
.space_m{
	height : 20px;
}
.space_s{
	height : 10px;
}
.font_red{
	color : #e1091d;
}
.font_pink{
	color : #ef549a;
}
.font95{
	font-size : 95%;
}
.font115{
	font-size : 115%;
}
.font125{
	font-size : 125%;
	line-height : 210%;
}
.font140{
	font-size : 140%;
}
.font160{
	font-size : 160%;
	line-height : 210%;
}
.font200{
	font-size : 200%;
}
.font-bold{
    font-weight : bold;	
}

.font_blue{
	color : #094EC7;
}
.marker_yellow{
background: linear-gradient(transparent 60%, #ffff66 60%);	
}
.marker_pink{
background: linear-gradient(transparent 60%, #fab7c1 60%);	
}
.marker_blue{
background: linear-gradient(transparent 60%, #caddfe 60%);	
}
ol{
	margin-left : -20px;
}
.uketuke{
	width : 240px;
    padding: 0.5em 1em;
    margin: 0 auto;
    font-size : 18px;
    color: #ffffff;/*文字色*/
    background: #cc0000;
    border: solid 1px #cc0000;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.voice_day {
  position: relative;
  padding: 0.6em;
  background: #359d2d;
	margin-bottom : 20px;
	color : #F9F06A;
	font-size : 108%;
}

.voice_day:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #359d2d;
width: 0;
height: 0;
}
.voice_title {
  position: relative;
  padding: 0.6em;
  background: #d86064;
  margin-bottom : 25px;
	font-size : 125%;
	color : #ffffff;
	
}

.voice_title:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #d86064;
width: 0;
height: 0;
}
.voice_name{
	text-align : right;
	font-size : 90%;
}

.clear{
	clear : both;
}

.image_area {
width: 160px;
display: block;
vertical-align: bottom;
}
.image_area2 {
width: 180px;
display: block;
vertical-align: bottom;
}
.image_area3 {
width: 240px;
display: block;
vertical-align: bottom;
}
.image_area4 {
width: 300px;
display: block;
vertical-align: bottom;
}
.image_area5 {
width: 90px;
display: block;
vertical-align: bottom;
}
.image_area6 {
width: 120px;
display: block;
vertical-align: bottom;
}
@media only screen and (min-width: 737px){
.image_right {
float: right;
margin: 0 0 21px 25px;
}
.image_left {
float: left;
margin: 0 25px 30px 0;
}
}
@media only screen and (max-width: 736px){
.image_right {
float: none;
margin: 25px auto;
}
.image_left {
float: none;
margin: 25px auto;
}
}
.check ul {
	padding-left: 0px;
	/* 右にインデントされてる部分を無効化する。 */
}
.check li {
	list-style: none;
	background: url(../image/checkmark_blue.png)  0% 4px no-repeat;
	padding: 3px 0px 3px 38px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
.check2 ul {
	padding-left: 0px;
	/* 右にインデントされてる部分を無効化する。 */
}
.check2 li {
	font-size : 18px;
	color : #e33559;
	font-weight : bold;
	list-style: none;
	background: url(../image/heart_icon.png)  0% 4px no-repeat;
	padding: 3px 0px 3px 38px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
.check3 ul {
	padding-left: 0px;
	/* 右にインデントされてる部分を無効化する。 */
}
.check3 li {
	font-size : 16px;
	font-weight : bold;
	color : #000000;
	list-style: none;
	background: url(../image/naiyou_icon.png)  0% 4px no-repeat;
	padding: 3px 0px 3px 38px;
	margin-bottom : 20px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
.check4 ul {
	padding-left: 0px;
	/* 右にインデントされてる部分を無効化する。 */
}
.check4 li {
	font-size : 16px;
	font-weight : bold;
	color : #000000;
	list-style: none;
	background: url(../image/houhou_icon.png)  0% 4px no-repeat;
	padding: 3px 0px 3px 38px;
	margin-bottom : 20px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
/* 吹き出し本体 - 普通の吹き出し */
.balloon1{
  position: relative;
  width : 50%;
  padding: 10px;
	margin-bottom : 10px;
	font-size : 18px;
  background-color: #fff3ad;
  border-radius: 10px;         /* 角丸を指定 */
}
/* 三角アイコン - 普通の吹き出し */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 10px;
  border-right: 10px solid #fff3ad;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#QandA-1 {
	width: 100%;
	font-family: メイリオ;
	font-size: 16px; /*全体のフォントサイズ*/
}
#QandA-1 h2 {

}
#QandA-1 dt {
	background: #077bb2; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 180%;
	text-indent: -24px;
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	color : #cc0000;
}

/*** レスポンシブテーブルデザイン ***/
.tokutei{
  width:100%;
  border: 1px solid #eee;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
	font-size : 95%;
}
.tokutei_title{
	font-size : 120%;
	text-align : center;
	padding : 15px 0px;
}
 
.tokutei th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #f3edd2;
}
 
.tokutei td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
h2 {
	line-height : 28px;
	border-left : 5px solid #c03;
	margin:20px 55px 0px 55px;
	padding : 5px 5px 5px 10px;
	font-size : 14px;
	color:#444;
	voice-family : inherit;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #bbb;
	border-right-color: #bbb;
	border-bottom-color: #bbb;
	text-align:left;
}