/*@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;}

html{
    scroll-behavior: smooth;
}

body {
  line-height: 1.7; }
ul li {
  list-style: none; }
blockquote, q {
  quotes: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }
th {
  text-align: left; }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }
img, fieldset {
  border: 0; }
* {
  box-sizing: border-box; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
.clearfix {
  display: inline-table;
  min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }
.clearfix {
  display: block; }

/* End hide from IE-mac */
* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/** 共通の基本仕様 **/
a{
    text-decoration: none;
}
body, html {
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  box-sizing: border-box;
  font-size: 93.75%;
  color: #444; }
html > body {
  font-size: 15px;
  /* Except IE */ }

  body{
    /*background: linear-gradient(180deg, rgb(255, 242, 78), rgb(0, 132, 226), rgb(4, 52, 146));
    background-attachment: fixed;*/
    /*background-color: #dffbfd;*/ /* 作業用BGカラー 両再度5%*/
}
.tbld{
    font-weight: bold;
}
.tudl{
    text-decoration: underline;
}
.tac{
    text-align: center;
}
.text-blue{
    color: #005093;
}
.text-center{
	text-align: center;
}
.textlink_alert{
    color: #ff0000;
    font-weight: bold;
}
.textlink_alert:hover{
    opacity: 0.6;
}
.textlink_alert2{
    color: #ff0000;
    font-weight: bold;
}
.floatclear{
    clear: both;
}

/*-----------------------キービジュアル設定---------------------*/

/*kv全体の調整*/

@media only screen and (max-width:766px){
    /* TOP */

    /*----TOP----*/
    .kv_position{
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: linear-gradient( #6ebff5, 15%, #94d9f5 , 50%, #baf7ff 95%, #ebf7e3 98%);
		position: fixed;
		top: 0;	
		bottom: 0;
		right: 0;
		z-index: 1;        
    }
    .clouds {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .clouds-inner {
        width: calc(1825px*2);
        height: 100%;
        background-image: url("../img/cloud.webp");
        background-repeat: repeat-x;
        background-size: 1825px auto;
        animation: cloud-loop 40s linear infinite;
    }

    @keyframes cloud-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-1825px);
    }
    }
    section{
        position: relative;
        z-index: 2;
    }
    .top .content_top{
        max-width: 600px;
        width: 95%;
        margin: 0 auto;
        min-height: 44vh;  
        height: auto;      
        background-image: url(../img/girl.webp);
        background-repeat: no-repeat;
        background-position: left -30px bottom -15px;
        background-size: contain;
		z-index: 0;
        display: flex;
        justify-content: flex-end;
    }
    .contentbox{
        max-width: 500px;
        width: 60%;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: end;
    }
    .content_top h1{
        max-width: 500px;
        width: 100%;
    }
    .content_top h1 img{
        width: 100%;
        height: auto;
    }
    .cumulative{
        max-width: 300px;
        width: 70%;
        margin-bottom: -20px;
        animation: float 5s ease-in-out infinite;
    }
    .cumulative img{
        width: 100%;
        height: auto;
    }
    .content_top p{
        padding: 0;
        margin: 0;
    }
    .main-visual{
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }
    .mark-point{
        width: 100%;
        padding: 5%;
        text-align: center;
        background: linear-gradient(165deg, #FFFF34, #8ffc35);
    }
    .mark-point img{
        max-width: 450px;
        width: 100%;
        margin: 5px auto 0;
    }
    .kv_position{
        background-color: #fff;
        }
    .box-merit{
        width: 90%;
        margin: 0 auto;
    }
    section .under_entryperiod{
        width: 100%;
        padding: 6px 0 8px;
        line-height: 1.3;
        letter-spacing: 1.2px;
        text-align: center;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        font-size: 1em;
        font-weight: 600;
        background-color: #8f8f8f;
        z-index: 5;
    }
    section .under_entryperiod .span_sp{
        display: flex;
        font-size: 1.6em;
        width: fit-content;
        margin: 0 auto;
    }
    /* メッセージ・プロモーション */
    .background-opacitywhite{
		background: rgba(255, 255, 255, 0.5);
		z-index: 10;
        position: relative;
	}
    .promotion{
        max-width: 766px;
        margin: 0 auto;
        text-align: center;
    }
    .promotion span{
        display: block;
    }
    .promotion .promotion_message{
        padding: 40px 0 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 2;
        animation-delay: 0.2s;
    }
    .promotion .promotion_message .span_content{
        padding: 20px 0;
    }
    .promotion h2, .project_recommend h2{
        margin: 10px 0 40px;
        font-size: 22px;
        color: #313131; 
    }
    .promotion ol{
        width: 90%;
        margin: 0 auto;
        padding: 50px 15px 30px;
        background-color: #fff;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
        border-radius: 30px;
        list-style: none;
    }
    .promotion ol li{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .promotion ol li h3{
        font-size: 24px;
        color: #053491;
    }
    .promotion ol li p{
        padding: 5px;
        font-size: 16px;
        letter-spacing: 1px;
        text-align: justify;
    }
    .promotion ol li span{
        display: inline;
    }
    .promotion li img{
        max-width: 300px;
        height: auto;
        margin: 0 auto;
    }
    .project_recommend{
        max-width: 100%;
        margin: 0 auto;
        padding: 80px 0 40px;
        text-align: center;
    }
    .promotion_title img{
        width: 350px;
        height: auto;
        margin-bottom: -20px;
    }
    .promotion_title span{
        display: block;
        width: fit-content;
        margin: 0 auto;
        line-height: 0.8;
        padding: 13px 5px 0;
    }
    .project_recommend ul{
        position: relative;
        width: 100%;
        margin: 0 auto 10px;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        list-style: none;
    }
    .project_recommend ul li:nth-child(odd) {
        animation: float 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(even) {
        animation: float2 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(1n) {
        margin-top: -10%;
        color: #FFAA00;
    }
    .project_recommend ul li:nth-child(2n) {
        margin-top: -15%;
        color: #46A0F9;
    }
    .project_recommend ul li:nth-child(3n) {
        margin-top: -15%;
        transform: translateY(-20px);
        color: #004896;
    }
    .project_recommend ul li:nth-child(4n) {
        margin-top: -15%;
        transform: translateY(10px);
        color: #009B8F;
    }
    .project_recommend ul li:nth-child(5n) {
        margin-top: -15%;
        color: #46A0F9;
        transform: translateY(-10px);
    }
    .project_recommend ul li:nth-child(6n) {
        margin-top: -15%;
        color: #004896;
    }
    .project_recommend ul li:nth-child(7n) {
        margin-top: -15%;
        color: #FFAA00;
    }
    .project_recommend ul li:nth-child(8n) {
        margin-top: -15%;
        color: #009B8F;
    }
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes float2 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    .project_recommend ul li{
        width: 70%;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        text-align: center;
        padding: 0;
    }
    .project_recommend ul .clouds_white{
        align-self: flex-start;
        background-image: url(../img/cloud_white.svg);
        font-size: 1.2em;
        font-weight: 600;
    }
    .project_recommend ul .clouds_yellow{
        align-self: flex-end;
        background-image: url(../img/cloud_yellow.svg);
        font-size: 1.2em;
        font-weight: 600;
    }
    .project_recommend ul li p{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.9em;
        line-height: 1.4;
        max-width: 45%;
        word-break: normal;
        text-align: center;
    }
    .project_recommend ul li p .span_sp{
        display: block;
    }
    .pc_only1,.pc_only2{ 
        display: none;
    } 
	.background-white{
		background: #fff;
		z-index: 10;
        position: relative;
	}
	/*ctaボタン*/
	#cta_entry_button{
		display: block;
		position: relative;
        width: 90%;
		margin: 0 auto 20%;
		text-align: center;
		z-index: 99;
	}
	.cta_entry_button_pc{
		display: none;
	}
	.cta_entry_button_sp{
		display: block;
		width: 90%;
		margin: -40px auto 20px;
	}
    /* メリット */
    .box-merit_top{
		display: flex;
		position: relative;
		justify-content:space-between;
		margin: 0 auto;
    }
	.box-merit_top_contents1 p{
		font: 1.2em;
	}
	.box-merit_top_contents2{
		margin-top: 50px;
		width: 10%;
		height: 10%;
	}
	.box-merit_top_contents1,.box-merit_top_contents3{
		width: 45%;
		text-align: center;
		position: relative;
	}
	.box-merit_top_contents1 img,.box-merit_top_contents3 img{
		width: 80%;
		z-index: 2;
	}
	.box-merit_top_contents1 h2,.box-merit_top_contents3 h2{
		font-size: 1.1em;
		font-weight: 800;
	}
	.box-merit_contents1-oder2{
		background: #fff;
		border-radius: 10px;
		padding: 40px 10px 10px;
		margin-top: -40px;
        animation-delay: 0.3s;
	}
	.box-merit_contents3-oder2{
		background: #fff;
		border-radius: 10px;
		padding: 40px 10px 10px;
		margin-top: -40px;
        animation-delay: 0.3s;
	}
	.box-merit_contents4{
		width: 45%;
		margin-left: 55%;
		text-align: center;
		font-size: 0.8em;
		margin-top: 10px;
	}
	.box-merit_bottom {
		text-align: center;
		margin: 20px auto 20px;
	}
	.box-merit_bottom_img1{
		width: 40%;
		margin: 0 auto;
	}

	.box-merit_contents1{
		width: 100%;
		text-align: center;
		margin: 5% 0;
		font-size: 2.6em;
		font-weight: 800;
	}
	.box-merit_contents1::before{
		content: "自己負担なしで\A投資家デビュー！";
		white-space: pre-wrap;
	}
	.box-merit_bottom_img2{
		width: 90%;
		margin: 0 auto;
	}
	
    .ref{
        margin: 0 auto 20px;
    }
    .top_cta{
        padding:50px auto 50px;
        margin: 0 auto 0;
        text-align: center;
    }
    /*.cta-button{
        background-color: #666;
        color: #fff;
        width: 90%;
        font-size: 20px;
        font-weight: bold;
        padding: 10px;
        margin-top: 280px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
        transition:all .2s ease;
    }
    .cta-button:hover{
        background-color: #043492;
        color: #fff;
        border-radius: 50px;
        box-shadow:none;
        transform:translate(5px, 5px);
        display: inline-block;
    }*/
    .cta-button-close{
        background-color: #666;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        width: 90%;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
    }

    .kv_textbox{
        padding: 10px 0;
    }
}
@media only screen and (min-width:767px){
	/*ctaボタン*/
	#cta_entry_button{
		display: block;
		position: relative;
        width: 90%;
        max-width: 1000px;
		margin: 0 auto;
		text-align: center;
		z-index: 99;
	}
	.cta_entry_button_pc{
		width: 80%;
		max-width: 700px;
		margin: 0px 0 30px;
	}
	.cta_entry_button_sp{
		display: none;
	}
	.bottom_cta_entry_button{
		padding-bottom: 100px;
	}
	
    /*----TOP----*/
    .kv_position{
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: linear-gradient( #6ebff5, 15%, #94d9f5 , 50%, #baf7ff 95%, #ebf7e3 98%);
		position: fixed;
		top: 0;	
		bottom: 0;
		right: 0;
		z-index: 1;        
    }
    /* .sun{
        background: radial-gradient(circle, #ffffff 0%, rgba(255, 247, 233, 0.6) 50%, rgba(255, 254, 253, 0.3) 60%, rgba(255, 0, 0, 0) 80%);
        position: absolute;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        top: 80px;
        right: 30%;
    } */
    .clouds {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .clouds-inner {
        width: calc(1825px*3);
        height: 100%;
        background-image: url("../img/cloud.webp");
        background-repeat: repeat-x;
        background-size: 1825px auto;
        animation: cloud-loop 40s linear infinite;
    }

    @keyframes cloud-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-1825px);
    }
    }
    section{
        position: relative;
        z-index: 2;
    }
    .top .content_top{
        max-width: 1800px;
        width: 90%;
        margin: 0 auto;
        min-height: 100vh;
        height: auto;
        background-image: url(../img/girl.webp);
        background-repeat: no-repeat;
        background-position: left 20px bottom 30px;
        background-size: contain;
		z-index: 0;
        position: relative;
    }
    .contentbox{
        position: absolute;
        max-width: 700px;
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        bottom: 17%;
        right: 10%;
    }
    .cumulative{
        max-width: 400px;
        width: 60%;
        margin-bottom: -20px;
        animation: float 5s ease-in-out infinite;
        z-index: 100;
        order: 1;
    }
    .cumulative img{
        width: 100%;
        height: auto;
    }
    .content_top h1{
        max-width: 650px;
        width: 100%;
        z-index: 101;
        animation: float 5s ease-in-out infinite;
        order: 3;
    }
    .content_top h1 img{
        width: 100%;
        height: auto;
    }
    .content_top .mark-point{
        max-width: 600px;
        width: 100%;
        padding: 35px 80px 25px;
        margin-left: 10px;
        background-color: #fff;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .1);
        border-radius: 20px;
        animation: float2 5s ease-in-out infinite;
        order: 2;
    }
    section .under_entryperiod{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 15px 0;
        line-height: 1.2;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        text-shadow: 3px 3px 0 rgba(0, 0, 0, .4);
        font-size: 30px;
        font-weight: 600;
        background-color: #8f8f8f;
    }
    section .under_entryperiod .span_content{
        display: block;
        font-size: 1.1em;
    }
    /* メッセージ・プロモーション */
    .background-opacitywhite{
		background: rgba(255, 255, 255, 0.3);
		z-index: 10;
        position: relative;
    }
    .promotion{
        max-width: 1000px;
        margin: 0 auto;
        text-align: center;
    }
    .promotion span{
        display: block;
    }
    .promotion .promotion_message{
        padding: 80px 0 10px;
        font-size: 22px;
        font-weight: 600;
        line-height: 2;
        animation-delay: 0.2s;
    }
    .promotion .promotion_message .span_content{
        line-height: 4;
    }
    .promotion h2, .project_recommend h2{
        margin: 20px 0 30px;
        font-size: 28px;
        color: #313131;
    }
    .promotion ol{
        width: 80%;
        margin: 0 auto;
        padding: 80px 15px 30px;
        background-color: #fff;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
        border-radius: 50px;
        list-style: none;
    }
    .promotion ol li{
        margin-bottom: 60px;
    }
    .promotion ol li h3{
        font-size: 28px;
        color: #053491;
    }
    .promotion ol li p{
        font-size: 20px;
    }
    .promotion li img{
        max-width: 300px;
        height: auto;
        margin: 0 auto;
    }
    .project_recommend{
        max-width: 95%;
        margin: 0 auto;
        padding: 80px 0 60px;
        text-align: center;
    }
    .project_recommend .promotion_title {
        margin: 40px auto 10px;
    }
    .promotion_title img{
        width: 500px;
        height: auto;
        margin-bottom: -40px;
    }
    .promotion_title span{
        display: block;
        width: fit-content;
        margin: 0 auto;
        line-height: 0.8;
        padding: 20px 5px 0;
    }
    .promotion_title .span_sp{
        display: inline;
    }
    .project_recommend ul{
        width: 98%;
        margin: 0 auto;
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 5px;
        list-style: none;
    }
    .project_recommend ul li:nth-child(odd) {
        animation: float 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(even) {
        animation: float2 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(1n) {
        color: #46A0F9;
        margin: 0 0 -1% 0;
        order: 1;
    }
    .project_recommend ul li:nth-child(2n) {
        color: #FFAA00;
        margin: -1% 2% 0 0;
        order: 2;
    }
    .project_recommend ul li:nth-child(3n) {
        transform: translateY(-20px);
        margin: 0 0 -2% 0;
        color: #009B8F;
        order: 3;
    }
    .project_recommend ul li:nth-child(4n) {
        margin: -1% 0 0 -2%;
        transform: translateY(10px);
        color: #004896;
        order: 4;
    }
    .project_recommend ul li:nth-child(5n) {
        margin: 0 0 -3% 0;
        color: #009B8F;
        transform: translateY(-20px);
        order: 6;
    }
    .project_recommend ul li:nth-child(6n) {
        margin: 0 0 -3% 0;
        color: #FFAA00;
        order: 5;
    }
    .project_recommend ul li:nth-child(7n) {
        margin: 0 0 -3% -2%;
        color: #46A0F9;
        order: 8;
    }
    .project_recommend ul li:nth-child(8n) {
        color: #004896;
        margin: -1% 2% 0 0;
        order: 7;
    }
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes float2 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    .project_recommend ul .clouds_white{
        padding: 0;
        width: calc((100% / 4) - 15px);
        height: 230px;
        background-image: url(../img/cloud_white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.2em;
        font-weight: 600;
    }
    .project_recommend ul .clouds_yellow{
        padding: 0;
        width: calc((100% / 4) - 15px);
        height: 230px;
        background-image: url(../img/cloud_yellow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.2em;
        font-weight: 600;
        color: #21A89D;
    }
    .project_recommend ul li{
        text-align: center;
        position: relative;
    }
    .project_recommend ul li p{
        width: 65%;
        line-height: 1.3;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform : translate(-50%,-50%);
        transform : translate(-50%,-50%);
    }
    .project_recommend ul li p span{
        display: block;
     }

    /* メリット・CTA */
	.background-white{
		background: #fff;
		z-index: 10;
        position: relative;
	}
    #top_cta-area{
		position: relative;
		z-index: 10;
		text-shadow: -1px -1px rgba(255, 255, 255, 1), -1px 1px rgba(255, 255, 255, 1), 1px -1px rgba(255, 255, 255, 1), 1px 1px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1);
    }
    .box-merit{
        margin: 30px auto 0px;
        width: 90%;
        max-width: 1000px;
    }
    .box-merit_top{
		display: flex;
		position: relative;
		justify-content:space-between;
		margin: 0 auto;
    }
	.box-merit_top_contents1 p{
		font-size: 1.2em;
	}
	.box-merit_top_contents1,.box-merit_top_contents3{
		display: flex;
		position: relative;
		align-content: center;
		background: #fff;
		border-radius: 120px;
		padding: 20px;
	}
	.box-merit_contents1-oder1,.box-merit_contents3-oder1{
		display: none;
	}
	.box-merit_top_contents2{
		width: 5%;
		height: 5%;
		margin: 50px 2% 0;
        animation-delay: 0.2s;
	}
	.box-merit_contents4{
		text-align: end;
		margin-right: 30px;
		margin-top: 10px;
		margin-bottom: 5%;
        animation-delay: 0.5s;
	}
	.box-merit_top_contents1::after{
		content: '';
		display: inline-block;
		width: 200px;
		background: url("../img/box-merit_contents1_img.png") no-repeat;
		background-size: contain;
	}
	.box-merit_top_contents3::before{
		content: '';
		display: inline-block;
		width: 200px;
		background: url("../img/box-merit_contents2_img.png") no-repeat;
		background-size: contain;
	}
	.box-merit_contents1-oder2{
		padding-right: 8%;
		text-align: center;
	}
	.box-merit_contents1-oder2 p{
		font: 1.2em;
	}
	.box-merit_contents3-oder2{
		font: 1.2em;
		padding-left: 8%;
		text-align: center;
        animation-delay: 0.3s;
	}
	.box-merit_contents3-oder3{
		background: #BFE8FF;
        animation-delay: 0.4s;
	}

	.box-merit_top_contents1 h2,.box-merit_top_contents3 h2{
		font-size: 1.8em;
		font-weight: 800;
	}
	.box-merit_top_contents3 p{
		font-size: 1.2em;
	}
	.box-merit_bottom {
		text-align: center;
		margin: 20px auto 20px;
	}
	.box-merit_bottom_img1{
		width: 25%;
		margin: 0 auto;
	}
	.box-merit_contents1{
		width: 100%;
		text-align: center;
		margin: 5% 0 0;
		font-size: 3.2em;
		font-weight: 800;
	}
	.box-merit_contents1::before{
		content: "自己負担なしで投資家デビュー！";
	}
	.box-merit_bottom_img2{
		width: 70%;
		margin: 0 auto;
	}

    .ref{
        margin: 15px auto 30px;
    }
    .top_cta{
		position: relative;
        padding:50px auto 50px;
        margin: 0 auto 0;
        text-align: center;
		Z-index:100;
    }
    /*.cta-button{
        background-color: #666;
        color: #fff;
        width: 500px;
        font-size: 2.4em;
        font-weight: bold;
        padding: 20px;
        margin-top: 150px;
        margin-bottom: -15px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
        transition:all .2s ease;
    }
    .cta-button:hover{
        background-color: #043492;
        color: #fff;
        font-size: 24px;
        width: 500px;
        padding: 20px;
        margin-top: 150px;
        border-radius: 50px;
        box-shadow:none;
        transform:translate(5px, 5px);
        display: inline-block;
    }*/
    .cta-button-close{
        background-color: #666;
        color: #fff;
        /*width: 500px;*/
        font-size: 1.8em;
        font-weight: bold;
        padding: 10px 50px;
        margin-bottom: 20px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
        transition:all .2s ease;
    }

    .kv_textbox{
        padding: 10px 0;
    }
}
@media only screen and (min-width:767px) and (max-width:1200px){
    .pc_only2{ 
        display: none;
    }
    
    /*----TOP----*/
    .kv_position{
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: linear-gradient( #6ebff5, 15%, #94d9f5 , 50%, #baf7ff 95%, #ebf7e3 98%);
		position: fixed;
		top: 0;	
		bottom: 0;
		right: 0;
		z-index: 1;        
    }
    /* .sun{
        background: radial-gradient(circle, #ffffff 0%, rgba(255, 247, 233, 0.6) 50%, rgba(255, 254, 253, 0.3) 60%, rgba(255, 0, 0, 0) 80%);
        position: absolute;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        top: 80px;
        right: 30%;
    } */
    .clouds {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .clouds-inner {
        width: calc(1825px*2);
        min-height: 100vh;
        height: auto;
        background-image: url("../img/cloud.webp");
        background-repeat: repeat-x;
        background-size: 1825px auto;
        animation: cloud-loop 40s linear infinite;
    }

    @keyframes cloud-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-1825px);
    }
    }

    section{
        position: relative;
        z-index: 2;
    }
    .top .content_top{
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        min-height: 65vh;
        height: auto;
        background-image: url(../img/girl.webp);
        background-repeat: no-repeat;
        background-position: left -50px bottom 20px;
        background-size: contain;
		z-index: 0;
    }
    .contentbox{
        position: absolute;
        bottom: 13%;
        right: 3%;
        max-width: 700px;
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .cumulative{
        max-width: 300px;
        width: 60%;
        margin-bottom: -20px;
        animation: float 5s ease-in-out infinite;
        z-index: 100;
    }
    .content_top h1{
        width: 85%;
        z-index: 101;
        animation: float 5s ease-in-out infinite;
    }
    .content_top .mark-point{
        width: 80%;
        padding: 25px 45px 15px;
        background-color: #fff;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .1);
        border-radius: 20px;
    }
    section .under_entryperiod{
        position: absolute;
        bottom: 0;
        width: 100%;
        line-height: 1.2;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
        font-size: 1.5em;
        font-weight: 600;
        background-color: #8f8f8f;
    }
    /* メッセージ・プロモーション */
    .background-opacitywhite{
		background: rgba(255, 255, 255, 0.3);
		z-index: 10;
        position: relative;
    }
    .promotion{
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
    }
    .promotion span{
        display: block;
    }
    .promotion .promotion_message{
        padding: 50px 0 0;
        font-size: 20px;
        font-weight: 600;
        line-height: 2;
    }
    .promotion h2, .project_recommend h2{
        margin: 20px 0 30px;
        font-size: 28px;
        color: #313131;
    }
    .promotion ol{
        width: 80%;
        margin: 0 auto;
        padding: 80px 15px 30px;
        background-color: #fff;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
        border-radius: 50px;
        list-style: none;
    }
    .promotion ol li{
        margin-bottom: 60px;
    }
    .promotion ol li h3{
        font-size: 28px;
        color: #053491;
    }
    .promotion ol li p{
        font-size: 20px;
    }
    .promotion li img{
        max-width: 300px;
        height: auto;
        margin: 0 auto;
    }
    .project_recommend{
        max-width: 95%;
        margin: 0 auto;
        padding: 80px 0 60px;
        text-align: center;
    }
    .promotion_title img{
        width: 450px;
        height: auto;
        margin-bottom: -35px;
    }
    .promotion_title span{
        display: block;
        width: fit-content;
        margin: 0 auto;
        line-height: 0.8;
    }
    .promotion_title .span_sp{
        display: inline;
    }
    .project_recommend ul{
        width: 98%;
        margin: 0 auto;
        padding-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        list-style: none;
    }
    .project_recommend ul li:nth-child(odd) {
        animation: float 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(even) {
        animation: float2 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(1n) {
        margin: -5% -1% 0 0;
        width: calc((100% / 2.8) - 10px);
        color: #FFAA00;
        order: 1;
    }
    .project_recommend ul li:nth-child(2n) {
        margin: 0 0 0 -5%;
        width: calc((100% / 2.5) - 10px);
        color: #009B8F;
        order: 2;
    }
    .project_recommend ul li:nth-child(3n) {
        margin: -1% 0 0 -5%;
        transform: translateY(-20px);
        color: #46A0F9;
        order: 3;
    }
    .project_recommend ul li:nth-child(4n) {
        width: calc((100% / 2.8) - 10px);
        transform: translateY(10px);
        color: #004896;
        order: 4;
    }
    .project_recommend ul li:nth-child(5n) {
        margin: -3% 0 0 0;
        width: calc((100% / 2.6) - 10px);
        transform: translateY(-10px);
        color: #FFAA00;
        order: 5;
    }
    .project_recommend ul li:nth-child(6n) {
        width: calc((100% / 3.2) - 10px);
        margin: -2% -1% 0 0;
        color: #004896;
        order: 6;
    }
    .project_recommend ul li:nth-child(7n) {
        margin: -2% 0 0 -4%;
        color: #46A0F9;
        order: 7;
    }
    .project_recommend ul li:nth-child(8n) {
        margin: -2% 0 0 0;
        color: #009B8F;
        order: 8;
    }
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes float2 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    .project_recommend ul .clouds_white{
        width: calc((100% / 2.8) - 10px);
        padding: 0;
        height: 230px;
        background-image: url(../img/cloud_white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.1em;
        font-weight: 600;
    }
    .project_recommend ul .clouds_yellow{
        padding: 0;
        width: calc((100% / 3) - 10px);
        background-image: url(../img/cloud_yellow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.1em;
        font-weight: 600;
        color: #21A89D;
    }
    .project_recommend ul li{
        text-align: center;
        position: relative;
    }
    .project_recommend ul li p{
        line-height: 1.3;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform : translate(-50%,-50%);
        transform : translate(-50%,-50%);
    }
      #top_cta-area .box-merit {
        width: 90%;
        margin: 0 auto;
    }
    .box-merit_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 3%;
    }
    .box-merit_top_contents1,
    .box-merit_top_contents3 {
        padding: 20px;
        border-radius: 80px;
        flex: 1;
        min-width: 300px;
    }
    .box-merit_top_contents1::after,    .box-merit_top_contents3::before{
        width: 140px;
    }
    .box-merit_top_contents2{
        width: 8%;
        height: auto;
        margin: 20px 1%;
    }
    .box-merit_contents1-oder2 p,.box-merit_contents3-oder2 p {
        font-size: 1.1em;
    }
    .box-merit_top_contents1 h2,.box-merit_top_contents3 h2{
        font-size: 1.4em;
    }
    .box-merit_contents1-oder2{
        padding-right: 5%;
    }
    .box-merit_contents3-oder2{
        padding-left: 5%;
    }
    .box-merit_contents4{
        margin-top: 20px;
        margin-bottom: 30px;
        text-align: right;
        font-size: 0.9em;
    }
}
@media only screen and (min-width:900px) and (max-width:1300px){

    /*----TOP----*/
    .kv_position{
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: linear-gradient( #6ebff5, 15%, #94d9f5 , 50%, #baf7ff 95%, #ebf7e3 98%);
		position: fixed;
		top: 0;	
		bottom: 0;
		right: 0;
		z-index: 1;        
    }
    /* .sun{
        background: radial-gradient(circle, #ffffff 0%, rgba(255, 247, 233, 0.6) 50%, rgba(255, 254, 253, 0.3) 60%, rgba(255, 0, 0, 0) 80%);
        position: absolute;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        top: 80px;
        right: 30%;
    } */
    .clouds {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .clouds-inner {
        width: calc(1825px*2);
        min-height: 100vh;
        height: auto;
        background-image: url("../img/cloud.webp");
        background-repeat: repeat-x;
        background-size: 1825px auto;
        animation: cloud-loop 40s linear infinite;
    }

    @keyframes cloud-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-1825px);
    }
    }

    section{
        position: relative;
        z-index: 2;
    }
    .top .content_top{
        max-width: 100%;
        margin: 0 auto;
        min-height: 85vh;
        height: auto;
        background-image: url(../img/girl.webp);
        background-repeat: no-repeat;
        background-position: left -15px bottom;
        background-size: contain;
		z-index: 0;
        overflow: visible;
    }
    .contentbox{
        max-width: 650px;
        width: 50%;
        position: absolute;
        bottom: 13%;
        right: 5%;
    }
    .cumulative{
        max-width: 300px;
        width: 65%;
        margin-bottom: -20px;
        animation: float 5s ease-in-out infinite;
        z-index: 100;
    }
    .content_top h1{
        max-width: 520px;
        width: 100%;
    }
    .content_top .mark-point{
        max-width: 480px;
        width: 95%;
        padding: 25px 60px 15px;
        background-color: #fff;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .1);
        border-radius: 20px;
    }
    section .under_entryperiod{
        position: absolute;
        bottom: 0;
        width: 100%;
        line-height: 1.5;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
        font-size: 1.5em;
        font-weight: 600;
        background-color: #8f8f8f;
    }
}
@media only screen and (min-width:1300px) and (max-width:1650px){
    
    /*----TOP----*/
    .kv_position{
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: linear-gradient( #6ebff5, 15%, #94d9f5 , 50%, #baf7ff 95%, #ebf7e3 98%);
		position: fixed;
		top: 0;	
		bottom: 0;
		right: 0;
		z-index: 1;        
    }
    /* .sun{
        background: radial-gradient(circle, #ffffff 0%, rgba(255, 247, 233, 0.6) 50%, rgba(255, 254, 253, 0.3) 60%, rgba(255, 0, 0, 0) 80%);
        position: absolute;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        top: 80px;
        right: 30%;
    } */
    .clouds {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .clouds-inner {
        width: calc(1825px*2);
        height: 100%;
        background-image: url("../img/cloud.webp");
        background-repeat: repeat-x;
        background-size: 1825px auto;
        animation: cloud-loop 40s linear infinite;
    }

    @keyframes cloud-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-1825px);
    }
    }
    section{
        position: relative;
        z-index: 2;
    }
    .top .content_top{
        max-width: 100%;
        margin: 0 auto;
        min-height: 90vh;
        height: auto;
        background-image: url(../img/girl.webp);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain;
        position: relative;
		z-index: 0;
    }
    .contentbox{
        position: absolute;
        max-width: 700px;
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        bottom: 10%;
        right: 5%;
    }
    .cumulative{
        max-width: 350px;
        width: 350px;
        margin-bottom: -20px;
        animation: float 5s ease-in-out infinite;
        z-index: 100;
    }
    .content_top h1{
        width: 650px;
        animation: float 5s ease-in-out infinite;
    }
    .content_top .mark-point{
        width: 580px;
        padding: 35px 70px 25px;
        background-color: #fff;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .1);
        border-radius: 20px;
        animation: float2 5s ease-in-out infinite;
    }
    section .under_entryperiod{
        position: absolute;
        bottom: 0;
        width: 100%;
        line-height: 1.5;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        font-size: 1.5em;
        font-weight: 600;
        background-color: #8f8f8f;
    }
}
@media only screen and (min-width:1600px){
    
    .project_recommend{
        max-width: 80%;
        margin: 0 auto;
        padding: 80px 0 60px;
        text-align: center;
    }
    .project_recommend ul{
        width: 90%;
        margin: 0 auto 30px;
        padding-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 5px;
        list-style: none;
    }
    .project_recommend ul li:nth-child(odd) {
        animation: float 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(even) {
        animation: float2 5s ease-in-out infinite;
    }
    .project_recommend ul li:nth-child(1n) {
        color: #46A0F9;
        margin: 0 0 -1% 0;
        order: 1;
    }
    .project_recommend ul li:nth-child(2n) {
        color: #FFAA00;
        margin: -1% 2% 0 0;
        order: 2;
    }
    .project_recommend ul li:nth-child(3n) {
        transform: translateY(-20px);
        margin: 0 0 -2% 0;
        color: #009B8F;
        order: 3;
    }
    .project_recommend ul li:nth-child(4n) {
        margin: -1% 0 0 -2%;
        transform: translateY(10px);
        color: #004896;
        order: 4;
    }
    .project_recommend ul li:nth-child(5n) {
        margin: 0 0 -3% 0;
        color: #009B8F;
        transform: translateY(-20px);
        order: 6;
    }
    .project_recommend ul li:nth-child(6n) {
        margin: 0 0 -3% 0;
        color: #FFAA00;
        order: 5;
    }
    .project_recommend ul li:nth-child(7n) {
        margin: 0 0 -3% -2%;
        color: #46A0F9;
        order: 8;
    }
    .project_recommend ul li:nth-child(8n) {
        color: #004896;
        margin: 0 2% 0 0;
        order: 7;
    }
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes float2 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(5px);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    .project_recommend ul .clouds_white{
        padding: 0;
        width: calc((100% / 4) - 15px);
        height: 230px;
        background-image: url(../img/cloud_white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.2em;
        font-weight: 600;
    }
    .project_recommend ul .clouds_yellow{
        padding: 0;
        width: calc((100% / 4) - 15px);
        height: 230px;
        background-image: url(../img/cloud_yellow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 1.2em;
        font-weight: 600;
        color: #21A89D;
    }
    
	.background-white{
		background: #fff;
		z-index: 10;
	}
    .pc_only1{ 
        display: none;
    }
	
	@keyframes move-background {
		from {
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		to { 
			-webkit-transform: translate3d(1000px, 0px, 0px);
		}
	}
	@-webkit-keyframes move-background {
		from {
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		to { 
			-webkit-transform: translate3d(1000px, 0px, 0px);
		}
	}
	@-moz-keyframes move-background {
		from {
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		to {
			-webkit-transform: translate3d(1000px, 0px, 0px);
		}
	}
    @-webkit-keyframes move-background {
		from {
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		to { 
			-webkit-transform: translate3d(1000px, 0px, 0px);
		}
	}

}
	
/*-----------------------基本設定---------------------*/

/*------------------------------SP版--------------------------*/
@media only screen and (max-width:766px){
    .pc_only{ 
        display: none;
    }
    /*.all{
        margin:0 auto;
        width: 100%;
        max-width: 1000px;
        background-color: #fff;
    }*/
    main{
        width: 100%;
        overflow: hidden;
    }
    footer{
        width: 100%;
        background-color: #ddd;
    }
    .contents-all{
        width: 90%;
        margin: 0 auto;
    }

    .space_top{
        margin-top: 15%;
    }
    .space_bottom{
        margin-bottom: 15%;
    }

    .ci-line{
        border-top: 10px solid rgb(4, 52, 146);
        border-image: linear-gradient(90deg, rgb(255, 242, 78), rgb(0, 132, 226), rgb(4, 52, 146));
        border-image-slice: 1;
    }
    .p-title_contents{
        width: 100%;
        margin: 0 auto 70px;        
        background: linear-gradient(90deg, rgb(0, 132, 226), rgb(4, 52, 146));
        border-image-slice: 1;
        margin-bottom: 0px;
    }
    .p-title_contents h2{
        margin: 0 0 10px 0;
        padding-top:10%; 
        padding-bottom:10%; 
        color: #fff;
        font-size: 1.5em;
        font-family:sans-serif;
        text-align: center;
        line-height: 1.4em;
    }
    /* 申込ボタン */
    #cat_cta{
        width: 100%;
        margin: 5% auto 0;
        padding: 5% 0;
        color: #fff;
        text-align: center;
        background-color: #005093; 
    }
    .cta_area{
        width: 90%;
        margin: 0 auto;
    }
    .text_entry{
        font-size: 1.1em;
        line-height: 1.5em;
    }
    .text_entry_check{
        font-size: 0.8em;
    }
    .btn1{
        position: relative;
        width:100%;
        text-align: center;
        background-color: #666;
        display: block;
        padding:5px 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        /*background: transparent linear-gradient(180deg, #FFBE58 0%, #EF9407 100%) 0% 0% no-repeat padding-box;*/
        color: #ffffff;
        border-radius: 50px;
        font-size: 20px;
        font-weight: bold;
        /*border: 1px solid #EF9407;
        transition:all 0.3s ease-in-out;*/
    }
    /*.btn1:link,.btn1:hover,.btn1:visited{
        color: #EF9407;
    }
    .btn1:hover{
        color:#EF9407;
        background-color: #fff;
        background: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));
    }*/

    /* ボタン（上部ヘッダー用） */
    .btn2{
        top: 0;
        right: 0;
        content: url(../img/cta_terms.png);
        width: 50%;
        max-width: 250px;
        position: absolute;
        float: right;
        text-align: center;
        padding:10px 10px;
        margin-top: 10px;
        margin-right: 10px;
        border-radius: 50px;
        border: 1px solid #005093;
        background-color: #fff;
        border-radius: 70px;
        transition: all 0.3s ease-in-out;
        }
    .btn2:hover{
        content: url(../img/cta_terms_hover.png);
        background-color: #005093;
    }

    /*------ ヘッダー ------*/
    .header-logo{
        margin: 10px 0 0 15px;
        display: inline-block;
        width: 50%;
    }
    .logo-sawakami{
        max-width:150px;
    }
    .area_logo{
        width: 100%;
        height: 60px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        text-align: left;
        padding:0;
        margin: 0 0 0 0;
        box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .4);
        background-color: rgba(255,255,255,0.7);
        z-index: 999;
    }
    .alarttext_space{
        text-align: center;
        margin-top: 2%;
        margin-bottom: 8%;
        font-size: 0.8em;
    }

   /** 参加者の声 **/
	#customer-voice{
		width: 90%;
		margin: 0 5%;
	}
	#customer-voice p{
		font-size: 0.9em;
		text-align: left;
	}
	#customer-voice span{
		font-weight: 800;
	}
	.customer-voice1,.customer-voice3,.customer-voice5{
		background: #BFE8FF;
		border-radius: 20px;
		margin-top: 30px;
		padding: 5%;
		text-align: center;
	}
	.customer-voice2,.customer-voice4,.customer-voice6{
		background: #FFFC9A;
		border-radius: 20px;
		margin-top: 30px;
		padding: 5%;
		text-align: center;
	}
	.customer-voice1_img,.customer-voice2_img,.customer-voice3_img,.customer-voice4_img,.customer-voice5_img,.customer-voice6_img{
		width:30%;
		margin: 0 auto 10px;
	}
	.customer-voice_attention{
		margin: 20px 0;
		font-size: 0.9em;
	}
	.customer-voice_questionnaire{
		margin: 80px 0;
	}
	.customer-voice_questionnaire_img{
		width: 90%;
		align-items: center;
		margin: 0 auto;
	}
	.customer-voice_questionnaire_img img{
		width: 100%;
	}
	.customer-voice_questionnaire hr{
		width: 90%;
		height: 5px;
		border: 5px solid #D9D9D9;
		margin: 20px auto;
	}
	.customer-voice_questionnaire_title{
		width: 50%;
		font-size: 1.6em;
		font-weight: 700;
		text-align: center;
		background:#BFE8FF; 
		padding: 15px;
		margin: 50px auto 30px;
	}
	.customer-voice_questionnaire_text{
		font-size: 1.2em;
		margin: 30px 0 50px;
	}
	.customer-voice_questionnaire_text br{
		display: none;
	}
	.customer-voice_questionnaire_attention{
		font-size: 0.9em;
		margin-top: 3%;
	}
	
	 /*contents紹介*/
	.contents{
		width: 90%;
		margin: 0 5% 100px;
	}
	.contents_title{
		font-size: 1.2em;
		font-weight: 800;
		margin: 20px 0;
	}
	.contents_question{
		border: 2px solid #004896;
		border-radius: 10px;
		padding: 8%;
		margin: 20px 0 0;
	}
	.contents_question h2{
		text-align: center;
		font-size: 1.2em;
	}
	.contents_question ul{
		margin: 20px 0;
	}
	.contents_question ul li{
		margin-bottom: 20px;
	}

	.contents_question ul li::before{
		display:inline-block;
		vertical-align: middle;
		content:'';
		width:1em;
		height: 1em;
		background: #198DCE;
		border-radius: 50%;
		margin-right: 8px;
	}
	
    /*主催社メッセージ*/
	#cat_about{
		width: 90%;
		margin: 0 5% 80px;
	}
	
	/*アコーディオン*/
	.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
	}
	.accordion-area li{
    margin: 10px 0;
	}
	.accordion-area section {
	background: #E9F1FF;
	}

	.accordion_title {
		position: relative;
		cursor: pointer;
		font-size:1rem;
		font-weight: normal;
		padding: 5% 30px 5% 5%;
		transition: all .5s ease;
		font-size: 1.4em;
		font-weight: 800;
		text-align: center;
	}

	.accordion_title::before,.accordion_title::after{
		position: absolute;
		content:'';
		width: 15px;
		height: 2px;
		background-color: #333;
	}
	.accordion_title::before{
		top:48%;
		right: 15px;
		transform: rotate(0deg); 
	}
	.accordion_title::after{ 
		top:48%;
		right: 15px;
		transform: rotate(90deg);
	}
  /*　close　*/
	.accordion_title.close::before{
		transform: rotate(45deg);
	}
	.accordion_title.close::after{
		transform: rotate(-45deg);
	}
	
	/*出現エリア*/
	.accordion_box{
		display: none;/*はじめは非表示*/
		margin:0 3% 3% 3%;
		padding: 3%;
}
	
	/*リード文*/
    .main-text_box{
        margin: 5% 5% 0%;
    }
    .main-text{
        font-size: 0.85em !important;
        line-height: 2em !important;
        margin-bottom: 8% !important;
    }
    .sub-text{
        font-size: 0.85em;
        line-height: 1.8em !important;
        margin-top: 5% !important;
        margin-bottom: 5%;
    }

    /*参加条件の確認*/
	#entry{
		width: 90%;
		margin: 0 5% 100px;
	}
	.entry-contents{
		position: relative;
	}
	.entry-contents-frame{
		width: 90%;
        min-height: 250px;
		padding: 10%;
		background: #FFFC9A;
		border-radius: 30px;
		margin: 65px auto 0;
		justify-content: center;
		align-items: center;
	}
	.entry-contents-frame h2{
		font-size: 1.4em;
		text-align: center;
		align-content: center;
		margin:10px 0 10px; 
	}
	.entry-contents1,.entry-contents2,.entry-contents3,.entry-contents4{
		width: 110px;
		margin: 0 auto;
		margin-top: -80px;
		text-align: center;
	}
	.entry-contents2{
		margin-bottom: 30px;
	}
	.entry-contents3{
		width: 125px;
        padding-left: 15px;
	}
	
	.entry-contents-frame img{
		width: 100%;
	}
	

    .text_bold{
        font-size: 1.4em;
        font-weight: bold;
        color: #005093;        
    }
    .text_etc{
        font-size: 0.9em;
        margin-top: 5%;
		text-align: center;
    }
    .btn_requirement{
        color: #ffffff;
        font-size: 1.3em;
        background-color: #198DCE;
        padding-top: 5%;
        padding-bottom: 5%;
        margin: 15% 0 0 ;
        text-align: center;
        border-radius: 20px;
    }
    .size_arrow{
        width: 6.5%;
        vertical-align: text-bottom;
        margin: 0 0 0 3px;
    }
    .btn_requirement:hover{
        opacity: 0.9;
    }

/*参加方法*/
    #cat_flow{
        width: 100%;
        margin: 0 auto 20%;
    }
    .cat_flow_bg{
        background-color:#E9F1FF;
        text-align: center;
        margin: 5% auto 10%;
        width: 86%;
    }
    #cat_flow .alertlink{
        text-align: left;
        margin: 8% auto 8%;
        width: 86%;
        font-size: 0.9em;
    }
    .stepmark{
        width: 30%;
        padding-top:3%;
        padding-bottom: 2%;
        margin: 0 auto 3%;
        background-color: #005093;
        color: #ffffff;
        font-size: 1em;
        font-weight: bold;
        border-radius: 20px;
    }
    .step1,.step2,.step3,.step4{
        margin-left: 5%;
        margin-right: 5%;
    }
    .step_space_top1{
        padding-top: 5% ;
    }
    .step_space_top2{
        padding-top: 10% ;
    }
    .step_space_bottom1{
        padding-bottom: 5% ;
    }
    .step_space_bottom2{
        padding-bottom: 10% ;
    }
    .bg_size{
        width: 100%;
    }
    .cat_flow_bg .img1{
        width: 20%;
        float: left;
        margin-right: 0;
    }
    .step2 img{
        padding-right: 10px;
    }
    .step4 img{
        width: 80%;
    }
    .step1_position,.step2_position,.step3_position,.step4_position{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding-bottom: 20px;
        text-align: left;
    }
    .text_main_step1{
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
        line-height: 1.6em;
    }
    .text_sub1_step1{
        width: 85%;
        margin: 0 auto;
        font-size: 0.8em;
        line-height: 1.8em;
        font-weight: bold;
        text-align: center;
    }
    .text_sub2_step1{
        width: 85%;
        margin: 0 auto;
        margin-top: 5%;
        font-size: 0.8em;
        line-height: 1.6em;
    }
    .banner-img{
        width: 100%;
        margin: 5% 0;
        box-shadow: 3px 3px 5px rgba(150,150,150,0.8);
    }
    .text_main_step2{
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
        line-height: 1.6em;
    }
    .text_sub_step2{
        width: 85%;
        margin: 0 auto;
        font-size: 0.9em;
        line-height: 1.6em;
        font-weight: bold;
        text-align: center;
    }
    .text_main_step3{
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;
        text-align: left; 
    }
    .text_sub1_step3{
        width: 90%;
        margin: 0 auto;
        font-size: 0.9em;
        line-height: 1.6em;       
        font-weight: bold;
        text-align: center;       
        }
    .text_sub2_step3{
        width: 85%;
        margin: 0 auto;
        margin-top: 5%;
        font-size: 0.8em;
        line-height: 1.6em;      
        text-align: center;  
    }
    .text_main_step4{
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;          
    }
    #cat_flow .btn_requirement{
        max-width: 80%;
        margin: 0 auto 0;
    }
    #cat_flow .textbox_alert{
        width: 80%;
        margin: 50px 10% 0;
        font-size: 0.9em;
        line-height:1.8em;
    }
    #cat_flow .textbox_alert p{
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: 10px;
    }

    /*----コンテンツ紹介----*/
    #cat_introduction{
        width: 100%;
        margin: 0 auto 10%;        
    }
    .cat_introduction_bg{
        text-align: center;
        margin: 50px 0 50px;
        width: 100%;
    }
    #cat_introduction iframe{
        width: 90%;
        height:auto;
        aspect-ratio: 16 / 9;
        margin-top: 20px;
        border: 0.3px solid #ccc;
    }
    #cat_introduction .box-sample{
        position: relative;
        width: 90%;
        margin:50px 5% 0;
        padding: 30px;
        border-radius: 30px;
        border: 5px solid #005093;
    }
    #cat_introduction .box-sample h4{
        padding: 0 0 15px;
        font-size: 1.4em;
        color: #005093;
    }
    #cat_introduction .box-sample ul{
        text-align: left;
    }
    #cat_introduction .box-sample ul li{
        margin-bottom: 10px;
        text-indent: -1.5em;
        padding-left: 1.5em;
        font-size: 1em;
    }
    #cat_introduction .cat_introduction_bg .cta-button{
        background-color: #666;
        color: #fff;
        width: 80%;
        font-size: 20px;
        font-weight: bold;
        padding: 10px;
        margin-top: 20px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
        transition:all .2s ease;
    }
    /*#cat_introduction .cta-button:hover{
        background-color: #043492;
        box-shadow:none;
        transform:translate(5px, 5px);
    }*/
    #cat_introduction .video_wrapper{
        width:90%;
        max-width: 900px;
        margin: 0 5% 10px;
    }
    #cat_introduction .video_wrapper video{
        width:100%;
        margin:0 auto;
    }


    /* 全体スケジュール */
    #cat_schedule{
        width: 100%;
        margin: 0 auto 20%;        
    }
    #cat_schedule .subtitle1{
        font-size: 1em;
        font-weight: bold;
    }
    #cat_schedule .redbold{
        font-size: 1.4em;
        font-weight: bold;
        color:#ff0000;
    }
    #cat_schedule .underline{
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: underline;
    }
	
    .text_space{
        padding-bottom: 20px;
    }
    #cat_schedule table{
        width:100%;
        margin: 20px 0 20px;
        font-size: 1em;
        vertical-align: middle;
    }
    #cat_schedule table th,#cat_schedule table td{
        text-align: center;
        width: 50%;
        border: 1px solid #aaa;
        padding: 10px 5px 10px;
        vertical-align: middle;
    }
    #cat_schedule table th{
        background-color:#FFFC9A ;
    }
    #cat_schedule table th:nth-child(2){
        background-color:#FFFC9A ;
    }
    #cat_schedule table td{
        background-color:#fff ;
    }
    #cat_schedule .dotsize{
        text-align: center;
        font-size: 20px;
        line-height: 18px;
        margin-bottom: 10px;
    }

