/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2023 | 15:07:28 */
/**************　輸出　デザイン変更　230122　************/

/**** 外枠　****/

.jigyo_box {
    background: #f7f6f5;
    position: relative;
    margin: 120px 0 60px;
}

.jigyo_box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 545px 0 545px;
    border-color: #f7f6f5 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

@media (min-width:975px) and (max-width: 1200px) {
    .jigyo_box:after {
        border-width: 48.9px 445px 0 445px;
    }
}

@media screen and (max-width: 974px) {
    .jigyo_box:after {
        border-width: 36.8px 335px 0 335px;
    }
}

@media screen and (max-width: 750px) {
    .jigyo_box {
        width: 84vw;
        margin: 80px auto 40px auto;
    }

    .jigyo_box:after {
        border-width: 4.61vw 42vw 0 42vw;
    }
}

/**** 外枠　個別設定　****/

#export02 {
    background: #fff;
}

#export02:after,
#export06:after {
    display: none;
}

#export04 {
    background: #fff;
}

#export03 {
    position: relative;
}

#export03_before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 545px 0 545px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
}

#export03 .jigyo_box_pc {
    padding-top: 80px;
}

#export03 .jigyo_box_sp {
    padding-top: 4.0em;
}

@media (min-width:975px) and (max-width: 1200px) {
    #export03_before {
        border-width: 48.9px 445px 0 445px;
    }
}

@media screen and (max-width: 974px) {
    #export03_before {
        border-width: 36.8px 335px 0 335px;
    }
}

@media screen and (max-width: 750px) {
    #export03 {
        width: 84vw;
    }

    #export03_before {
        border-width: 4.61vw 42vw 0 42vw;
    }
}

#import02 {
    background: #fff;
}

#import02:after,
#import06:after,
#import07:after {
    display: none;
}

#import04 {
    background: #fff;
}

#import03 {
    position: relative;
}

#import03_before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 545px 0 545px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
}

#import03 .jigyo_box_pc {
    padding-top: 80px;
}

#import03 .jigyo_box_sp {
    padding-top: 4.0em;
}

@media (min-width:975px) and (max-width: 1200px) {
    #import03_before {
        border-width: 48.9px 445px 0 445px;
    }
}

@media screen and (max-width: 974px) {
    #import03_before {
        border-width: 36.8px 335px 0 335px;
    }
}

@media screen and (max-width: 750px) {
    #import03 {
        width: 84vw;
    }

    #export03_before {
        border-width: 4.61vw 42vw 0 42vw;
    }
}


/********************************/
/**** PC　共通レイアウト ****/
/********************************/

.jigyo_box_pc {
    display: block !important;
}

.jigyo_box_sp {
    display: none !important;
}

@media screen and (max-width: 974px) {
    .jigyo_box_pc {
        display: none !important;
    }

    .jigyo_box_sp {
        display: block !important;
    }
}

.jigyo_box_pc {
    text-align: center;
    padding: 30px 0 60px;

}

.jigyo_box_pc .concept-box2 {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin: 2.0em auto;
}

.jigyo_box_pc .cbox2-2_txt {
    width: 55%;
    max-width: none;
    margin-left: 0;
}

.jigyo_box_pc .cbox2-2_img {
    width: 38%;
}

.jigyo_box_pc .cbox2-2_img img {
    width: 100%;
    margin-top: 3.0em;
}

/* 見出し　　*/
.jigyo_box_pc .box03-2 {
    width: 85%;
    border-bottom: solid 1px #1f58a5;
    padding-left: 2.0em;
    padding: 0 0 0.6em 0;
    margin-bottom: 1.0em;
    display: inline-block;
}

.jigyo_box_pc .big-text-y3-2 {
    color: #1f58a5;
    font-weight: bold;
    font-size: 2.1em;
}


.jigyo_box_pc .cbox2-2_txt .bg_wblue {
    margin: 3.0em 0 3.0em 1.0em;
    text-align: left;
}

.jigyo_box_pc .cbox2-2_txt .bg_wblue span {
    background-color: #0d6fb8;
    box-shadow: 0.3em 0.15em #bce3ff;
    padding: 0.5em 1.15em;
    font-size: 1.4em;
    color: #fff;
}


