@charset "UTF-8";
/************ CSS Document ************/

@import url("reset.css");
@import url("fonts.css");

html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 17px;
	line-height:190%;
	color: #313131;
	background:#ffffff;
}


/************ hover/clear ************/

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

input:hover {
    opacity: 0.8;
    /* IE */
    filter: alpha(opacity=8);
}
.submit:hover {
	opacity: 0.7;
    /* IE */
	filter: alpha(opacity=70);
}

.clear {
	clear:both;
}

/************ timer ************/

.timer {
	margin:0px auto 20px auto;
	padding:0px;
	font-size:30px;
	color:#e03563;
	text-align:center;
}
.day_end {
	background:#DBDBDB;
}

/************ margin / padding ************/
.padding0 {
	padding:0px;
}
.padding15 {
	padding:15px 0px 15px 0px;
}
.padding20 {
	padding:20px 0px 0px 0px !important;
}
.margin0 {
	margin:0px auto 0px auto;
}
.margin30 {
	margin:0px auto 30px auto !important;
}


/************ form ************/
.form01 {
	width:100%;
	margin:0px auto 0px auto;
	padding:46px 0px 20px 0px;
	background:url(../image/form01_bg.png) no-repeat top center;
}

.form02 {
	width:100%;
	margin:0px auto 50px auto;
	padding:66px 0px 40px 0px;
	background:url(../image/form02_bg.png) no-repeat top center;
}

.form01 p , .form02 p{
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

input.formtxt {
	width:518px;
	padding:16px 15px 16px 15px;
	border:6px solid #9c9c9c;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:#ffffff url(../image/mail_bg.png) no-repeat 8px 15px;
}


/************ headline ************/

#headline{
    margin: 0px auto;
	padding:40px 0px 35px 0px;
	text-align:center;
	color: #fff;
    font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	background:url(../image/bg.jpg) no-repeat top center;
}


.wrap {
	margin:0px auto;
}


.banner01 {
	width:1150px;
	margin:0px auto 0px auto;
	padding:12px 0px 12px 0px;
	text-align:left;
	font-size:0; 
	line-height:0;
}

.banner02 {
	margin:0px auto 40px auto;
	padding:25px 0px 0px 0px;
	text-align:center;
	background:url(../image/banner02_bg.png) repeat top center;
	font-size:0; 
	line-height:0;
}

.banner03 {
	margin:0px auto 40px auto;
	padding:50px 0px 50px 0px;
	text-align:center;
	background:url(../image/banner03_bg.jpg) no-repeat top center;
}

div#headline h1 {
	margin:0px auto 15px auto;
	padding:10px 0px 0px 0px;
	text-align:center;
	font-size:47px;
	line-height:115%;
	font-weight:bold;
  color          : #ffff00;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}

div#headline h2 {
	width:100%;
	margin:0px auto 10px auto;
	padding:15px 0px 0px 0px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	line-height:130%;
}

div#headline h3 {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	line-height:0;
}

/************ wrapper h1～h6 ************/
div#wrapper {
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	text-align:center;
}


div#wrapper h1 {
	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	text-align:center;
	font-size:0; 
	line-height:0;
}

div#wrapper h2 {
	width:100%;
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#03a5c0;
	line-height:140%;
}

div#wrapper h3 {
	width:610px;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left; 
	line-height:140%;
}

div#wrapper h4 {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-weight:bold; 
	line-height:140%;
}

div#wrapper h5 {
	width:560px;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left; 
	line-height:140%;
}

div#wrapper h6 {
	margin:0px auto 25px auto;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:0; 
	line-height:0;
}


/************ box ************/


div#wrapper .box01 {
	width:880px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box01 p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
div#wrapper .box02 {
	width:577px;
	margin:0px auto 20px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box02 p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
div#wrapper .box03 {
	width:700px;
	margin:0px auto 10px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box03 p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
div#wrapper .box04 {
	width:960px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box04 p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

/************ float left/right ************/

div#wrapper .image_left{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
div#wrapper .image_left2{
	width:550px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
div#wrapper .image_left3{
	float:left;
	margin:0px 27px 0px 0px !important;
	padding:0px;
}
div#wrapper .image_left4{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#wrapper .image_right{
	float:right;
	margin:0px 0px 0px 10px;
	padding:0px;
	line-height:170%;
}

div#wrapper .image_right2{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#wrapper .image_right3{
	float:right;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}

/************ frame ************/
div#wrapper .frame01 {
	width:426px;
	height:710px;
	margin:0px auto 0px auto;
	padding:15px 0px 15px 0px;
	outline:1px solid #d2d2d2;
	border:9px solid #eeeeee;
	background:#ffffff;
}

