width="600" height="450" @charset "utf-8";

/*===============================================================================================

    share 共通

=================================================================================================*/

/*--------------------マウスオンで色を薄く-----------------------*/
.fade {  
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}  
.fade:hover {  
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*--------------------スクロールでオブジェクトが動く-----------------------*/
.obj_in {
  opacity: 0;
  transition: 2s;
}
.obj_in.is-show {
  opacity: 1;
}
.obj_up {
  opacity: 0;
  transform: translate(0, 30%);
  transition: 1s;
}
.obj_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.obj_up1 {  opacity: 0;  transform: translate(0, 10%);  transition: 1s;}
.obj_up1.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_up2 {  opacity: 0;  transform: translate(0, 20%);  transition: 1s;}
.obj_up2.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_up3 {  opacity: 0;  transform: translate(0, 30%);  transition: 1s;}
.obj_up3.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_up4 {  opacity: 0;  transform: translate(0, 40%);  transition: 1s;}
.obj_up4.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_up5 {  opacity: 0;  transform: translate(0, 50%);  transition: 1s;}
.obj_up5.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_up6 {  opacity: 0;  transform: translate(0, 60%);  transition: 1s;}
.obj_up6.is-show {  transform: translate(0, 0);  opacity: 1;}

.obj_left {
  opacity: 0;
  transform: translate(-10%, 0);
  transition: 2s;
}
.obj_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.obj_left1 {  opacity: 0;  transform: translate(-10%, 0);  transition: 1s;}
.obj_left1.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_left2 {  opacity: 0;  transform: translate(-20%, 0);  transition: 1s;}
.obj_left2.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_left3 {  opacity: 0;  transform: translate(-30%, 0);  transition: 1s;}
.obj_left3.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_left4 {  opacity: 0;  transform: translate(-40%, 0);  transition: 1s;}
.obj_left4.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_left5 {  opacity: 0;  transform: translate(-50%, 0);  transition: 1s;}
.obj_left5.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_left6 {  opacity: 0;  transform: translate(-60%, 0);  transition: 1s;}
.obj_left6.is-show {  transform: translate(0, 0);  opacity: 1;}

.obj_right {
  opacity: 0;
  transform: translate(10%, 0);
  transition: 2s;
}
.obj_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.obj_right1 {  opacity: 0;  transform: translate(10%, 0);  transition: 1s;}
.obj_right1.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_right2 {  opacity: 0;  transform: translate(20%, 0);  transition: 1s;}
.obj_right2.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_right3 {  opacity: 0;  transform: translate(20%, 0);  transition: 1s;}
.obj_right3.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_right4 {  opacity: 0;  transform: translate(30%, 0);  transition: 1s;}
.obj_right4.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_right5 {  opacity: 0;  transform: translate(40%, 0);  transition: 1s;}
.obj_right5.is-show {  transform: translate(0, 0);  opacity: 1;}
.obj_right6 {  opacity: 0;  transform: translate(50%, 0);  transition: 1s;}
.obj_right6.is-show {  transform: translate(0, 0);  opacity: 1;}

.obj_zoom-21 {
      width: 100%;
      height: auto;
      animation: animationZoom1 1s ease-in-out forwards;
    }
    
.obj_zoom-21.is-show {
      width: 100%;
      height: auto;
      animation: animationZoom1 1s ease-in-out forwards;
    }
.obj_zoom {
    width: 240px;
      height: 240px;
      overflow: hidden;
      margin-bottom: 30px
    }

    @keyframes animationZoom1 {
      100% { transform:scale(1.4)} 
    }
    @keyframes animationZoom2 {
      50% { transform:scale(1.1)} 
    }
    @keyframes animationZoom3 {
      100% { transform:scale(1.1)} 
    }
     @media screen and (max-width:1024px){
        .obj_in {
          opacity: 0;
          transition: 2s;
        }
        .obj_in.is-show {
          opacity: 1;
        }
        .obj_up {
          opacity: 0;
          transform: translate(0, 0%);
          transition: 2s;
        }
        .obj_up.is-show {
          transform: translate(0, 0);
          opacity: 1;
        }
        .obj_left {
          opacity: 0;
          transform: translate(-0%, 0);
          transition: 2s;
        }
        .obj_left.is-show {
          transform: translate(0, 0);
          opacity: 1;
        }
        .obj_right {
          opacity: 0;
          transform: translate(0%, 0);
          transition: 2s;
        }
        .obj_right.is-show {
          transform: translate(0, 0);
          opacity: 1;
        }
    }

/*-------------------------------------------*/

.hr1 {
  border-top: 3px dotted #F7D969;
}
.hr2 {
  border-top: 2px solid#F7D969;
}
/*-------------------------------------------*/
.h2_1 {
    text-align: center;
}
.h2_1 ul {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background-image: url("../img/common/dot1.png");
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.h2_1 ul li:first-child {
    font-size: 3.0em;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
    margin-right: 17px;
    letter-spacing: 5px;
    line-height: 100%;
}
.h2_1 ul li:last-child {
    font-size: 1.4em;
}

/*-------------------------------------------*/

.bt_bsc{
    width: 260px;
    margin: auto;
}
.bt_bsc li{
    width: 100%;
}
.bt_bsc li a{
    background-image: url("../img/common/mk1.png");
    background-position: center right 10px;
    background-repeat: no-repeat;
    border: 1px #C5A967 solid;
    border-radius: 100px;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    display: block;
    color: #C5A967;
    font-size: 1.4em;
    margin: auto;
    text-decoration: none;
}
.bt_bsc li a:hover{
    background-color: #F0E9D7;
}

/*-------------------------------------------*/
.hover1 img {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    transition: .3s;
    opacity: 1;
}
.hover1 img:hover {
    border-bottom-color: transparent;
    transform: translateY(0.4em);
    opacity: 1;
}
/*-------------------------------------------*/
.title1 {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
}
.title1:before,
.title1:after {
  position: absolute;
  content: '';
}
.title1:after {
  top: 0px;
  left: 0;
  width: 110px;
  height: 60px;
  border-top: 7px solid #F7D969;
  border-left: 7px solid #F7D969;
}

.title1:before {
  right: 0;
  bottom: 0;
  width: 110px;
  height: 60px;
  border-right: 7px solid #F7D969;
  border-bottom: 7px solid #F7D969;
}
    @media screen and (max-width:530px){
        .title1 {
            position: relative;
            text-align: center;
            margin-bottom: 50px;
        }
    }


main {
    width: 100%;
    margin: auto;
}
    @media screen and (max-width:1024px){
        main {
            width: 94%;
            margin: auto;
        }
    }
/*===============================================================================================
index
=================================================================================================*/

/*-------------------------------------------*/
#index .fade_slide {
	width: 100%;
    background-position: center bottom;
	background-size:cover;
    background-repeat: no-repeat;
	align-items: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
    height: inherit;
    height: 780px;
}
    @media screen and (max-width:1024px){
        #index .fade_slide {
            padding-top: 100px;
            height: 380px;
        }
    }

