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

/* TOPページ 個別CSS */

/* TOPページ メインコンテンツ */
.top-img {
    width: 100%;
    display: flex;
    background-color: #EEEEEE;
}

.main {
    width: 1100px;
    background-color: #FFFFFF;
    /*float: left;*/
    /*position: relative;*/
    z-index: 50;
}

.main .cont {
    width: 950px;
    padding: 20px 50px 20px 80px;
    border: solid #00A0E9 4px;
    margin-top: 100px;
    margin-left: -3px;
    margin-bottom: 100px;
    font-size: 20px;
    background-color: #FFFFFF;
	line-height: 28px;
}
.main .cont h2 {
    font-size: 36px;
    font-weight: bold;
    color: #00A0E9;
	line-height: 1.2em;
}

.main .cont .box2 {
	float: left;
	position: relative;
	padding: 5px 15px;
    margin-top: 25px;
	margin-left: 30px;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
    background: #f39800;/*背景色*/
}

.main p span {
    font-size: 30px;
}

/* TOPページ メインコンテンツ内のボタン */
.main .cont .btn900 a {
    width: 900px;
    float: left;
    padding: 10px 0px;
    margin: 0 auto 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #00A0E9;
}
.main .cont .btn900 a:hover {
    width: 900px;
    float: left;
    padding: 10px 0px;
    margin: 0 auto 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #F39800;
}

.main .cont .btn500 a {
    width: 500px;
    float: left;
    padding: 10px 0px;
    margin: 40px auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #00A0E9;
}

.main .cont .btn500 a:hover {
    width: 500px;
    float: left;
    padding: 10px 0px;
    margin: 40px auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #F39800;
}

.main .cont .btn420 a {
    width: 420px;
    float: left;
    padding: 5px 0px;
    margin: 40px 30px 40px 0px ;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #00A0E9;
}

.main .cont .btn420 a:hover {
    width: 420px;
    float: left;
    padding: 5px 0px;
    margin: 40px 30px 40px 0px ;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    background-color: #F39800;
}

.main .cont .btn420or a {
    width: 418px;
    float: left;
    padding: 5px 0px;
    margin: 40px 30px 40px 0px ;
    text-align: center;
    color: #F39800;
    font-size: 26px;
    font-weight: bold;
    border: #F39800 solid 3px;
    background-color: #FFFFFF;
}

.main .cont .btn420or a:hover {
    width: 418px;
    float: left;
    padding: 5px 0px;
    margin: 40px 30px 40px 0px ;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    border: #F39800 solid 3px;
    background-color: #F39800;
}

.main .cont .btn170 a {
    width: 170px;
    float: left;
	height: 46px;
    padding: 5px 0px;
    margin: 0px 20px 40px 0px ;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    background-color: #00A0E9;
	display: flex;
    align-items: center;
    justify-content: center;
	line-height: 1em;
}

.main .cont .btn170 a:hover {
    width: 170px;
    float: left;
	height: 46px;
    padding: 5px 0px;
    margin: 0px 20px 40px 0px ;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    background-color: #F39800;
	display: flex;
    align-items: center;
    justify-content: center;
	line-height: 1em;
}

/* TOPページ メインコンテンツ内「ムーンリフタとは」の特殊テキスト */
.txt26bk-b {
    font-size: 26px;
    font-weight: bold;
    color: #000000;
	line-height: 1.4em;
}
.txt22bl-b {
    width: 500px; 
    margin: 40px 0 -30px 0; 
    font-size: 22px;
    font-weight: bold;
    color: #00A0E9; 
    text-align: center;
	line-height: 1.2em;
}