@charset "UTF-8";

/* #layout_content { width:1000px; margin:0 auto 50px;} */
/* @media (max-width: 640px) { */
.mincho{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/**
 * ======================================================
 * modified.css
 * 2019-09-06
 * mobile breakepoint is "@media (max-width: 640px) {}"
 * ======================================================
 */

/**
 * ======================================================
 * ------------------------------------------------------
 * ------------ shared section --------------------------
 * ------------------------------------------------------
 * ======================================================
 */
/**
 * ======================================================
 * tags
 * ======================================================
 */
#smartscContent sup{
	margin: auto 1px auto;
	font-size: 60%;
	vertical-align: 0.45em;
	line-height: 100%;
}
#smartscContent img{
    max-width: 100%;
    height: auto;
}
/**
 * ======================================================
 * boxsizng
 * ======================================================
 */
#smartscContent *,
#smartscContent *::before,
#smartscContent *::after{
 	box-sizing: border-box;
}

/**
 * ======================================================
 * layout
 * ======================================================
 */
.containerStyle1,
.containerStyle2,
.containerStyle3,
.containerStyle4{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.containerStyle1,
.containerStyle2{padding: 0;}
.containerStyle3{padding: 0 20px}
.containerStyle4{padding: 0 40px}
/*
 * =====================================================
 * align
 * =====================================================
 */
.leftAdjust{text-align: left;}
.centerAdjust{text-align: center;}
.centerAdjustPC{text-align: center;}
.rightAdjust{text-align: right;}
.rightAdjustPC{text-align: right;}
/*
 * =====================================================
 * return
 * =====================================================
 */
br.sp{
	display: none;
}
/**
 * ======================================================
 * bgStyle
 * ======================================================
 */
.bgStyle1{background-color: #003F98;}
.bgStyle2{background-color: #F4E620;}
.bgStyle3{background-color: #7B869D;}
.bgStyle4{background-color: #B7CBE6;}
.bgGrayStyle1{background-color: #F2F2F2;}
.bgGrayStyle2{background-color: #808080;}
.bgColorClear{background-color: transparent;}
/**
 * ======================================================
 * fontStyle
 * ======================================================
 */
.fontStyle1{color: #003F98;}
.fontStyle2{color: #F4E620;}
.fontWhite{color: #ffffff;}
/**
 * ======================================================
 * catchStyle
 * ======================================================
 */
.catchStyle1,
.catchStyle2,
.catchStyle3Ex,
.catchStyle3,
.catchStyle4,
.catchStyle5{font-weight: bold;line-height: 1.3;}
.catchStyle1{font-size: 32px;}
.catchStyle2{font-size: 26px;}
.catchStyle3Ex{font-size: 22px;}
.catchStyle3{font-size: 20px;}
.catchStyle4{font-size: 18px;}
.catchStyle5{font-size: 16px;}
/**
 * ======================================================
 * titleStyle
 * ======================================================
 */
.titleStyle1 {background:#64758D;font-size:18px;color:#fff;padding:10px 10px 10px 40px; position: relative;line-height: 24px;margin:0 0 30px;font-weight: bold;}
.titleStyle1:before {content:""; width:7px;height: 20px; position: absolute;left:20px;top:50%;margin-top:-10px;display: block;background:#003F8F; }
.titleStyle1 em {display: inline-block;background:#000;padding:0 8px;font-size:11px;line-height: 24px;margin:0 10px 0 0;vertical-align: top;font-weight: bold;}

/**
 * ======================================================
 * textStyle
 * ======================================================
 */
.textStyle1{font-size: 110%;}
.textStyle2{font-size: 100%;}
.textStyle3{font-size: 93%;}

/**
 * ======================================================
 * tinyText
 * ======================================================
 */
.tinyText{
    font-size: 11px;
}
/**
 * ======================================================
 * images
 * ======================================================
 */
.fullScreen,
.imgOnly{line-height: 0;}
.fullScreen > img{width: 100%;max-width: auto !important;}
/*
 * =====================================================
 * 下部マージン
 * =====================================================
 */
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}
.mb150{margin-bottom: 150px;}
.mb200{margin-bottom: 200px;}
.mb1em{margin-bottom: 1em;}
.mb1hem{margin-bottom: 1.5em;}
.mb2em{margin-bottom: 2em;}
/*
 * =====================================================
 * padding top
 * =====================================================
 */
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}
.pt60{ padding-top: 60px;}
.pt70{ padding-top: 70px;}
.pt80{ padding-top: 80px;}
.pt90{ padding-top: 90px;}
.pt100{ padding-top: 100px;}
.pt150{ padding-top: 150px;}
/*
 * =====================================================
 * padding bottom
 * =====================================================
 */
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pb60{ padding-bottom: 60px;}
.pb70{ padding-bottom: 70px;}
.pb80{ padding-bottom: 80px;}
.pb90{ padding-bottom: 90px;}
.pb100{ padding-bottom: 100px;}
.pb150{ padding-bottom: 150px;}
/*
 * =====================================================
 * flex box
 * =====================================================
 */
.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexBox.spaceBetween{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flexBox.spaceAround{
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexBox.wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexBox.alignCenter{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/**
 * ======================================================
 * pageHeader
 * ======================================================
 */
.pageHeader{margin-bottom: 30px;}



/*
 * =====================================================
 * hoverAct
 * =====================================================
 */
.hoverActStyle1{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    text-decoration: none;
}
.hoverActStyle1:hover{
    text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/**
 * ======================================================
 * box style
 * ======================================================
 */
.boxStyle1{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.boxStyle1Upper{
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
/**
 * ======================================================
 * button style
 * ======================================================
 */
.buttonStyle1{
    box-sizing: border-box;
    text-decoration: none;
    background-color: #F4E620;
    color: #1A1A1A;
    font-weight: bold;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 3px #1A1A1A;
    width: 90%;
    max-width: 350px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.buttonStyle1 > span{
    box-sizing: border-box;
    display: block;
    padding-bottom: 10px;
    line-height: 1.2;
    padding-top: 0.5em;
    padding-left: 0.5em;
}
.buttonStyle1::before{
    content: "";
    display: block;
    background-image: url("../img/common/ico_btn_arrow1.png");
    background-repeat: no-repeat;
    background-position: 0,0;
    background-size: contain;
    width: 31px;
    height: 31px;
}
.buttonStyle1:hover{
    text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/**
 * ======================================================
 * leadText
 * ======================================================
 */
/* .leadText {
    text-align: center;
}
.leadText::before {
    content:"";
    display: inline-block;
    width:2px;
    height: 50px;
    background:#000;
    transform: rotate(-20deg);
}
.leadText::after {
    content:"";
    display: inline-block;
    width:2px;
    height: 50px;
    background:#000;
    transform: rotate(20deg);
}
.leadText span{
    display: inline-block;
    padding-left: 0.8em;
    padding-right: 0.8em;
    transform: translateY(-1em);
} */
/**
 * ======================================================
 * regist Internship
 * ======================================================
 */
/* .registInternship{
    margin-bottom: 30px;
}
.registInternship .buttonStyle1{
    margin-left: auto;
    margin-right: auto;
}
.buttonContainer{
    text-align: center;
    margin: 50px 0;
}
.buttonContainer a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}
.buttonContainer a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
} */

/**
 * ======================================================
 * messageBox
 * ======================================================
 */
.messageBox{
    background-image: url("../img/smartsc_image/ico_face01.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 126px auto;
    padding-left: 160px;
    min-height: 126px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.messageBox > p{
    background-color: #DFE0E1;
    transform: skewX(-15deg);
    padding: 1em 2.5em;
    width: 100%;
}
.messageBox > p span{
    display: inline-block;
    transform: skewX(15deg);
    line-height: 1.6;
}
.messageBox > p::before{
    content: "";
    display: block;
    border-top: 15px solid #DFE0E1;
    border-right: 15px solid #DFE0E1;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top:30%;
    left: -25px;
}
.messageBox.face02{background-image: url("../img/smartsc_image/ico_face02.png");}
.messageBox.face03{background-image: url("../img/smartsc_image/ico_face03.png");}

.messageBox.left{
    padding-left: 0;
    padding-right: 160px;
    background-position: 100% center;
}
.messageBox.left > p::before{
    border-top: 15px solid #DFE0E1;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #DFE0E1;
    left: auto;
    right: -25px;
}

/**
 * ======================================================
 * branding
 * ======================================================
 */

#branding .catch01{
    background-color: #363636;
    color: #fff;
    padding: 0.5em 1em;
}
#branding .catch01 em{
    color: #F4E620;
}
#branding .brandingMain{
    background-color: #211917;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}
#branding .leftArea{
    position: relative;
    width: 800px;
}
#branding .leftArea .catch04{
    position: absolute;
    top:0;
    left: 0;
}
#branding .appeal01{
    margin-bottom: 285px;
}
#branding .catch02{
    display: inline-block;
    font-size: 40px;
    background-color: #F4E620;
    color: #000;
    font-weight: bold;
    padding: 0.1em 0.3em;
}
#branding .catch02 sup{
    font-size: 40%;
    display: inline-block;
    transform: translateY(-50%);
}
#branding .catch03{
    display: inline-block;
    border: 1px #fff solid;
    padding: 0.5em 0.8em;
    font-size: 14px;
    vertical-align: top;
    margin-left: 0.2em;
}

#branding .appealArea{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 210px;
    margin-bottom: 10px;
    width: 100%;
}
#branding .appealArea h1{
    width: 50%;
}
#branding .appealArea > ul{
    width: 47%;
}
#branding .appeal02 li{
    width: 87px;
    height: 87px;
    background-image: url("../img/smartsc_image/bg_hex01.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#branding .appeal02 li span{
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:50%;
    transform: translateY(-50%);
    width: 70%;
    text-align: center;
}

#branding .rightArea{
    width: 168px;
}
#branding .addition02{
    background-color: #E9E9E9;
    width: 142px;
    color: #000;
    font-size: 14px;
    text-align: center;
    padding: 0.5em 0.5em;
    position: relative;
    margin-bottom: 30px;
    font-weight: bold;
}
#branding .addition02 span{
    padding-top: 0.5em;
    display: block;
    font-size: 11px;
    font-weight: normal;
}
#branding .addition02::after{
    box-sizing: content-box;
    content: '';
    display: block;
    border-right: 10px solid transparent;
    border-top: 15px solid #E9E9E9;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#branding .productName{
    font-size: 11px;
}
#branding .productName span{
    display: block;
    font-size: 18px;
    font-weight: bold;
}
/**
 * ======================================================
 * introduction
 * ======================================================
 */
#introduction{
    width: 100%;
    background-color: #F4E620;
    padding-top: 30px;
    padding-bottom: 20px;
}
#introduction .introductionWrapper{

}
#introduction h2{
    border-bottom: 7px #251E1C solid;
    border-top: 7px #251E1C solid;
    text-align: center;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    width: 24%;
}
#introduction .right{
    width: 70%;
}
#introduction ul{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}
#introduction ul li{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; */
    position: relative;
}
#introduction ul li::before{
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
	/* -webkit-transform: rotate(45deg) translateY(-50%); */
	transform: rotate(45deg);
	position: absolute;
	bottom: 45px;
    left: -30%;
}
#introduction ul li.list01::before{display: none;}
#introduction ul li.list03::before{
    left: -20%;
}
#introduction ul li.list01{ width: 13%;}
#introduction ul li.list01 .fig{text-align: center;}
#introduction ul li.list02{ width: 25%;}
#introduction ul li.list03{ width: 40%;}
#introduction ul li img{height: auto;}
#introduction ul li.list01 img{max-width: 78%;}
#introduction ul li.list02 img{max-width: 100%;}
#introduction ul li.list03 img{max-width: 100%;}
#introduction .appeal{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 10px;
}