#index  main {
    padding-top: 0px;
}
#index  #no1 {
    padding-top: 105px;
}
#index  #no2 {
    padding-top: 105px;
}
#index  #no3 {
    padding-top: 105px;
}
/*-------------------------------------------*/
#index .wrap1 {
    padding-top: 15px;
}
#index .wrap1 .bl1 {
}
#index .wrap1 .bl1 .ul1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
    @media screen and (max-width:1023px){
        #index .wrap1 .bl1 .ul1 {
            display: block;
        }
    }
#index .wrap1 .bl1 .ul1 li:nth-child(1) {
    width: 40%;
    padding: 30px 0px;
}
#index .wrap1 .bl1 .ul1 li:nth-child(2) {
    width: 60%;
    padding: 30px 0px;
}
    @media screen and (max-width:1023px){
        #index .wrap1 .bl1 .ul1 li:nth-child(1) {
            width: 100%;
            padding: 0px 0px;
            height: 300px;
            margin-bottom: 40px;
        }
        #index .wrap1 .bl1 .ul1 li:nth-child(2) {
            width: 100%;
            padding: 0px 0px;
        }
    }
#index .wrap1 .bl1 .ul1 li:nth-child(1) div {
    background-image: url("../img/index/w1_1.jpg");
    background-size: cover;
    background-position: top left;
    height: 100%;
}
    @media screen and (max-width:1023px){
        #index .wrap1 .bl1 .ul1 li:nth-child(1) div {
            background-image: url("../img/index/w1_1.jpg");
            background-size: cover;
            background-position: center center;
            height: 100%;
        }
    }
