@charset "utf-8";

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Common(PC.SP共通設定)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

body {
	/* ゴシック体系のフォント指定 */
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-rendering: optimizeLegibility;
}

.serif {
	/* 明朝体系(セリフ体)のフォント指定 */
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

main {
	display: block;
}

img {
	display: block;
	width: 100%;
	height: auto;
}
a {
    text-decoration: none;
}
a img {
	transition: all 0.2s ease-in-out;
}

a:hover {
	opacity: 0.5;
    transition: 0.5s;
}

ul,
ol {
	list-style: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Goto Top (Topへ戻る) PC.SP共通設定
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageTop {
	display: block;
	padding: 10px 15px;
	position: fixed;
	right: 20px;
	bottom: 115px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	font-size: 16px;
	color: #fff;
	z-index: 10000;
}



/*/////////////////////////////////////////////////////////////////////
    for PC  パソコン画面用（768px以上）
/////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width:768px) {

	body {
		min-width: 960px;
	}

	#wrapper {}

	.pc_none {
		display: none;
	}


	/*==================================================
    Header  for PC
==================================================*/

header {
    width:100%;
}
    header .top_title {
		width: 960px;
		margin: 10px auto;
		padding: 0 10px;
		display: flex;
		align-items: center;
	}

    header .top_title h1 {
		font-size: 16px;
        font-weight:bold;
	}
	header .fv_box {
    width:100%;
    height:600px;
        background-color:#88bc1f;
        background-image:url(../img/bg.png);
        background-size:cover;
		background-position: center;
	}
    header .fv_box .inner {
        position:relative;
    width:960px;
        height:600px;
        background-image:url(../img/fv.png);
        background-size:cover;
        background-position: center;
        margin:0 auto;
    }
    header .fv_box .inner .message {
        position:absolute;
        width:940px;
        padding:20px 50px 10px;
        background-color:#fff;
        bottom:20px;
        left:calc(50% - 470px);
        margin:0 auto;
    }
    header .fv_box .inner .message h2{
        font-size:30px;
        font-weight: bold;
        text-align: center;
    }
    header .fv_box .inner .message .wrap {
        display:flex;
        justify-content: space-around;
        align-items: center;
        font-size:22px;
        margin:16px auto;
    }
    header .fv_box .inner .message .wrap p {
        font-size:22px;
        line-height: 1.5;
    }
    header .fv_box .inner .message .wrap a {
        position:relative;
        display: flex;
        align-items: center;
        font-size:24px;
        letter-spacing:2px;
        color:#fff;
        background-color:#ff801e;
        padding:0.8em 4em;
        border-radius:30px;
        box-shadow: 6px 6px #e7ca3b;
    }
    header .fv_box .inner .message .wrap a:after {
        position:relative;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_icon_img01.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:26px;
        height:26px;
        top:0;
        right:-2em;
}

	/*==================================================
    Main  for PC
==================================================*/

	main {}

	/* タイトルの帯(募集要項、応募フォームなど)
    --------------------- */
    
    .semicircle {
        width: 120px;
        height: 60px;
        color:#fff;
        border-radius: 60px 60px 0 0;
        background-color:#88bc1f;
        margin:0 auto;
        text-align: center;
        letter-spacing: 4px;
        padding-top: 15px;
        margin-bottom:15px;
    }
    .semicircle .num{
        font-size:18px;
        line-height:1.5;
        font-weight: bold;
    }
    .semicircle .txt_en{
        font-size:10px;
        font-weight: bold;
    }
    .wrap_ttl {
        display:flex;
        justify-content: center;
    }
    
	h2 {
        justify-content: center;
        font-size:32px;
        border-bottom:3px dotted #927c52;
        padding-bottom:0.2em;
        margin: 0 auto 1em;
	}

.link_rtas {
    width:100%;
    height:auto;
    text-align: center;
    padding:30px 0;
    background-color: #f2fff2;
}

    .link_rtas p {
        position:relative;
        display: block;
    font-size:22px;
    line-height:1.8;
    margin-bottom:45px;
    }
    .link_rtas p:after {
        position:absolute;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_arrow.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:15px;
        height:22px;
        top:45px;
        right:calc(50% - 7px);
    }
    

    .link_rtas a {
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width:460px;
        font-size:30px;
        letter-spacing:2px;
        color:#fff;
        background-color:#ff801e;
        padding:0.8em;
        margin:0 auto;
        border-radius:35px;
        box-shadow: 6px 6px #e7ca3b;
    }
    .link_rtas a:after {
        position:relative;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_icon_img01.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:26px;
        height:26px;
        top:0;
        right:-2em;
    }


    /*==================================================
    Main スライド  for PC
    ==================================================*/

    #slide {
        width: 100%;
        background-color: #f2fff2;
    }

    #slide .slide_box {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 35px 0 35px;
        background-color: #f2fff2;
    }

    #slide .swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom: 30px;
    }

    #slide .swiper-container .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        text-align: center;
        font-size: 18px;
    }

    #slide .swiper-container .swiper-slide img {
        width: 960px;
        height:350px;
    }


    /*==================================================
    Main フロー  for PC
    ==================================================*/

    #flow {
        background-image:url(../img/bg.png);
        background-size:contain;
        background-position: center;
        padding:40px 0 0;
    }
    #flow .inner {
        width:922px;
        height:auto;
        margin:0 auto 20px;
    }



	/*==================================================
    Main インタビュー  for PC
==================================================*/

	#interview {
        width:100%;
        height:auto;
        padding:40px 0 0;
	}
    #interview .interview_box {
        width:900px;
        margin:0 auto 40px;
    }
    #interview .interview_box ul li .wrap_ttl_interview {
    display: flex;
    justify-content: space-between;
    border:2px #88bc1f solid;
    margin:0 auto 20px;
}
    #interview .interview_box ul li .wrap_ttl_interview h3 {
        width:80%;
        font-size:25px;
        font-weight:bold;
        color:#fff;
        background-color:#88bc1f;
        text-align: center;
        padding:0.2em 1em;
    }
    #interview .interview_box ul li .wrap_ttl_interview .personalname {
        width:20%;
        font-size:25px;
        font-weight:bold;
        text-align: center;
        padding:0.2em 1em;
    }
    #interview .interview_box ul li:nth-child(1) {
    margin-bottom:30px;
    }
    #interview .wrap_content {
        display: flex;
        justify-content:space-between;
        flex-grow: 1;
    }
    #interview .left_box {
    width:240px;
    height:auto;
}
    #interview .right_box {
        width:660px;
        height:auto;
        padding-left:30px;
    }
    #interview .right_box h4 {
        font-size:20px;
        line-height:1.6;
        font-weight: bold;
        color:#008045;
    }
    #interview .right_box p {
        font-size:18px;
        line-height:1.6;
        margin-bottom: 20px;
    }
	/*==================================================
    Footer  for PC
==================================================*/

	footer {
        background-color: #19193e;
        padding:20px 0;
	}

	footer p {
		padding: 0 0 10px;
		text-align: center;
		font-style: normal;
		font-size: 12px;
        color:#fff;
	}
}