div#wrapper .frame01_ttl {
	margin:0px auto 20px auto;
	padding:0px;
	font-size:20px;
	font-weight:bold; 
	text-align:center;
	color:#03a5c0;
}

div#wrapper .frame02 {
	width:275px;
	margin:0px auto 20px auto;
	padding:0px;
}

div#wrapper .frame02_ttl {
	width:275px;
	height:90px;
	margin:0px auto 20px auto;
	padding:12px 5px;
	font-size:20px;
	font-weight:bold; 
	text-align:center;
	color:#ffffff;
	background:#03a5c0;
	display:inline-table;
  display: table-cell;
  vertical-align: middle;
	 font-size:0;
    line-height:0;
}

div#wrapper .frame03 {
	margin:0px auto 0px auto;
	padding:20px 0px 5px 0px;
	outline:1px solid #d2d2d2;
	border:4px solid #eeeeee;
}
div#wrapper .frame03in {
	width:800px;
	margin:0px auto 0px auto;
}

div#wrapper .frame04 {
	margin:0px auto 40px auto;
	padding:25px 0px 25px 0px;
	text-align:center;
	background:#03a5c0;
	font-size:0;
    line-height:0;
}
div#wrapper .box01 .frame04 p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

div#wrapper .profile01 {
	width:880px;
	margin:0px auto 40px auto;
	padding:35px 0px 15px 0px;
	outline:1px solid #d2d2d2;
	border:9px solid #eeeeee;
	background:url(../image/profile01_bg.png) repeat center top;
}

div#wrapper .profile01_ttl {
	margin:0px auto 20px auto;
	padding:0px 0px 7px;
	border-bottom:3px solid #eeeeee;
	font-size:36px;
	font-weight:bold; 
	text-align:left;
	color:#03a5c0;
}

/************ iframe ************/

div#wrapper .iframe_wrap {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

/************ ul ************/

div#wrapper .ul01 {
	margin: 0px auto 18px auto;
	padding: 0px;
}

div#wrapper .ul01 li {
	margin:0px auto 0px 1em;
	padding:0px;
	list-style-type:disc;
	list-style-position:outside;
	text-align:left;
}
div#wrapper .ul02 {
	margin:0px auto 0px auto;
	padding:0px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
}

div#wrapper .ul02 li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 40px;
	background:url(../image/icon01.png) no-repeat left top;
}

/************ table ************/

div#wrapper .table01 {
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;
	border: 7px solid #03a5c0;
	background:#FFFFFF;
	
}

div#wrapper .table01 th {
	padding: 6px 15px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-weight:bold;
	border-right: 7px solid #03a5c0;
	background: #03a5c0; /* Old browsers */
}

div#wrapper .table01 td {
	padding: 4px 10px;
	border-right: 7px solid #03a5c0;
}

div#wrapper .table01 tr {
	border-top: 1px solid #dddddd;
}


input.formtxt02 {
	width:100%;
	padding:10px 10px;
	border:2px solid #CCC;
	font-size:16px;
}

input.formtxt03 {
	width:30%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:16px;
}

input.formtxt04 {
	width:20%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
}

textarea.textarea01 {
	width:100%;
	height:120px;
	padding:10px 10px;
	border:2px solid #CCC;
	font-size:16px;
}

.submit:hover {
	opacity: 0.7;
	/* IE */
	filter: alpha(opacity=70);
}


/************ others ************/
#video iframe{
  position: fixed;
  z-index: -1;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

div#wrapper .step {
	margin:0px auto 20px auto;
	padding:8px 0px 7px 170px;
	text-align:left;
	font-size:28px;
}

div#wrapper .step1 {
	background:#fefceb url(../image/step1_bg.png) no-repeat left top;
}

div#wrapper .step2 {
	background:#fefceb url(../image/step2_bg.png) no-repeat left top;
}

div#wrapper .step3 {
	background:#fefceb url(../image/step3_bg.png) no-repeat left top;
}

div#wrapper .step4 {
	background:#fefceb url(../image/step4_bg.png) no-repeat left top;
}

div#wrapper .step5 {
	background:#fefceb url(../image/step5_bg.png) no-repeat left top;
}

div#wrapper .step6 {
	background:#fefceb url(../image/step6_bg.png) no-repeat left top;
}

div#wrapper .step7 {
	background:#fefceb url(../image/step7_bg.png) no-repeat left top;
}