/* 注意点 */
    #cat_important{
        width: 100%;
        margin: 0 auto 25%;        
    }
    .text_important_lead{
        font-size: 1.2em;
		text-align: left;
    }

    .box_important_group{
        margin-top: 10%;
    }
    .box_important1{
        width: 48%;
        float:left;
        margin: 5% 2% 5% 0;
        padding: 8% 5%;
        border: 5px solid #005093;
        border-radius: 30px 30px 30px 30px;
        text-align: center;
        background-color: #FFF9D1; 
    }
    .box_important1 img{
        width: 40%;
        margin: 0 20% 0 30%;
    }
    .box_important2{
        width: 48%;
        float:left;
        margin: 5% 2% 3% 0;
        padding: 8% 5%;
        border: 5px solid #005093;
        border-radius: 30px 30px 30px 30px;
        text-align: center;
        background-color: #FFF9D1; 
    }
    .box_important2 img{
        width: 40%;
        margin: 0 30% 0 20%;
    }
    .box_important2_small{
        display: block;
        margin-top: 2%;
        margin: 2% auto 0;
        text-align: justify;
        font-size: 0.7em;
    }
    .text_important_main{
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
        line-height: 1.3em;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 5%;
        position: relative;
    }
    .important_small{
        position: absolute;
        top: -15px;
        right: -10px;
        font-size: 0.8em;
    }           
    .text_important_sub{
        font-size: 1.0em;
        font-weight: bold;
        line-height: 1.5em;
        margin-bottom: 7%;
    }
    .text_important_small{
        font-size: 0.7em;
        line-height: 1.5em;
    } 
    .text_important_etc{
        clear: both;
        font-size: 1em;
        line-height: 1.8em;
    }