#introduction .appeal .ap1{
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
}
#introduction .appeal .ap2{
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0;
}
#introduction ul li.list03 .appeal .ap2{
    font-size: 60px;
}
#introduction .appeal .ap3{
    font-size: 20px;
    font-weight: bold;
}
#introduction .appeal .ap4{
    font-size: 30px;
    font-weight: bold;
}
#introduction .fig{line-height: 0;margin-bottom: 10px;}
#introduction .type{
    font-size: 15x;
    text-align: center;
}
@media all and (-ms-high-contrast: none){
    #introduction ul li.list01 .fig{
        position: relative;

    }
    #introduction ul li.list01 .fig img{
        transform: translateY(100%);
    }
}
/**
 * ======================================================
 * problem
 * ======================================================
 */
#problem{
    background-image: url("../img/smartsc_image/bg_s01_01.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 100px;
}
#problem .inner{
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
}
#problem .problemBox1{
    background-image: url("../img/smartsc_image/ico_s01_fig01.png");
    background-size: 119px auto;
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 109px;
    padding-top: 10px;
    padding-right: 110px;
    padding-left: 4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /* text-align: center; */
}
/* #problem .problemBox1 p:nth-child(2){
    font-size: 20px;
} */
#problem .problemList{
    background-image: url("../img/smartsc_image/ico_arrow_under01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 80px;
    margin-bottom: 20px;
}
#problem .problemList > li{
    position: relative;
    padding-left: 120px;
    margin-bottom: 30px;
}
#problem .problemList > li dl dt{
    transform: skewX(-15deg);
    background-color: #1D5CAA;
    color: #fff;
    padding: 0.5em 1.5em;
    margin-bottom: 20px;
}
#problem .problemList > li dl dt span{
    display: inline-block;
    transform: skewX(15deg);
}
#problem .problemList > li dl dt span em{
    color: #F4E620;
}
#problem .problemList > li dl dd > ul{
  -webkit-box-align: stretch;
     -ms-flex-align: stretch;
        align-items: stretch;
}
#problem .problemList > li dl dd > ul > li{
    width: 50%;
    /* background-color: #f00; */
}
#problem .problemList > li dl dd > ul > li > div{
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;  */
}
#problem .problemList > li dl dd > ul > li > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    justify-content: flex-end;

    height: 100%;
}



