/*===============================================
　SP
===============================================*/
@media (max-width:761px) {
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_wrap {
		width: 100%;
		height: 600px!important;
		position: relative;
		background: linear-gradient(to top, #fff 23%, rgba(255,255,255,0) 40%),url(../img/mv_bg_sp.jpg) no-repeat top center;
		background-size: contain;
	}

	#main_wrap h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 0.1rem;
		color: #000000;
		line-height:1.4;
		font-size: 4.0rem;
		position: absolute;
		top: 45%;
		left: 6%;
		transform: translate(0, -50%);
		white-space: nowrap;
	}

	#main_wrap h1 span{
			font-size: 1.7rem;
			display: table;
			border:1px solid #000;
			padding: 2px 10px;
	}
	

	#main_wrap .ttl_wrap{
			/* position: absolute; */
			/* bottom: 14%; */
			padding: 0 6%;
			padding: 20% 6% 0;
	}
    #main_wrap .body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: 0.1rem;
        font-size: 1.5rem;
        line-height: 1.8;
        font-feature-settings: 'palt';
        padding: 0 0 35px;
        color: #ffffff;
        text-align: left;
        width: 100%;
    }

	
    /* ============================================================
 	section 00
	==============================================================*/
    #sec00 {
        padding: 62px 6%;
        position: relative;
    }
    #sec00 .wrapper {
        box-sizing: border-box;
        border-radius: 10px 10px 0 0;
        padding: 18px 0 0px;
        width: 1100px;
    }
    #sec00 h2 {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 600;
        font-size: 2.5rem;
        letter-spacing: 0rem;
        color: #000000;
        position: relative;
        line-height: 142%;
        font-feature-settings: "palt";
        text-align: center;
    }
    #sec00 h2:after {
        content: "";
        display: block;
        width: 102px;
        height: 3px;
        margin: 24px auto 60px;
        background: linear-gradient(90deg, #0091d2 0%, #09597d 100%);
    }
    #sec00 .body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: 0.1rem;
        font-size: 1.6rem;
        line-height: 2.0;
        font-feature-settings: 'palt';
        color: #000;
        text-align: center;
    }
    /* ============================================================
 	section 01
	==============================================================*/
    #sec01 {
        padding: 20px 0;
        position: relative;
    }
    #sec01 .wrapper {
        width: 90%;
    }
    #sec01 .flex_wrap_all{
    }
    #sec01 .img_box{
    display: none;
    }
    #sec01 .txt_box{
    }
    #sec01 .img_box img{
        width:100%;
    }
    #sec01 h2 {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 2.6rem;
        letter-spacing: 0.2rem;
        color: #000000;
        position: relative;
        line-height: 130%;
        font-feature-settings: "palt";
        text-align: left;
    }
    #sec01 h2:after {
        content: "";
        display: block;
        width: 102px;
        height: 3px;
        margin: 24px 0 30px;
        background: linear-gradient(90deg, #0091d2 0%, #09597d 100%);
    }
    #sec01 .body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: 0.1rem;
        font-size: 1.6rem;
        line-height: 2.0;
        font-feature-settings: 'palt';
        color: #000;
        text-align: left;
    }
 
    #sec01 .flex_wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px 0;
        margin: 39px 0 35px;
    }
    #sec01 .con_wrap {
        margin: 10px 0 33px;
    }
    #sec01 .flex_wrap > li {
        width: 48%;
        box-sizing: border-box;
        padding: 24px 22px;
    }
    #sec01 .flex_wrap > li:nth-child(1) {
        background: linear-gradient(to bottom right, #bf1e2e 0%, rgb(191 30 46 / 70%) 100%);
    }
    #sec01 .flex_wrap > li:nth-child(2) {
        background: linear-gradient(to bottom right, #f1592a 0%, rgb(241 89 42 / 70%) 100%);
    }
    #sec01 .flex_wrap > li:nth-child(3) {
        background: linear-gradient(to bottom right, #fcb040 0%, rgb(252 176 64 / 70%) 100%);
    }
    #sec01 .flex_wrap > li:nth-child(4) {
        background: linear-gradient(to bottom right, #00a651 0%, rgb(0 166 81 / 70%) 100%);
    }
    #sec01 .flex_wrap > li:nth-child(5) {
        background: linear-gradient(to bottom right, #1d5a90 0%, rgb(29 90 144 / 70%) 100%);
    }
    #sec01 .flex_wrap span.num {
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		font-size: 1.6rem;
		color:#fff;
		letter-spacing:0.2rem;
		padding:0 0 0 4px;
    }
    #sec01 .flex_wrap h4 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 2.2rem;
		line-height:1;
		color:#fff;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		padding: 0 0 30px;
		position:relative;
    }
    #sec01 .flex_wrap h4:before {
		content: "";
		display: block;
		width:50px;
		height: 2px;
		background:#fff;
		opacity:0.5;
		position: absolute;
		bottom: 11px;
		left:2px;
    }
    #sec01 .flex_wrap li p {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        font-size: 1.3rem;
        color: #fff;
        line-height: 1.8;
        padding: 0 0 0 2px;
        font-feature-settings: 'palt';
        letter-spacing: 0.1rem;
    }
    #sec01 .flex_wrap p.body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        color: #fff;
        line-height: 2.2;
        padding: 0 0 0 2px;
        margin: -5px 0 0;
        width: 710px;
        text-indent: 1em;
        font-feature-settings: 'palt';
        letter-spacing: 0.2rem;
        /* text-shadow: 0 0 10px rgb(9 63 100 / 70%); */
    }

    #sec01 a {
        display: block;
        transition: 0.4s;
    }
    #sec01 a:hover {
        transform: scale(1.03);
    }




   /* ============================================================
 	section 02
	==============================================================*/
    #sec02 {
        padding: 70px 0 80px;
        position: relative;
    }
    
    #sec02 h2 {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 2.6rem;
        letter-spacing: 0.2rem;
        color: #000000;
        position: relative;
        line-height: 130%;
        font-feature-settings: "palt";
        text-align: left;
    }
    #sec02 h2:after {
        content: "";
        display: block;
        width: 102px;
        height: 3px;
        margin: 24px 0 30px;
        background: linear-gradient(90deg, #0091d2 0%, #09597d 100%);
    }
    #sec02 .body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: 0.1rem;
        font-size: 1.6rem;
        line-height: 2.0;
        font-feature-settings: 'palt';
        color: #000;
        text-align: left;
    }

    

   /* ============================================================
 	sec_group
	==============================================================*/
    .sec_group {
        padding: 90px 0 126px;
        position: relative;
    }

	.sec_group .wrapper{
		padding:0 3%;
	}
    
    .sec_group h2 {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 3.2rem;
        letter-spacing: 0.2rem;
        color: #ffffff;
        position: relative;
        line-height: 130%;
        font-feature-settings: "palt";
        text-align: left;
        margin: 0 3% 30px;
    }
    .sec_group .body_txt {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: 0.1rem;
        font-size: 1.6rem;
        line-height: 2.0;
        font-feature-settings: 'palt';
        color: #000000;
        text-align: left;
    }
    .sec_group .body_txt_w{
        color:#fff;
        text-align: left;
        padding: 0 3%;
    }

    .sec_group .q_wrap{
        margin: 60px auto 0;
    }

    .sec_group .q_wrap .txt_box{
        background:#fff;
        padding: 30px 6% 30px;
    }

    .sec_group .q_wrap .img_box{
	    display: none;
    }


    
	.sec_group h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		color:#005292;
		position: relative;
		margin: 0 0 16px 63px;
		line-height: 1.5;
		font-feature-settings: "palt";
	}
	.sec_group h3 span{
		display: flex;
		align-items: center;
		justify-content: center;
	
		font-family: "Roboto Condensed", sans-serif;
		color: #fff;
		background: #005292;
		position: absolute;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 50px;
		letter-spacing: 0;
		margin: 4px 0 0;
		top: 0;
		left: -63px;
	}

	.sec_group .white_box{
		padding: 5px 0 50px;
		border-bottom:1px solid #e7e7e7;
		margin-bottom: 50px;
	}


	

    #sec03 {
        background: url(../img/bg_01_sp.jpg) no-repeat top center;
		background-size:contain;
    }

    #sec04 {
        background: url(../img/bg_02_sp.jpg) no-repeat top center;
		background-size:contain;
    }

    #sec05 {
        background: url(../img/bg_03_sp.jpg) no-repeat top center;
		background-size:contain;
    }

    #sec06 {
        background: url(../img/bg_04_sp.jpg) no-repeat top center;
		background-size:contain;
    }
}