#index .wrap1 .bl1 ul li:nth-child(2) .p1 {
    font-size:2.2em ;
    padding-left: 50px;
    padding-right: 50px;
}
    @media screen and (max-width:1023px){
        #index .wrap1 .bl1 ul li:nth-child(2) .p1 {
            font-size:1.8em ;
            padding-left: 0px;
            padding-right: 0px;
        }
    }
#index .wrap1 .bl1 .ul1 li dl{
    margin-left: 40px;
    margin-right: 40px;
    max-width: 700px;
}
#index .wrap1 .bl1 .ul1 li dl dt{
    font-size: 2.4em;
    padding-bottom: 50px;
}
#index .wrap1 .bl1 .ul1 li dl dd{
    font-size: 1.4em;
}
    @media screen and (max-width:640px){
        #index .wrap1 .bl1 .ul1 li dl dt{
            font-size: 1.8em;
            padding-bottom: 25px;
        }
        #index .wrap1 .bl1 .ul1 li dl{
            margin-left: 0px;
            margin-right: 0px;
        }
    }

#index .wrap1 .bl2 {
    padding-top: 105px;
    padding-bottom: 100px;
}
#index .wrap1 .bl2 .p1 {
    text-align: center;
    font-size: 3.0rem;
}
    @media screen and (max-width:640px){
        #index .wrap1 .bl2 {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        #index .wrap1 .bl2 .p1 {
            text-align: center;
            font-size: 2.0rem;
        }
    }
/*-------------------------------------------*/