#problem .problemList > li dl dd > ul > li .fig{
    margin-bottom: 10px;
}
#problem .problemList > li dl dd > ul > li .txt{
    padding-left: 2em;
    font-size: 16px;
}
#problem .problemList > li dl dd > ul > li .txt em{
    color: #C50018;
    font-weight: bold;
}
#problem .num{
    font-style: italic;
    color: #1D5CAA;
    font-weight: bold;
    transform: scale(1,1.5);
    font-family: 'arial narrow', sans-serif !important;
}
#problem .problemList > li .num{
    font-size: 100px;
    position: absolute;
    top:0;
    left: 0;
}
@media all and (-ms-high-contrast: none){
    #problem .problemList > li dl dd > ul > li > div{
        display: block;
    }
    #problem .problemList > li:nth-child(1) dl dd > ul > li:nth-child(1){
        padding-top: 15px;
    }
    #problem .problemList > li:nth-child(2) dl dd > ul > li:nth-child(1){
        padding-top: 20px;
    }
}
#problem .problemBox2{
    align-items: center;
}
#problem .problemBox2 p:nth-child(1){width: 35%;}
#problem .problemBox2 p:nth-child(2){width: 60%;}

/**
 * ======================================================
 * solution
 * ======================================================
 */

#solution{
    background-image: url("../img/smartsc_image/bg_s01_02.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 50px;
    position: relative;
}
#solution .solutionArrow{
    text-align: center;
    transform: translateY(-50%);
    color: #000;
    position: absolute;
    margin: 0 auto;
    top:0;
    left: 0;
    right: 0;
}
#solution .solutionArrow span{
    display: inline-block;
    width: 451px;
    height: 109px;
    background-image: url("../img/smartsc_image/bg_arrow_under01.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
}
#solution .solutionBox1{
    background-image: url("../img/smartsc_image/img_weather.png");
    background-position: right 1.5em;
    background-repeat: no-repeat;
    background-size: 220px auto;
    padding-right: 220px;
}
#solution .solutionBox1 em{
    color: #F4E620;
}
#solution .solutionBox2{
    background-color: #fff;
    color: #000;
    padding-top: 20px;
}
#solution .solutionBox2 ul{
    padding-left: 40px;
    padding-right: 40px;
}
#solution .solutionBox2 ul li{
    width: 30%;
    margin-bottom: 20px;
    font-size: 12px;
}
#solution .solutionBox3 .pc{
    padding-left: 1em;
}
#solution .solutionBox3 .appeal p:nth-child(1) img{
    width: 185px;
}

