@charset "UTF-8";

/* =======================================================================

CSSの名前：contact.css お問い合わせ

/ext/contact.xhtml

--------------------------------------------------------------------------*/

#CONTACT div,#CONTACT dl,#CONTACT dt,#CONTACT dd,#CONTACT ul,#CONTACT ol,#CONTACT li,
#CONTACT h1,#CONTACT h2,#CONTACT h3,#CONTACT h4,#CONTACT h5,#CONTACT h6,#CONTACT pre,#CONTACT code,
#CONTACT form,#CONTACT fieldset,#CONTACT legend,#CONTACT input,#CONTACT textarea,#CONTACT p,
#CONTACT blockquote,#CONTACT th,#CONTACT td,#CONTACT div{
	box-sizing: border-box; -webkit-box-sizing: border-box;
	font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Verdana, Geneva, Helvetica,Arial,Verdana,sans-serif;
}

#CONTACT  a:hover{text-decoration: none;}
#CONTACT p{font-size: 1.6em;line-height: 1.8em;color:#333;margin:0 15px;}
#CONTACT p+p{margin-top:5px;}

#CONTACT .maru {height:30px; width:30px; border-radius:50%; line-height:30px; text-align:center; background:#1a86d6; font-size:20px; margin:5px 10px 0 0; color:#FFF;}
#CONTACT .red {color: #1a86d6;}
#CONTACT .bigTxt {font-size:2.2em;}
#CONTACT .smallTxt{font-size: 1.5em;}

#CONTACT .txtArea{clear:both;width:960px;margin: 30px auto;}

#CONTACT{width:100%;font-size:62.5%;}
#CONTACT #Wrapper{padding:20px 0 30px;margin:0 auto 30px;}
#CONTACT #Wrapper:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;} 

#CONTACT #ttl{background: url("../images/detail/contact/ttl.png")no-repeat;clear:both;width: 1095px;height: 230px; margin: 40px auto 60px;}
#CONTACT #ttl h2{ height: 165px;margin: 0 0 0 0;padding: 80px 0 0 500px; font-size: 3.6em;line-height:2.4em;text-align: center; }

#CONTACT #faq,#CONTACT #before,#CONTACT #support{text-align: center;background: #f8f8f7;padding: 50px 0;}
#CONTACT #Wrapper .contents-inner-flex{display: flex;width:1020px;margin: 0 auto 30px;}
#CONTACT .contentsBox{background: #fff; width: 450px;height: 250px;padding:20px;margin: 30px 30px 0;}
#CONTACT #faq .contentsBox{border: 2px solid #329f10;}
#CONTACT #before .contentsBox{border: 2px solid #f98e10;}
#CONTACT #support .contentsBox{border: 2px solid #ef5555;}

#CONTACT .btnDetails {width:320px;height: 44px;margin: 5px auto 0; border-radius: 22px;font-size: 1.8em;color: #fff;padding-top: 8px;}
#CONTACT #faq .btnDetails {background: #329f10;border: 2px solid #329f10;}
#CONTACT #faq .btnDetails:hover{background: #bee8b1;color: #329f10;}
#CONTACT #before .btnDetails {background: #f98e10;border: 2px solid #f98e10;}
#CONTACT #before .btnDetails:hover{background: #fcd4a5;color: #f98e10;}
#CONTACT #support .btnDetails {background: #ef5555;border: 2px solid #ef5555;}
#CONTACT #support .btnDetails:hover{background: #fdcdcd;color: #ef5555;}

#CONTACT h3 {width:1020px;margin: 0 auto 30px;font-size: 3.6em; position: relative; display: inline-block; margin-bottom:1em;text-align: center;}
#CONTACT h3:before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 200px; height: 5px;  left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 2px;}

#CONTACT #faq h3:before{background: #329f10;}
#CONTACT #before h3:before{background: #f98e10;}
#CONTACT #support h3:before{background: #ef5555;}

#CONTACT h4{font-size:1.8em;font-weight: bold;padding-bottom: 10px;margin-bottom: 10px;}
#CONTACT #faq h4{border-bottom: 2px dashed #329f10;}
#CONTACT #before h4{border-bottom: 2px dashed #f98e10;}
#CONTACT #support h4{border-bottom: 2px dashed #ef5555;}

#CONTACT .bnrDemo{width:925px;height:190px;background: url("../images/detail/contact/bnr_bg_demo.png")no-repeat;margin: 100px auto 100px;text-align: center;padding-top: 10px;}
#CONTACT .boxDemo{background:#053f5a url("../images/jstore/icon_demo.svg")no-repeat;background-size: 74px;background-position: 120px 15px; width: 465px;height:150px;border-radius: 15px;padding:35px 0 0 0;color:#fff;font-size:2.5em;margin:10px 10px 0 420px;}
#CONTACT .boxDemo img{vertical-align:middle;margin-right: 10px;}
#CONTACT .btnDemo{ width: 360px;height:44px;border-radius: 22px;font-size: 18px;background:#fcc501;color:#533f17;margin:0 auto 10px;padding-top: 8px;border: 2px solid #fcc501;}
#CONTACT .btnDemo:hover{background:#fcf301;}
#CONTACT .txtDemo{height: 55px; margin: 0 0 0 50px;}