#index .wrap2{
    padding-top: 0px;
}
#index .wrap2 .bl1 .box1{
    padding-bottom: 50px;
}
#index .wrap2 .bl1 .box1_end{
    padding-bottom: 0px;
}
#index .wrap2 .bl1 .box1 .ul1{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#index .wrap2 .bl1 .box1 .ul1 .li1{
    background-image: url("../img/index/w2_1.png");
    height: 240px;
    width: 240px;
    z-index: 10000;
}
#index .wrap2 .bl1 .box1 .ul1 .main_imgBox{
    height: 240px;
    width: 240px;
    z-index: 0;
}
#index .wrap2 .bl1 .box1 .ul1 .li1 .div1{
    background-image: url("../img/index/w2_1_.png");
    background-size: cover;
    background-position: center center;
    height: 240px;
    width: 240px;
}
#index .wrap2 .bl1 .box1 .ul1 .li1 .div2{
    background-image: url("../img/index/w2_2.png");
    background-size: cover;
    background-position: center center;
    height: 240px;
}
    @media screen and (max-width:640px){
        #index .wrap2 .bl1 .box1 .ul1{
            display: block;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1{
            margin: auto;
            padding-bottom: 30px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1 .div1{
        margin: auto;
            background-image: url("../img/index/w2_1_.png");
            background-size: cover;
            background-position: center center;
            height: 240px;
            width: 240px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1{
            background-image: url("../img/index/w2_1.png");
            height: 200px;
            width: 100%;
            z-index: 10000;
        }
        #index .wrap2 .bl1 .box1 .ul1 .main_imgBox{
            height: 200px;
            width: 200px;
            z-index: 0;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1 .div1{
            background-image: url("../img/index/w2_1_.png");
            background-size: cover;
            background-position: center center;
            height: 200px;
            width: 200px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1 .div1 img{
            height: 200px;
            width: 200px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li1 .div2{
            background-image: url("../img/index/w2_2.png");
            background-size: cover;
            background-position: center center;
            height: 200px;
            width: 200px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2{
            padding-top: 20px;
        }
    }
#index .wrap2 .bl1 .box1 .ul1 .li2{
    width: 76%;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl{
    padding-left: 50px;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt{
    display: flex;
    align-content: center;
    align-items: center;
    padding-bottom: 30px;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt .span1{
    font-size: 2.6em;
    padding-right: 50px;
    font-weight: bold;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt .span2{
    font-size: 1.6em;
    color: #C5A966;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd{
}
    @media screen and (max-width:640px){
        #index .wrap2 .bl1 .box1 .ul1 .li2{
            width: 100%;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl{
            padding-left: 0px;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt{
            display: block;
            align-content: center;
            align-items: center;
            padding-bottom: 30px;
            text-align: center;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt .span1{
            padding-right: 0px;
            display: block;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dt .span2{
            display: block;
        }
    }
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl{
    display: flex;
    justify-content: flex-start;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl dt{
    width: 15%;
    font-weight: bold;
    font-size: 2.0em;
}
#index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl dd{
    width: 85%;
    font-size: 2.0em;
}
    @media screen and (max-width:640px){
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl{
            display: block;
            justify-content: flex-start;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl dt{
            width: 100%;
            font-weight: bold;
            font-size: 2.0em;
        }
        #index .wrap2 .bl1 .box1 .ul1 .li2 > dl > dd > dl dd{
            width: 100%;
            font-size: 2.0em;
        }
    }
/*-------------------------------------------*/

#index .wrap3{
    padding-top: 0px;
}
#index .wrap3 .wrap3_h3_1{
    text-align: center;
    font-size: 2em;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*-------------------------------------------*/

#index .wrap4 {
    padding-top: 100px;
}
#index .wrap4 .box1 {
    padding-bottom: 50px;
}
#index .wrap4 .box1 .p1 {
    font-size: 1.4em;
    text-align: center;
}
#index .wrap4 .g_map {
    padding-bottom: 50px;
}
#index .wrap4 .g_map iframe {
    width: 100%;
    height: 500px;
}

/*-------------------------------------------*/

#index .wrap5 {
    padding-top: 100px;
    padding-bottom: 100px;
}
#index .wrap5 .box1 {
    padding-bottom: 50px;
}
#index .wrap5 .box1 .p1 {
    font-size: 1.4em;
    text-align: center;
}
#index .wrap5 .box2 ul {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 45px;
}
#index .wrap5 .box2 ul li {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#index .wrap5 .box2 ul li span {
    line-height: 100%;
}
#index .wrap5 .box2 ul li .span1 {
    margin-right: 6px;
    font-size: 1.4em;
}
#index .wrap5 .box2 ul li .span2 {
    font-size: 3.5em;
}
#index .wrap5 .box3 ul {
    margin-bottom: 70px;
}
#index .wrap5 .box3 ul li {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#index .wrap5 .box3 ul li span {
    line-height: 100%;
}
#index .wrap5 .box3 ul li .span1 {
    margin-right: 6px;
    font-size: 1.4em;
}
#index .wrap5 .box3 ul li .span2 {
    font-size: 2.5em;
}

    @media screen and (max-width:640px){
        #index .wrap5 .box2 ul {
            display: block;
        }
        #index .wrap5 .box2 ul li {
            display: block;
        }
        #index .wrap5 .box2 ul li span {
            line-height: 100%;
            display: block;
            padding-bottom: 10px;
        }
    }