/* POINT　＋　テキスト　*/
.jigyo_box_pc .jigyo_point {
    display: flex;
    margin-top: 1.0em;
    margin-left: 3.0em;
    margin-bottom: 3.0em;
    width: 90%;
}

.jigyo_box_pc .jigyo_point img {
    height: 40px;
}

.jigyo_box_pc .jigyo_point p {
    margin-left: 1.2em;
    line-height: 40px;
    font-size: 1.6em;
    color: #1f58a5;
    letter-spacing: 0.1em;
}

/*　ドット付きリスト　*/
.jigyo_box_pc .jigyo_list_dot {
    list-style-type: disc;
    text-align: left;
    font-size: 1.2em;
    margin-left: 3.0em;
    padding-bottom: 3.0em;
}

/*　ドット無しリスト　*/
.jigyo_box_pc .jigyo_list_dot_no {
    list-style-type: none;
    background-color: transparent;
    margin-left: 0em;
    margin-right: 2.0em;
    text-align: left;
    font-size: 1.2em;
    line-height: 2.0em;
}

/*　下線付き青文字　*/
.txt_kasen {
    padding: 1.2em 0;
}

.txt_kasen span {
    color: #1f58a5;
    border-bottom: 1px solid #1f58a5;
    padding: 0.1em 1.0em;
    font-size: 1.2em;
    font-weight: bold;
}

.txt_kasen .hajimari {
    color: #1f58a5;
    border-bottom: 1px solid #1f58a5;
    padding: 0.1em 1.0em;
    font-size: 1.2em;
    font-weight: bold;
}

/*　下線無し青文字　*/
.txt_color_ao {
    color: #1f58a5;
    font-size: 1.0em;
}

@media (min-width:975px) and (max-width: 1200px) {
    .jigyo_box_pc .cbox2-2_txt .bg_wblue span {
        font-size: 1.0em;
    }
}

/*********************************************/
/**** スマホ 共通レイアウト 　 ****/
/*********************************************/


@media screen and (max-width: 974px) {
    .jigyo_box_sp {
        margin: 2.0em auto;
        font-size: 14px;
    }

    .jigyo_box_sp .concept-box2 {
        width: 96%;
        padding-top: 2.0em;
        margin: 2.0em auto;
        display: block;
    }

    /* 見出し　　*/
    /*    .jigyo_box_sp .box03-2 {
        width: 85%;
        border-bottom: solid 1px #1f58a5;
        padding-left: 4.0vw;
        padding: 0 0 1.0vw 0;
    }
	
    .jigyo_box_sp .big-text-y3-2 {
        color: #1f58a5;
        font-size: 1.6em;
		    margin: 0 auto  2.0em auto;
				font-weight:bold;
    }
*/
    .jigyo_box_sp .box03-2 {
        border-bottom: solid 1px #1f58a5;
        padding: 0;
        margin: 0 0.8em 2.0em 0.8em;
    }

    .jigyo_box_sp .big-text-y3-2 {
        color: #1f58a5;
        font-size: 1.6em;
        margin: 0;
        font-weight: bold;
        text-align: left;
    }

    .jigyo_box_sp img {
        width: 90%;
    }

    .jigyo_box_sp .bg_wblue {
        background-color: #0d6fb8;
        box-shadow: 0.3em 0.15em #bce3ff;
        margin: 3.0em 0.3em;

    }

    .jigyo_box_sp .bg_wblue p {
        padding: 0.7em 1.1em;
        text-align: left;
        font-size: 1.25em;
        color: #fff;
    }


    /* POINT　＋　テキスト　*/

    .jigyo_box_sp .jigyo_point {
        display: flex;
        margin-top: 1.0em;
        margin-bottom: 3.0em;
        width: 100%;
    }

    .jigyo_box_sp .jigyo_point img {
        margin-left: 3.5em;
        position: relative;
        width: 25%;
        max-width: 100px;
        overflow: hidden;
    }

    .jigyo_box_sp .jigyo_point img::before {
        display: block;
        padding-top: 40.3%;
        content: '';
    }

    .jigyo_box_sp .jigyo_point img > img {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .jigyo_box_sp .jigyo_point p {
        margin-left: 3.0em;
        font-size: 1.2em;
        color: #1f58a5;
        letter-spacing: 0.05em;
        padding-top: 1.5vw;
        width: 75%;
    }

    /*　ドット付きリスト　*/
    .jigyo_box_sp .jigyo_list_dot {
        margin-top: 2.0em;
        list-style-type: disc;
        text-align: left;
        font-size: 1.2em;
        margin-left: 7.0vw;
        margin-right: 4.0vw;
        padding-bottom: 3.0em;
    }

    /*　ドット無しリスト　*/
    .jigyo_box_sp .jigyo_list_dot_no {
        list-style-type: none;
        background-color: transparent;
        margin-left: 0vw;
        margin-right: 0vw;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.6em;
        width: 85%;
    }

    /*　下線付き青文字　*/
    .txt_kasen {
        border-bottom: 1px solid #1f58a5;
        padding: 1.2em 0em 0.1em 0em;
        margin: 0 0.8em 1.5em 0.8em;
        display: inline-block;
    }

    .txt_kasen p {
        color: #1f58a5;
        padding: 0;
        font-size: 1.25em;
        font-weight: bold;
        text-align: left;
    }

    .txt_kasen p.hajimari {
        text-align: center;
        font-size: 1.25em;
    }

    /*
.txt_kasen span{
	color:#1f58a5;
	border-bottom:1px solid #1f58a5;
	padding:0.1em 1.0em;
	font-size:1.25em;
			font-weight:bold;
}
*/
    /*　下線無し青文字　*/
    .txt_color_ao {
        color: #1f58a5;
        font-size: 1.8vw;
    }

    /*　スマホで見たとき左寄せ  */
    .txt_hidari {
        text-align: left;
    }

}

/***********************/
/**** 個別設定 　 ****/
/***********************/

#export02 .jigyo_box_pc {
    text-align: center;
    padding: 30px 0 0;

}