/* さわかみ投信の特徴 */
    #cat_feature{
        width: 100%;
        margin: 0 auto 25%;        
    }
    .area_feature{
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .area_feature img{
        width: 100%;
    }
    .area_feature h3{
        text-align: center;
        color: #005093;
        font-size: 1.2em;
        margin-bottom: 7%;
    }
    .area_feature p{
        text-align: left;
        font-size: 0.9em;
        line-height: 2em;
        margin-bottom: 5%;
    }
    .area_feature hr{
        margin:15% 10%;
    }
    .block_feature{
        width: 90%;
        margin: 0 auto;
    }
    .subtitle_feature{
        text-align: center;
        color: #ffffff;
        font-size: 0.9em;
        background-color: #005093;
        margin: 3% 0 5% 0;
        padding: 1% 0;
    }
    

   /** プロジェクト条件 **/
   #cat_requirement{
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20%;        
    }
    #cat_requirement .link_exist{
        font-size: 0.9em;
        margin-top: 5%;
        padding-bottom: 5%;
        margin-bottom: 8%;
        border-bottom:1px solid #aaa;
    }    
    #cat_requirement h4{
        margin: 10% 0 1% 0;
        font-size: 1.1em;
        font-weight: bold;
        color: #005093;
    }
    #cat_requirement p{
        margin: 0 0 0 0;
        font-size: 0.9em;
        line-height: 2em;
    }
    .text_requirement_small{
        font-size: 0.7em;
        line-height: 0.7em;
        } 
    #cat_requirement ul li{
        margin: 0 0 8px 0;
        font-size: 0.9em;
        line-height: 2em;list-style-type:none;
        padding-left: 1em;
        text-indent: -1em;
    }

    /** 留意事項など **/
    .consideration{
        background-color: #ddd;
        padding: 10% 0;
    }
    .title-consideration{
        font-size: 1em;
        font-weight: bold;
    }    
    .para-consideration{
        margin-bottom:0;
        width: 100%;
        line-height: 1.8em;
        font-size: 0.7em;
    }
    .copyright {
      background-color: #848484;
      padding: 45px 0; }
      .copyright p {
        color: #fff;
        font-size: 0.6em;
        text-align: center; }
    .disclamer {
        padding: 60px 0; }
    .disclamer_box {
        background-color: #eee; }
    .disclamer_box .box {
        margin-bottom: 40px; }
    .disclamer_box .box:last-child {
        margin-bottom: 0; }
    .disclamer_box .box h3 {
        font-size: 0.8em;
        font-weight: 700;
        margin-bottom: 5px; }
    .disclamer_box .box p {
        font-size: 0.7em;
        line-height: 1.4; }
    .disclamer_box .box p.attn {
        margin-top: 20px; }
    .disclamer_box .box p.attn2 {
        margin-top: 10px;
        margin-bottom: 10px;}
    .disclamer_box .box .line {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #555555; }
    .disclamer_box .box .line.bdru {
        border-top: 1px solid #555555; }
    .disclamer_box .box .line > div {
        padding: 10px 0;
        height: 100%; }
    .disclamer_box .box .line .left_blc {
        width: 180px;
        padding-left: 20px; }
    .disclamer_box .box .line .left_blc p {
        font-weight: 700; }
    .disclamer_box .box .line .right_blc {
        width: calc(100% - 180px); }    

}
/*----------------------PC版（767px～）-----------------------*/
@media only screen and (min-width:767px){

/*-----共通-------*/
    .sp_only{ 
        display: none;
    }
    /*.all{
        margin:0 auto;
        width: 100%;
        max-width: 1000px;
        background-color: #fff;
    }*/
    main{
        width: 100%;
        overflow: hidden;
    }
    footer{
		position: relative;
        width: 100%;
        background-color: #ddd;
		z-index: 20;
    }
    .contents-all{
        width: 90%;
        margin: 0 auto;
    }
    .space_top{
        margin-top: 10%;
    }
    .space_bottom{
        margin-bottom: 10%;
    }
    .ci-line{
        border-top: 15px solid rgb(4, 52, 146);
        border-image: linear-gradient(90deg, rgb(255, 242, 78), rgb(0, 132, 226), rgb(4, 52, 146));
        border-image-slice: 1;
        margin-bottom: 0px;
    }
    .p-title_contents{
        position: relative;
        width: 100%;
        margin: 0 auto 70px;        
        background: linear-gradient(90deg,  rgb(0, 132, 226), rgb(4, 52, 146));
        border-image-slice: 1;
        margin-bottom: 0px;
    }
    .p-title_contents h2{
        margin: 0 0 10px 0;
        padding-top:50px; 
        padding-bottom:50px; 
        color: #fff;
        font-size: 2em;
        font-family:sans-serif;
        text-align: center;
        line-height: 1.4em;
    }

    /* 申込ボタン */
    #cat_cta{
        width: 100%;
        margin: 30px auto 0;
        padding: 20px 0;
        color: #fff;
        text-align: center;
        background-color: #005093; 
    }
    .cta_area{
        width: 90%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .text_entry{
        font-size: 1.6em;
    }
    .text_entry_check{
        font-size: 1.0em;
    }

    .btn1{
        position: relative;
        width:80%;
        text-align: center;
        padding:10px 10px;
        margin: 10px auto 15px;
        background-color: #666;
        /*background: transparent linear-gradient(180deg, #FFBE58 0%, #EF9407 100%) 0% 0% no-repeat padding-box;*/
        color: #ffffff;
        border-radius: 50px;
        font-size: 1.7em;
        font-weight: bold;
        /*border: 1px solid #EF9407;
        transition:all 0.3s ease-in-out;*/
    }
    /*.btn1:link,.btn1:hover,.btn1:visited{
        color: #EF9407;
    }
    .btn1:hover{
        color:#EF9407;
        background-color: #fff;
        background: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));
    }*/

    /* ボタン（上部ヘッダー用） */
    .btn2{
        top: 0;
        right: 0;
        content: url(../img/cta_terms.png);
        width: 400px;
        position: absolute;
        float: right;
        text-align: center;
        padding:5px 25px;
        margin-top: 12px;
        margin-right: 20px;
        border: 1px solid #005093;
        background-color: #fff;
        border-radius: 70px;
        transition: all .3s ease;
        }
    .btn2:hover{
        content: url(../img/cta_terms_hover.png);
        background-color: #005093;
    }
    /*------ ヘッダー ------*/
    .header-logo{
        margin: 10px 0 0 20px;
        display: inline-block;
    }
    .logo-sawakami{
        width:200px;
    }
    .area_logo{
        width: 100%;
        height: 70px;
        position:absolute;
        top: 0;
        left: 0;
        display: block;
        text-align: left;
        padding:0;
        margin: 0 0 0 0;
        box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .2);
        background-color: rgba(255,255,255,0.7);
        z-index: 999;
    }
    .alarttext_space{
        margin-top: 3%;
        margin-bottom: 6%;
        font-size: 1.2em;
        text-align: center;
    }

   /** 参加者の声 **/
	#customer-voice{
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#customer-voice p{
		text-align: left;
		font-size: 1em;
	}
	#customer-voice span{
		font-weight: 800;
	}
	.customer-voice_grid{
		 display: grid;
		width: fit-content;
		column-gap: 2em;
		grid-template-columns: repeat(2, auto);
	}
	.customer-voice1,.customer-voice3,.customer-voice5{
		display: flex;
		position: relative;
		align-items: center;
		background: #BFE8FF;
		border-radius: 20px;
		Line-height:2;
		margin-top: 30px;
		padding: 30px 40px;
		text-align: center;
	}
	.customer-voice2,.customer-voice4,.customer-voice6{
		display: flex;
		position: relative;
		align-items: center;
		background: #FFFC9A;
		border-radius: 20px;
		Line-height:2;
		margin-top: 30px;
		padding: 30px 40px;
		text-align: center;
		
	}
	.customer-voice1_img,.customer-voice2_img,.customer-voice3_img,.customer-voice4_img,.customer-voice5_img,.customer-voice6_img{
		width: 20%;
		max-width: 150px;
		margin: 0 30px 10px 0;
	}
	.customer-voice_attention{
		margin: 20px 0;
	}
	.customer-voice_questionnaire{
		margin: 80px 0;
	}
	.customer-voice_questionnaire_flex1{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.customer-voice_questionnaire_flex2{
		display: flex;
		flex-direction: row-reverse; 
		justify-content: space-between;
		align-items: center;
	}
	.customer-voice_questionnaire_img{
		width: 42%;
		align-items: center;
		margin: 0 auto;
	}
	.customer-voice_questionnaire_img img{
		width: 100%;
	}
	.customer-voice_questionnaire hr{
		width: 75%;
		height: 5px;
		border: 5px solid #D9D9D9;
		margin: 20px auto;
	}
	.customer-voice_questionnaire_title{
		width: 30%;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		background:#BFE8FF; 
		padding: 15px;
		margin: 50px auto 30px;
	}
	.customer-voice_questionnaire_text{
		margin: 30px 0 50px;
		font-size: 1.2em;
		text-align: center;
	}
	
	.customer-voice_questionnaire_attention{
		text-align: center;
		margin-top: 5%;
	}
	
	/*contents紹介*/
	.contents{
		width: 90%;
		max-width: 800px;
		margin: 0 auto 100px;
	}
	.contents_title{
		font-size: 1.4em;
		font-weight: 800;
		margin: 30px 0;
		text-align: center;
	}
	.contents_question{
		border: 2px solid #004896;
		border-radius: 10px;
		padding: 8%;
		margin: 40px 0;
	}
	.contents_question h2{
		text-align: center;
		font-size: 1.6em;
	}
	.contents_question ul{
		margin: 20px 0;
	}
	.contents_question ul li{
		margin-bottom: 20px;
		font-size: 1.2em;
	}
	.contents_question ul li::before{
		display:inline-block;
		vertical-align: middle;
		content:'';
		width:1em;
		height: 1em;
		background: #198DCE;
		border-radius: 50%;
		margin-right: 8px;
	}
	
	/*主催者メッセージ*/
	#cat_about{
		width: 90%;
		max-width: 800px;
		margin: 0 auto 80px;
	}
	/*アコーディオン*/
	.accordion-area{
    list-style: none;
    margin:0 auto;
	}
	.accordion-area li{
    margin: 10px 0;
	}
	.accordion-area section {
	background: #E9F1FF;
	}

	.accordion_title {
		position: relative;
		cursor: pointer;
		font-size:1rem;
		font-weight: normal;
		padding: 4% 30px 4% 3%;
		transition: all .5s ease;
		font-size: 1.8em;
		font-weight: 800;
		text-align: center;
	}

	.accordion_title::before,.accordion_title::after{
		position: absolute;
		content:'';
		width: 15px;
		height: 2px;
		background-color: #333;
	}
	.accordion_title::before{
		top:48%;
		right: 15px;
		transform: rotate(0deg); 
	}
	.accordion_title::after{ 
		top:48%;
		right: 15px;
		transform: rotate(90deg);
	}
  /*　close　*/
	.accordion_title.close::before{
		transform: rotate(45deg);
	}
	.accordion_title.close::after{
		transform: rotate(-45deg);
	}
	
	/*出現エリア*/
	.accordion_box{
		display: none;/*はじめは非表示*/
		margin:0 3% 3% 3%;
		padding: 3%;
}
    /*リード文*/
    .main-text_box{
        width:80%;
        margin: 5% 5% 0%;
    }
    .main-text{
        font-size: 16px !important;
        line-height: 30px !important;
        margin-bottom: 40px !important;
    }

    .sub-text{
        font-size: 1em;
        line-height: 4em !important;
        margin-bottom: 20px;
    }

    /*参加条件の確認*/
	#entry{
		width: 90%;
		max-width: 800px;
		margin: 0 auto 100px;
	}
	.entry-contents{
		display: flex;
		position: relative;
		justify-content: space-between;
		margin: 100px 0 0;
	}
	.entry-contents-frame{
		width: 48%;
		padding: 5%;
		background: #FFFC9A;
		border-radius: 20px;
	}
	.entry-contents-frame h2{
		font-size: 1.4em;
		text-align: center;
		align-content: center;
		margin:10px 0; 
	}
	.entry-contents-frame h2 br{
		display: none;
	}
	.entry-contents1,.entry-contents2,.entry-contents3{
		width: 130px;
		margin: 0 auto;
		margin-top: -100px;
	}
    .entry-contents2{
		margin-bottom: 20px;
	}
	.entry-contents3{
		margin-left: 100px;
	}
	.entry-contents4{
		width: 110px;
		margin: 0 auto;
		margin-top: -120px;
		margin-bottom: 30px;
	}
	
	.entry-contents-frame img{
		width: 100%;
	}
	
	
   
    .text_etc{
        font-size: 0.9em;
        margin-top: 50px;
    }
    .btn_requirement{
        color: #ffffff;
        font-size: 1.3em;
        background-color: #198DCE;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 50px 0 100px ;
        text-align: center;
        border-radius: 20px;
        transition: all .3s ease;
    }
    .size_arrow{
        width: 25px;
        vertical-align: text-bottom;
        margin: 0 0 0 8px;
    }
    .btn_requirement:hover{
        opacity: 0.7;
    }

