@charset "utf-8";
/* CSS Document */
body{}
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreaInner{ width:840px; margin:0 auto; padding:8px 0; border-bottom:1px solid #3E3A39;}
#headerArea h2{ float:left;}
#headerArea p{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                              contentsA
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{ width:840px;}
h1{display:inline;}
h2{ text-align:center; border-top:1px solid #000; padding-top:20px; margin-bottom:50px;}

#Comment{ width:530px; margin:0 auto; position:relative;}
#Comment .floatL{ margin:0; padding:0;}
#Comment #ittoComment{ width:359px; height:105px; position:absolute; top:-30px; right:5px; line-height:1.6em; font-size:14px; padding:1.3em 1.2em 1.5em 2.2em; background:url(../images/1706/img_balloon.png) no-repeat;}

#RequestLink{ width:645px; margin:0 auto 50px; position:relative;}
#RequestLink #LinkText{ padding:0.8em 7em 0.8em 1em; margin:0; font-size:16px; line-height:1.5em; font-weight:bold; color:#fff; background-color:#42210B; border-radius:10px;}
#RequestLink #LinkBtn{ position:absolute; top:-35px; right:-20px;}

h3{text-align:center;font-size: 180%;/* display: inline-block; */padding-bottom:1em;margin: 2em 0 0;/* border-bottom:1px solid #000; */}

/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection { width:840px; margin:0 auto; float:none;}
.mainSectionInner {}
.mainSection h4{ font-size:36px; color:#693905; text-align:center; border-bottom:1px solid #3E3A39; padding-bottom:10px;}

#formTb{width:600px;/* float:left; */}
#formTb table{border-top:none;width:600px;margin:0 0 20px;table-layout:fixed;}
#formTb input{vertical-align:-20%;line-height: 1.8em;padding: 0.2em 0 0.2em 0.5em;margin-top: 7px;margin-bottom: 5px;font-size: 150%;}
#formTb select{ padding:3px 0 5px 2px; margin-bottom:10px;}
#formTb{display: table;display: block;/* width: 80%; *//* table-layout:fixed; */margin: 0 auto;text-align: center;}
#formTb th,
#formTb td{padding: 1em 0;display: table-cell;}
#formTb th{ text-align:left; padding-left:20px;}
#formTb td span{ vertical-align:-30%;}
#formTb .example{ line-height:1.5em; margin-left:10px;}

#formTb #trialBox{ background-color:#FFFFF2;}
#formTb #trialBox th,
#formTb #trialBox td{ color:#000;}

/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection { width:195px; margin-top:0;}
.rightSectionInner {}
.rightSectionInner .btnImage{ margin-top:15px; border-radius:10px; box-shadow:3px 3px 2px rgba(0,0,0,0.3);}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {
}
.sectionInner {
}

.attenSec{ border:#eee solid 5px; padding:10px;}

@media screen and (max-width: 910px) {
    #wrap{
        width: 100%;
        margin-top: 0em;
    }
    #contentsAreaInner{
        width: 100%;
    }
    .mainSection{
        width: 100%;
    }
    .section img{
        width:100%;
        height:auto;
    }
    #contentsArea{
        width: 90%;
    margin: 0 auto;
    }
    #formTb{
        width: 100%;
    }
    #formTb table{
        width: 100%;
    }
    #formTb th, #formTb td{
        display: block;
        width: 100%;
    }
     #formTb th{
        border: none;
        padding: 0.7em 0 0;
        font-size: 130%;
        width: 100%;
     }
    #formTb td{
        padding-top: 0;
        /* width: 70%; */
    }
    #formTb .example{
        font-size: 130%;
    }
    h3{
        font-size: 215%;
        margin-top: 1.5em;
        padding-bottom: 0.6em;
    }
     #formTb input {
        margin: 0;
     }
     #formTb textarea{
        margin: 0 0 2em;
        padding-bottom: 1em;
        width: 100%;
     }
     #footerArea{
        width: 100%;
     }
    
}