@charset "utf-8";


/*■■■■■■■
　　PC版設定
■■■■■■■■*/
body {
font-family: "メイリオ","Yu Gothic","Lucida Grande","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;color:#000; text-align:center; }
/*
■ ブラウザのマージンとパディング初期化
*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*
■ イメージ初期化
*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*
■ 境界線
*/
hr { display:none;}
/*
■ リンク設定
*/
a img{border: none;}
a:hover img { opacity:0.7;}

a {color: #00B8EE;text-decoration:none;}
a:hover {color:#00B8EE;text-decoration:underline;}
a:visited {color:#00B8EE;text-decoration:underline;}
/*
■ float
*/
.fleft { float:left;}
.fright { float:right;}
.fcl:after,.row:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
■ テキスト
*/
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}

.txt_s {font-size:0.8em;}

.txt_blue {color:#308fe3; font-weight:bold;}

/*
■ リスト
*/
ul{list-style:none;margin:0;padding:0;}
/*

/*
■ 非表示
------------------------------------------*/
.hd { display:none; }


/*■■■■■■■■■■■
　　共通コンテンツ設定
■■■■■■■■■■■■*/

/* body */
body {text-align:center; background:#FAFAFA;) repeat-x;}
#form01 .box_title,#form02 .box_title,#form03 .box_title {background:#005aaa; color:#FFF;}
#sec01 .box_title {background:#308fe3; color:#FFF;}
#form01 .box_title .linner {background:url(form_title_bg_left.png) no-repeat top left; background-size:auto 100%; }
#sec01 .box_title .linner {background:url(form_title_bg_left.png) no-repeat top left; background-size:auto 100%; }
/* header */
#header {background:#FFF; border-bottom: solid 5px #005aaa;}

/* form */
#form01,#form02,#form03 { background:url(bg_dot.jpg) repeat; text-align: center;}
#form01 .box_body ,#form02 .box_body ,#form03 .bo_body {background:#FFF; }

.box_body .fright p {text-align: left; }
.entry_form table { border-top: solid 5px #999; border-collapse:collapse;}
.entry_form th.his span,.box_body .fright span.his { background:#F00; color:#FFF; }
.entry_form th.nin span { background:#999; color:#FFF; }
input[type="text"]::-webkit-input-placeholder { color: #999999;}
input[type="text"]::-moz-placeholder { color: #999999;}
input[type="text"]::-ms-input-placeholder {	color: #999999;}
.entry_form .privacy .txt_area {border: solid 1px #999; overflow-y: scroll; text-align: left;}
.entry_form .privacy h3 { text-align: left;}
.entry_form .privacy dt {font-weight:bold;}

input.btn_submit  {
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#00cc33 0%,
		#339900);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#00cc33),
		to(#339900));
	border-radius: 20px;
	border: 4px solid #108423;
	box-shadow:
		0px 1px 0px rgba(0,0,0,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.5);
}
input.btn_submit:hover { opacity:0.7;}

}



/*
input.btn_submit { cursor: pointer; display: block;  border: none; text-indent: -9999px; background: url(form_btn_normal.png) no-repeat 0 0; background-size: 100% auto;}
input.btn_submit:hover { background: url(form_btn_normal.png) no-repeat 0 0;  background-size: 100% auto; opacity:0.7;} */

/* thanks */
#sec01 h2,#sec02 h2 { font-size: 2em; margin-bottom: 1em; }
#sec01 h2 span, #sec02 h2 span {color:#005aaa; display: inline; background:  linear-gradient(transparent 60%, #ffe000 60%);}

#sec01 .box_x1 {background:#FFF; text-align: left; border: solid 2px #005aaa; }
#sec01 .box_x2 {text-align: left; color:#FFF;}
#sec01 .box_x2 h3 {color:#ffff00;}
#sec01 .box_x2 .fleft {background:#005aaa;}
#sec01 .box_x2 .fright {background:#57afec;}

#sec02 .box_body {border: solid 5px #308fe3; background:#FFF; text-align: left;}
#sec02 ul li {list-style: none; background: url(list_style_mark.png) no-repeat top left; border-bottom: dashed 2px #999;}

/* footer */
#footer {background:#005aaa; font-size:0.8em; color:#FFF;}
#footer img {background:#FFF; padding: 0 20px;}
#footer ul {text-align: center;}
#footer .link a,#footer .link a:visited {color:#FFF;}
#footer li a:hover,#footer .link a:hover {text-decoration:underline;}

/* Pageup button */
#page-top { position:fixed; bottom:10px; right: 10px; }
#page-top a { width:60px; height:60px; padding: 8px; border: solid 1px #308fe3; background:url(icon_top.png) #FFF no-repeat center ; border-radius:6px; display:block; text-indent: -9999px; }
#page-top a:hover { border: solid 1px #FFF; background:url(icon_top_ov.png) #308fe3 no-repeat center;	opacity:0.7; }


@media screen and (max-width: 999px) {
	 /*　画面サイズ 999pxまで適用　*/

body { font-size: 28px !important;}
.box_wrap {width:100%; max-height:100%; }
#header .box_wrap { display: flex; align-items: center; }
#header img.logo { width:35%; margin: 0 2%;}
#header .contact {width: 65%; text-align: right; margin: 0 4%; font-size: 0.9em;}
#form01 .box_title span.kai:before, #sec01 .box_title span.kai:before, .privacy span.kai:before {  content: "\A"; white-space: pre; }
#form01 .box_title .Rinner, #form02 .box_title .Rinner, #form03 .box_title .Rinner, #sec01 .box_title .Rinner  {width:90%; padding:2em 5% 1.4em; font-size: 0.8em;}
#form01 h2 img,#form02 h2 img,#form03 h2 img,#sec01 h1 img {width:100%; margin-bottom:0.8em}

/* form */
#form01 .box_body ,#form02 .box_body ,#form03 .bo_body { padding-bottom:4em;}
#form01 .box_body .fright {float:none;}
.box_body .fright p {width:90%; margin: 0.5em 5% 1.4em; font-size: 0.8em; }
.box_body table { width:100%x; }
.entry_form th { display:block; width:90%; padding: 1em 5%;  text-align: left;}
.entry_form td { display:block; width:90%; padding: 1.5em 5%;}
.entry_form th  { background:#dedec4; }
.box_body .fright span.his {font-size: 0.8em; font-weight: normal;padding: 0.3em 0.4em;}
.entry_form th.his span {font-size: 0.8em; font-weight: normal;padding: 0.3em 0.4em; margin-left:0.5em;}
.entry_form th.nin span {font-size: 0.8em; font-weight: normal; padding: 0.3em 0.4em; margin-left:0.5em;}

.entry_form .privacy {width: 90%; margin:0 5% 1.4em; }
.entry_form .privacy .txt_area {width: 90%; height:8em; padding: 0.2em 5%; margin-bottom: 4em; font-size: 0.6em;}
.entry_form .privacy h2 {font-size: 1em; margin-bottom: 0.2em; text-align: left;}
.entry_form .privacy p,.entry_form .privacy dd {margin-bottom: 2em;}
.entry_form .privacy dt {margin-bottom: 1em;}
input[type="text"]  {width:96%; min-height:1.8em; padding:0.2em 2%; font-size: 1em; border: solid 1px #000; border-radius: 5px;}
select  {width:96%; min-height:2em; padding:0.2em 2%; font-size: 1em; border: solid 1px #000; border-radius: 5px;}
textarea {width:96%; min-height:4em; padding:0.2em 2%; font-size: 1.5em; border: solid 1px #000; border-radius: 5px;}

input.btn_submit  {
  width:60%;
  min-height:2em;
  font-size: 2em;
  font-weight: bold;
  padding: 0.5em auto;
}
input.btn_submit:hover { opacity:0.7;}

/* thanks */
#sec01 .box_wrap,#sec02 .box_wrap {width:100%; margin-bottom: 1.4em;}
#sec01 .arr {margin-bottom:1.4em;}
#sec01 .arr_s {margin-bottom:0;}
#sec01 h2,#sec02 h2 {font-size: 1.4em;}
#sec01 p.sub_title,#sec02 p.sub_title {margin-top:1em; font-size: 0.85em; padding: 0 5%; text-align: left;}
#sec01 .box_x1 {width:88%; max-height: 100%; padding:0.2em 1%; margin: 0 5%; }
#sec01 .box_x1 img {width:20%; margin-right:2%;}
#sec01 .box_x1 .bg_white {width: 78%; max-height: 100%; padding: 0.5em 0;font-size: 0.8em}
#sec01 .box_x1 .bg_white p {line-height: 1.4; margin-top: 0.5em;}
#sec01 .box_x2 .fleft,#sec01 .box_x2 .fright { width:84%; padding:0.8em 3%; margin: 0 5% 1em;}
#sec01 .box_x2 h3 { margin-bottom:0.5em;}
#sec01 .box_x2 p { font-size: 0.7em;}

#sec02 .box_body {width:80%; max-height: 100%; padding:0.5em 5%; margin:0 5%;}
#sec02 ul li {padding: 0.5em 0 1em 90px; margin-bottom: 0.8em; font-size: 0.85em;}

/* footer */
#footer {width:100%; }
#footer .box_wrap  {width:90%; padding: 1.4em 5%;}
#footer img.logo {width:40%; margin: 0 26% 1.4em;}
#footer p{margin-bottom:1.4em;}

/* display */
.sp_hd {display:none;}

 }



@media screen and (min-width: 480px) and (max-width: 582px) {
  #header .contact { font-size: 0.8em;}
}

@media screen and (min-width: 520px) and (max-width: 680px) {
#mainimg  h1.balloon  {font-size: 1.2em;}
#mainimg .balloon  {padding: 0.5em 0.5em 0.3em ;}
#mainimg .txt01 img {width:90%; margin: 0 5%;}
#mainimg .txt02 img {width:60%; margin: 0 20% 0.5em;}
}

@media screen and (max-width: 519px) {
#mainimg  h1.balloon  {font-size: 1.3em;}
#mainimg .balloon_wrap {width:50%;}
#mainimg .balloon  {padding: 0.8em 0.5em 0.6em ;}
#mainimg .balloon::before{ left: 80px;}
/* 三角アイコン */
#mainimg .balloon::after{ left: 70px;}
#mainimg .txt01 img {width:90%; margin: 0 5%;}
#mainimg .txt02 img {width:60%; margin: 0 20% 0.5em;}

}

@media screen and (max-width: 749px) {
#header .contact {font-size: 0.8em;}
.box_title img {width:100%; height:auto;}
 }

 @media screen and (max-width: 479px) {
 	 /*　画面サイズ 479pxまで適用　*/
 body {font-size: 18px !important;}

  }

	@media screen and (max-width: 289px) {
  	 /*　画面サイズ 289pxまで適用　*/
		 input.btn_submit  {
	 	  width:60%;
	 	  min-height:2em;
	 	  font-size: 1.4em;
	 	  font-weight: bold;
	 	  padding: 1em 10％ 0.5em;
	 	}

   }



 @media screen and (min-width:1000px) {
	 /*　画面サイズ 1000px以上から適用　*/
   body {text-align:center; font-size:20px;background:#FAFAFA;}
   .box_wrap {width:1000px; max-height:100%; margin:0 auto;}
#header img.logo { width:152px; margin: 10px 20px 10px 0;}
#header p.subtitle {margin-top:24px; font-size: 0.8em;}
#header .contact p { color:#308fe3; font-weight: bold; border: solid 1px #308fe3; border-radius: 5px; padding:10px; margin-top:10px; font-size: 0.8em;}
#form01 .box_title .Rinner, #form02 .box_title .Rinner, #form03 .box_title .Rinner,#sec01 .box_title .Rinner   {background:url(form_title_bg_right.png) no-repeat top right; background-size:auto 100%; padding:50px 0 40px;}
#sec01 .box_title .Rinner {background:url(form_title_bg_right.png) no-repeat top right; background-size:auto 100%; }
img.arr {margin-bottom:20px;}

/* headline */
#form01 h1,#form02 h1,#form03 h1 {margin-bottom:20px;}
/* form */
#form01 .box_body ,#form02 .box_body ,#form03 .bo_body { width:1000px; max-height: 100%; margin: 0 auto; padding-bottom:50px;}
.box_body .box_wrap { width:940px; margin: 0 30px; }

.box_body .fright p {width:680px;margin: 20px 0 0; font-size: 0.9em; line-height: 1.8;}
.box_body table { width:940px; }
.entry_form th { width:290px; padding: 30px 20px; border-bottom: solid 1px #999; background: #F9F9F9;text-align: right;}
.entry_form td { width:570px; padding: 30px 20px;border-bottom: solid 1px #999; background: #FFF; text-align: left;}
.entry_form th.his  { background:#fcefdb }
.entry_form th.nin { background:#f6f6f6; }
.entry_form th.his span,.box_body .fright span.his {font-size: 0.8em; font-weight: normal;padding: 0.1em 0.4em 0 0.4em; margin-left:0.5em;}
.entry_form th.nin span {font-size: 0.8em; font-weight: normal; padding: 0.1em 0.4em 0 0.4em;  margin-left:0.5em; color:#a6937c; background: #FFF;}
.entry_form .privacy {width: 590px; margin:50px 200px; }
.entry_form .privacy .txt_area {width: 570px; height:90px; padding: 10px; margin-bottom: 50px; font-size: 0.6em;}
.entry_form .privacy h3 {font-size: 0.8em; margin-bottom: 0.5em;}
.entry_form .privacy p,.entry_form .privacy dd {margin-bottom: 2em;}
.entry_form .privacy dt {margin-bottom: 1em;}
input[type="text"]  {width:480px; height:32px; padding:5px; font-size: 1em;}
select {width:280px; height:42px; padding:6px; font-size: 1em;}
textarea {width:480px; height:76px; padding:2px; font-size: 1em;}

input.btn_submit  {
  width:325px;
  height:100px;
  font-size: 2em;
  padding: 50px auto 30px;
  text-shadow: 2px 2px 0 #108423,
               -2px 2px 0 #108423,
               2px -2px 0 #108423,
               -2px -2px 0 #108423;
}
input.btn_submit:hover { opacity:0.7;}

/* thanks */
#sec01 .box_wrap,#sec02 .box_wrap {margin-bottom: 50px;}
#sec01 .sub_title span.kai:before,#sec02 .sub_title span.kai:before  {  content: "\A"; white-space: pre; }
#sec01 p.sub_title,#sec02 p.sub_title {margin-top:20px;}
#sec01 .txt_x1 .box_x1 img {margin-right:20px;}
#sec01 .box_x1 img {width:100px;}
#sec01 .box_x1 .fright {width: 860px; padding: 15px;}
#sec01 .box_x2 .fleft,#sec01 .box_x2 .fright {width: 440px; min-height:150px; padding: 20px;}
#sec01 .box_x2 p {font-size: 0.96em;}

#sec02 .box_body {width:1000px; padding:30px 30px 10px;}
#sec02 ul li {padding:0 0 30px 84px; margin-bottom:30px;}

/* footer */
#footer {padding:20px 0 50px 0; }
#footer .box_wrap  {width:1000px; margin:0 auto;}
#footer img.logo { width:152px; margin: 30px auto;}
#footer p.link  {margin-bottom:30px;}

 }