/*参加方法*/
    #cat_flow{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 5%;        
    }
    .cat_flow_bg{
        background-color:#E9F1FF;
        text-align: center;
        margin: 50px 10% 20px;
        width: 80%;
        max-width: 800px;
    }
    #cat_flow .alertlink{
        text-align: left;
        margin: 5% auto 2%;
        width: 80%;
        font-size: 0.9em;
    }
    .stepmark{
        width: 300px;
        padding-top:10px;
        padding-bottom: 10px;
        margin: 0 auto 20px;
        background-color: #005093;
        color: #ffffff;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 50px;
        text-align: center;
    }
    .step1,.step2,.step3,.step4{
        margin-left: 5%;
        margin-right: 5%;
    }
    .step_space_top1{
        padding-top: 25px ;
    }
    .step_space_top2{
        padding-top: 50px ;
    }
    .step_space_bottom1{
        padding-bottom: 25px ;
    }
    .step_space_bottom2{
        padding-bottom: 50px ;
    }
    .bg_size{
        width: 100%;
    }
    .banner-img{
        width: 100%;
        margin: 10px 0 5px;
        box-shadow: 5px 5px 5px rgba(150,150,150,0.6);
    }
    .step1{
        text-align: left;
    }
    .step2{
        text-align: center;
    }
    .step3{
        text-align: center;
    }
    .cat_flow_bg .img1{
        width: 100px;
        float: left;
        margin-right: 2%;
    }
    .step4 img{
        width: 450px;
    }
    .step1_position,.step2_position,.step3_position,.step4_position{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        padding-bottom: 20px;
        text-align: left;
    }
    .step2_position{
        text-align: left;
    }
    .step3_position{
        text-align:center;
    }
    .text_main_step1{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;
    }
    .text_sub1_step1{
        font-size: 1em;
        line-height: 1.6em;
        font-weight: bold;
        text-align: center !important;
    }
    .text_sub2_step1{
        font-size: 1em;
        line-height: 1.6em;
        text-align: left !important;
    }
    .text_main_step2{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.6em;;            
    }
    .text_sub_step2{
        font-size: 1em;
        line-height: 1.8em;
        font-weight: bold;
    }
    .text_main_step3{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;         
        text-align: left;
    }
    .text_sub1_step3{
        font-size: 1em;
        line-height: 1.8em;       
        font-weight: bold;

    }
    .text_sub2_step3{
        margin-top: 5%;
        font-size: 0.8em;
        line-height: 1.6em;       
    }
    .text_main_step4{
        font-size: 1.8em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;          
    }
    #cat_flow .btn_requirement{
        max-width: 80%;
        margin: 0 auto 0;
    }
    #cat_flow .textbox_alert{
        width: 80%;
        margin: 50px 10% 0;
        font-size: 0.9em;
        line-height:1.8em;
    }
    #cat_flow .textbox_alert p{
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px;
    }


    /*----コンテンツ紹介----*/
    #cat_introduction{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 15%;        
    }
    .cat_introduction_bg{
        text-align: center;
        margin: 50px 0 100px;
        width: 100%;
        max-width: 1000px;
    }
    #cat_introduction iframe{
        width: 90%;
        max-width: 1000px;
        height:auto;
        aspect-ratio: 16 / 9;
        margin-top: 20px;
        border: 0.3px solid #ccc;
    }
    #cat_introduction .box-sample{
        position: relative;
        width: 90%;
        margin:50px 5% 0;
        padding: 30px;
        border-radius: 30px;
        border: 5px solid #005093;
    }
    #cat_introduction .box-sample h4{
        padding: 0 0 15px;
        font-size: 1.8em;
        color: #005093;
    }
    #cat_introduction .box-sample ul{
        text-align: left;
    }
    #cat_introduction .box-sample ul li{
        margin-bottom: 10px;
        text-indent: -1.5em;
        padding-left: 1.5em;
        font-size: 1.1em;
    }
    #cat_introduction .cat_introduction_bg .cta-button{
        background-color: #666;
        color: #fff;
        width: 500px;
        font-size: 24px;
        font-weight: bold;
        padding: 20px;
        margin-top: 20px;
        border-radius: 50px;
        display: inline-block;
        box-shadow: 5px 5px rgba(0, 0, 0, .5);
        transition:all .2s ease;
    }
    /*#cat_introduction .cta-button:hover{
        background-color: #043492;
        box-shadow:none;
        transform:translate(5px, 5px);
    }*/
    #cat_introduction .video_wrapper{
        width:90%;
        max-width: 900px;
        margin: 10px 5% 10px;
    }
    #cat_introduction .video_wrapper video{
        width:100%;
        margin:0 auto;
    }

    /* 全体スケジュール */
    /*#cat_image{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }*/
    #cat_schedule{
        width: 100%;
        max-width: 1000px;
        margin: 50px auto 0;
    }
    #cat_schedule .subtitle1{
        font-size: 1.1em;
        font-weight: bold;
    }
    #cat_schedule .redbold{
        font-size: 1.6em;
        font-weight: bold;
        color:#ff0000;
    }
    #cat_schedule .underline{
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: underline;
    }
    .text_space{
        padding-bottom: 20px;
    }
    #cat_schedule table{
        width:100%;
        margin: 20px 0 20px;
        font-size: 1.1em;
    }
    #cat_schedule table th,#cat_schedule table td{
        text-align: center;
        width: 50%;
        border: 1px solid #aaa;
        padding: 10px 5px 10px;
    }
    #cat_schedule table th{
        background-color:#FFFC9A ;
    }
    #cat_schedule table th:nth-child(2){
        background-color:#FFFC9A ;
    }
    #cat_schedule table td{
        background-color:#fff ;
    }
    #cat_schedule .dotsize{
        text-align: center;
        font-size: 20px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    /* 注意点 */
    #cat_important{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;        
    }
    .text_important_lead{
        font-size: 1.2em;
    }
    .box_important_group{
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .box_important1{
        float: left;
        width: 48%;
        height: 320px;
        margin: 50px 2% 70px 0;
        padding: 30px 30px;
        border: 5px solid #005093;
        border-radius: 30px 30px 30px 30px;
        text-align: center;
        background-color: #FFF9D1; 
    }
    .box_important1 img{
        width: 200px;
        margin: 0 auto;
		margin-left: 50px;
    }
    .box_important2{
        float: left;
        width: 48%;
        height: 320px;
        margin: 50px 0 1% 2%;
        padding: 30px 30px;
        border: 5px solid #005093;
        border-radius: 30px 30px 30px 30px;
        text-align: center;
        background-color: #FFF9D1; 
    }
    .box_important2 img{
        width: 200px;
        margin: 0 auto;
		margin-right: 20px;
    }
    .box_important2_small{
        display: block;
        margin-top: 2%;
        margin: 2% auto 0;
        text-align: justify;
        font-size: 0.8em;
    }
    .text_important_main{
        font-size: 1.5em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 5%;
        position: relative;
    }
    .important_small{
        position: absolute;
        top: -17px;
        right: -17px;
        font-size: 0.7em;
    } 
    .text_important_sub{
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1.5em;
        margin-bottom: 3%;
        }
    .text_important_small{
        font-size: 0.9em;
        line-height: 1.8em;
        } 
    .text_important_etc{
        clear: both;
        font-size: 1.2em;
        line-height: 1.8em;
    }

    /* さわかみ投信について */
    #cat_feature{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 10%;        
    }
    .area_feature{
        margin-top: 100px;
        margin-bottom: 30px;
    }
    .area_feature img{
        width: 100%;
    }
    .area_feature h3{
        text-align: center;
        color: #005093;
        font-size: 1.7em;
        margin-bottom: 5%;
    }
    .area_feature p{
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 3%;
    }
    .area_feature hr{
        margin:15% 10%;
    }
    .block_feature{
        width: 90%;
        margin: 0 auto;
    }
    .subtitle_feature{
        text-align: center;
        color: #ffffff;
        font-size: 0.9em;
        background-color: #005093;
        margin: 3% 0 5% 0;
        padding: 1% 0;
    }

   /** プロジェクト条件 **/
    #cat_requirement{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
		padding-bottom: 5%;
    }
    #cat_requirement .link_exist{
        font-size: 0.9em;
        margin-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-bottom:1px solid #aaa;
    }    
    #cat_requirement h4{
        margin: 25px 0 3px 0;
        font-size: 1.2em;
        font-weight: bold;
        color: #005093;
    }
    #cat_requirement p{
        margin: 0 0 5px 0;
        font-size: 0.9em;
        line-height: 2em;
    }
    #cat_requirement ul li{
        margin: 0 0 10px 0;
        font-size: 0.9em;
        line-height: 2em;list-style-type:none;
        padding-left: 1em;
        text-indent: -1em;
    }

    /** 留意事項など **/
    .consideration{
        width: 100%;
        padding: 50px 0;
    }
    .title-consideration{
        font-size: 1.0em;
        font-weight: bold;
    }    
    .para-consideration{
        margin-bottom:0;
        width: 100%;
        line-height: 1.8em;
        font-size: 0.8em;
    }

    /** リスク手数料 **/
    .disclamer {
        width: 100%;
        margin: 0 auto;
        padding: 60px 0; }
    .disclamer h2 {
        font-size: 32px;
        font-weight: 700;
        color: #043492;
        text-align: center;
        margin-bottom: 60px; }
    .disclamer h2 span {
        border-left: 2px solid #043492;
        border-right: 2px solid #043492;
        line-height: 1;
        padding: 5px 25px; }
    .disclamer_box {
        background-color: #eee;
    }
    .disclamer_box .box {
        margin-bottom: 40px; }
    .disclamer_box .box:last-child {
        margin-bottom: 0; }
    .disclamer_box .box h3 {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px; }
    .disclamer_box .box p {
        font-size: 12px;
        line-height: 1.4; }
    .disclamer_box .box p.attn {
        margin-top: 20px; }
    .disclamer_box .box p.attn2 {
        margin-top: 10px;
        margin-bottom: 10px;}
    .disclamer_box .box .line {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #555555; }
    .disclamer_box .box .line.bdru {
        border-top: 1px solid #555555; }
    .disclamer_box .box .line > div {
        padding: 10px 0;
        height: 100%; }
    .disclamer_box .box .line .left_blc {
        width: 180px;
        padding-left: 20px; }
    .disclamer_box .box .line .left_blc p {
        font-weight: 700; }
    .disclamer_box .box .line .right_blc {
        width: calc(100% - 180px); }   

/* 最下部コピーライト */
    .copyright {
        background-color: #848484;
        padding: 45px 0; }
    .copyright p {
        color: #fff;
        font-size: 12px;
        text-align: center; }
}

/*-----------------------PC版（860px～）--------------------*/
/*check調整*/
@media only screen and (min-width:860px){
    .check3-1,.check3-2,.check3-3{
        margin: 0 0 0 150px;
    }
}
@media only screen and (min-width:1000px){
    .check3-1,.check3-2,.check3-3{
        margin: 0 0 0 200px;
    }
}

/*-----------------------PC版（1021px～）--------------------*/
/*about調整*/
@media only screen and (min-width:1021px){
   /** 参加者の声 **/


    /*参加方法*/
    .cat_flow_bg{
        background-color:#E9F1FF;
        text-align: center;
        margin: 50px 10% 50px;
        max-width: 800px;
    }
    .step1{
    }
    .step2{
        margin:0 5% 0;
    }
    .step3{
        text-align: center;
        margin:0 5% 0;
    }
    .cat_flow_bg .img1{
        width: 100px;
        float: left;
        margin-right: 2%;
    }
    .step4 img{
        width: 450px;
    }
    .step1_position,.step2_position,.step3_position,.step4_position{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        text-align: left;
    }
    .step2_position{
        text-align: left;
    }
    .step3_position{
        text-align:center;
    }
    .text_main_step1{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;
    }
    .text_sub_step1{
        font-size: 1em;
        line-height: 1.6em;
        font-weight: bold;
    }
    .text_main_step2{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.6em;;            
    }
    .text_sub_step2{
        font-size: 1em;
        line-height: 1.8em;
        font-weight: bold;
    }
    .text_main_step3{
        font-size: 1.7em;
        font-weight: bold;
        color: #005093;
        line-height: 1.5em;         
        text-align: left;
    }
    .text_sub1_step3{
        font-size: 1em;
        line-height: 1.8em;       
        font-weight: bold;

    }
    .text_sub2_step3{
        margin-top: 5%;
        font-size: 0.8em;
        line-height: 1.6em;       
    }
    .text_main_step4{
        font-size: 1.8em;
        font-weight: bold;
        color: #005093;
        line-height: 1.8em;
        margin-top: 30px;         
    }




}

/**------ページトップリンク------**/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#eee;
    border:solid 1px #999999;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	color: #000;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}
#page-top a:hover{
	background: #aaa;
}
#page-top {
	position: fixed;
	right: 15px;
	bottom:20%;
	z-index: 11;
	opacity: 0;
	transform: translateX(100px);
	z-index: 300;
}
/*--左の動き--*/
#page-top.LeftMove{
	animation: LeftAnime 0.3s forwards;
}
@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}
/*--右の動き--*/
#page-top.RightMove{
	animation: RightAnime 0.3s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}
