/* 2.スマホ向け*/
@media(max-width:768px){
	.display_none_sp{
		display: none !important;
	}
	.fo36{font-size:36px;}.fo30{font-size:30px;}.fo28{font-size:28px;}.fo26{font-size:26px;}.fo24{font-size:24px;}.fo20{font-size:20px;}
	.fo18{font-size:18px;}.fo16{font-size:16px;}.fo14{font-size:14px;}.fo12{font-size:12px;}.fo10{font-size:10px;}

	.mg5r{margin-right:5px !important;}.mg10r{margin-right:10px !important;}.mg15r{margin-right:15px !important;}.mg20r{margin-right:20px !important;}
	.mg5l{margin-left:5px !important;}.mg10l{margin-left:10px !important;}.mg15l{margin-left:15px !important;}.mg20l{margin-left:20px !important;}

	.l-wrap{
		padding-top:0px !important;
	}
	.hero {padding-top: 60%; /* 10:6 の比率を維持 */}

	.newbox1{margin:0px 5px  !important;padding:5px 5px !important;}
	.newbox2{margin:0px 5px  !important;padding:5px 10px !important;}
	
}
/* 3.中サイズ向け*/
@media(min-width:768px){/*768px以上*/
	.display_none_pc{
		display: none !important;
		}
		
	.fo36{font-size:40px;}.fo30{font-size:34px;}.fo28{font-size:32px;}.fo26{font-size:30px;}.fo24{font-size:28px;}.fo20{font-size:24px;}
	.fo18{font-size:22px;}.fo16{font-size:20px;}.fo14{font-size:18px;}.fo12{font-size:16px;}.fo10{font-size:12px;}

	.mg5r{margin-right:10px !important;}.mg10r{margin-right:20px !important;}.mg15r{margin-right:30px !important;}.mg20r{margin-right:40px !important;}
	.mg5l{margin-left:10px !important;}.mg10l{margin-left:20px !important;}.mg15l{margin-left:30px !important;}.mg20l{margin-left:40px !important;}

	.hero {padding-top: 30%; /* 10:3 の比率を維持 */ }

	.linkbtn{
        min-height: 60px;
	}
	.focast-circle {
		min-width: 180px;
		min-height: 180px;
	}
}
/* 4.PC向け*/
@media (min-width: 1100px){
	
}
/******共通******/
a:hover, a:focus, a:active ,a:visited{
    text-decoration: none !important;
    color: inherit !important;
}
.center{text-align:center;}.left{text-align:left;}.right{text-align:right;}

.bg-blue{
	/*background-image: linear-gradient(-45deg, #9bb2ff,#71BDF7);*/
	background-color: #71BDF7;
	padding:1px 0;
}
.bg-white{
	background-color: #ffffff;
	padding:1px 0;
}
.bg-grey{
	background-color: #f3f3f3;
	padding:1px 0;
}
.bg-sky{
	background-color: #E5F1FC;
	padding:1px 0;
}



.fo-white{
	color:#fff;
}
.fo-blue{
	color:#004D94;
}
.fo-blue2{
	color:#0044ff;
}
.fo-blue3{
	color:#0984E3;//3073A7;
}

.fo-deepblue{
	color:#003366;
}
.fo-deepgrey{
	color:#333;
}
.fo-grey{
	color:#888;
}
.fo-grey2{
	color:#484848;
}

.fo-red{
	color:#ff0000;
}