#solution .solutionFigBox{
    color: #000;
    position: relative;
    /* padding-right: 200px; */
    padding-left: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 200px;
}
#solution .solutionFigBox .back{
    display: block;
    height: 100%;
    width: 95%;
    position: absolute;
    top:0;
    left: 0;
    transform: skewX(-30deg);
    background-color: #F4E620;
    z-index: 1;
}
#solution .solutionFigBox::before{
    content: '';
    background-color: #F4E620;
    display: block;
    height: 100%;
    width: 10%;
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
}
#solution .solutionFigBox .txt{
    position: relative;
    z-index: 2;
}
#solution .solutionFigBox::after{
    content: '';
    display: block;
    width: 156px;
    height: 156px;
    background-image: url("../img/smartsc_image/ico_s01_fig02.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: absolute;
    top:0;
    right: 0;
    z-index: 2;
    transform: translateY(-60%);
}
/**
 * ======================================================
 * contactBox
 * ======================================================
 */
.contactBox{
    padding-top: 60px;
    padding-bottom: 50px;
}
.contactBox .buttonPart a{
    display: inline-block;
    background-color: #F4E620;
    color: #000;
    text-decoration: none;
    box-shadow: 0 5px #c4ba30;
    overflow: hidden;
    height: 110px;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    max-width: 600px;
    width: 100%;
    text-decoration: none;
    padding-top: 40px;
}
.contactBox .buttonPart a:hover{
    text-decoration: none;
}
.contactBox .buttonPart a span{
    font-size: 23px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: 1.2em;
}
.contactBox .buttonPart a span::before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 3px #000;
	border-right: solid 3px #000;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top:50%;
    left: 0;
}
/**
 * ======================================================
 * faq
 * ======================================================
 */
