@charset "utf-8";


body{
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	color : #454545;
	font-size : 95%;
	line-height : 1.8;
	background : url( '../image/bg-body.png' ) repeat 0 0;
}

a:link,
a:visited{
	color : #4040ff;
	text-decoration : underline;
}

a:hover,
a:active{
	color : #4040ff;
	text-decoration : none;
}

p.resizeimage img { 
	width: 100%; 
clear : both;
	width : 30%;
	float : left;
	border-top : 1px solid #cccccc;
	padding : 15px 0;
	text-align : right;
	overflow : hidden;
}

.text_s
{
	font-size:43px;
	color: #ffffff;
	background-color: #ef8590;
	padding:10px 50px;
	margin: 20px ;
	border: 10px solid #ef8590;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
	
}

.text_f
{
	font-size:40px;
	color: #9223F1;
	background-color: #F3FAFB;
	text-align: center;
	padding:10px 10px;
	margin: 20px ;
	border: 10px solid #ef8590;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
	
}

.text_f2
{
	font-size:40px;
	color: #9223F1;
	background-color: #F3FAFB;
	text-align: center;
	padding:10px 10px;
	margin: 10px ;
	border: 10px solid #ef8590;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
	
}


.f_size1
{
	font-size: 200%;
	
}

.f_size2
{
	font-size: 200%;
	color: coral;
	
}

#text_q
{
	font-size:64px;
	color: #f71c4a;
	padding:50px 40px;
	margin: 20px ;
	background-color: #ffdede;
	ovarflow: hidden;
	line-height: 66px;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
} 

#text_qa
{
	font-size:64px;
	color: #f71c4a;
	padding:50px 40px;
	margin: 20px ;
	background-color:#D1ADFF;
	ovarflow: hidden;
	line-height: 66px;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
}

.text01
{
	font-size:43px;
	color: #ffffff;
	padding:20px 30px;
	margin: 10px 10px;
	background-color: #bea578;
	ovarflow: hidden;
	line-height: 45px;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
} 

p.h-image img { width: 100%; }

/* Checkbox ------------------------------------------------*/



/* css checkbox01 */
.kind{
     display: none;
}
.checkbox01-parts{
  padding-left: 90px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border: 3px solid #fff;
  border-radius: 8px;
}
.kind:checked + .checkbox01-parts{
  color: #009a9a;
}
.kind:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -0px;
  left: 18px;
  width: 20px;
  height: 35px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}


/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

body{
	font-size : 65%;
}
	
	.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 8px;
}
	
	.text_s
{
	font-size:43px;
	color: #ffffff;
	background-color: #ef8590;
	padding:10px 10px;
	margin: 10px ;
	border: 10px solid #ef8590;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
	
}
	
	.text_f
{
	font-size:24px;
	color: #9223F1;
	background-color: #F3FAFB;
	text-align: center;
	padding:10px 10px;
	margin: 20px ;
	border: 10px solid #ef8590;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
	
}

	.f_size1
{
	font-size: 200px;
	
}
	#text_q
{
	font-size:43px;
	color: #f71c4a;
	padding:10px 30px;
	margin: 10px ;
	background-color: #ffdede;
	ovarflow: hidden;
	line-height: 46px;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
} 
	
	.text01
{
	font-size:30px;
	color: #ffffff;
	padding:10px 30px;
	margin: 10px;
	background-color: #bea578;
	ovarflow: hidden;
	line-height: 46px;
	border-radius: 20px;        /* CSS3闕画｡・*/  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome逕ｨ */  
    -moz-border-radius: 20px;   /* Firefox逕ｨ */
} 
	
	.checkbox01-parts{
  padding-left: 60px;
		    padding-top: 6px;
  position:relative;
  margin-right: 20px;
}
	
	.kind:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -0px;
  left: 10px;
  width: 18px;
  height: 21px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}

}
/* 640pixel end */