#export06 .txt_kasen,
#import06 .txt_kasen {
    font-size: 2.2em;
    font-weight: bold;
    display: inline-block;
}

#export06 .txt_color_ao,
#import06 .txt_color_ao {
    padding-top: 2.0em;
    font-size: 1.6em;
    line-height: 2.4em;
}

@media screen and (max-width: 974px) {

    #export06 .txt_kasen,
    #import06 .txt_kasen {
        font-size: 2.2em;
        border-bottom: 0px;
        display: inline-block;
    }

    #export06 .txt_color_ao,
    #import06 .txt_color_ao {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 500px) {

    #export06 .txt_kasen,
    #import06 .txt_kasen {
        font-size: 5.4vw;
    }

    #export06 .txt_color_ao,
    #import06 .txt_color_ao {
        font-size: 3.6vw;
    }
}

#export03 .jigyo_txt_img,
#import03 .jigyo_txt_img {
    width: 100%;
    margin-bottom: 3.0em;
    display: flex;
}

#export03 .jigyo_txt_img .txt_kasen,
#import03 .jigyo_txt_img .txt_kasen {
    display: inline-block;
    /*	margin:0em 0.5em 4.2em 0.5em; 
*/
}


#export03 .jigyo_txt_img img,
#import03 .jigyo_txt_img img {
    width: 50%;
    height: auto !important;
}

/*****************************/
/* detail 輸出事業内容　見出し  */
/*****************************/

.detail_wrapper {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.detail_wrapper .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 100px auto 50px auto;
}


.detail_wrapper .row .jigyo_midashi {
    width: 30%;
    margin: 0 0.75em 5.0em 0.75em;
}

.detail_wrapper .row .jigyo_midashi img {
    width: 100%;
    max-width: 140px;
    margin: 0em auto 1.5em auto;
}

.detail_wrapper .row .jigyo_midashi .btn-yellow {
    padding: 8px 16px;
    font-size: 20px;
    position: relative;
    border: 1px solid #a4c1d7;
    z-index: 2;
    margin: 0 10px;
    box-sizing: border-box;
    font-weight: 100 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #1f58a5;
}

.detail_wrapper .row .jigyo_midashi .btn-yellow:hover:before {
    top: 0;
    left: 0;
    width: 102%;
    height: 100%;
}