div#wrapper .step8 {
	background:#fefceb url(../image/step8_bg.png) no-repeat left top;
}

div#wrapper .qa {
	margin:0px auto 20px auto;
	padding:20px 0px 1px 0px;
	text-align:center;
	background:#f8f8f8;
}
div#wrapper .qain {
	width:784px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .question {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 75px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
}
div#wrapper .qsn1 {
	background:url(../image/qsn1_bg.png) no-repeat left 6px;
}
div#wrapper .qsn2 {
	background:url(../image/qsn2_bg.png) no-repeat left 6px;
}
div#wrapper .qsn3 {
	background:url(../image/qsn3_bg.png) no-repeat left 6px;
}
div#wrapper .qsn4 {
	background:url(../image/qsn4_bg.png) no-repeat left 6px;
}
div#wrapper .qsn5 {
	background:url(../image/qsn5_bg.png) no-repeat left 6px;
}
div#wrapper .qsn6 {
	background:url(../image/qsn6_bg.png) no-repeat left 6px;
}
div#wrapper .qsn7 {
	background:url(../image/qsn7_bg.png) no-repeat left 6px;
}
div#wrapper .qsn8 {
	background:url(../image/qsn8_bg.png) no-repeat left 6px;
}

div#wrapper .ans {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 75px;
	text-align:left;
	background:url(../image/ans_bg.png) no-repeat left 7px;
}

.pc_only {
	display:block;
}
.sp_only {
	display:none;
}
.tab_only {
	display:none;
}
.maru{
    width: 45px;
    height: 45px;
	margin:10px 15px 10px 0px;
	padding:0px;
    display: inline-block;
    border-radius: 45px;
    background-color: #f39800;
    color: #fff;
    text-align: center;
    line-height: 45px;
	font-size:22px;
}
/************ footer ************/

div#footer_links {
	width:100%;
	margin:0px auto 0px auto;
	padding:7px 0px 5px 0px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:#535353;
}

div#footer_links a {
	color:#fff;
	text-decoration:none;
}

div#footer {
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:#313131;
}


@media screen and (min-width: 1800px) {
/************ PC用のスタイル記述 ************/

div#wrap {
	width:1800px;
	margin:0px auto;
	padding:0px;
}
}
@media screen and (min-width: 1301px) and (max-width: 1600px) {

#main-visual{
	padding-top:42%;
}
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {

#main-visual{
	padding-top:50%;
}
}


@media screen and (min-width: 881px) and (max-width: 1024px) {
img.miniimg { display: block; }  
img.bigimg  { display: none; } 
img.frame01tab  { display: block; } 
img {
    max-width:100%;
    width /**************/:auto; 
    height:auto;
    vertical-align:bottom;
}


.banner01 {
	width:95%;
}

.pc_only {
	display:none;
}
.sp_only {
	display:none;
}
.tab_only {
	display:block;
}

#main-visual {
	display:none;
}
div#headline h1 {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	font-size:55px;
	line-height:130%;
	font-weight:bold;
  color          : #ffff00;            /* 文字の色 */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}

div#headline h2 {
	margin:0px auto 20px auto;
	font-size:22px;
	line-height:140%;
	color:#ffffff;
	font-weight:bold;
}
div#headline h3 {
	margin:0px auto 20px auto;
	line-height:0;
}
div#headline h3 img{
    width:97%;
}
div#wrapper .box04 {
	width:95%;
}
div#wrapper .box04 img {
	width:100%;
}
.banner02 {
	margin:0px auto 40px auto;
	padding:25px 0px 0px 0px;
	text-align:center;
	background:url(../image/banner02_bg.png) repeat top center;
	font-size:0; 
	line-height:0;
}
div#wrapper .image_left {
	width:45%;
	}
div#wrapper .image_right3 {
	width:50%;
	}
}

@media screen and (max-width: 880px) {
img.miniimg { display: block; }  
img.bigimg  { display: none; } 
img.frame01tab  { display: block; } 
img {
    max-width:100%;
    width /**************/:auto; 
    height:auto;
    vertical-align:bottom;
}
#main-visual{
	padding-top:55%;
}

.banner01 {
	width:95%;
}

div#wrapper .box00 {
	width:95%;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	text-align:left;
}

div#wrapper .box01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}


div#wrapper .box02 {
	width:100%;
	margin:0px auto 5px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .box03 {
	width:95%;
	margin:0px auto 10px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .box04 {
	width:95%;
}
.banner03 {
	padding:20px 0px 20px 0px;
}


/************ frame ************/

div#wrapper .frame01 {
	width:48%;
	height:auto;
}

