@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #000;
	}

p {line-height: 1.8;}

/* 　*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/* */
.aks {display: inline-block;}

/*  */
.line01{border-top: 1px dashed #8c8b8b;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#262680;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#262680;}
::placeholder{ /* Others */
 color:#262680;}




/*img*/
#divWrapperID_4 .imgtext {width: auto;
	height: 31px;
vertical-align: bottom;}


@media (min-width: 961px){#divWrapperID_4 .imgtext {width: auto;
                                            height: 31px;}}
@media (max-width: 960px){#divWrapperID_4 .imgtext {width: auto;
                                            height: 30px;}}
@media (max-width: 767px){#divWrapperID_4 .imgtext {width: auto;
                                            height: 29px;}}
@media (max-width: 599px){#divWrapperID_4 .imgtext {width: auto;
                                            height: 27px;}}
@media (max-width: 359px){#divWrapperID_4 .imgtext {width: auto;
                                            height: 25px;}}
@media (max-width: 240px){#divWrapperID_4 .imgtext {max-width: 160px;
                                            height: auto;}}





.popa{text-align:center;
width:100%;
margin:30px 0px 0px 0px;}

.yurayura01,.bikkuri01 {width: 28%;
    max-width:50px;
    height: auto;
    margin: 0 auto;
    padding-right:2%;
    /*display: block;
    object-fit: contain;*/}

.pyon02 {width: 38%;
    max-width:70px;
    height: auto;
    margin: 0 auto;
    padding-right:2%;
    /*display: block;
    object-fit: contain;*/}

.pyon02 {animation: pyon01 2s ease-in-out infinite;}
@keyframes pyon01 {
  0%,100% {transform: translate(0, 0);}
  50% {transform: translate(0, -30px);}
}

.yurayura01 {animation: yurayura01 4s linear infinite;
  transform-origin: bottom center;}
@keyframes yurayura01 {
  0%,100% {transform: rotate(-15deg);}
  50% {transform: rotate(15deg);}}

.bikkuri01 {animation: bikkuri01 2.3s both infinite;}

@keyframes bikkuri01 {
  100%,60%,35%,25%,0% {transform: translateY(0);}
    30% {transform: translateY(-26px);}
    40% {transform: translateY(-15px);}
}


/**/

/*#008cd7;*/


.logoimg{
   width:30%; 

}

@media screen and (max-width: 767px) {
.logoimg{width:70%; }
}

#header-in {max-width: 800px;
width:90%;
	text-align: left;
	margin: auto;
}

#header-in h1 {font-size: 24px;
	border-bottom: solid 2px #666;
	margin: 5px;
	padding: 0px;
	color:#666;}

.sslct{
float:right;
max-width:300px;
margin:0px 20px 0px 20px;
font-size:11px;
line-height:1.2;
padding:5px;
border:1px #993333 solid;
	background-color : #fcfcfc;
}

#mf_wrapper {
	background-color : #f5f5f5;
	padding-top:10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto
}

#boxtop{
	max-width: 750px;
	text-align: left;
	margin: 0px auto 0px auto;
}

#boxtop p{
	line-height: 1.2;
	font-size:12px;
	padding-left:5px
}




#container {
        padding: 5px;
        width: 90%;
	max-width: 700px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-color : #ffffff;
	border:2px #999999 solid;}

#footer {max-width : 750px ;
	height : 20px ;
	margin-left: auto;
	margin-right: auto
/*	background-repeat: no-repeat ;*/}

.pp {font-size : 10px;
	text-align:right;}
.pp p a{text-decoration : none ;
	border-left: #999 dotted 2px ;}
	 
.copyright p	{color: #666666;
	font-size: 10px;
	text-align:right;}


@media screen and (max-width: 767px) {
#header {width: auto;}
#header-in {width: auto;}
#mf_wrapper {width: auto;}
#footer {width: auto;}
#boxtop{width: auto;}
#header-in h1{
	font-size: 18px;
	margin: 3px;
}



}



.clear-k {clear: both;}


/*追加*/
.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	background-size: 100% 100%;
}

