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

html { 
	font-size: 62.5%; 
	scroll-behavior: smooth;
}

body {
	margin: 0px auto;
	min-width: 100%;
	width: 100%;
	/*font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;*/
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	/*font-size: 100%;*/
	-webkit-text-size-adjust: 100%;
	/*background-color: #edeff2;*/
	background-color: #ffffff;
	overflow-y: scroll;
	word-break: break-all;
	font-size: 1.6rem;
}

p {
	margin: 0px;
	padding: 0px;
}
p, ul {
/*font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;*/
}
li {
	margin: 0px;
	padding: 0px;
}



select{
	padding: 5px;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}


.bg_top{
background-color: #FF0004;
}



.mincho{
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}



.txt_now{

}

.txt_now a:link {
	border-bottom: 3px solid #0668A7;
}
.txt_now a:visited {
	border-bottom: 3px solid #0668A7;
}
.txt_now a:hover {
	border-bottom: 3px solid #0668A7;
}






          .str__animation{
                display: flex;
				justify-content: center;
            }
            .str__animation .str{
                will-change: auto;
                min-width: .3rem;
                transform: translateY(0);
                opacity: 0;
            }















.nav_txt{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
}

.nav_txt li{
margin-left: 20px;
}

.nav_txt li a:link {
	color: #000000!important;
	text-decoration: none;
}
.nav_txt li a:visited {
	color: #000000!important;
	text-decoration: none;
}
.nav_txt li a:hover {
	color: #0668A7!important;
	text-decoration: none;
}



















.bg_name{
background-color: #333333;
color: #FFFFFF;
}

.bg_price{
border: 2px solid #333333;
}

.bg_green{
background-color: #6DBD00;
}

.bg_gray{
background-color: #F5F5F5;
}

.bg_white{
background-color: #ffffff;
}

.bg_ft{
background-color: #6B6D71;
}



.pm0{
padding: 0px;
margin: 0px;
}


.bigimg img {
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}


a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}












a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}




.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
 
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  