div#wrapper .frame02 {
	width:30%;
	margin:0px auto 25px auto;
}

div#wrapper .image_left3{
	float:left;
	margin:0px 5% 0px 0px !important;
	padding:0px;
}

div#wrapper .frame03in {
	width:95%;
}

div#wrapper .frame04 {
	width:100%;
	margin:0px auto 20px auto;
	padding:5px 5px 5px 5px;
/*
	width:100%;
	float:none;
	margin:0px auto 20px auto;
	padding:15px 5px 1px 5px;
*/
}
div#wrapper .profile01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:20px 0px 5px 0px;
	outline:1px solid #d2d2d2;
	border:5px solid #eeeeee;
}



/************ iframe ************/
div#wrapper .iframe_wrap {
	margin:0px auto 20px auto;
    position: relative;
    width: 100%;
    padding: calc(360 / 640 * 100%) 0 0;
  }
div#wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


div#wrapper .qain {
	width:95%;
}



.pc_only {
	display:none;
}
.sp_only {
	display:none;
}
.tab_only {
	display:block;
}
#main-visual {
	display:none;
}
#headline {
	margin:0px auto 0px auto;
	padding:40px 0px 40px 0px;
	text-align:center;
	background:url(../image/bg_sp.jpg) no-repeat top center;
	background-size: 100% auto;
}
div#headline h1 {
	margin:0px auto 15px auto;
	padding:0px 0px 0px 0px;
	font-size:40px;
	line-height:130%;
	color:#ffff00;
	font-weight:bold;
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}

div#headline h2 {
	margin:0px auto 20px auto;
	font-size:20px;
	line-height:140%;
	color:#ffffff;
	font-weight:bold;
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}
div#headline h3 {
	margin:0px auto 20px auto;
	line-height:0;
}
div#headline h3 img{
    width:97%;
}
div#wrapper .image_left {
	width:45%;
	}
div#wrapper .image_right3 {
	width:50%;
	}
div#wrapper .image_left2{
    width:57%;
}
}

@media screen and (max-width: 640px) {
img.miniimg { display: block; }  
img.bigimg  { display: none; } 
img.frame01tab  { display: block; } 
img {
    max-width:100%;
    width /**************/:auto; 
    height:auto;
    vertical-align:bottom;
}
body{
	font-size:16px;
}

/************ button ************/
.btn, .btn2 {
	width:75%;
}
.formBtn {
	width:100%;
}
input.formtxt02,textarea.textarea01 {
	width:100%;
}

/************ timer ************/
.timer {
	margin:0px auto 20px auto;
	padding:0px;
	font-size:16px;
}
/************ headline ************/
.banner01 {
	width:95%;
}
.banner01 img {
	width:50%;
}
.banner03 {
	margin:0px auto 40px auto;
	padding:20px 0px 1px 0px;
	text-align:center;
	background:#2E9AFE;
	background-size: 100% auto;
}
.banner02 {
	padding:15px 0px 15px !important;
}

div#headline {
	padding:20px 0px 5px 0px;
}

div#headline h1 {
	margin:0px auto 5px auto;
	padding:0px 0px 0px 0px;
	font-size:20px;
	line-height:130%;
	color:#ffff00;
	font-weight:bold;
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}

div#headline h2 {
	margin:0px auto 20px auto;
	font-size:14px;
	line-height:140%;
	color:#ffffff;
	font-weight:bold;
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;        /* 文字の影 */
}

/************ form ************/

.form01, .form02 {
	width:98%;
	padding:15px 0px 1px 0px;
	border:3px solid #d5c98a;
	background:url(../image/form01_bg_sp.png) repeat top center;
	
}

input.formtxt {
	width:95%;
	padding:10px 3px 10px 3px;
	font-size:16px;
	font-weight:bold;
	background-image:none;
}

/************ wrapper h1～h6 ************/
div#wrapper {
	width:100%;
}

div#wrapper h1 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper h2 {
	margin:0px auto 30px auto;
	padding:0px 5px;
	font-size:24px;
}
div#wrapper h4 {
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}

div#wrapper h3 {
	width:100%;
	float:none; 
}

div#wrapper h5 {
	width:100%;
	float:none; 
}


/************ box ************/

div#wrapper .box00 {
	width:95%;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	text-align:left;
}

div#wrapper .box01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .banner03 .box01 {
	margin:0px auto 5px auto;
}