#faq{
    background-color: #211917;
    padding-top: 70px;
    padding-bottom: 60px;
}
#faq .faqBox1{
    background-image: url("../img/smartsc_image/ico_s02_fig01.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 87px auto;
    padding-right: 160px;
}


#faq .faqItems .inner{
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 3%;
    padding-right: 3%;
    width: 100%;
}
#faq .faqItems dl{
    font-size: 18px;
    padding-left: 2.5em;
}
#faq .faqItems dt,
#faq .faqItems dd{
    padding-top: 0.5em;
    position: relative;
    min-height: 2.5em;
    padding-right: 0.5em;
}
#faq .faqItems dt{
    margin-bottom: 10px;
    background-color: #1D5CAA;
    color: #fff;
    padding-left: 0.5em;
    font-size: 18px;
}
#faq .faqItems dd{
    margin-bottom: 30px;
    font-size: 16px;
}
#faq .faqItems .mark{
    display: block;
    line-height: 1;
    background-color: #1D5CAA;
    color: #fff;
    width: 2em;
    height: 2em;
    padding-top: 0.5em;
    padding-left: 0.1em;
    text-align: center;
    font-size: 18px;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    position: absolute;
    top: 0;
    left: -3em;
}
#faq .faqItems dd .mark{
    background-color: #E62E2E;
    top: 0.3em;
}
/**
 * ======================================================
 * office
 * ======================================================
 */
#office{
    background-color: #E9E9E9;
    padding-top: 70px;
    padding-bottom: 50px;
}
#office .officeBox1 .inner{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #363636;
    color: #fff;
    padding-left: 3%;
    padding-right: 3%;
}
#office .officeBox1 h2{
    background-color: #F4E620;
    color: #000;
    text-align: center;
    padding: 0.5em 1em;
}
#office .officeBox1 ul li.txt{width:40%;padding-right: 2.5em;font-size: 16px;}
#office .officeBox1 ul li.photo{width: 28%;}

#office .officeList li{
    border-left: 5px #363636 solid;
    margin-bottom: 30px;
    padding-left: 10px;
    width: 48%;
}
#office .officeList .name{
    width: 45%;
    font-weight: bold;
    font-size: 20px;
}
#office .officeList .phoneNumber{
    width: 55%;
    font-weight: bold;
    font-size: 23px;
    white-space: nowrap;
}
#office .officeList .addr{
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
}