/*/////////////////////////////////////////////////////////////////////
    for sp  スマホ画面用（767px以下）
/////////////////////////////////////////////////////////////////////*/


@media only screen and (max-width:767px) {
	body {
		width: 100%;
		font-size: 13px;
	}
    .sp_none {display: none;}
/*==================================================
    Header  for SP
==================================================*/

    header {
        width:100%;
    }
    header .top_title {
        width: 100%;
        margin: 10px auto;
        padding: 0 2%;
        display: flex;
        align-items: center;
    }

    header .top_title h1 {
        font-size: 16px;
        font-weight:bold;
    }
    header .fv_box {
        width:100%;
        height:auto;
        background-color:#88bc1f;
        background-image:url(../img/bg.png);
        background-size:contain;
        background-position: center;
    }
    header .fv_box .inner {
        width:100%;
        padding-top:62.8888%;
        background-image:url(../img/fv.png);
        background-repeat: no-repeat;
        background-size:contain;
        background-position:top center;
        margin:0 auto;
    }
    header .fv_box .inner .message {
        width:100%;
        padding:4%;
        background-color:#fff;
        bottom:0;
        left:0;
        margin:0 auto;
    }
    header .fv_box .inner .message h2{
        font-size:18px;
        line-height:1.6;
        font-weight: bold;
        text-align: center;
    }
    header .fv_box .inner .message .wrap {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size:16px;
        margin:16px auto;
    }
    header .fv_box .inner .message .wrap p {
        font-size:16px;
        line-height: 1.5;
        text-align: center;
        margin-bottom:1em;
    }
    header .fv_box .inner .message .wrap a {
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width:100%;
        font-size:20px;
        letter-spacing:2px;
        color:#fff;
        background-color:#ff801e;
        padding:0.8em 1em;
        border-radius:30px;
        box-shadow: 6px 6px #e7ca3b;
    }
    header .fv_box .inner .message .wrap a:after {
        position:relative;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_icon_img01.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:20px;
        height:20px;
        top:0;
        right:0;
    }

    /*==================================================
    Main  for SP
    ==================================================*/

    main {}

    /* タイトルの帯(募集要項、応募フォームなど)
    --------------------- */

    .semicircle {
        width: 120px;
        height: 60px;
        color:#fff;
        border-radius: 60px 60px 0 0;
        background-color:#88bc1f;
        margin:0 auto;
        text-align: center;
        letter-spacing: 4px;
        padding-top: 15px;
        margin-bottom:15px;
    }
    .semicircle .num{
        font-size:18px;
        line-height:1.5;
        font-weight: bold;
    }
    .semicircle .txt_en{
        font-size:10px;
        font-weight: bold;
    }
    .wrap_ttl {
        display:flex;
        justify-content: center;
    }

    h2 {
        font-size:18px;
        line-height: 1.6;
        text-align: center;
        border-bottom:3px dotted #927c52;
        padding-bottom:0.2em;
        margin: 0 auto 1em;
    }

    .link_rtas {
        width:100%;
        height:auto;
        text-align: center;
        padding:30px 2%;
        background-color: #f2fff2;
    }

    .link_rtas p {
        position:relative;
        display: block;
        font-size:16px;
        line-height:1.6;
        margin-bottom:45px;
    }
    .link_rtas p:after {
        position:absolute;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_arrow.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:15px;
        height:22px;
        top:60px;
        right:calc(50% - 7.5px);
        margin:0 auto;
    }


    .link_rtas a {
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width:90%;
        max-width:464px;
        font-size:18px;
        letter-spacing:2px;
        color:#fff;
        background-color:#ff801e;
        padding:0.8em;
        margin:0 auto;
        border-radius:35px;
        box-shadow: 6px 6px #e7ca3b;
    }
    .link_rtas a:after {
        position:relative;
        display: inline-block;
        content:"";
        background-image:url(../img/btn_icon_img01.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width:18px;
        height:18px;
        top:0;
        right:0;
    }


    /*==================================================
    Main スライド  for SP
    ==================================================*/

    #slide {
        width: 100%;
        background-color: #f2fff2;
    }

    #slide .slide_box {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 35px 2% 0;
        background-color: #f2fff2;
    }

    #slide .swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom:20px;
    }

    #slide .swiper-container .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        text-align: center;
        font-size: 18px;
    }

    #slide .swiper-container .swiper-slide img {
        width:100%;
        height:auto;
    }


    /*==================================================
    Main フロー  for SP
    ==================================================*/

    #flow {
        background-image:url(../img/bg.png);
        background-size:contain;
        background-position: center;
        padding:20px 0 0;
    }
    #flow .inner {
        width:95%;
        height:auto;
        margin:0 auto 20px;
    }



    /*==================================================
    Main インタビュー  for SP
    ==================================================*/

    #interview {
        width:100%;
        height:auto;
        padding:40px 0 0;
    }
    #interview .interview_box {
        width:100%;
        padding:0 2%;
        margin:0 auto 40px;
    }
    #interview .interview_box ul li .wrap_ttl_interview {
        display: flex;
