@charset "utf-8";
/* CSS Document */

/*/////////////////////////////////////////////////////////////////////////////


                         ■ gakkou / scssw.html ■
	   

/////////////////////////////////////////////////////////////////////////////*/


/* ページ全体の設定 */
/* mv内ページごとに色設定 */

#scssw #sub_mainvisual {
    background-color: #fffff1;
}

#scssw #sub_mainvisual {
    background-image: url(../../service/img/public/scssw/mainvisual_sp.jpg);
}

#scssw #sub_mainvisual .mv_wrap .zenkoku {
    background-color: #da700b;
}


#scssw #sub_mainvisual .mv_wrap h1 span {
    color: #da700b;
    letter-spacing: 0em;
    line-height: 1.2;
}

#scssw .mv_wrap .btn {
    background-color: #da700b;
    letter-spacing: 0em;
    padding: 3vw 8vw;
}

#scssw #sub_mainvisual .mv_wrap h1 span.min{
    font-size: 35%;
    text-indent: -1vw;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0em;
}

#scssw #sub_mainvisual .mv_wrap h1 span.min:nth-of-type(2){
    text-indent: -3vw;
}

#scssw #sub_mainvisual .mv_wrap h1 span.min_02 {
    font-size: 90%;
    text-indent: -1vw;
    display: inline-block;
    vertical-align: middle;
    color: #282828;
    letter-spacing: 0em;
}

#scssw .mv_wrap .btn {
    background-color: #da700b;
    font-size:3.8vw ;
}

/* コンテンツ コンテンツごとの高さを一括調整*/

#catch,
#lead .middle,
#point_01,
#concept,
#definition  {
    padding: 12vw 0;
    width: 100vw;
}

#scssw h3 {
    font-size: 4.2vw;
    font-weight: bold;
    text-align: center;
    margin: 6vw 0;
}

#scssw .col {
    color: #da700b;
    margin-bottom: 4vw;
    letter-spacing: 0;
    padding: 0;
    width: 100%;
    font-weight: bold;
}


/*catch */

#catch .information li {
    border:1px solid #da700b!important;
}
/* end catch */

/* lead */

#lead h2{
    background-color: #da700b;
    letter-spacing: 0!important;
}

#lead h2 span {
    font-size: 3.6vw;
    display: inline;
    color: white;
    vertical-align: middle;
}

#lead .difference_wrap {
    width: 100vw;
    padding: 3vw 0;
    background-color: #fffff1;
}

#lead .difference_wrap table {
    width: 90vw;
    margin: 6vw auto 10vw;
    font-size: 4.6vw;
}

#lead .difference_wrap table tr {
    border-top: 1px solid #da700b;
    border-bottom: 1px solid #da700b;
}

#lead .difference_wrap th,
#lead .difference_wrap td{
    width:100%;
    display:block;
}

#lead .difference_wrap table th {
    padding: 6vw 0;
    position: relative;
}

#lead .difference_wrap table th::after {
    position: absolute;
    content:"";
    display:inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-color: transparent transparent #f1774f #f1774f;
    transform: rotate(
    -45deg);
    top: calc(100% - 20px);
    left: calc(50% - 20px);
}

#lead .difference_wrap table td {
    padding: 6vw 0;

}

#lead .middle ul:first-of-type {
    margin-bottom: 8vw;
}

#lead .difference_wrap table span {
    font-weight: bold;
}

/* difference_wrap */
#scssw .group ul li::before {
    border: 2px solid #85d09c!important;
}

#scssw .group ul li::after {
    border-left: 2px solid #85d09c!important;
    border-bottom: 2px solid #85d09c!important;
}

#scssw .point_box span {
    font-weight: bold;
}

/* end difference_wrap */


/* point */

#scssw #point_01 {
    background-color: #fffff1;
}

#scssw #point_01 .point_wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

#scssw #point_01 .point_wrap img {
    width: 80vw;
}

#scssw #point_01 .point_wrap .pic {
    width: 90vw;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}

#scssw #point_01 .point_wrap .pic img {
    width: 66.6vw;
    display: block;
    margin: 0vw auto 6vw;
}

#scssw #point_01 .point_wrap .pic p {
    font-weight: bold;
}

#scssw #point_01 .point_wrap .num {
    font-size: 4vw;
    font-weight: bold;
    text-align: justify;
    margin: 6vw 5vw 0;
    padding-left: 4.6vw;
    text-indent: -4.6vw;
}

#scssw #point_01 .point_wrap .num li {
    margin-bottom:3vw;
}

#scssw #point_01 .btn {
    display: block;
}

/* point */

/* definition */

#scssw #definition {
    background: none;
    background-color: #fffff1;
}

/* concept */

#scssw #concept img {
    width: 66.6vw;
    display: block;
    margin: 8vw auto 0;
}

#scssw #concept p.point_box,
#scssw #definition p.point_box{
    margin:6vw auto 0;
}