/*

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #f0f0f0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}




/**
 * 3.0 Typography
 */


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	}



dfn,
cite,
em,
i {
	font-style: italic;
}
html{ font-size: 62.5% } /*初期値16pxの62.5%でルートが10px*/

body{
	line-height: 1.5;
  color: #000;
  background:#000;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"Gothic Medium BBB";
-webkit-text-size-adjust: none;
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
   
    top: 0;
    z-index: 9999;
    text-align: center;
    padding: 0 10px 0 0;
}
 
#footerFloatingMenu  a {
     display:block;  
	 margin:0 0 0 15px;
	float:left;
	background:#C32023; 
	font-size:2rem;
	width:17em;
	color:#fff;
	height: 45px;
	text-decoration: none;
	line-height: 45px;
	outline: none; 
	 font-weight:bold;   overflow: hidden;
}
#button {
	display: block;
	width: 100%;
	max-width: 15em;
	margin:0 0 0 15px;font-weight:bold;  
}
#button a {
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 14em;	border: 1px solid #C32023; 
	border-radius: 2px;
	background-color: #C32023; 
	color: #ffffff;
	padding: 0;
	text-align: center;
	text-decoration: none;
	transition: .25s linear;
	-webkit-transition: .25s linear;
	-moz-transition: .25s linear;
	 -moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

#button a:before {
	display: block;
	position: absolute;
	z-index: -1;
	left: -30%;
	top: -50%;
	content: "";
	width: 30px;
	height: 100px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
	
	
	/*animation: shiny 3s infinite linear;
	-webkit-animation: shiny 3s infinite linear;
	-moz-animation: shiny 3s infinite linear;*/
	
	animation: shiny 2s infinite cubic-bezier(0.71, 0.65, 1, 1.36);
	-webkit-animation: shiny 2s infinite cubic-bezier(0.71, 0.65, 1, 1.36);
	-moz-animation: shiny 2s infinite cubic-bezier(0.71, 0.65, 1, 1.36);
	
	/*animation-name: shiny;
    -webkit-animation-name: shiny;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.93, 1.25, 0.91, 0.67);
    -webkit-animation-timing-function: cubic-bezier(0.93, 1.25, 0.91, 0.67);
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-delay: -2s;
    -webkit-animation-delay: -2s;*/
}
@keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-webkit-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-moz-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}

#footerFloatingMenu  a:hover{background-color:#DF060A}

#footerFloatingMenu  a::before,
#footerFloatingMenu  a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#footerFloatingMenu  a,
#footerFloatingMenu  a::before,
#footerFloatingMenu  a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#wrapper { font-size: 16px; font-size: 1.6rem;} 
#contents { font-size: 32px; font-size: 3.2rem; } 

/*全てをクリア*/
.clear {
   clear: both;
} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #0066cc;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}

 a:hover img{opacity:.7; }
 
 
 
header{ background:url(img/main.jpg) 50% 0 no-repeat; text-align:center; padding:80px 0 60px ;}
header ul{ margin:0 0 30px; }
header li{ display:inline-block; margin:5px;}
header h1{ margin:20px auto 0;　background-blend-mode: multiply; background-color:rgba(0,0,0,0.5); padding:0;}
 
#wrapper {
 margin: 0px auto 0;    /*全体の中央寄せ*/ padding:0px 0px px;
  background:#fff; 
}
 .inner{ margin:0px auto;padding:50px 0; width:95%; max-width:1200px;}
 
 /*wrap1*/
#wrap1{ display:table; font-weight:bold;}
#wrap1 h1, #wrap1 .honbun{ display:table-cell; vertical-align:top;}
#wrap1 .honbun{ padding:0 0 0 40px; background:url(img/man.jpg) 100% 50% no-repeat;} 
 #wrap1 .honbun p{ margin:0 0 2em;} 
 #wrap1 .honbun .ss{ margin:0 320px 2em 0;} 
  #wrap1 .honbun ul{margin:0 1em 2em;}
  #wrap1 .honbun li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;

	position:relative;
	padding-left:20px;
}
 
 #wrap1 .honbun li:after,  #wrap1 .honbun li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#605a5c; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
 #wrap1 .honbun li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
 #wrap1 .sankaku{width: 0;
