@charset "utf-8";


.sc_itembox{
  border:none;
  margin-bottom:0;
  padding-bottom:0;
}

div[id^="scmainbox_"] .sc_colbox{
    width:100%;
    margin:16px 0 32px;
    padding:0;
    overflow:hidden;
}


div[id^="scmainbox_"] .sc_colbox > li{
    position:relative;
    display: inline-block;
    width:48%;
    height:220px;
    margin:0;
    padding:16px 0;
    border:4px solid #E7E7E7;
    text-align:center;
    vertical-align:middle;
    clear:both;
}

div[id^="scmainbox_"] .sc_colbox > li:first-child{
    margin-right:2%;
}

div[id^="scmainbox_"] .sc_colbox > li:last-child{
    margin-left:2%;
}

div[id^="scmainbox_"] .sc_colbox > li a{
    color:#333;
}

div[id^="scmainbox_"] .sc_colbox > li a p.ft_sz_l{
    text-decoration:underline;
}

div#sc_item .sc_ill{
    display:block;
    float:left;
    width:auto;
    width:130px;
    margin-left:8px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}

div#sc_item .sc_ill img{
    display:inline;
    max-height:180px;
}

div.sc_ilr{
    display:block;
    width:286px;
    margin-top:8px;
    float:left;
    vertical-align:middle;
    text-align:left;
}

.sc_dtl{
    position: absolute;
    right:60px;
    bottom:12px;
    display:inline-block;
    width:200px;
    height:30px;
    margin-top:1em;
    background-image:url(../img/cmn_icon_rt.png);
    background-repeat:no-repeat;
    background-position: 85% center;
    color:#047FAC;
    border:solid 3px #7EC4E4;
    padding:0.3em;
    font-weight:bold;
    text-align:center;
}

div[id^="scmainbox_"] .sc_colbox > li a:hover{
    color:#CA961E;
    text-decoration:none;
}

div[id^="scmainbox_"] .sc_colbox > li a:hover p.ft_sz_l{
    text-decoration:none;
}

div[id^="scmainbox_"] .sc_colbox > li a:hover .sc_dtl{
    background-image:url(../img/cmn_icon_rth.png);
    background-color:#7EC4E4;
    color:#fff;
}

ul.sc_flowbox > li > h4{
    position: relative;
    width:146px;
    bottom:0;
    left:62px;
    border:2px solid #AAD9F4;
    padding:0.2em 0;
    background-color:#BFEFFF;
    color:#047FAC;
    text-align:center;
    font-weight:bold;
    font-size:1.14em;
    z-index:888;
}


/* 以下引用文用設定 */


blockquote{
    width:920px;
    margin:0 auto;
    padding:0;
}


blockquote > p.sc_headtxt{
     font-size:1.429em;
     color:#8A9266; 
}
blockquote > p.sc_Atxt{
    font-size:1.0em;
    line-height:1.8em;
    color:#666666;
}

blockquote h4{
    margin:32px 0 8px;
    color:#8A9266;
    font-size:1.429em;
    font-weight:bold;
}

 /*既存設定を上書き */


blockquote > p.sc_seccom2{
   color:#666666;
   margin-bottom:40px;
}

blockquote .sc_colbox{
    width:100%;
    margin:16px 0 32px;
    padding:0;
    overflow:hidden;
}

blockquote > ul.sc_colbox > li{
    margin:16px auto 20px !important;
}

blockquote dl,blockquote dt,blockquote dd{
    display:block;
    overflow:hidden;
}

blockquote dd > ul.sclist_disc > li{
    list-style:none;
    list-style-position:inside;
    width:99%;
    margin-left:1%;
    font-size:1.0em;
    line-height:1.8em;
    color:#666666;
}

blockquote dd >  ul.sclist_disc > li:before{
    content:"●";    
}

blockquote dd{
    margin:0 0 24px;
}

/*-- 上書きここまで　以下独自設定 --*/

ul.sc_colbox > li > h5{
    position: relative;
    display:inline-block;
    width:auto;
    top:-28px;
    border:2px solid #AAD9F4;
    padding:0.2em 0.6em;
    background-color:#BFEFFF;
    color:#047FAC;
    text-align:center;
    font-weight:bold;
    font-size:1.14em;
    z-index:888;
}

 ul.sc_colbox > li > p.sc_Atxt{
     width:92%;
     margin:auto;
     text-align:left;
     line-height:1.8em;
 }


.sc_ib{
    display:inline-block;
    width:48%;
    overflow:hidden;
    vertical-align:top;
}

.sc_ib > h4{
    margin-top:0;
}

.sc_ib > img{
    display:block;
    margin:0 auto;
}

.sc_ib > .sc_waterbox{
    margin-top:4em;
}

.ma_t2em{margin-top:2em;}



@media screen and (max-width:820px){
    .sc_itembox{
        width: 100%;
        margin: 0;
    }
    div[id^="scmainbox_"] .sc_colbox > li{width: 49%;}
    div[id^="scmainbox_"] .sc_colbox > li:first-child{margin-right: 0;}
    div#sc_item .sc_ill{
        width: 28%;
        margin-left:0;
        padding-left: 8px;
    }
    div#sc_item .sc_ill img{width: 100%;}
    div.sc_ilr{
        width: 70%;
        padding-left: 8px;
    }
    .sc_dtl{right: 30px;}
    blockquote{width: 100%;}
    div[id^="scmainbox_"] blockquote > ul.sc_colbox > li{height: 250px;}
}
@media screen and (max-width:640px){
    #main_head > p{
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .sc_dtl{right: 10px;}
    .sc_ib > img{width: 100%;}
    div[id^="scmainbox_"] blockquote > ul.sc_colbox > li{height: 280px;}
}
@media screen and (max-width:430px){
    div[id^="scmainbox_"] .sc_colbox > li{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    div[id^="scmainbox_"] .sc_colbox > li:last-child{margin-left: 0;}
    .sc_ib{
        display: block;
        width: 100%;
    }
    .sc_Atxt,
    blockquote > p.sc_Atxt,
    ul.sc_colbox > li > p.sc_Atxt,
    blockquote dd > ul.sclist_disc > li{font-size: 1rem;}
    div[id^="scmainbox_"] blockquote > ul.sc_colbox > li{height: auto;}
}
@media screen and (max-width:360px){
}
@media screen and (max-width:320px){
    div[id^="scmainbox_"] .sc_colbox > li{height: 246px;}
    .sc_dtl{right: 24px;}
}