/*-------------------------------------------*/

#index .wrap6{
    padding-bottom: 100px;
}
.CircleClip {
    border-radius: 50%;
}



/*-------------------------------------------*/
 .main_imgBox {
    overflow: hidden;
    position: relative; }
.main_img {
    z-index:10;
    opacity: 1;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime1 2s 0s forwards;
    animation: anime1 2s 0s forwards; 
    height: 680px;}

  .main_imgM {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;}
@keyframes anime1 {
    0% {
        opacity: 0;
         transform: scale(1);
    }
    100% {
        opacity: 1;
         transform: scale(1.2);
                    z-index:9;
    }
}
/*-------------------------------------------*/
.main_imgBox2 {
    overflow: hidden;
    position: relative; }
.main_img2 {
    z-index:10;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime2 10s 0s;
    animation: anime2 10s 0; }

.main_imgM2 {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;}
@keyframes anime2 {
    0% {
        opacity: 0;
         transform: scale(1.0);
    }
    10% {
        opacity: 1;
         transform: scale(1.1);
    }
    50% {
         transform: scale(1.1);
        opacity: 1;
    }
    100% {
        opacity: 1;
         transform: scale(1.5);
                    z-index:9;
    }
}




.zoom-1 img {
      width: 100%;
      height: auto;
      animation: animationZoom1 1s ease-in-out forwards;
    }
.zoom-2 img {
      width: 100%;
      height: auto;
      animation: animationZoom2 1s ease-in-out infinite;
    }
.zoom-2 img {
      width: 100%;
      height: auto;
      animation: animationZoom1 1s ease-in-out forwards;
    }
.zoom {
    width: 240px;
      height: 240px;
      overflow: hidden;
      margin-bottom: 30px
    }

    @keyframes animationZoom1 {
      100% { transform:scale(1.4)} 
    }
    @keyframes animationZoom2 {
      50% { transform:scale(1.1)} 
    }
    @keyframes animationZoom3 {
      100% { transform:scale(1.1)} 
    }


#contact main {
    padding-top: 175px;
}
    @media screen and (max-width:1024px){
        main {
            width: 94%;
            margin: auto;
        }
    }