.detail_wrapper .row .jigyo_midashi .btn-yellow:active:before {
    top: -10px;
    left: 18px;
    width: 102%;
    height: 100%;
}

.detail_wrapper .row .jigyo_midashi .btn-yellow:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 12px;
    left: -14px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background-color: rgba(255, 243, 82, 0.7);
    transition: all .3s ease;
    transform: skewX(-15deg);
}

@media screen and (max-width: 1220px) {
    .detail_wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .detail_wrapper .row .jigyo_midashi {
        width: 45%;
        margin: 0 0.75em 5.0em 0.75em;
    }
}

@media only screen and (max-width: 650px) {
    .detail_wrapper .row .jigyo_midashi {
        width: 90%;
        margin: 0 0.75em 5.0em 0.75em;
    }

    .detail_wrapper .row .jigyo_midashi img {
        width: 25vw;
        max-width: 140px;
        margin: 0em auto 1.5em auto;
    }

    .detail_wrapper .row .jigyo_midashi .btn-yellow {
        padding: 8px 16px;
        font-size: 18px;
    }
}


/*　英語・スペイン語　*/

.detail_wrapper .row .jigyo_midashi .scale {
display     : inline-block; 
line-height : 1.1em; 
transform   : scale(0.9, 1.0);
}

@media screen and (max-width: 1220px) {
.detail_wrapper .row .jigyo_midashi .scale {
line-height : 1.42857143;
}
}
@media screen and (max-width: 1000px) {
.detail_wrapper .row .jigyo_midashi .scale {
display     : block; 
transform   :unset;
}
}

/* detail 輸出事業内容　見出し ここまで　 */


/*****************************/
/* 　　　　　ご提案 　　　　 */
/*****************************/

/*  　（基本形２列）　*/

.suggestion_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.suggestion_box .box-midashi {
    width: 46%;
    border-bottom: 1px solid #ccc;
    display: table;
}

.suggestion_box .box-midashi p {
    padding: 0.75em 0.25em;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #ff7f50;
    font-size: 2.2em;
}

.suggestion_box .box-txt {
    width: 46%;
    padding: 2em 0.5em;
    font-size: 1.2em;
    margin-bottom: 2.0em;
}

.suggestion_box .box-txt p {
    width: 90%;
    text-align: left;
}

.suggestion_box .box01-1 {
    order: 1;
}

.suggestion_box .box02-1 {
    order: 2;
}

.suggestion_box .box01-2 {
    order: 3;
}

.suggestion_box .box02-2 {
    order: 4;
}


@media screen and (max-width: 768px) {
    .suggestion_box {
        display: block;
    }

    .suggestion_box .box-midashi {
        width: 90%;
    }

    .suggestion_box .box-txt {
        width: 90%;
    }
}

/* ３列　*/
.suggestion_box3 .box-midashi {
    width: 30%;
}

.suggestion_box3 .box-txt {
    width: 30%;
}

.suggestion_box3 .box01-1 {
    order: 1;
}

.suggestion_box3 .box02-1 {
    order: 2;
}

.suggestion_box3 .box03-1 {
    order: 3;
}

.suggestion_box3 .box01-2 {
    order: 4;
}

.suggestion_box3 .box02-2 {
    order: 5;
}

.suggestion_box3 .box03-2 {
    order: 6;
}

@media screen and (max-width: 768px) {
    .suggestion_box3 .box-midashi {
        width: 90%;
    }

    .suggestion_box3 .box-txt {
        width: 90%;
    }
}

/* １列　*/
.suggestion_box1 {
    display: block;
    max-width: 768px;
}

.suggestion_box1 .box-midashi {
    width: 90%;
}

.suggestion_box1 .box-txt {
    width: 90%;
}

/*   ご提案   　ここまで     */


/*****************************/
/* 　　　　成功事例 　　　　 */
/*****************************/

.success_box {
    background-color: #f7f6f5;
    padding: 3em 2em;
}

.success-text {
    line-height: 2.2em;
}

.success_example {
    color: #ff7f50;
    font-size: 1.5em;
}

/*   成功事例   　ここまで     */