height: 0;
border-style: solid;
border-width: 55px 40px 0 40px;
border-color: #000000 transparent transparent transparent; margin: 20px 0 0 150px}
 
 #wrap1 .honbun div.red{ border:1px solid #cc0000; color:#cc0000; font-size:1.8rem; margin:50px 0; padding:15px;  }
  #wrap1 .honbun strong{ display:block; font-size:2.5rem; line-height:1.7;  }


/*wrap2*/
 #wrap2{ background:url(img/main2.jpg) 50% 0 no-repeat; margin:50px 0 0; padding:30px 0 0;}
 #wrap2 h1{ margin:0 0 0 auto; width:372px;}
 #wrap2 .honbun{ margin:-00px 400px 0 0; font-weight:bold;}
 #wrap2 .zuhan {  margin:20px auto; text-align:center;}
 #wrap2 .zuhan li{ display:inline-block; margin:0 ; vertical-align:middle;}
#wrap2 h2 {margin:20px 0 15px;
	position: relative;
	text-align: center; font-size:1.8rem; font-weight:bold;
}
#wrap2 h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
#wrap2 h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #000 10%, #000 90%, transparent);
	background: linear-gradient(-45deg, transparent, #000 10%, #000 90%, transparent);
}

 #wrap2  .leftside{ float:left; width:48%;}
 #wrap2  .leftside ul{margin:0 0 30px;}
 #wrap2  .leftside li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	position:relative;
	display: block;
	padding: 3px 0px 5px 20px;
	color: #000;
	border-radius:15px 0px 0px 15px;
}
 
 #wrap2  .leftside li:after{
	content:'';
	display:block; 
	position:absolute;
	width:12px;
	height: 12px;
	top:8px;
	left:5px;
	background: #000;
	border-radius: 10px;
}
 #wrap2  .leftside img{  width:95%; margin:0  auto 0px !important; max-width:550px; height:auto;}

 #wrap2  .rightside{ float:right;width:48%;}


 #wrap2  .rightside ol{
	counter-reset:li; margin:0 0 50px;   
}
 
 #wrap2  .rightside ol li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	position:relative;
	display: block;
	padding:10px 0px 10px 35px; 
	margin-left:0px !important;
}
 
 #wrap2  .rightside ol li:after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: -1px;
	font-size:28px;
	color:#bbb;
	font-family:'Goudy Bookletter 1911',Georgia,serif; 
}
 #wrap2  .rightside ol li b{ background:#000; color:#fff;padding:3px 4px; margin:0 0 0 20px;  }
#wrap2  .rightside ol li a{ color:#000; }


 .rightside a span{
   position: absolute;
  opacity: 0;
  top: -30px;
  left: 10px;
  width: auto;
  padding: 10px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 80%;
  line-height: 1.5;
  transition: .3s;
}

.rightside a span:after{
  position: absolute;
  top: 100%;
  left: 34px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #000;
  content: "";
}
.rightside  a:hover span{
   opacity: 1;
  top: -40px;

}.rightside  a:hover span.line2{
  top: -60px;
}
.rightside  a:hover span.line3{
  top: -80px;
}
.rightside  a:hover span.line4{
  top: -100px;
}

.rightside a{
  display: block;
  position: relative;
  transition: .3s;
}
.rightside  table { font-size:1.4rem;}
.rightside  table th,.rightside table td{padding:5px;}
.rightside  table th{clear:both; width:10em;}
.rightside  table tr:nth-child(odd){  background:#f0f0f0;}

#wrap3{ background:#f0f0f0; margin:50px 0 0 ;}

#wrap3 dt  {
	position: relative;
	background: #006eb0;
	border: 5px solid #006eb0;
	display:inline-block; vertical-align:top; color:#fff;
	padding:5px; margin:0 0 30px; width:200px;
}
#wrap3 dt:after, #wrap3 dt:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#wrap3 dt:after {
	border-color: rgba(0, 110, 176, 0);
	border-left-color: #006eb0;
	border-width: 10px;
	margin-top: -10px;
}
#wrap3 dt:before {
	border-color: rgba(0, 110, 176, 0);
	border-left-color: #006eb0;
	border-width:14px;
	margin-top: -14px;
}
#wrap3 dd{ display:inline-block;  vertical-align:top;font-size:1.4rem; padding:0 10px 0 20px; } 
#wrap3 table { font-size:1.7rem; background:#fff;}
#wrap3   table th,#wrap3  table td{padding:10px 50px; border-bottom:4px solid #f0f0f0; font-weight:bold;}
#wrap3   table th{clear:both; width:10em;}
#wrap3   table li{ border-bottom:1px solid #000; margin:0 0 10px; padding:0 0 5px;}
#wrap3   table li:last-child{ border:none;margin:0 0 0px;}
#wrap3  table td:last-child{ text-align:right; }