.video{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.pr {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.pr iframe,
.pr object,
.pr embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.box_blue{
padding: 20px;
background-color: #2E3048;
color: #FFFFFF;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}


.box_price {
  width: 90%;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
  background-color: #ff9000;
  box-shadow: 0 0 0 1px #ff9000, 0 0 0 4px #FFF, 0 0 0 5px #ff9000;
  font-family: 'Noto Sans JP', sans-serif;
}


.gf_txt {
  font-family: 'Noto Sans JP', sans-serif;
}




/*************************** test-table *****************************************************/
.test-container {

}




/*************************** Font START *****************************************************/

.txt_left{
text-align: left!important;
}

.txt_center{
text-align: center;
}

.txt_right{
text-align: right;
}

.txt_bold{
font-weight: bold;
}

.txt_white{
color: #ffffff;
}

.txt_pink{
color: #FF7E92;
}

.txt_blue{
color: #4953FF
}

/*10px*/
.txt10{
font-size: 1rem;
line-height: 1.4rem;
}

/*12px*/
.txt12{
font-size: 1.2rem;
line-height: 1.8rem;
}

/*14px*/
.txt14{
font-size: 1.4rem;
line-height: 2.2rem;
}

/*16px*/
.txt16{
font-size: 1.6rem;
line-height: 2.4rem;
}

/*18px*/
.txt18{
font-size: 1.8rem;
line-height: 2.8rem;
}

/*20px*/
.txt20{
font-size: 2rem;
line-height: 2.8rem;
}

/*22px*/
.txt22{
font-size: 2.2rem; 
line-height: 3.2rem;
}

/*24px*/
.txt24{
font-size: 2.4rem; 
line-height: 3.2rem;
}



h1 {
font-size: 2.4rem; /*24px*/
font-weight: normal;
}



.txt_we100{
font-weight: 100;
}
.txt_we300{
font-weight: 300;
}
.txt_we400{
font-weight: 400;
}










/*************************** Font END *****************************************************/













/*************************** サイトごとのオリジナルSTART *****************************************************/

.mr-plus,
.mx-plus {
  margin-right: 6rem !important;
}

.txt_red{
color: #AD0C18;
}

.txt_white{
color: #ffffff;
}







.news_body{
border-bottom: 1px solid #CFCFCF;
}

.txt_ft{
font-size: 1.6rem;
line-height: 3rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 200;
letter-spacing: 2px;
color: #FFFFFF;
text-align: center;
}


.arrow_red{
color: #0668A7w!important;
font-size: 11px;
font-weight: bold;
}

.letters{
letter-spacing: 1px;
}

.bg_map{
background-image: url("../images/00ft_img@2x-80.jpg");
background-size: cover;
}





/*下からフェードイン*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}



























@media only screen and (min-width: 740px) {
.ct_top{
padding-top: 120px;
}

.txt_box{
width: 800px;
/*width: 80%;*/
margin: 0px auto;
text-align: left;
}


.txt_mds{
font-size: 2.6rem;
line-height: 5.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
text-align: center;
padding-bottom: 10px;
letter-spacing: 2px;
}

.txt_mds_en{
font-size: 3.0rem;
line-height: 4.2rem;
font-family: 'Bebas Neue', cursive;
text-align: center;
}

.txt_submds{
font-size: 2rem; 
line-height: 3.2rem;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
}

.txt_ponds{
    display: block;
    background-color: #0668A7;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}

.txt_hon{
font-size: 1.6rem;
line-height: 3rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
}

.txt_date{
font-size: 1.6rem;
line-height: 3rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}

.numbers{
font-size: 4.8rem;
line-height: 5.4rem;
font-family: "Helvetica Neue", Arial,sans-serif;
font-weight: bold;
}

.form_btn {
  background-color: #AD0C18;
  border: none;
  color: #ffffff !important;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
}

.form_btn a:link {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.form_btn a:visited {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.form_btn a:hover {
  color: #efefef !important;
  text-decoration: underline;
  font-size: 1.6rem;
  line-height: 3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}




.halfimg img{
width: 50%;
}

.halfimg2 img{
width: 25%;
}

h1 img {
	height: auto;
	border: 0;
	vertical-align: bottom;
}
h2 img {
	height: auto;
	border: 0;
	vertical-align: bottom;
}

.site_img img{
width: 50%;
}

.br_1  br {

  }
  
.logo img{
width: 320px;
}


.company_inbox{
	width:90%;
	margin: 0px auto;
	text-align: left;
}

dl.cp {
   border-bottom:1px dotted #999;
}

dl.cp dt {
   float:left;
   width: 400px;
   border-top:1px dotted #999;
   padding-top:16px;
   padding-bottom:16px;
   padding-right:0;
   padding-left:0px;
   font-weight:bold;
   text-indent:30px;
}

dl.cp dd {
   margin-left:401px;
   padding-top:16px;
   padding-bottom:16px;
   padding-right:10px;
   border-top:1px dotted #999;
}



}


@media only screen and (max-width: 739px) {
.ct_top{
padding-top: 80px;
}

.txt_box{
width: 100%;
text-align: left!important;
}

h1 img {
	height: auto;
	border: 0;
	vertical-align: bottom;
}

h2 img {
	height: auto;
	border: 0;
	vertical-align: bottom;
}

.txt_mds{
font-size: 2.4rem;
line-height: 3.2rem;
margin-bottom: 5px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
letter-spacing:1px;
text-align: center;
}

.txt_mds_en{
font-size: 4.2rem;
line-height: 3.2rem;
font-family: 'Bebas Neue', cursive;
text-align: center;
}

.txt_submds{
font-size: 1.4rem; 
line-height: 2.6rem;
font-family: 'Noto Sans JP', sans-serif;
}

.txt_ponds{
    display: block;
    background-color: #AD0C18;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}

.txt_hon{
font-size: 1.3rem;
line-height: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
}

.txt_date{
font-size: 1.8rem;
line-height: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}

.numbers{
padding-top: 10px;
font-size: 4.2rem;
line-height: 4.4rem;
font-family: "Helvetica Neue", Arial,sans-serif;
font-weight: bold;
}

.form_btn {
  background-color: #AD0C18;
  border: none;
  color: #ffffff !important;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
}

.form_btn a:link {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.form_btn a:visited {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.form_btn a:hover {
  color: #efefef !important;
  text-decoration: underline;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}




.halfimg img{

}

.halfimg2 img{
width: 50%;
}

.site_img img{
width: 100%;
}

.br_1  br {
    display: none;
  }

.logo img{
width: 260px;
margin-left: -20px;
}



.company_inbox{
	width:100%;
	margin: 0px auto;
	text-align: left!important;
}

dl.cp {
   border-bottom:1px dotted #999;
}

dl.cp dt {
   width: 100%;
   border-top:1px dotted #999;
   font-weight:bold;
   margin:0px;
   padding:10px;
   box-sizing: border-box;
   font-size:16px;
   line-height:24px;
}

dl.cp dd {
   margin:0px;
   padding:10px;
   font-size:16px;
   line-height:24px;
   box-sizing: border-box;
   width:100%;
}





}

/*************************** サイトごとのオリジナルEND *****************************************************/






















/*************************** Padding Margin START *****************************************************/


/***********740以上の場合***********/

@media only screen and (min-width: 740px) {

.pdmdrow{
padding: 0px!important;
margin: 0px!important;
}

.pd0{
padding: 0px;
}

.pd10{
padding: 10px;
}

.pd20{
padding: 20px;
}

.pd30{
padding: 30px;
}

.pd40{
padding: 40px;
}

.pd50{
padding: 50px;
}

.pd60{
padding: 60px;
}

.p_top10{
padding-top: 10px;
}

.p_top20{
padding-top: 20px;
}

.p_top40{
padding-top: 40px;
}

.p_top60{
padding-top: 60px;
}

.p_top80{
padding-top: 80px;
}

.p_bottom10{
padding-bottom: 10px;
}

.p_bottom20{
padding-bottom: 20px;
}

.p_bottom40{
padding-bottom: 40px;
}

.p_bottom60{
padding-bottom: 60px;
}
	
.p_bottom80{
padding-bottom: 80px;
}
	


.md10{
margin: 10px;
}

.md20{
margin: 20px;
}

.md30{
margin: 30px;
}

.md40{
margin: 40px;
}

.m_top10{
margin-top: 10px;
}

.m_top20{
margin-top: 20px;
}

.m_top40{
margin-top: 40px;
}

.m_top60{
margin-top: 60px;
}

.m_top80{
margin-top: 80px;
}

.m_bottom10{
margin-bottom: 10px;
}

.m_bottom20{
margin-bottom: 20px;
}

.m_bottom40{
margin-bottom: 40px;
}

.m_bottom60{
margin-bottom: 60px;
}

.m_bottom80{
margin-bottom: 80px;
}



}







/***********739以下の場合***********/

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

.pdmdrow{
padding: 0px!important;
margin: 0px!important;
}

.pd_custom{
padding: 2px;
}

.pd10{
padding: 5px;
}

.pd20{
padding: 10px;
}

.pd30{
padding: 15px;
}

.pd40{
padding: 20px;
}

.pd50{
padding: 25px;
}

.pd60{
padding: 30px;
}

.p_top10{
padding-top: 5px;
}

.p_top20{
padding-top: 10px;
}

.p_top40{
padding-top: 20px;
}

.p_top60{
padding-top: 30px;
}

.p_top80{
padding-top: 40px;
}

.p_bottom10{
padding-bottom: 5px;
}

.p_bottom20{
padding-bottom: 10px;
}

.p_bottom40{
padding-bottom: 20px;
}

.p_bottom60{
padding-bottom: 30px;
}

.p_bottom80{
padding-bottom: 40px;
}	






.md10{
margin: 5px;
}

.md20{
margin: 10px;
}

.md30{
margin: 15px;
}

.md40{
margin: 20px;
}

.m_top10{
margin-top: 5px;
}

.m_top20{
margin-top: 10px;
}

.m_top40{
margin-top: 20px;
}

.m_top60{
margin-top: 30px;
}

.m_top80{
margin-top: 40px;
}


.m_bottom10{
margin-bottom: 5px;
}

.m_bottom20{
margin-bottom: 10px;
}

.m_bottom40{
margin-bottom: 20px;
}

.m_bottom60{
margin-bottom: 30px;
}

.m_bottom80{
margin-bottom: 40px;
}

}

/*************************** Padding Margin END *****************************************************/