@media only screen and (min-width:500px) and (max-width:1200px){
	#page-top {
	position: fixed;
	right: 15px;
	bottom:18%;
	z-index: 300;
	opacity: 0;
	transform: translateX(100px);
}
}
@media only screen and (max-width:499px){
	#page-top {
        position: fixed;
        right: 15px;
        bottom:25%;
        z-index: 300;
        opacity: 0;
        transform: translateX(100px);
	}
}

/**--------- 追従バナー設定 -----------**/
@media screen and (max-width: 766px) {
    .priority_pc{
        display: none;
    }
    /*下部追従バナー*/
	#bottom-button{
		position: fixed;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 100;
		text-align: center;
        /* opacity: 0;
        transform: translateY(200px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
		animation: fadeIn 1s linear;
		animation-delay: 1s;
		animation-fill-mode: both; */
    }
    #bottom-button.show {
        opacity: 1;
        transform: translateY(0);
    }
/* ---------------------------- */
/* --- Animation --- */
/* ---------------------------- */
	@keyframes fadeIn{
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	.priority_sp{
        max-width: 400px;
		width: 90%;
	}
	
	.bottom-entry_period{
		width: 100%;
		align-items: center;
		background: rgba(255, 50, 50, .8);
		z-index: 100;
		text-align: center;
		color:#fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
		font-size: 1.2em;
        line-height: 1.4;
		font-weight: 800;
        padding: 10px 0 7px;
	}
	.bottom-button_priority{
		font-size: 0.8em;
        line-height: 1.4em;
        color: #000;
        padding: 5px 1%;
        font-weight: bold;
	}
    .bottom-button_priority .span_sp{
        display: block;
    }
}
@media only screen and (min-width:767px){
    .priority_sp{
        display: none;
    }
    .priority_pc{
        margin-bottom: 15px;
    }
    /*下部追従バナー*/
	#bottom-button{
		position: fixed;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 100;
		text-align: center;
        
        /* opacity: 0;
        transform: translateY(200px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
		animation: fadeIn 1s linear;
		animation-delay: 1s;
		animation-fill-mode: both; */
    }
    #bottom-button.show {
        opacity: 1;
        transform: translateY(0);
    }