#wrap4 h2,#form h2{
	position: relative;
	background: #006eb0;
	border: 3px solid #006eb0; color:#fff; text-align:center; font-weight:bold; font-size: 3.6rem; padding:15px; margin:0 0 15px;
}
#wrap4 h2:after,#wrap4 h2:before,#form h2:after,form h2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#wrap4 h2:after,#form h2:after  {
	border-color: rgba(0, 110, 176, 0);
	border-top-color: #006eb0;
	border-width: 30px;
	margin-left: -30px;
}
#wrap4 h2:before,#form h2:before  {
	border-color: rgba(0, 110, 176, 0);
	border-top-color: #006eb0;
	border-width: 34px;
	margin-left: -34px;
}
#form h2 span{ font-size:1.6rem; margin:0 0 0 1em;}


#wrap4 {  text-align:center; font-size:1.7rem; font-weight:bold;}
#wrap4 li { display:inline-block; margin:20px; vertical-align:middle !important; background:#f38181; border-radius: 50%;
 width:180px; height:180px;}
#wrap4 li:nth-child(2) { background:#95e1d3;}
#wrap4 li:nth-child(3) { background:#fce38a;}
#wrap4 li span{display:block; margin:75px 0 0;}
#wrap4 li:nth-child(2) span,#wrap4 li:nth-child(3) span{margin:50px 0 0;}



#form p { text-align:center;}
#form  p strong{border:1px solid #f38181; color: #f38181; padding:5px;}
#form dl{ margin:30px auto; width:570px;border-bottom:1px solid #ddd; }
#form dt,#form dd{ display:inline-block; vertical-align:top; border-top:1px solid #ddd; padding:15px 0 0; }
#form dt{ display:inline-block; vertical-align:top; font-size:1.4rem; font-weight:bold; width:150px; }
#form dt span{ background:#f38181; color:#fff; font-weight:normal; font-size:1rem; padding:2px; }
#form dt b{font-size:1.2rem;}
#form dd span{ display:block; margin:0 0 0; font-size:1.2rem;}
#form dd {  margin:0 0 0 -2px; padding:15px 0 0 5px; }

.form-field {
   border: 1px solid #999999;
   background: #f0f0f0;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:400px;
   }
  
  .zip{ width:80px !important; margin:0 5px 0 0;}
   .address{ width:315px !important; }
.form-field:focus {
   background: #fff;
   color: #725129;
   }
   
   .submit-container {
   margin:8px 0;
   text-align:center;
   }