/*        flex-direction: column;*/
align-items:center;
        justify-content: space-between;
        border:2px #88bc1f solid;
        margin:0 auto 20px;
    }
    #interview .interview_box ul li .wrap_ttl_interview h3 {
        width:100%;
        font-size:18px;
        line-height: 1.3;
        font-weight:bold;
        color:#fff;
        background-color:#88bc1f;
        text-align: left;
        padding:0.4em 0.5em;
    }
    #interview .interview_box ul li .wrap_ttl_interview .personalname {
        min-width:80px;
        font-size:14px;
        font-weight:bold;
        text-align: center;
        padding:0.4em;
    }
    #interview .interview_box ul li:nth-child(1) {
        margin-bottom:30px;
    }
    #interview .wrap_content {
        display: flex;
        flex-direction: column;
        justify-content:center;
        flex-grow: 1;
    }
    #interview .left_box {
        width:240px;
        height:auto;
        margin:0 0 16px;
    }
    #interview .right_box {
        width:100%;
        height:auto;
    }
    #interview .right_box h4 {
        font-size:16px;
        line-height:1.6;
        font-weight: bold;
        color:#008045;
        text-align: left;
    }
    #interview .right_box p {
        font-size:15px;
        line-height:1.6;
        margin-bottom: 20px;
    }
    /*==================================================
    Footer  for SP
    ==================================================*/

    footer {
        background-color: #19193e;
        padding:20px 0;
    }

    footer p {
        padding: 0 0 10px;
        text-align: center;
        font-style: normal;
        font-size: 12px;
        color:#fff;
    }


}