@charset "Shift_JIS";
/* for body */
body {
	font-size: 100%;
	color: #000;
	font-family:  'ƒƒCƒŠƒI' ,Meiryo, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3' , 'Hiragino Kaku Gothic Pro' , '‚l‚r ‚oƒSƒVƒbƒN' , 'Osaka' ,sans-serif;
       overflow-x: hidden; 
       padding-top:15px;
       background-color:#002744;
}

/* for table */
form {
	border: 0px solid #7777bb;
	border-collapse: collapse;
	margin-top: 5px;
}
table{
      width:100%;
}
th{
	text-align: center;
	border: 0px solid #7777bb;
	padding: 3px;
       line-height:200%;
       width: 30%;
       font-size:90%;
}
td {
	text-align: left;
	border: 0px solid #7777bb;
	padding: 3px;
       line-height:200%;
}
p{
       text-align: center;
}
font{
       font-size:100%;
}

input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

input[type="radio"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

section{
  margin         : auto;                 /* ƒTƒ“ƒvƒ‹—p ’†‰›Šρ‚Ή */
  box-sizing     : border-box;           /* Œrό‚ΰŠά‚ή’·‚³      */
  background     : none;                 /* BOX‚Μ”wŒiF         */
  border         : none;       /* ˜gό‚ΜŽw’θ          */
  width          : 50%;                /* BOX‚Μ•             */
  max-height     : auto;                /* BOX‚̍‚‚³           */
  display        : flex;                 /* FlexBox’θ‹`         */
  justify-content: center;               /* ‘΅‚¦‚Μ’θ‹`          */
  flex-wrap      : wrap;
}

}
/* for title */

#bg{
       background-color:#ffffff;
       border-radius:10px;
       font-color:#ffffff;
}
#choice{
       text-align:center;
       margin:0 auto;
}

#choice img{
        background-color:#fff0f5;
        border-radius:5px;
        border: solid 2px #cc0000;
        width:40%;      
}

#choice img:hover{
        background-color:#ffff00;
}


strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

.button{
    width:30%;
    font-size:14px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 5px 5px;
    background-color:#f4a460;
    box-shadow:2px 2px #555;
    border-radius:5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: block;
    float:left;
}

.button:hover{
	background-color: #f5f5dc;
	border-color: #ff3300;
	color: #ff3300;
       box-shadow:2px 2px #555;
}

input.hoge{
	width: 100%; border-radius:5px;
}
input.hoge-1{
	width: 90%; border-radius:5px;
}
input.hoge-2{
	width: 80%; border-radius:5px;
}
input.hoge-3{
	width: 70%; border-radius:5px;
}
input.hoge-4{
	width: 60%; border-radius:5px;
}
input.hoge-5{
	width: 50%; border-radius:5px;
}
input.hoge-6{
	width: 40%; border-radius:5px;
}
input.hoge-7{
	width: 30%; border-radius:5px;
}
input.hoge-8{
	width: 20%; border-radius:5px;
}

.chkbox input[type=checkbox] {
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

.info-comment-1{
       margin:20px 0px auto;
	line-height:1.8;
       border-radius: 5px;
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       width:100%;
       height:37%; 
       background-color:#ffffff; 
       border: solid 3px #cc0000;
       text-shadow:1px 1px #c0c0c0;    
}
.info-comment-2{
       margin:20px 0px auto;
	line-height:1.8;
       border-radius: 5px;
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       width:100%;
       height:22%; 
       background-color:#ffffff; 
       border: solid 3px #cc0000;
       text-shadow:1px 1px #c0c0c0;     
}
.info-comment-3{
       margin:20px 0px auto;
	line-height:1.8;
       border-radius: 5px;
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       width:100%;
       height:20%; 
       background-color:#ffffff; 
       border: solid 3px #cc0000;
       text-shadow:1px 1px #c0c0c0;     
}

.sample01{
       background:#ffffff;
       width:50%;
       margin:0 auto;
       margin-bottom:10px;
       padding:5px;
       border-radius: 3px;
       text-align:center;
       color:#0000ff;
       font-weight:bold;
}
.sample02{
       text-align:center;
}
.sample02 input:hover{
       background-color:#fff0f5;
       border: solid 2px #cc0000; 
       border-radius:5px
       
}

.font{
       font-size:140%;
       color:#ff0000;
       text-align:center;
}

.font01{
       font-size:300%;
       color:#ffffff;
       font-weight:bold;
       text-align:center;
}

.bg{
      color:#ffffff;
}


@media screen and (max-width:760px){
#choice{
     width:100%;
     margin:10px auto;
     
}

#choice a img{
     width:60%;
}

.info-comment-1{
     width:100%;
     margin:5px 0px 0px -5px;
     padding:7px 3px 0px 7px;
}
.info-comment-2{
     width:100%;
     margin:5px 0px 0px -5px;
     padding:7px 3px 0px 7px;
}
.info-comment-3{
     width:100%;
     margin:5px 0px 0px -5px;
     padding:7px 3px 0px 7px;
}
.font01{
     font-size:120%;
}
.font{
     font-size:120%;
}
section{
     width:100%;
}
}

@media screen and (min-width:760px){
#choice{
     width:100%;
     margin:5px 5px 5px 0px;
     
}

.info-comment{
  width: 99%;
}
}