@charset "UTF-8";

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

*   Common CSS
*   Since:2020-07
*   Editor:ricostyle

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


/* ==========================================================================
   Common Styles
   ========================================================================== */

/* rayout
------------------------------------------------------------ */
#container{height:auto;height:100%;width:100%;overflow: hidden;}


/* a tag
------------------------------------------------------------ */
a {color:#4664A8;}
a:hover {color:#7695CD;}


/* Font
------------------------------------------------------------ */
.ftBold{font-weight:bold !important;}
.ftNoml{font-weight:normal !important;}
.ftGreen{color:#4D9E33 !important;}
.ftRed{color:#B73220 !important;}
.ftDarkBlue{color:#0D298D !important;}
.ftBlue{color:#0898C2 !important;}
.ft150{line-height:1.5em;font-size:1.5em !important;}
.ftbigminc{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:2.6em;color:#333;font-weight:bold;line-height:2.6em;}


/* BackgroundColor
------------------------------------------------------------ */
.bgyellow{background:#F2D841;}
.bgbeige{background:#F7F7F0;}
.bggray{background:#EEEEEE;padding-bottom:30px;}





/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (min-width:640px) {
/* CLEARFIX */
/* .clearfix {overflow:hidden;} */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
	}
.clearfix { display: inline-block; }/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }/* End hide from IE-mac */


/* Float & Clear */
.floatL { float:left !important;}
.floatR { float:right !important;}
.floatR img,img.floatR{margin:0 0 15px 15px;}



/* 下部共通コンテンツ */
#contents .wrap3{position:relative;margin:40px auto 0;width:1080px;padding:0;text-align:left;}
#contents .wrap3 .ftbigminc{text-align:center;padding:0;clear:both;}
#contents .wrap3 h3{background:#E6F5F8 url(../img_cmn/icon_check2.png) 50px 20px no-repeat;padding:20px 10px 17px 100px;font-size:1.5em;text-align:left;font-weight:normal;color:#333;margin-bottom:20px;clear:both;}
#contents .wrap3 p{line-height:2em;margin:0 auto 1.5em;width:1000px;}
#contents ul.bluedot{margin:0 0 30px 60px;width:43%;float:left;}
#contents ul.bluedot li{list-style-position: outside;list-style-image: url(../img_cmn/icon_dot.png);padding-bottom:0.3em;line-height:1.5em;}
#contents .wrap3 .bgyellow{padding:30px 100px;margin:0 auto 40px;width:800px;}
#contents .wrap3 .bgyellow ul li{list-style-position: outside;list-style-type: square;line-height:2.2em;}


/* 問い合わせ誘導バナー */
#contents .contactarea{text-align:center;position:relative;padding:0;margin:30px auto;min-width:870px;}
#contents .contactarea .toform{width:420px;height:72px;display:inline-block; background:#6F8FE2 url(../img_cmn/tt_mailform.png) right center no-repeat;background-size:90% auto;margin-right:20px;cursor:pointer;border-radius: 10px 10px 10px 10px;}
#contents .contactarea .totel{width:420px;height:72px;display:inline-block;background:#62A5DA url(../img_cmn/tt_contacttel.png) right center no-repeat;background-size:90% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;}
#contents .contactarea .toform a{display:block;font-size:0;width:420px;height:72px;}
#contents .contactarea .totel a{display:block;font-size:0;width:420px;height:72px;}
#contents .contactarea .toform:hover{background:#4C6BD6 url(../img_cmn/tt_mailform.png) right center no-repeat;background-size:90% auto;}
#contents .contactarea .totel:hover{background:#4186CB url(../img_cmn/tt_contacttel.png) right center no-repeat;background-size:90% auto;}


/* 無料相談誘導バナー */
#contents .contactarea .tomeeting{width:420px;height:72px;display:inline-block;background:#E2876F url(../img_cmn/tt_meetingform.png) right center no-repeat;background-size:90% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;}
#contents .contactarea .tomeeting a{display:block;font-size:0;width:420px;height:72px;}
#contents .contactarea .tomeeting:hover{background: #D95C3E url(../img_cmn/tt_meetingform.png) right center no-repeat;background-size:90% auto;}



}



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

/* 下部共通コンテンツ */
#contents .wrap3{position:relative;margin:30px auto 0;width:100%;padding:0;text-align:left;}
#contents .wrap3 .ftbigminc{text-align:center;padding:20px 0.3em;margin:0 auto;font-size:1.6em;line-height:1.5em;}
#contents .wrap3 h3{background:#E6F5F8 url(../img_cmn/icon_check2.png) 10px 20px no-repeat;padding:15px 5px 12px 40px;font-size:1.5em;line-height:1.5em;text-align:left;font-weight:normal;color:#333;margin-bottom:20px;clear:both;}
#contents .wrap3 p{line-height:1.6em;padding:0 0.5em 1.5em;margin:0 auto;}
#contents ul.bluedot{margin:0 10px 0 35px;}
#contents ul.bluedot li{list-style-position: outside;list-style-image: url(../img_cmn/icon_dot.png);padding-bottom:0.3em;line-height:1.5em;}
#contents .wrap3 .bgyellow{padding:20px 0.3em;margin:0 auto 30px;}
#contents .wrap3 .bgyellow ul{margin:0 5px 0 30px;}
#contents .wrap3 .bgyellow ul li{list-style-position: outside;list-style-type: square;line-height:1.5em;padding-bottom:7px;}


/* 問い合わせ誘導バナー */
#contents .contactarea{text-align:center;width:100%;margin:0 auto 30px;padding-bottom:10px;}
#contents .contactarea .toform{width:90%;height:72px;display:block; background:#6F8FE2 url(../img_cmn/tt_mailform.png) center right no-repeat;background-size:85% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;margin:0 auto 15px;}
#contents .contactarea .totel{width:90%;height:72px;display:block;background:#62A5DA url(../img_cmn/tt_contacttel.png) center right no-repeat;background-size:85% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;margin:0 auto;}
#contents .contactarea .toform a{display:block;font-size:0;width:90%;height:72px;}
#contents .contactarea .totel a{display:block;font-size:0;width:90%;height:72px;}
#contents .contactarea .toform:hover{background:#4C6BD6 url(../img_cmn/tt_mailform.png) center right no-repeat;background-size:85% auto;}
#contents .contactarea .totel:hover{background:#4186CB url(../img_cmn/tt_contacttel.png) center right no-repeat;background-size:85% auto;}


/* 無料相談誘導バナー */
#contents .contactarea .tomeeting{width:92%;height:72px;display:block;background:#E2876F url(../img_cmn/tt_meetingform.png) right center no-repeat;background-size:85% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;margin:0 auto 20px;}
#contents .contactarea .tomeeting a{display:block;font-size:0;width:100%;height:100%;}
#contents .contactarea .tomeeting:hover{background: #D95C3E url(../img_cmn/tt_meetingform.png) right center no-repeat;background-size:85% auto;}



}