#contact .bl1 .bl1_1 {
    padding-bottom: 50px;
}
#contact .bl1 .bl1_1 .p1 {
    font-size: 1.6em;
}
#contact .entry_box {
    width: 880px;
    margin: auto;
}
#contact .entry_box dl {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
#contact .entry_box .dl_1 {
    margin-bottom: 5px;
}
#contact .entry_box .dl_bd_l {
}
#contact .entry_box .dl_bd_l dt {
    background-image: url("../img/common/mk2.png");
    background-repeat: no-repeat;
    background-position: center left;
}
#contact .entry_box .dl_bd_l_n dt {
}
#contact .entry_box dl dt {
    font-size: 1.4em;
    width: 250px;
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
#contact .entry_box .dt1 {
    padding-left: 10px;
}
#contact .entry_box .bd1 {
    border-bottom: 1px #666666 dotted;
    margin-bottom: 20px;
}
#contact .entry_box dt .p1 {
    border-left: 3px #796644 solid;
    padding-left: 10px;
}
#contact .entry_box .p1 {
    font-size: 1.2em;
    line-height: 100%;
    padding-bottom: 18px;
    padding-right: 65px;
}
#contact .entry_box .dd1 {
}
#contact .entry_box .dl2 {
}
#contact .entry_box .dl3 dt {
    color: #FFFFFF;
}
#contact .entry_box .error_blank {
    color: #D80000;
    font-size: 1.4em;
    display: block;
}
#contact .entry_box .error_match {
    color: #D80000;
    font-size: 1.4em;
    display: block;
}
#contact .entry_box .nes dt {
	background-image:
		url(../img/common/ness.png),
		url(../img/common/mk2.png);
	background-position:
		 center right 40px,
		 center left;
	background-repeat:
		no-repeat,
		no-repeat;
}
#contact .entry_box .nes_notbd_l dt {
	background-image:
		url(../img/common/ness.png);
	background-position:
		 center right 40px;
	background-repeat:
		no-repeat;
}
#contact .entry_box dd span {
    font-size: 1.2em;
}
#contact .entry_box dd .red {
    color: #D80000;
}
#contact .entry_box dd textarea {
    width: 600px;
}
    @media screen and (max-width:900px){
        #contact .entry_box {
            width: 100%;
            margin: auto;
        }
        #contact .entry_box dl {
            display: block;
            flex-wrap: wrap;
            padding-bottom: 10px;
            align-content: center;
            align-items: center;
            margin-bottom: 20px;
        }
        #contact .entry_box dt {
            display: block;
            flex-wrap: wrap;
            padding-bottom: 10px;
            align-content: center;
            align-items: center;
            margin-bottom: 0px;
        }
        #contact .entry_box dd {
            display: block;
            flex-wrap: wrap;
            padding-bottom: 10px;
            align-content: center;
            align-items: center;
            margin-bottom: 20px;
        }
        #contact .entry_box dd input {
            width: 100%;
        }
        #contact .entry_box dd textarea {
            width: 100%;
        }
        #contact .entry_box .nes dt {
            background-image:
                url(../img/common/ness.png),
                url(../img/common/mk2.png);
            background-position:
                 center right 40px,
                 top left;
            background-repeat:
                no-repeat,
                no-repeat;
        }
        #contact .entry_box .notnes dt {
            background-image:
                url(../img/common/mk2.png);
            background-position:
                 top left!important;
            background-repeat:
                no-repeat;
        }
        #contact .entry_box .nes1 dt {
            background-image:
                url(../img/common/ness.png),
                url(../img/common/mk2.png);
            background-position:
                 center left 80px,
                 top left;
            background-repeat:
                no-repeat,
                no-repeat;
        }
    }





/******* contents4 start ********/
#entry_form {
	width: auto;
	margin: auto;
	clear: both;
}
#entry_form_cnt1{
	margin: 0 auto;
	position: relative;
	width: 1000px;
	text-align: center;
	background-position: right top;
	background-repeat: no-repeat;
}
    @media screen and (max-width:812px) {
        #entry_form_cnt1{
            margin: 0 auto;
            position: relative;
            width: 100%;
            text-align: center;
            background-position: right top;
            background-repeat: no-repeat;
        }
    }
#entry_form .spec_name  {
}
#entry_form .spec_name .mk1  {
	float: left;
	padding-right: 10px;
	padding-top: 3px;
	width: 20px;
}
#entry_form .spec_name .p1  {
	float: left;
	padding-right: 10px;
	font-size: 14px;
}
#entry_form .spec_name .p2 {
	background-color: #D80000;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	width: 35px;
	border-radius: 10px;
	margin-top: 3px;
}
#entry_form .label1 {
    margin-right: 20px;
    cursor: pointer;
}
#entry_form .label2 {
    cursor: pointer;
}
#entry_form .inputbox .p3 {
	float: left;
}
#entry_form .inputbox .p4 {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
    font-size: 1.2em;
}
#entry_form .application-error {
    font-size: 1.2em;
}
#entry_form .tb1 {
	display:table;
	width:1000px;
	border-collapse:collapse;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#entry_form .tb1 .row{
	display:table-row;
}
    @media screen and (max-width:812px) {
        #entry_form .tb1 {
            display:block;
            width:100%;
            border-collapse:collapse;
            margin-right: auto;
            margin-bottom: 20px;
            margin-left: auto;
        }
        #entry_form .tb1 .row{
            display:block;
        }
    }
