@charset "utf-8";

body {
/* font-family: Yu Gothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif; */
font-family: Arial, sans-serif;
color: #333333;
}

/* ボタンのスタイルを消す */
button {
background-color: transparent;
border-style: none;
cursor: pointer;
}


.check4 {
    display:block;
    /* width:500px; */
}
.check4 label {
    display: block;
    float: left;
    /* width: 320px; */
    line-height: 1.3;
    font-size: 16px;
    cursor:pointer;
}
.check5 {
    /* display:block; */
    /* width:500px; */
}
.check5 label {
    display: block;
    /* float: left; */
    /* width: 100%; */
    line-height: 1.3;
    font-size: 16px;
    cursor:pointer;
}
.check5 label>text {
    height:15px;
}

/* page01~ */
.mod_section_box {
margin: 0;
}

.ex_title03{
    font-size:18px;
    line-height: 1.3;
    padding: 0 0 11px 0;
    border-bottom: solid 2px #309B42;
}
.cp_title01{
    font-size:18px;
    /* line-height: 1.3; */
    /* padding: 0 0 11px 0; */
    border-bottom: solid 2px #309B42;
    margin-bottom:10px;
}

.customer_table_new2 {
    margin: 0 auto;
    max-width: 828px;
    margin-bottom: 50px;
}

.customer_table_new2 tr{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #bbbbbb;
}

.customer_table_new2 th {
  padding: 10px 0 10px 10px;
  background-color: #f5f5f5;
  font-weight:700;
  width: 170px;
}

.customer_table_new2 td {
    padding: 10px 0 10px 10px;
    background-color: #FFFFFF;
}

.customer_table_new2 input[type="text"] {
    height:25px;
    width:97%
}
.customer_table_new2 textarea {
    width:97%
}
.customer_table_new2 select {
    height:25px;
}

.backcolor{
    /* background: -webkit-gradient(linear, left bottom, left top, from(rgba(219, 241, 255, 0.9)), to(rgba(219, 241, 255, 0.9))), url(../img/patter_GR.png) !important;
    background: linear-gradient(to top, rgba(219, 241, 255, 0.9) 0%, rgba(219, 241, 255, 0.9) 100%), url(../img/patter_GR.png) !important; */
    /* background: linear-gradient(#FFFFFF, #90abdc) !important; */
    /* background-position: center !important;
    background-repeat: repeat !important;
    position: relative !important;
    z-index: 0; */
}

.pd5{
    padding:5px;
}
.w500{
    width:500px;
}
.requirements{
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fefefe;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    border: 1px solid #8ec500;
}


.tab_section-content {
    border: 1px solid #98b1de !important;
}

form img.thumb {
    margin:0 5px 5px 0;
    max-width:100px;
    vertical-align:bottom;
}
.customer_table_new td {
    padding: 10px 10px 10px 10px !important;
}

.input_div{
    border-bottom: 1px dotted gray;
    padding: 5px;
    height: auto !important;
    margin-top:5px;
}
#msgbox_bak{
    text-align: center;
    width: 100%;
    position: fixed;
    display: none;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.25);
    height: 100%;
}

.msgbox{
    border: 1px solid #939393;
    padding: 50px;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    background-color: #FFF;
}
.dis_non{
    display: none;
}
/* end main_conts------------- */

/* *** Ver 1.01 ADD Start    N.Hanazono ▽▽▽ */
@media only screen and (max-width:640px) and (max-device-width:1280px){

    .spVisual li{
        margin: 10px;
        padding: 10px;
        width: 90%;
    }
    .spVisual img{
        margin-right: 10px;
    }
    .spline{
        border-bottom: 1px solid #FFFFFF !important;;
    }

    .check4 {
        display:block;
        width:100%;
    }
    .check4 label {
        display: block;
        float: left;
        width: 100%;
        line-height: 1.3;
        font-size: 16px;
    }
    .check5 {
        display:block;
        width:100%;
    }
    .check5 label {
        display: block;
        float: left;
        width: 100%;
        line-height: 1.3;
        font-size: 16px;
    }
    .check5 label>text {
        height:15px;
    }
    .customer_table_new2 tr{
        text-align: left;
        padding: 10px 0 10px 10px;
        border-bottom: 1px solid #bbbbbb;
    }
    .customer_table_new2 th {
        width:90%;
    }
    .customer_table_new2 input[type="text"] {
        height:25px;
        width:95%
    }

    .msgbox{
        border: 1px solid #939393;
        padding: 10px;
        width: 70%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        background-color: #FFF;
    }
    .close {
        float: none !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        color: #000 !important;
        text-shadow: none !important;
        opacity: 1 !important;
    }
    .mod_header_in .headerTitle {
        font-size: 17px !important;
    }
}