.title-row
{
    margin-top:30px;
}
body
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("../Images/start_bg.jpg");
    background-repeat: repeat-x;
    /*font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;*/
}

.frontlink{
    color:blue;
    font-weight:bold;
}

.frontlink_normal{
    color:blue;
    font-size:12pt;
}

.frontlink_black{
    color:#333;
    font-weight:bold;
}

.testborder{
    border:solid 1px black;
}

#contents{
    background-color:#FFF;
}

#footer{
    margin-top:10px;
    border-top:solid 2px #808080;
}

#contents h2 {
    background: url(../Images/h2_bg.png) no-repeat;
    height: 40px;
    color: #FFF;
    font-size: 17px;
    padding: 0 10px;
    line-height: 40px;
    margin-top:15px;
}

/*#contents h3 {
    background-color:#303088;
    height: 25px;
    color: #FFF;
    font-size: 15px;
    padding: 0 10px;
    line-height: 25px;
    margin-top:10px;
    margin-bottom:2px;
    width:95%;
}*/

#contents h3 span {
    border-left:5px solid #F16692; 
    padding-left:5px;
}

.section
{
    display: inline-block;
    margin-left:3%
}

.divPrivacy
{
    min-height:30px;
}

.div-alignleft{
    margin-left:5px;
}

.suggest{
    margin-left:5px;
    margin-bottom:15px;
}

.suggest_info{
    max-width:75%;
}

.suggest_sub_info{
    margin-left:2em;
}

#divStep{
    margin-top:10px;
    margin-bottom:20px;
    background-size:contain;
}

#step{
    margin-bottom:10px;
}

#requiredinput{
    font-size:13px;
    margin-left:1em;
}

.rowInput{
    border-left:2px solid #c6bfbf;
    border-right:2px solid #c6bfbf;
    background-color: #E8E8E8;
}

.rowadvice{
    border-left:2px solid #c6bfbf;
    border-right:2px solid #c6bfbf;
    background-color: #C6D9F1;
    border-bottom:1px solid #c6bfbf;
    line-height:25px;
}

.row-notice {
    background-color: #FFF;
    color: #FF0000;
    padding-top: 5pt;
    padding-bottom: 5pt;
    vertical-align: middle;
}

.rowtop{
    border-top:1px solid #c6bfbf;
}

.rowbottom{
    border-bottom:1px solid #c6bfbf;
}

.rowmid{
    border-top:1px dashed #c6bfbf;
}

.rowheader{
    background-color: #E8E8E8;
    padding-top:5px;
}

.rowcontents{
    border-left:2px solid #c6bfbf;
    background-color: #FFF;
    padding-top:5px;
}

.noborder{
    border:none;
}

.Inputborder{
    margin-left:3%;
}

.memo{
    width:100%; 
    height:180px !important;
}

.width-input1
{
    width:3em;
}

.width-input2
{
    width:5em;
}

.width-input2b {
    width: 4.5em;
}

.width-input2-noPadding
{
    width:5em;
}

.width-input3
{
    width:10em;
}

.width-input4b
{
    width:4em;
}

.width-input4
{
    width:15em;
}

.width-input5
{
    width:20em;
}

.width-input6
{
    width:30em;
}

.width-input9
{
    width:9em;
}

.width-input45p
{
    width:45%;
}

.form-inline > .width-input5
{
    width:20em;
}

.inline{
    display:inline-block;
}

.p-strong {
    font-size: 12pt;
    color:#303087;
    display: inline-block;
    margin-bottom: 5px;
    font-weight:bold;
    margin-bottom:5px;
}

.lblRowHeader
{
    font-size: 11pt;
    margin-left:8px;
    display:inline;
}

.pageWarning{
    color:red;
}

.thanks-main{
    font-size:14pt;
}

.thanks-normal{
    font-size:11pt;
}

.fixHeight{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.fixHeight > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

.CAUTIONLabel{
    font-size:90%;
    color:red;
    display:block;
    word-wrap:break-word;

}

.p-warning{
    text-align:left; 
    font-size:14pt!important; 
    color:red!important;
}

.p-warning-normalsize{
    font-size: 12pt;
    text-align:left; 
    color:red!important;
}

.p-warning-normalsize-inline{
    font-size: 12pt;
    text-align:left; 
    color:red!important;
    display: inline-block;
}

#divContact{
    color:#303087!important;
}

#divContact p.Contact_Address{
    margin-bottom:1px;
}

#divContact p.Contact_TEL{
    margin-top:1px;
}

.l1
{
    font-size:14pt; 
    font-weight:bold; 
    color:#F16692; 
    text-align:left; 
    width:80%; 
    margin-left:20%; 
    padding-top:8px;
}

