@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: 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;}


/* bottom common contents */
#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;}


/* contact page banner */
#contents .contactarea{text-align:center;position:relative;margin:0 auto;width:1080px;padding:0;margin:20px auto 40px;}
#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;}

}




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

/* bottom common contents */
#contents .wrap3{position:relative;margin:30px auto 0;width:100%;padding:0;text-align:left;}
#contents .wrap3 .ftbigminc{text-align:center;padding:20px 0;font-size:1.8em;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;margin:0 auto 1.5em;width:97%;}
#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;margin:0 auto 30px;width:100%;}
#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;}

/* contact page banner */
#contents .contactarea{width:100%;text-align:center;margin:0 auto 30px;}
#contents .contactarea .toform{width:90%;height:72px;display:block; margin:0 auto;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-bottom:15px;}
#contents .contactarea .totel{width:90%;height:72px;display:block; margin:0 auto;background:#62A5DA url(../img_cmn/tt_contacttel.png) center right no-repeat;background-size:85% auto;cursor:pointer;border-radius: 10px 10px 10px 10px;}
#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;}

}