/* ---------------------------- */
/* --- Animation --- */
/* ---------------------------- */
	@keyframes fadeIn{
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	.bottom-button_img_pc{
		display: block;
		width: 766px;
		margin: 10px auto;
	}
	.bottom-button_img_sp{
		display: none;
		width: 100%;
	}
	
	.bottom-entry_period{
		width: 100%;
		align-items: center;
		background: #ff7474;
		z-index: 100;
		text-align: center;
		color:#fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
		font-size: 1.4em;
		font-weight: 800;
        padding: 10px 0 8px;
	}
	.bottom-button_priority{
		font-size: 1.1em;
        font-weight: bold;
        color: #000;
        padding: 10px 20px;
	}
	
	
}
@media only screen and (min-width:767px) and (max-width:1200px){
	.priority_pc{
        max-width: 500px;
		width: 50%;
        margin-bottom: 15px;
	}
	.bottom-entry_period{
		width: 100%;
		align-items: center;
		background: rgba(255, 50, 50, .8);
		z-index: 100;
		text-align: center;
		color:#fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
		font-size: 1.2em;
		font-weight: 800;
        padding: 10px 0 7px;
	}
	.bottom-button_priority{
		font-size: 1em;
        font-weight: bold;
        color: #000;
        padding: 10px 20px;
	}
}

