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

/* first page */


body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}


span.yellow_bold {
	color:#DF891B;
	font-weight:bolder;
	font-size:1.5em;
}

span.block_bold {
	color:#333;
	font-weight:bolder;
	font-size:1.5em;
	line-height:170%;
}

span.yellow {
	color:#F30;
}

#main_contents.first p {
	margin-bottom:20px;
}

span.attention {
	background: #e1f8f9;
	border:1px solid #00b1b6;
	padding: 5px;
	display:block;
	width:400px;
}

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:990px){
	.footer_area{
		display: none;
}	
}

/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:980px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 93%;
    margin: 20px auto;
    padding: 0px 0;
	margin-right: 40px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 100%;
    padding: 0px 0;
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
	line-height: 1.5;
    
}
.inquiry_btn {
    background-color: #bb3f33
;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	   width: 100%;
    padding: 15px 0;
    font-size: 80px;
    font-weight: bold;
}
.inquiry_btn_blue {
    background-color: #4C82F8;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	   width: 100%;
    padding: 15px 0;
    font-size: 48px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.inquiry_btn_blue:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}

.sumally {
    background-color: #036;
    text-align: center;
    width: 100%;
    padding: 15px 0;
}










.reflection-img{
    width       :810px;
    height      :171px;
    position    :relative;
    overflow    :hidden;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

.high-line {
	background-color: #efea5c;
	padding:2px;
	font-weight: bold;
}