.submit-button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006db0), color-stop(1, #065e91));
	background:-moz-linear-gradient(top, #006db0 5%, #065e91 100%);
	background:-webkit-linear-gradient(top, #006db0 5%, #065e91 100%);
	background:-o-linear-gradient(top, #006db0 5%, #065e91 100%);
	background:-ms-linear-gradient(top, #006db0 5%, #065e91 100%);
	background:linear-gradient(to bottom, #006db0 5%, #065e91 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006db0', endColorstr='#065e91',GradientType=0);
	background-color:#006db0;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #006db0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:12px 31px;
	text-decoration:none;
}
.submit-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #065e91), color-stop(1, #006db0));
	background:-moz-linear-gradient(top, #065e91 5%, #006db0 100%);
	background:-webkit-linear-gradient(top, #065e91 5%, #006db0 100%);
	background:-o-linear-gradient(top, #065e91 5%, #006db0 100%);
	background:-ms-linear-gradient(top, #065e91 5%, #006db0 100%);
	background:linear-gradient(to bottom, #065e91 5%, #006db0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#065e91', endColorstr='#006db0',GradientType=0);
	background-color:#065e91;
}
.submit-button:active {
	position:relative;
	top:1px;
}
 #wrap  { margin:0px auto; width:90%; max-width:630px; padding:80px 0 150px; }
 #wrap h2 { text-align:center; font-weight:bold; font-size: 2rem; padding:15px; margin:0 0 15px;
}

footer{ text-align:center; color:#fff;  font-size:1rem; padding:8px;}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 16.1 Mobile Large 620px
 */


@media screen and (max-width:25em) {

header div img{ width:70%; max-width:421px;height:auto;}
header h1 img{ width:90%; max-width:839px; height:auto;}
 #wrap2 .zuhan li:nth-child(even){ transform: rotate(90deg); display:block; margin:10px auto;}
  #wrap2 h1 img{ width:70%;  max-width:372px;height:auto;}
}
/**
 * 16.1 Mobile Large 620px
 */

@media screen and (max-width: 38.75em) {

header div img{ width:70%; max-width:421px;height:auto;}
header{ padding:0px 0 ;}
#wrap1 h1 img{ width:70%;  max-width:372px;height:auto;}
 #wrap2{ background:none ;  padding:0;}
#wrap2 h1{ margin:0 auto 0 0 !important; width:372px; padding:0 0 0 10px !important;}
#wrap2 h1 img{ width:70%;  max-width:372px; height:auto; margin:0; }

header li img{ width:100px; height:auto;}
#wrap4 h2,#form h2 {font-size:2rem; 
}
#form dl{ margin:30px auto; max-width:570px; width:90%;}
#form dt,#form dd{ display:block; vertical-align:top; }
.form-field {
   width:80%;
   }
   #form dt{ width:auto; }

 #wrap2 .zuhan li:last-child img{  max-width:408px; width:90%; height:auto;}
}

/**
 * 16.2 Tablet Small 740px
 */

@media screen and (max-width: 46.25em) {
#wrap1 .honbun{ padding:0 10px; background:none;} 
 #wrap1 .honbun .ss{ margin:0 1em 2em;} 
 #wrap1 .sankaku{
border-color: #000000 transparent transparent transparent; margin: 20px auto;}
#wrap2 h1{ margin:0 auto; width:372px;}
 #wrap2 .honbun{ margin:15px !important; clear:both;}
header{ padding:80px 0 ;}

 #wrap2  .leftside{ float:none; width:90%; margin:0  auto 20px;}
 

 #wrap2  .rightside{ float:none; width:90%; margin:0  auto 20px;}
.rightside  table th{clear:both; width:auto;}

#wrap3 dt  {
	position: relative;
	background: #006eb0;
	border: 0px solid #006eb0; color:#fff; text-align:center; margin:0px 0 15px;
	padding:10px;
}
#wrap3 dt:after, #wrap3 dt:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#wrap3 dt:after  {
	border-color: rgba(0, 110, 176, 0);
	border-top-color: #006eb0;
	border-width: 20px;
	margin-left: -10px;
}
#wrap3 dt:before  {
	border-color: rgba(0, 110, 176, 0);
	border-top-color: #006eb0;
	border-width: 20px;
	margin-left: -10px;
}

#wrap3 dd{  width:90% !important; margin:0 0 30px;} 

}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (max-width: 55em) {
	#wrap1 .honbun{ padding:0 10px; background:none;} 

#wrap1{ display:block; font-weight:bold;}
header h1 img{ width:90%; max-width:839px; height:auto;}
#wrap1 h1{ display:block; text-align:left; margin:15px;}
#wrap1 .honbun{ display:block; text-align:left;}
#wrap2 .honbun{ margin:0px 15px 0 15px; font-weight:bold;}
#wrap2{ padding:30px 0 0;}
 
 
#wrap3 dl{ margin:0 15px;} 
#wrap3 dd{  width:550px;} 
#wrap3   table th,#wrap3  table td{padding:8px;}
#wrap3   table th{clear:both; width:5em;}

}

@media screen and (max-width: 65em) {
	#wrap1 .honbun{ padding:0 10px; background:none;} 
 #wrap1 .honbun .ss{ margin:0 1em 2em;} 


}

.input_error{
	background-color : #FFB7B7;
}