.Honmon-font{
    font-size:14pt;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold!important;
}

.span-habel-dia{
    font-size:14pt;
    font-weight:bold;
    color:#303087;
    display:inline-block;
    padding-top:6px;
}

label{
    cursor:pointer;
}

.form-inline .inline-label{
    display: inline-block;
    vertical-align: middle;
}

#imgFreeDialog{
    width:42px;
    height:34px;
    float:right;
}

@media (min-width: 1200px) {
    #contents{
        margin-top:30px;
        width:70%;
    }
    #header{
        width:70%;
    }
}

@media (min-width: 768px) {
    body
    {
        background-attachment: scroll;
        background-color: #FFFFFF;
        background-image: url("../Images/start_bg.jpg");
    
        background-repeat: repeat-x;
        /*font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;*/

    }

    .title-left {
        zoom:normal;
    }
    .title-right{
        zoom:normal;
    }
    .title-row
    {
        margin-top:40px;
    }

    /*#contents{
        margin-top:30px;
        width:70%;
    }*/
    

    /*.contents_wide{
        width:80%!important;
    }*/

    #contents h2 {
        background: url(../Images/h2_bg.png) no-repeat;
        background-size:auto;
        background-repeat:no-repeat;
    }

    .nopaddingleftPC{
        padding-left:0px;
    }

    .newSC{
        border-top:solid 1px #c6bfbf;
    }

    br.forMB{
        display:none;
    }

    label.forMB{
        display:none;
    }

    span.forMB{
        display:none;
    }

    .divPrivacy{
        max-width:80%;
    }

}

@media (max-width: 767px) {
    body
    {
        background:none;
        background-attachment: scroll;
        background-color: #FFFFFF;
        font-family: "ＭＳ Ｐゴシック", "MS PGothic","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .title-left {
        /*width:80%;*/
        zoom:60%;
    }
    .title-right{
        zoom:60%;
    }
    .title-row
    {
        margin-top:10px;
    }
    .divPrivacy{
        font-size:90%;
        max-width:100%;
    }

    #contents h2 {
        background: url(../Images/h2_bg.png);
        background-size:contain;
        font-size: 95%;
        /*zoom:70%;*/
        
    }

    /*#contents h3 {
        font-size: 90%;
        zoom:70%;
    }*/

    .suggest{
        margin-left:0px;
        margin-right:0px;
    }

    .suggest_info{
        max-width:100%;
    }

    #divStep{
        zoom:40%;
        /*width:90%;
        background-size:100% 100%;*/
        margin-bottom:0px;
    }
    

    #requiredinput{
        font-size:12px;
    }

    p{
        font-size:12px;
    }

    span{
        font-size:12px;
    }

    select.width-input2{
        width:4em!important;
        padding-left:5px;
    }

    .width-input5{
        width:80%!important;
    }

    .width-input6{
        width:90%;
    }

    .Inputborder{
        margin-left:5%;
    }

    .rowheader{
        border-bottom:1px dashed #c6bfbf;
    }

    .rowcontents{
        border-left:none;
        border-bottom:1px solid #c6bfbf;
    }

    .rowmid{
        border-top:1px solid #c6bfbf;
    }

    .memo{
        width:100%; 
        height:120px !important;
    }

    .rowbottom{
        border-bottom:1px solid #c6bfbf;
    }

    br.forPC{
        display:none;
    }

    span.forPC{
        display:none;
    }

    label.forPC{
        display:none;
    }

    .thanks-main{
        font-size:14px;
    }

    .thanks-normal{
        font-size:11px;
    }

    .l1{
        font-size:12pt;
    }

    .Honmon-font{
        font-size:11pt;
    }
    
    .fixHeight{
        display: block;
    }

    .text-right-MB {
      text-align: right;
    }

    .p-warning-normalsize,.p-warning-normalsize-inline{
        font-size:11pt;
    }

    .span-habel-dia{
        font-size:12pt;
    }

    .width-input2-noPadding
    {
        width:4em;
        padding-left:5px;
    }
}

@media (max-width: 320px) {
    #contents h2 {
        background: url(../Images/h2_bg.png) no-repeat;
        background-size:100% 100%;
        font-size: 90%;
        /*zoom:70%;*/        
    }

    .alert > h4{
        font-size:16px;
    }

    span.span-habel-dia{
        font-size:10pt;
    }

    .l1{
        margin-left:10%;
    }

    .suggest{
        margin-left:0px;
    }

    .hide-320{
        display:none;
    }

    .font-320{
        font-size:10pt;
    }
}

@media (min-width:768px) {
    .sm-text-right {
        text-align: right;
    }
}