.nomustsp {
	display: block;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	background-size: 100% 100%;
}


.box-mailformpro {padding: 10px 0px;}

/*table*/
.cbtit1{font-size: 14px;
color:#000030;
	background-color : #faf6f2;
	padding-top:5px;}

.cbsub1{background-color : #faf6f2;
padding-left:10px;
padding-bottom:5px;
border-bottom:1px solid #ccc}


.cbtit2{font-size: 14px;
color:#000030;
	background-color : #ffffff;
	padding-top:5px;}
.cbsub2{background-color : #ffffff;
padding-left:10px;
padding-bottom:5px;
border-bottom:1px solid #ccc;}


.box-main{width:100%;
	padding: 5px 0px;}


.tit {	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	margin: 0px;
	background-color : #e5f2ff;
}

.box-ran {
	margin: 0px;
	padding: 5px 0px 0px 5px;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
}

.subtxt {font-size: 12px;
	line-height: 1.3;
color: #666666;}

hr.boxline01{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #ccc;
}

hr.boxline02{
    border: 0;
    border-bottom: 1px solid #ccc;
    background: #ccc;
}

hr.boxline03{
    border: 0;
    border-bottom: 10px solid #a1a1b3;
    background: #a1a1b3;
    margin:10px 0 30px 0;}



input[type="text"]{height:25px;}

input[type="email"]{height:25px;}

input[type="tel"]{height:25px;}

input[type="postal-code"]{height:25px;}


textarea{width:90%;
height:150px;}
select{height:30px;}

#divWrapperID_4 input[type="checkbox"] {
  float: left; 
  vertical-align: top;}

#divWrapperID_4 label {
  margin-left: 1px;
  padding-left: 20px;
    padding-bottom:10px;
  vertical-align: top;
  display: block; }

.taisyo{font-size:13px;
  vertical-align:top;
  color:#7d7d7d;

}

@media screen and (max-width: 767px) {

input[type="text"]{width:90%;}

input[type="email"]{width:90%;}

input[type="tel"]{width:90%;}

input[type="postal-code"]{width:90%;}

textarea{width:90%;
height:150px;}

}



.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}
.mfp_buttons button#mfp_button_send {}
.mfp_buttons button#mfp_button_cancel {}

button {padding:10px;
font-size:16px;
  font-weight: bold;
}



/*******************/


.flowbox {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flow1 {
  position: relative;
  display: inline-block;
  list-style: none;
  font-weight: bold;
  margin-right: 15px;
  padding: 0 3px 0 7px;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #fff;
  background: #5260cc;
  font-size: 13px;
}
.flow1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-color: transparent;
  border-left-color: #5260cc;
  border-width: 14px 12px;
  width: 0;
  height: 0;
}


.flow2 {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-right: 15px;
  padding: 0 3px 0 7px;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #fff;
  background: #cccccc;
  font-size: 13px;
}
.flow2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-color: transparent;
  border-left-color: #cccccc;
  border-width: 14px 12px;
  width: 0;
  height: 0;
}

.flow3 {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-right: 15px;
  padding: 0 3px 0 7px;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #fff;
    background: #cccccc;
  font-size: 13px;
}
.flow3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-color: transparent;
  border-left-color: #cccccc;
  border-width: 14px 12px;
  width: 0;
  height: 0;
}


.flow4 {
  position: relative;
  display: inline-block;
  list-style: none;
    font-weight: bold;
  margin-right: 15px;
  padding: 0 3px 0 7px;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #fff;
  background: #5260cc;
  font-size: 13px;
}
.flow4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-color: transparent;
  border-left-color: #5260cc;
  border-width: 14px 12px;
  width: 0;
  height: 0;
}





/* ########### 359px以下 ########### */
@media (max-width: 359px) {
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* titとbox-ranを横に並べる設定 */
.box-main:after	{content: "";
	display: block;
	clear: both}

.tit	{float: left;
	width: 20%;
	padding-right: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box-ran	{float: right;
	width: 78%}



}





/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
#header
{width: 1140px;
	margin-left: auto;
	margin-right: auto}

}





/******/