div#wrapper .box02 {
	width:95%;
	margin:0px auto 5px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .box03 {
	width:95%;
	margin:0px auto 10px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .box04 img {
	width:90%;
}

/************ frame ************/

div#wrapper .frame01 {
	width:95%;
	height:auto;
	margin:0px auto 15px auto;
	padding:10px 0px 1px 0px !important;
	outline:1px solid #d2d2d2;
	border:5px solid #eeeeee;
	background:#ffffff;
}

div#wrapper .frame01_ttl {
	font-size:20px;
}

div#wrapper .frame02 {
	width:95%;
	margin:0px auto 25px auto !important;
}

div#wrapper .frame02_ttl {
	width:100%;
	height:auto;
	display:block;
	margin:0px auto 15px auto;
	padding:7px 3px;
}

div#wrapper .frame03 {
	padding:15px 0px 15px 0px;
	outline:1px solid #d2d2d2;
	border:4px solid #eeeeee;
}
div#wrapper .frame03in {
	width:95%;
}

div#wrapper .frame04 {
	width:100%;
	float:none;
	margin:0px auto 20px auto;
	padding:5px 5px 5px 5px;
}

div#wrapper .profile01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:20px 0px 5px 0px;
	outline:1px solid #d2d2d2;
	border:5px solid #eeeeee;
}

div#wrapper .profile01_ttl {
	margin:0px auto 20px auto;
	padding:0px 0px 5px;
	font-size:28px;
}


/************ float left/right ************/
div#wrapper .image_left{
	width:95%;
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}
div#wrapper .image_left2{
	width:100%;
	float:none;
}
div#wrapper .image_left3, div#wrapper .image_left4{
	width:100%;
	float:none;
	margin:0px auto 18px auto;
}

div#wrapper .image_right{
	width:100%;
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}
div#wrapper .image_right2{
	width:100%;
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
}
div#wrapper .image_right3 {
	width:95%;
	}

/************ iframe ************/
div#wrapper .iframe_wrap {
	margin:0px auto 20px auto;
    position: relative;
    width: 100%;
    padding: calc(360 / 640 * 100%) 0 0;
  }
div#wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************ ul ************/

div#wrapper .ul02 {
	margin:0px auto 0px auto;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

/************ others ************/
div#wrapper .ans {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 35px;
}
.pc_only {
	display:none;
}
.sp_only {
	display:block;
}
.tab_only {
	display:none;
}
#main-visual {
	display:none;
}
#header_tab {
	display:block;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(../image/bg_sp.jpg) no-repeat top center;
	background-size: 100% auto;
}

div#header_tab h3 {
	margin:0px auto 0px auto;
	line-height:0;
}
div#header_tab h3 img{
    width:95%;
}

div#wrapper .qain {
	width:95%;
}
.maru{
    width: 28px;
    height: 28px;
	margin:10px 15px 10px 0px;
	padding:0px;
    display: inline-block;
    border-radius: 28px;
    background-color: #f39800;
    color: #fff;
    text-align: center;
    line-height: 28px;
	font-size:19px;
}

div#wrapper .step1, div#wrapper .step2 ,div#wrapper .step3, div#wrapper .step4, div#wrapper .step5,div#wrapper .step6{
	padding-right:3px;
	background-size:30%;
}
div#wrapper .step {
	padding:2px 0px 0px 110px;
	font-size:20px;
}
div#wrapper .question {
	margin:0px auto 15px auto;
	padding:0px 0px 0px 65px;
	font-size:19px;
}
div#wrapper .qsn1 {
	background:url(../image/qsn1_bg.png) no-repeat left 4px;
}
div#wrapper .qsn2 {
	background:url(../image/qsn2_bg.png) no-repeat left 4px;
}
div#wrapper .qsn3 {
	background:url(../image/qsn3_bg.png) no-repeat left 4px;
}
div#wrapper .qsn4 {
	background:url(../image/qsn4_bg.png) no-repeat left 4px;
}
div#wrapper .qsn5 {
	background:url(../image/qsn5_bg.png) no-repeat left 4px;
}
div#wrapper .qsn6 {
	background:url(../image/qsn6_bg.png) no-repeat left 4px;
}
div#wrapper .qsn7 {
	background:url(../image/qsn7_bg.png) no-repeat left 4px;
}
div#wrapper .qsn8 {
	background:url(../image/qsn8_bg.png) no-repeat left 4px;
}

/************ footer ************/
div#footer_links {
	width:100%;
	margin:0px auto 0px auto;
	padding:7px 0px 5px 0px;
	text-align:center;
	font-size:12px;
}

div#footer_links a {
	text-decoration:none;
}


div#footer {
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
}
}