@charset "utf-8";

/**
 *
 * Style css
 *
 */

/* =============================================================================
   common
   ========================================================================== */
.common-section { width: 300px; margin: 0 auto; text-align: left; }


/* =============================================================================
   block
   ========================================================================== */
#site-header { position: fixed; height: 60px; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #fff; }
#site-header .common-section { width: 94.375%; height: 51px; position: relative; }
#site-header .common-section #logo { position: absolute; top: 20px; left: 0; }
#site-header .common-section .tel { position: absolute; top: 6px; right: 0; }

#main { padding-top: 60px; }

.cta { background: url("../images/common/cta_bg.png") repeat; background-size: 12px 12px; border-top: 5px solid #f78a3a; border-bottom: 5px solid #f78a3a; padding-bottom:15px;}
.cta .btn { position: relative; height: 61px; margin-bottom: 10px; }
.cta .btn img { position: absolute; top: -4px; left: -3px; }
.cta .tel { position: relative; height: 57px; }
.cta .tel dt { position: absolute; top: 4px; left: 0; }
.cta .tel dd { position: absolute; top: 0; right: -4px; }

#site-footer { background:url(../images/common/footer_bg.png) repeat-x; background-size:100px 5px; padding: 17px 0 7px; }
#site-footer ul.footer-navi { margin-bottom: 6px; }
#site-footer ul.footer-navi li { font-size: 1.2em; line-height: 1; border-right: 1px solid #333; display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; }
#site-footer ul.footer-navi li a:hover { text-decoration: underline; }
#site-footer ul.footer-navi li:first-child { padding-left: 0; }
#site-footer ul.footer-navi li:last-child { border: none; padding-right: 0; }

#main .kv { position: relative; }




#main .contents05 {background:url(../images/top/05_bg.png); background-size:6px 6px;}

#main .contents05 .box_body { background:#fff; margin-bottom:10px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; padding-bottom:5px; padding-top:15px;}
#main .contents05 .box_body_inner {width:280px; margin:0 auto;}
#main .contents05 .box_body h3 {font-size:1.5em; font-weight:bold; margin-bottom:15px;}
#main .contents05 .box_body .trigger {width:280px; height:43px; background:url(../images/top/05_btn_op.png) no-repeat; background-size:100%; text-indent:-9999px; margin-bottom:10px;}
#main .contents05 .box_body .trigger.active {background:url(../images/top/05_btn_cl.png) no-repeat; background-size:100%;}
#main .contents05 .box_body .text {font-size:1.2em; margin-bottom:15px;}
#main .contents05 .box_body dt {color:#c1272d; font-size:1.2em; font-weight:bold; background:url(../images/top/05_line.png) bottom repeat-x; background-size:50%;}
#main .contents05 .box_body dd {margin-bottom:10px; font-size:1.2em;}
#main .contents05 .btm-sentence { margin-top: 13px; padding-bottom: 32px; }

#main .contents06 .common-section { width:95%; font-size:1.2em; margin-bottom:20px;}


#main .contents07 {background:url(../images/top/07_bg.png) no-repeat top center #7ceaca; background-size:100%; padding-bottom:30px;}
#main .contents07 .common-section { width:310px; background:#fff; padding:10px 0 1px 0;}
#main .contents07 .common-section .box { width:290px; margin:0 auto;}
#main .contents07 .common-section h3 {margin-bottom:10px;}
#main .contents07 .common-section .cf {margin-bottom:12px;}
#main .contents07 .common-section dd {margin-bottom:10px; font-size:1.2em;}

#main .contents07 .trigger {width:290px; height:63px;text-indent:-9999px; margin-bottom:10px;}
#main .contents07 .trigger.btn_01 {background:url(../images/top/07_01_btn_op.png) no-repeat; background-size:100%; }
#main .contents07 .trigger.btn_02 {background:url(../images/top/07_02_btn_op.png) no-repeat; background-size:100%; }
#main .contents07 .trigger.btn_03 {background:url(../images/top/07_03_btn_op.png) no-repeat; background-size:100%; }
#main .contents07 .trigger.btn_01.active {background:url(../images/top/07_01_btn_cl.png) no-repeat; background-size:100%; }
#main .contents07 .trigger.btn_02.active {background:url(../images/top/07_02_btn_cl.png) no-repeat; background-size:100%; }
#main .contents07 .trigger.btn_03.active {background:url(../images/top/07_03_btn_cl.png) no-repeat; background-size:100%; }


#main .contents08 {background:#ececec; padding-bottom:23px;}
#main .contents08 .common-section { width:310px; background:#ff5501; margin-bottom:20px;}
#main .contents08 .common-section .acordion-tree {padding-bottom:5px;}
#main .contents08 .common-section .text {width:270px; margin:0 auto; color:#fff; background:url(../images/top/08_line.png) repeat-x; background-size:272px 5px; font-size:1.2em; padding:5px 0;}
#main .contents08 .common-section .btn_close {text-align:center;}



#main .contents14 { background:url(../images/form/bg.png) no-repeat; background-size:100%; background-color: #aee5f4; padding: 17px 0 21px; }
#main .contents14 #mail-form .form-wrap { width: 100%; margin: 10px 0 17px 0; border: 3px solid #0068b7; }
#main .contents14 #mail-form section h1 { padding-left: 10px; height: 35px; line-height: 34px; position: relative; color: #fff; font-size: 1.4em; font-weight: bold; background-color: #0068b7; }
#main .contents14 #mail-form section h1 span { width: 40px; height: 18px; line-height: 18px; text-align: center; display: inline-block; background-color: #ff2b80; color: #fff; font-weight: bold; font-size: 0.875em; position: absolute; top: 50%; margin-top: -11px; right: 8px; }
#main .contents14 #mail-form section .inner { background-color: #fff; padding: 12px 12px 18px; }
#main .contents14 #mail-form section .inner dl { margin-bottom: 11px; }
#main .contents14 #mail-form section .inner dl:last-child { margin-bottom: 0; }
#main .contents14 #mail-form section .inner dl dt { font-size: 1.3em; font-weight: bold; margin-bottom: 3px; }
#main .contents14 #mail-form section .inner dl dt span { color: #e60012; }
#main .contents14 #mail-form section .inner dl dd { font-size: 1.3em; }
#main .contents14 #mail-form section .inner .single { font-size: 1.3em; }
#main .contents14 #mail-form ::-webkit-input-placeholder { padding-left: 5px; }
#main .contents14 #mail-form :-moz-placeholder { padding-left: 5px; }
#main .contents14 #mail-form .text-box02::-webkit-input-placeholder { padding-left: 0; text-align: center; }
#main .contents14 #mail-form .text-box02:-moz-placeholder { padding-left: 0; text-align: center; }
#main .contents14 #mail-form .text-box01,
#main .contents14 #mail-form .text-box02 { height: 29px; width: 100%; border: 1px solid #727070; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#main .contents14 #mail-form .text-box02 { width: 27.5%; text-align: center; }
#main .contents14 #mail-form .combo-box { width: 130px; }
#main .contents14 #mail-form .radio-btn,
#main .contents14 #mail-form label { line-height: 1.9; }
#main .contents14 #mail-form label  { margin-left: 8px; }
#main .contents14 #mail-form .error span.validationMessage { display: block; color: #ff2b80; font-size: 0.9em; margin-top: 5px; }
#main .contents14 #mail-form .error input.text-box01,
#main .contents14 #mail-form .error input.text-box02,
#main .contents14 #mail-form .error .combo-box { background-color: #ff98c1; }
#main .contents14 #form-btn-area { text-align: center; }
#main .contents14 #form-btn-area a { -webkit-transition: all .3s ease; transition: all .3s ease}
#main .contents14 #form-btn-area .confirm { text-align: left; width: 226px; margin: 0 auto; display: none; }
#main .contents14 #form-btn-area .confirm #btn-mail-back { float: left; width: 87px; }
#main .contents14 #form-btn-area .confirm #btn-mail-send { float: right; width: 129px; }
#main .contents14 .cta h1 { margin-bottom: 15px; }
#main .contents14 .btn-thanks { margin-top: 20px; text-align: center; }

.privacy .privacy-sentence { font-size: 1.2em; width: 94.375%; }
.privacy .privacy-sentence dl.first-el-child { margin-bottom: 30px; }
.privacy .privacy-sentence dl:first-child { margin-bottom: 30px; }
.privacy .privacy-sentence dl dt { font-weight: bold; margin-bottom: 10px; }
.privacy .privacy-sentence dl dd p { margin-bottom: 15px; }
.privacy .privacy-sentence dl dd a { color: #0068b7; }
.privacy .privacy-sentence dl dd a:hover { text-decoration: underline; }