/**--------アニメーション設定------------**/

/* フェードイン */
.fadein{
    animation-name: fadeinAnime;
    animation-duration:3s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeinAnime{
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
}
.trigger_fadein{
    opacity: 0;
}    

/* フェードイン */
.trigger_fadein {
  opacity: 0;
}

.fadein {
  animation: fadeinAnime 2s ease forwards;
}

@keyframes fadeinAnime {
  from { opacity: 0; }
  to   { opacity: 1; }
}


/* 拡大 */
.zoomIn{
	animation-name:zoomAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
@keyframes zoomAnime{
    from {
        transform: scale(0.6);
    }
    to {
        transform: scale(1);
    }
}
.trigger_zoomin{
    }

/* 右上へ回転 */
.flip_righttop{
    animation-name:flip_righttopAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
@keyframes flip_righttopAnime{
    from {
        transform: translate(-20px,80px) rotate(25deg);
        opacity: 0;
    }
    to {
        transform: translate(0,1) rotate(0deg);
        opacity: 1;
    }
    }
.trigger_flip_righttop{
    opacity: 0;
    }

/* タイピング */
.text_typing span {
    display: none;
}
/*文字列後ろの線の設定*/
/*.TextTyping::after {
    content: "|";
    animation: typinganime .8s ease infinite;
}*/
@keyframes typinganime{
    from{opacity:0}
    to{opacity:1}
}

/*ゆれ・鼓動*/
.shake{
    animation: shake 2s infinite;
    transform: rotate(5deg);
}
@keyframes shake {
    50% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(5deg);
    }
}
.heartbeat {
    animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
    0% {
        transform: scale(1.05)
    }
    5% {
        transform: scale(1)
    }
    95% {
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05)

    }
}

/*---- プログレスバー ----*/
.op_container{
    background-color: #005093;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100000;
}
.op_inner{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.op_text{
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.op_bar{
    background-color: #fff;
    margin-top: 5px;
    width: 0%;
    height: 1px;
}


/* はじめての方/featureより */
.p-guide-feature {
    margin-top: 32px;
  }
  .p-guide-feature a{
    color: #005093;
  }
  .p-guide-feature_box {
    padding: 24px;
    border: 1px solid #DCE2E6;
    border-radius: 4px;
  }
  .p-guide-feature_box:nth-of-type(n+2) {
    margin-top: 14px;
  }
  .p-guide-feature_img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p-guide-feature_h {
    font-weight: 700;
    line-height: 160%;
    color: #053491;
  }
  .p-guide-feature_h_link {
    display: block;
    position: relative;
  }
  .p-guide-feature_h_link:hover {
    opacity: 0.7;
  }
  @media screen and (max-width: 834px) {
    .p-guide-feature_h_link {
      padding-right: 10px;
    }
  }
  .p-guide-feature_h_link::after {
    width: 10px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../img/arrow_pagination.svg") no-repeat center center/contain;
    content: "";
  }
  .p-guide-feature_text {
    font-size: 14px;
    line-height: 160%;
  }
  .p-guide-feature_link {
    display: flex;
  }
  @media screen and (min-width: 835px) {
    .p-guide-feature_box {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .p-guide-feature_cont {
      width: 504px;
      padding: 0 24px;
    }
    .p-guide-feature_fig {
      width: 424px;
    }
    .p-guide-feature_h {
      margin-bottom: 16px;
      font-size: 20px;
      letter-spacing: 0.08em;
      text-align: left !important;
      font-size:21px !important;
    }
    .p-guide-feature_text {
      letter-spacing: 0.06em;
    }
    .p-guide-feature_link {
      margin-top: 16px;
    }
  }
  @media screen and (max-width: 834px) {
    .p-guide-feature_h {
      margin-bottom: 24px;
      font-size: 18px;
      letter-spacing: 0.06em;
      text-align: center !important;
    }
    .p-guide-feature_text {
      letter-spacing: 0.04em;
    }
    .p-guide-feature_link {
      margin-top: 24px;
      justify-content: center;
    }
    .p-guide-feature_fig {
      margin-top: 24px;
    }
  }

  @media screen and (min-width: 835px) {
    .u-hide--pc {
      display: none !important;
    }
  }
  @media screen and (max-width: 834px) {
    .u-hide--sp {
      display: none !important;
    }
  }


/**-------------カルーセル全体設定用----------------**/
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    height: auto;
}
[dir='rtl'] .slick-slide{
    float: right;
}
/*.slick-slide img{
    display: block;
}*/
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


  /*------  ポップアップ  -------*/
  .popupOuter{
	background: rgba(0,0,0,.8);
    height: auto;
    min-height: 120vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}
.popupOuter.block{
	display: block;
}
.popup{
	display: flex;
	justify-content: center;
	align-items: center;
    height: 100dvh;
	min-height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
.popupInner{
	background: #fff;
	max-width: 550px;
	position: relative;
	/*overflow-y: scroll;*/
    width: 90%;
    max-height: 77.5%;
    padding: 0;
}
.button._01{
	color: #fff;
	font-weight: bold;
	position: fixed;
	top: 0;
	cursor: pointer;
    font-size: 12vw;
    right: 3vw;
}
.area_popup{
    padding: 5% 5%;
    margin: 0 auto;
}
.area_popup img{
    width: 20%;
    margin: 0 40%;
}
.text_main1_popup{
    font-size: 1.6em;
    line-height: 1.4em;
    margin-bottom: 3%;
    text-align: center;
}
.text_sub1_popup{
    font-size: 1em;
    margin-bottom: 3%;
}
.btn3{
    position: relative;
    display: block;
    width:100%;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
    background-color: #EF9407;
    padding:10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: transparent linear-gradient(180deg, #FFBE58 0%, #EF9407 100%) 0% 0% no-repeat padding-box;
    border-radius: 50px;
    border: 1px solid #EF9407;
    transition:all 0.3s ease-in-out;
}
.btn3:link,.btn3:hover,.btn3:visited{
    color: #EF9407;
}
.btn3:hover{
    color:#EF9407;
    background-color: #fff;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));
}

@media only screen and (min-width:767px){
    .btn3{
        width:480px;
        padding:10px 10px;
        margin: 10px auto 15px;
        font-size: 1.7em;
    }
    .button._01{
        top: 0;
        font-size: 7vw;
        right: 3vw;
    }
    .text_main1_popup{
        font-size: 2.2em;
        line-height: 1.3em;
    }
    .text_sub1_popup{
        text-align: center;
    }
}