.fo-bold700{font-weight:700;}.fo-bold600{font-weight:600;}.fo-bold500{font-weight:500;}.fo-bold400{font-weight:400;}.fo-bold300{font-weight:300;}
.fo-shadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.fo-lineY{background: linear-gradient(transparent 85%, #ffd86d 50%);}
.fo-lineB{background: linear-gradient(transparent 85%, #b3ceff 50%);}
.fo-lineR{background: linear-gradient(transparent 85%, #fcb9b9 50%);}

.fo-lineS{background: linear-gradient(transparent 85%, rgba(255, 255, 255, 0.2) 50%);}

.fo-underline{
	/*background: linear-gradient(transparent 96%, #ffffff 50%);*/
	position: relative;
	display: inline-block;
}
.fo-underline::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.2);
	/*z-index: -1;*/
}
.fo-underline-orange{
	/*background: linear-gradient(transparent 96%, #ffffff 50%);*/
	position: relative;
	display: inline-block;
}
.fo-underline-orange::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	height: 6px;
	background-color: rgba(255, 94, 54, 0.2);
	/*z-index: -1;*/
}


.small8{font-size:0.8em;}.small6{font-size:0.6em;}

.lh{line-height:1 !important;}.lh15{line-height:1.5 !important;}.lh20{line-height:2 !important;}
.mg0{margin:0px !important;}.pd0{padding:0px !important;}
.mg0t{margin-top:0px !important;}.mg5t{margin-top:5px !important;}.mg10t{margin-top:10px !important;}.mg20t{margin-top:20px !important;}.mg30t{margin-top:30px !important;}.mg40t{margin-top:40px !important;}.mg50t{margin-top:50px !important;}.mg60t{margin-top:60px !important;}.mg70t{margin-top:70px !important;}
.mg0b{margin-bottom:0px !important;}.mg5b{margin-bottom:5px !important;}.mg10b{margin-bottom:10px !important;}.mg20b{margin-bottom:20px !important;}.mg30b{margin-bottom:30px !important;}.mg40b{margin-bottom:40px !important;}.mg50b{margin-bottom:50px !important;}.mg60b{margin-bottom:60px !important;}.mg70b{margin-bottom:70px !important;}

.newbox1{
	margin:0px 16px;
	padding:16px 16px;
}
.newbox2{
	margin:0px 16px;
	padding:16px 24px;
}

.newbox_child1{
	margin:0px 0px;
	padding:16px 16px;
}

.flex{
	margin: 0 auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	/*justify-content: flex-start;*/
}

.radius{
	border-radius:8px;
}
.solidshadow{
	background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,.13);
    box-shadow: 2px 2px 12px rgba(0,0,0,.13);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.new-label {
	position: absolute;
	top: -22px;
	left: 11px;
	transform: rotate(-15deg);
	transform-origin: left bottom;
}
.flex img {
	display: block;
	width: 52px;
	height: 52px;
}


.hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
	width: 100%; /* 追加: 要素が親要素の幅全体を使用するようにする */
    padding: 0 10px; /* 追加: 要素の左右にパディングを追加して、テキストが端に貼り付かないようにする */
    box-sizing: border-box; /* 追加: パディングを含めて要素の幅を計算する */
}

.headline{
	margin: 0 0 32px;
    padding: 0 0 18px 0;
    color: #004d94;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
	position: relative;
}
.headline::after {
    content: "";
    width: 62px;
    height: 4px;
    margin: auto;
    background-color: #004d94;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}




	.nw-faq__list dt {
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nw-faq__list dd {
	}
	.nw-faq__toggle {
		margin-right: 8px;
		cursor: pointer;
	}

	.focast-box-blue {
		border-radius: 5px;
		border: 2px solid #71BDF7;
	}
	.focast-circle {
		background-color: #E5F1FC; /* 背景色 */
		border-radius: 50%; /* 円形にする */
		width: 120px; /* 円の幅 */
		height: 120px; /* 円の高さ */
		display: flex; /* フレックスボックスを使用 */
		flex-direction: column; /* 要素を縦に並べる */
		justify-content: center; /* 中央寄せ（縦方向） */
		align-items: center; /* 中央寄せ（横方向） */
		text-align: center; /* テキストを中央に揃える */
		color: #333; /* テキストの色 */
		font-weight: bold; /* フォントの太さ */
		/*margin: auto;*/ /* 他の要素との距離 */
	}

    .linkbtn{           
        max-width: 327px;
        height: 49px;
        width: 100%;
        margin: 0 auto;
        padding: 5px 16px 6px;
        
        background-color: #004d94;
        border-radius: 4px;   
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

        cursor: pointer;
        display: flex;
        justify-content: space-between; /* 内容物をスペースで均等に分散 */
        align-items: center;
    }
    .linkbtn .linkbtn-word {
        flex-grow: 1;
        text-align: center;
		color: #fff !important;  
    }


	.keyword-box{
		display: inline-block;
		padding: 4px 8px;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		line-height: 1;
	}
	.keyword-white-white-transparent{
		color: #ffffff;
		border: 1px solid #ffffff; 
	}
	.keyword-blue-white-white{
		color: #71BDF7;
		font-weight: 500;
		border: 1px solid #ffffff;
		background-color: #ffffff;
	}
	.keyword-dblue-dblue-transparent{
		color: #004D94;
		border: 1px solid #004D94; 
	}
	.keyword-blue-dblue-dblue{
		color: #71BDF7;
		font-weight: 500;
		border: 1px solid #004D94;
		background-color: #004D94;
	}
	.keyword-gold-gold-transparent{
		color: #FFD700;
		border: 1px solid #FFD700; 
	}
	.keyword-blue-gold-gold{
		color: #71BDF7;
		font-weight: 700;
		border: 1px solid #FFD700;
		background-color: #FFD700;
	}