#entry_form .tb1 .cell{
	display:table-cell;
	border-collapse:collapse;
	padding-top: 20px;
	padding-bottom: 20px;
}
#entry_form .tb1 .cell span{
	color: #CC0000;
}
    @media screen and (max-width:812px) {
        #entry_form .tb1 .cell{
            display:block;
            border-collapse:collapse;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #entry_form .tb1 .cell span{
            color: #CC0000;
        }
    }
#entry_form .tb1 .cell1{
	text-align: center;
	vertical-align: top;
	width: 180px;
}
#entry_form .tb1 .cell2{
	text-align: left;
	width: 700px;
}
    @media screen and (max-width:812px) {
        #entry_form .tb1 .cell2{
            text-align: left;
            width: 100%;
        }
    }
#entry_form .tb1 .row_top{
	padding-top: 0px;
}
#entry_form .tb1 .row_btm{
	padding-bottom: 40px;
}
#entry_form .tb1 .cell input{
	line-height: 28px;
}
#entry_form .tb1 .cell .input1{
	width: 320px;
}
#entry_form .tb1 .cell .input2{
	width: 80px;
}
#entry_form .tb1 .cell .input3{
	width: 80px;
}
#entry_form .tb1 .cell .input4{
	width: 600px;
}
#entry_form .tb1 .cell .input5{
	width: 120px;
}
#entry_form .tb1 .cell .txtarea{
	width: 700px;
    height: 120px;
}
    @media screen and (max-width:812px) {
        #entry_form .tb1 .cell .txtarea{
            width: 100%;
        }
    }
/*css radio*/
.radio-input{
	display: none;
}
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #009a9a;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}

.checkbox{
	padding-bottom: 50px;
}
.checkbox p{
	padding-bottom: 20px;
}
.checkbox p a{
	color: #333333;
}
.checkbox-input{
	display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #009a9a;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}

.entry_box_input {
	width: auto;
	margin: auto;
	clear: both;
	padding-bottom: 100px;
}
.entry_box_input_cnt1{
	margin: 0 auto;
	position: relative;
	width: 1000px;
	text-align: center;
	background-position: right top;
	background-repeat: no-repeat;
}
    @media screen and (max-width:812px) {
        .entry_box_input_cnt1{
            margin: 0 auto;
            position: relative;
            width: 100%;
            text-align: center;
            background-position: right top;
            background-repeat: no-repeat;
        }
    }
.entry_box_input_cnt1 h3{
	padding-bottom: 50px;
}
.entry_box_input .bt_box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 410px;
	padding-top: 50px;
}

.entry_box_input .bt_box li {
	width: 180px;
	float: left;
}
    @media screen and (max-width:812px) {
        .entry_box_input .bt_box {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            padding-top: 50px;
        }
        .entry_box_input .bt_box li {
            width: 45%;
            float: left;
        }
    }
.entry_box_input .bt_box li:nth-child(2) {
	float: right;
}
.entry_box_input .bt_box .bt {
}
.entry_box_input .bt_box .bt a {
	border-radius: 10px;
	display:block;
	width: 100%;
	background-color: #1B95D2;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height: 40px;
}

.bar1 {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666666;
	margin-bottom: 15px;
}
.reset {
	color: #FFFFFF;
	background-color: #1B95D2;
	border-radius: 10px;
	height: 40px;
	width: 180px;
	border-style: none;
	cursor: pointer;
	cursor: hand;
}
    @media screen and (max-width:812px) {
        .reset {
        color: #FFFFFF;
        background-color: #1B95D2;
        border-radius: 10px;
        height: 40px;
        width: 100%;
        border-style: none;
        cursor: pointer;
        cursor: hand;
        }
    }

.entry_box_input p {
	font-size: 14px;
	color: #FFFFFF;
}
.entry_box_input p22{
	border: 1px solid #0180FF;
	margin: 20px auto 0;
	padding: 10px;
	borderRadius: 5px;
	font-size: 23px;
	font-weight: bold;
	display: inline-block;
}