@charset "shift_jis";

/* body.css */
/*
	2017 new design ver.5.0
	県サイト作成・レスポンシブ
*/
/* --------------------------------------------------
header　オリジナル修正
-------------------------------------------------- */
body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}
section{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}

.mainarea{
		margin-top: 5px;
}



h2{
	font-family: "RoundedMgenplus-medium";
	letter-spacing: 1px;
}

h3{
	font-family: "RoundedMgenplus-medium";
	letter-spacing: 1px;
	text-align: center;
}

/* 以下は仮「h4」にする可能性もある */
.toparea_FAQ_h3 {
margin-bottom: 2%;         /* テキスト色（調整可能） */
}








/* --------------------------------------------------
toparea
-------------------------------------------------- */

section.toparea h1{
	font-family: "RoundedMgenplus-medium";
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-image: url(/tokushu/online/flow/image/maintitle.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
	letter-spacing: 2px;
}
section.toparea p{
	width: 96%;
	margin: auto;
	max-width: 600px;
	display: block;
}
section.toparea ul{
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
section.toparea ul li.device{
	background-color: #fff1fa;
	padding: 10px;
}
section.toparea ul li.device img{
	width: 96%;
	margin: auto;
	display: block;
}
section.toparea ul li.device span{
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666;
	width: 100%;
}
section.toparea ul li.parts{
	width: 49%;
	float: left;
	margin-left: 1%;
	margin-top: 10px;
	text-align: center;
}
section.toparea ul li.parts img{
	width: 60%;
}
section.toparea small{
	display: block;
	clear: both;
	text-align: center;
	margin:20px 0 20px 0;
}

.toparea_App_innnerR_PC {
    display: none;
}

.innnerR_PC {
    display: none;
}

.innnerR_PC img {
    width: 85%;
	height: auto;
    margin: 0 5%;
}


/* --------------------------------------------------
-----------------------------------------------------
FAQ　Add　20250207
-----------------------------------------------------
-------------------------------------------------- */
section.toparea_FAQ{
		background-image: url(/tokushu/app-life/faq/images/bg_FAQ.png);
		background-repeat: no-repeat;
		background-position: center center;  /* 画像を中央に配置 */
		background-size: cover; /* 画面全体に画像がカバーされるようにする */
		max-width: 960px;
		width: 100%;
		height: 28.5vh;  /*  28.5vh */
		margin: auto;
		padding: 20xp 0 0 0;
		margin-top: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		height:100% ; /* 高さ100vhで中央揃え */
}


.toparea_FAQ_innner{
		max-width: 960px;
		width: 100%;
		margin:5% 0 30% 0;
		/* display: flex; */
  		flex-direction: column; /* 縦に並べる */
  		gap: 20px; /* 要素間の間隔 */
  		text-align: center; /* 中央揃え */
  		width: 80%; /* 幅を80%に */
}


.toparea_FAQ_innner .ap {
    font-size: clamp(1.875rem, 1.499rem + 2.01vw, 2.25rem);
    font-weight: 700;
}
.toparea_FAQ_innner .thema001 {
    font-size: 2.0rem;
    font-weight: 600;
}

.thema001 img {
    width: 25%;
    height: auto;
    margin: 0vh 0.5vh 0.2vh 0.5vh;
}

/* TOP PAGE*/
.toparea_TOP_innner{
		max-width: 98%;
		margin:5% 0 0 0;
		display: flex;
  		flex-direction: column; /* 縦に並べる */
  		gap: 5px; /* 要素間の間隔 */
  		text-align: center; /* 中央揃え */
  		width: 90%; /* 幅を80%に */
}


.toparea_TOP_innner .ap {
    font-size: clamp(1.875rem, 1.499rem + 2.01vw, 2.25rem);
    font-weight: 700;
}
.toparea_TOP_innner .thema001 {
    font-size: 2.0rem;
    font-weight: 600;
}

/* デフォルト縦並べ スマホmode*/
section.toparea_FAQ {
    flex-direction: column;
}



/* デフォルト縦並べ スマホmode imag_area*/
.toparea_App_innnerR_SF {

    width: 100%;
    display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
}


.toparea_App_innnerR_SF img {
    width: 60%;
	max-width: 250px;
	height: auto;
	display: block;   /* 余計な余白を削除 */
}

.toparea_App_innnerR_SF img {
    width: 60%;
	max-width: 250px;
	height: auto;
	display: block;   /* 余計な余白を削除 */
}






section.toparea_FAQ_body{
		background-color: #E50012;
			height: 100%;
			padding-bottom: 10px;
}





			section.toparea_FAQ h1 {
					color: #ffffff;
				background-image: none;
		background-color: #E50012;
		padding: 10px 0;
		  font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
	}





			section.toparea_FAQ h1 {
					color: #ffffff;
						font-size: 1.5rem;
				background-image: none;
		background-color: #E50012;
		padding: 10px 0;
	}



div.toparea_FAQ_innner p.top_comment {
  	color: #333;
	 font-size:clamp(1.75rem, 1.75rem + 0vw, 1.75rem); /* size 28px-28px */
}

	div.toparea_TOP_innner p.top_comment {
  	color: #333;
	text-align: left;
	 font-size:clamp(1.5rem, 1.455rem + 0.23vw, 1.625rem); /* size 24px-26px */
}







section.toparea_FLOW_body{
		background-color: #E50012;
			height: 100%;
  display: flex; /* フレックスボックスにする */
  justify-content: center; /* 横方向に中央揃え */
  align-items: center; /* 縦方向に中央揃え */
  text-align: center; /* テキストも中央揃え */
  flex-direction: column;  /* 要素を縦に並べる */
  padding-bottom: 10px;
}






.rounded-obalbox {
  display: flex;             /* フレックスボックスを使用して中央揃え */
  justify-content: center;   /* 水平方向に中央揃え */
  align-items: center;       /* 垂直方向に中央揃え */
  width: 40px;               /* 円の直径（必要に応じて調整） */
  height: 40px;              /* 円の直径（必要に応じて調整） */
  background-color: #E50012; /* 円の背景色 */
  border-radius: 50%;        /* 完全な円にする */
  color: white;              /* 文字色を白に */
  font-size: 18px;           /* 文字サイズ（調整可能） */
  font-weight: bold;         /* 文字を太字に */
      display: inline-block;
	        padding: 0; /* 余計なパディングを削除 */
    margin: 0; /* 余計なマージンを削除 */

}




.topic_in {
    color: #333;
    font-size: 2.8rem;
    font-weight: bold;
    padding: 0% 0 0 0;
}


.topix_title {
    display: flex;
    justify-content: center;  /* 横方向の中央揃え */
    align-items: center;      /* 縦方向の中央揃え */
    gap: 10px;                /* 要素の間隔 */
}



.thema_top_7days {
    margin: 0;
    padding: 0;
}

/* Tophead_txt_area */
.tophead_txt_area {
    text-align: left;
    margin: 15px 0 15px 0;
    width: 100%;
	display: flex;
	  flex-direction: column;  /* 要素を縦に並べる */
}

ul.tophead_txt_inner {
    padding: 2%;
    /* padding: 0 0 0 10px; */
    margin: 0 auto 0 auto;
}
/* --------------------------------------------------
	TOP	width
-------------------------------------------------- */
.Top_thema_width{
	width: 92%;
	margin: 0 auto;
}

/* -----------AppDL　Add　20250207　----------------- */
.toparea_AppDL_h3 {
margin-bottom: 2%;         /* テキスト色（調整可能） */
}

h3.toparea_AppDL_h3 {
	color: #ffffff;
	font-size: clamp(2.438rem, 2.313rem + 0.33vw, 2.5rem); /* size 39px-40px 600px-900px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}


/* --------------------------------------------------
	TOP	h2
-------------------------------------------------- */

section.toparea_FAQ h2 {
    padding: 5px 0;
    color: #333;
    background-color: #ffffff;
    font-size: 2.5rem;
    background-image: none;
    font-family: "RoundedMgenplus-medium", sans-serif;
}



/* TOP H2 AreaTOP H2 Area */
section.toparea_FAQ h2{
padding: 5px 0;
color: #333;
font-size: 2.5rem;
background-image: none;
font-family: "RoundedMgenplus-medium", "sans-serif"; /* ここでMediumフォントを指定 */
}

section.toparea_FAQ h2.top_page{
	color: #0B79C4;
	letter-spacing : -1px;
    font-size: clamp(2.188rem, 2.188rem + 0vw, 2.188rem); /* 35px-35px 300-600 */
    font-weight: bold;
    display: flex;
    justify-content: center;  /* ? 中央寄せ */
	 /*text-align: center;       ? 念のため中央揃え */
    width: 100%;              /* ? 幅いっぱいにする */
    align-items: baseline; /* 小文字部分をベースラインで揃える */
    gap: 0px; /* 小文字部分との間隔 */
	background-image: none;
font-family: "RoundedMgenplus-medium", "sans-serif"; /* ここでMediumフォントを指定 */
}



/* --------------------------------------------------
		h3
-------------------------------------------------- */


h3.toparea_FAQ_h3 {
	width: 100%;
	color: #ffffff;
	font-size: clamp(1.875rem, 1.625rem + 1.33vw, 2.125rem); /* size 30px-34px 300px-600px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_RED_h3 {
	width: 100%;
    font-size: clamp(2.25rem, 2.188rem + 0.33vw, 2.313rem); /* size 36px-37px 300px-600px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_REDmany_h3 {
	width: 100%;
    font-size: clamp(2.25rem, 2.188rem + 0.33vw, 2.313rem); /* size 36px-37px 300px-600px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.fontsize_REDback_h3 {

	letter-spacing: 0px;
}

/* --------------------------------------------------
		h4
-------------------------------------------------- */
h4.thema_top {
/* width: 82%; を削除 */
    /* ★★★ 修正箇所: 残りのスペースを全て使用し、floatを削除 ★★★ */
    flex-grow: 1; /* 残りの幅を占有 */
    /* width: 82%; は削除 */
    /* float: left; は削除 */
    /* display: flex; は削除（h4がテキストのため不要） */

    color: #0B79C4;
    font-size:clamp(2.063rem, 2rem + 0.33vw, 2.188rem);
    font-weight: 300;
    text-align: left;
    padding: 0;
    /* align-items: center; は親要素 li に任せるため削除 */
    /* margin: 7px 0; は削除 */
    margin: 0; /* ★★★ 修正箇所: マージンをリセット ★★★ */
    line-height: 1.2; /* 行の高さを調整（フォントサイズに合わせて） */
    font-family: "RoundedMgenplus-medium", sans-serif;
}

h4.thema_type02 {
  color: #0B79C4;              /* 水色に設定 */
  font-size:clamp(1.75rem, 1.75rem + 0vw, 1.75rem); /* size 28px-28px 300px-1900px */
  font-weight: 300;           /* 文字を太字に */
  text-align: left;            /* 左寄せにする */
	padding: 0;
  font-family: "RoundedMgenplus-medium", sans-serif;                   /* 余白をなくす */
	display: flex;
  align-items: center; /* 要素縦の中央揃え */
	margin: 7px 0; /* 縦の中央揃え 調整 */
    line-height: 2rem; /* 行の高さを調整（必要に応じて） */
}

/* --------------------------------------------------
アプリダウンロード
-------------------------------------------------- */

.foot_AppDL_area{
	height: auto;
		margin: 0 0 2% 0;
		background-color: #E50012;
		  text-align: center; /* セクション全体を中央揃え */
}

ul.AppDL_inner {
    width: 100%;
    max-width: 960px;
    height: auto;
    background-color: #ffffff;
    padding: 2%;
    /* padding: 0 0 0 10px; */
    margin: 0 auto 0 auto;
    border-radius: 10px;
}

.AppDL_inner {
  display: flex; /* 横並びにする */
  flex-wrap: wrap; /* アイテムがオーバーフローした場合、次の行に折り返す */
  justify-content: center; /* 中央揃え */
  /*gap: 5px;  画像の間に隙間を追加（調整可能） */
  list-style-type: none; /* リストの点を消す */
  padding: 0; /* パディングのリセット */
}

.AppDL_inner li {
  display: inline-block; /* 横並びにする */
}

.AppDL_inner img {
  width: 160px; /* 画像のサイズを調整（調整可能） */
  height: auto; /* 高さは自動で調整 */
}



/* 画像のリスト項目が横並びになり、テキストはその下に配置される */
.AppDL_inner > li:nth-child(1),
.AppDL_inner > li:nth-child(2) {
  display: inline-block; /* 横並び */
}

.AppDL_inner > li:nth-child(3) {
  width: 100%; /* テキストは100%幅を取らせ、画像の下に表示 */
  text-align: center; /* テキストを中央に配置 */
 /* margin-top: 5px;  画像とテキストの間に余白 */
font-size: 1.1em;
}
/* -----
minimini LOGO ------ */


/* --------------------------------------------------
		TOP_font_size
-------------------------------------------------- */

/* テキスト部分（ＴＯＰ一部小文字）のスタイル */

/* 小さな文字部分*/
.font_size_small {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); /* 13px-14px相当 */
    font-weight: normal;
    vertical-align: baseline; /* ベースラインで揃える */
}

/* テキスト部分（注意書き）のスタイル */
.font_size_coment {
  font-size: 16px;
}

.font_size_MID {
  font-size: clamp(1.438rem, 1.334rem + 0.52vw, 1.625rem);
}

/* テキスト部分（４ブロック）白背景文字のスタイル */
.font_size_block {
  font-size: clamp(1.438rem, 1.334rem + 0.52vw, 1.625rem);
}

/* テキスト部分 下部　白背景文字のスタイル */
.font_size_block {
  font-size: clamp(1.438rem, 1.334rem + 0.52vw, 1.625rem);
}

/* --------------------------------------------------
		SPACER
-------------------------------------------------- */
.sp_txtBox01 {
padding: 0 0 0 10px
}

.sp_mb5px {
margin-bottom: 5px;
}

.sp_mb10px {
margin-bottom: 10px;
}

.sp_mb20px {
margin-bottom: 20px;
}

.sp_mb40px {
margin-bottom: 40px;
}

.sp_mL20px {
margin-left: 20px;
}

.sp_mL40px {
margin-left: 40px;
}

.sp_mL50px {
margin-left: 50px;
}

.sp_mL60px {
margin-left: 60px;
}


/* --------------------------------------------------
  Gnvi 共通スタイル（スマホ向け）
-------------------------------------------------- */

.gn_add001 {
  width: 100%;
}

.test_gm001 {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.test_gm001 li {
  flex-grow: 1;
  height: 100%;
  background-color: #dcdddd;
  border-radius: 0;
  margin-right: 1px;
}

.test_gm001 li:last-child {
  margin-right: 0;
}

.test_gm001 li a {
  /* リンクのスタイル */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.test_gm001 li a img {
  display: block;
  /* 画像と文字の間に5pxの隙間 */
  margin: 10px 0 0px 0;
  max-width: 100%;
}

.g_navfont {
  display: block;
  margin: 0 0 10px 0;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #000;
}

/* --------------------------------------------------
-----------------------------------------------------
window size 600-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:600px){

.mainarea{
		margin-top: 0px;
}

.innnerR_PC {
    display: none;
}
/* --------------------------------------------------
	TOP	h2
-------------------------------------------------- */

section.toparea_FAQ h2 {
    padding: 5px 0;
    color: #333;
    background-color: #ffffff;
    font-size: 3.5rem;
    background-image: none;
    font-family: "RoundedMgenplus-medium", sans-serif;
}



/* TOP H2 AreaTOP H2 Area */
section.toparea_FAQ h2{
padding: 5px 0;
color: #333;
font-size: 2.5rem;
background-image: none;
font-family: "RoundedMgenplus-medium", "sans-serif"; /* ここでMediumフォントを指定 */
}

section.toparea_FAQ h2.top_page{
	color: #0B79C4;
    font-size: clamp(2.5rem, 2.3rem + 0.8vw, 3.5rem); /* 適切なレスポンシブサイズ */
    font-weight: bold;
    display: flex;
    justify-content: center;  /* ? 中央寄せ */
	text-align: center;       /* ? 念のため中央揃え */
    width: 100%;              /* ? 幅いっぱいにする */
    align-items: baseline; /* 小文字部分をベースラインで揃える */
    gap: 5px; /* 小文字部分との間隔 */
	background-image: none;
font-family: "RoundedMgenplus-medium", "sans-serif"; /* ここでMediumフォントを指定 */
}

/* -----------FAQ　Add　20250207　----------------- */
h3.toparea_RED_h3 {
	color: #ffffff;
	width: 100%;
	font-size: clamp(2.438rem, 2.313rem + 0.33vw, 2.5rem); /* size 39px-40px 600px-900px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

.toparea_FAQ_h3 {
margin-bottom: 0%;         /* テキスト色（調整可能） */
}

h3.toparea_FAQ_h3 {
	color: #ffffff;
	font-size: clamp(1.625rem, 1.25rem + 1vw, 1.813rem);
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}
/* -----------AppDL　Add　20250207　----------------- */
.toparea_AppDL_h3 {
margin-bottom: 2%;         /* テキスト色（調整可能） */
}

h3.toparea_AppDL_h3 {
    margin: 20px 0 0px 0 ;
	color: #ffffff;
	font-size: clamp(2.438rem, 2.313rem + 0.33vw, 2.5rem); /* size 39px-40px 600px-900px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_AppDL_h3 {
    margin: 20px 0 0px 0 ;
	color: #ffffff;
	font-size: clamp(2.438rem, 2.313rem + 0.33vw, 2.5rem); /* size 39px-40px 600px-900px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

/* --------------------------------------------------
		h3
-------------------------------------------------- */


h3.toparea_FAQ_h3 {
	width: 100%;
	color: #ffffff;
	font-size: clamp(1.875rem, 1.625rem + 1.33vw, 2.125rem); /* size 30px-34px 300px-600px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_RED_h3 {
	width: 100%;
    font-size: clamp(2.563rem, 2.438rem + 0.33vw, 2.625rem); /* size 40px-41px 600px-900px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_REDmany_h3 {
	width: 100%;
    font-size: clamp(2.563rem, 2.438rem + 0.33vw, 2.625rem); /* size 40px-41px 600px-900px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.fontsize_REDback_h3 {

	letter-spacing: 0px;
}


/* --------------------------------------------------
アプリダウンロード
-------------------------------------------------- */

.foot_AppDL_area{
	width: 100%;
	max-width:1024px ;
	height: 150px;
	margin: 0 0 2% 0;
		background-color: #E50012;
}


ul.AppDL_inner{
width: 100%;
max-width: 1024px;
height: auto;
background-color: #ffffff;
padding:2%;
margin: 0 auto 0% auto ;
border-radius: 10px;
}



/* ---------------@ MEdia END ------------- */
}/* ---------------　DOnt　erase --- */
/* --------------　@ MEdia END ------------- */

/* --------------------------------------------------
-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:900px){

	.mainarea{
		margin-top: 100px;
	}

h3.toparea_FAQ_h3 {
	color: #ffffff;
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}





/* --------------------------------------------------
		h3
-------------------------------------------------- */


h3.toparea_FAQ_h3 {
	width: 100%;
	color: #ffffff;
    font-size: clamp(2.563rem, 2.506rem + 0.1vw, 2.625rem); /* size 41px-42px 900px-1900px */
	font-weight: 900;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_RED_h3 {
	width: 100%;
    font-size: clamp(2.563rem, 2.506rem + 0.1vw, 2.625rem); /* size 41px-42px 900px-1900px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.toparea_REDmany_h3 {
	width: 100%;
    font-size: clamp(2.563rem, 2.506rem + 0.1vw, 2.625rem); /* size 41px-42px 900px-1900px */
	font-weight: 900;
	margin:0 0 10px 0;
	letter-spacing: 0px;
	color: #ffffff;
	font-family: "RoundedMgenplus-medium", sans-serif; /* ここでMediumフォントを指定 */
}

h3.fontsize_REDback_h3 {

	letter-spacing: 0px;
}


	/* --------------------------------------------------
-----------------------------------------------------
FAQ　Add　20250207
-----------------------------------------------------
-------------------------------------------------- */

/* --------------------------------------------------
	TOP	width
-------------------------------------------------- */
.Top_thema_width{
	width:100% ;
}



.toparea_App_innnerR_PC img {
    width: 100%;
	height: auto;
}





/* ---------ＭＩＮＩＭＩＮＩ　ロゴ------------------ */
.thema001 img {
    width: 25%;
    margin: 0vh 0.5vh 0.9vh 0.5vh;
    height: auto;
}

/* --------------------------------------------------
		TOP_font_size
-------------------------------------------------- */

/* テキスト部分（ＴＯＰ一部小文字）のスタイル */

.font_size_small {
  font-size:clamp(1.875rem, 1.875rem + 0vw, 1.875rem);/* テキスト部分（VALUES_16px-16px View_900px-1940px）のスタイル */
}



.font_size_MID {
font-size: clamp(1.438rem, 1.269rem + 0.3vw, 1.625rem);
}

/* TOPテキスト部分 赤の小文字スタイル */
.toparea_TOP_innner .ap {
    font-size: 3.5rem;
    font-weight: 900;
}

/* TOPテキスト部分 黒の小文字スタイル */
.toparea_TOP_innner .thema001 {
    font-size: 3.0rem;
    font-weight: 900;
}



/* ---------FAQ------------------ */

.toparea_FAQ_innner .ap {
    font-size: 3.5rem;
    font-weight: 900;
	text-align: center;
}
.toparea_FAQ_innner .thema001 {
    font-size: 3.0rem;
    font-weight: 900;
	        text-align: center;
                    display: flex;
        justify-content: center;
}









/* デフォルト縦並べ スマホmode*/
section.toparea_FAQ {
    flex-direction: column;
}



/* デフォルト縦並べ スマホmode imag_area*/
.toparea_App_innnerR_SF {
display: none;

}


.toparea_App_innnerR_SF img {
    width: 100%;
	max-width: 250px;
	height: auto;
	display: block;   /* 余計な余白を削除 */
}


.toparea_App_innnerR_PC {
    width: 70%;
    display: flex;
    /* justify-content: space-evenly; */
    /* align-items: center; */
    /* flex-direction: column; */
    margin: 0 0% 0 0;
}

.toparea_App_innnerR_PC img {
    width: 55%;
	height: auto;
}

.innnerR_PC {
    width: 35%;
	height: auto;
}

.innnerR_PC img {
    width: 100%;
	height: auto;
    margin: 0 5%;
}

.innnerR_PC {
        display: block; /* 900px以上では表示 */
    }

/* TOP boy img横並び */
section.toparea_TOP {
        flex-direction: row; /* 横並びに変更 */
        /* justify-content: space-between; 左右の要素を均等配置 */
        align-items: center; /* 縦方向の中央揃え */
    }

    .toparea_TOP_innner {
        width: 40%; /* 左側のコンテンツの幅を調整 */
    }

    .toparea_App_innnerR {
        width: 30%; /* 右側の画像の幅を調整 */
        display: flex;
        justify-content: center;
        align-items: center;
    }

	section.toparea_FAQ {
        flex-direction: row; /* 横並びに変更 */
        align-items: center; /* 縦方向の中央揃え */
		justify-content: center;
		max-width: 890px;
    }

    .toparea_FAQ_innner {
        width: 70%; /* 左側のコンテンツの幅を調整 */
        text-align: left; /* 左寄せに */
    }

    .toparea_App_innnerR {
        width: 30%; /* 右側の画像の幅を調整 */
        display: flex;
        justify-content: center;
        align-items: center;
    }


	section.toparea_TOP {
        flex-direction: row; /* 横並びに変更 */
        /* justify-content: space-between; 左右の要素を均等配置 */
        align-items: center; /* 縦方向の中央揃え */
    }



    .toparea_TOP_innnerR {
        width: 30%; /* 右側の画像の幅を調整 */
        display: flex;
        justify-content: center;
        align-items: center;
    }


/* TOP PAGE*/
.toparea_TOP_innner{
		max-width: 470px;
		width: 100%;
		margin:5% 0 20% 0;
		display: flex;
  		flex-direction: column; /* 縦に並べる */
  		gap: 20px; /* 要素間の間隔 */
  		text-align: center; /* 中央揃え */
  		width: 80%; /* 幅を80%に */
}




section.toparea_FAQ h2 {
    padding: 5px 0;
    color: #333;
	background-color: #ffffff;
    font-size: 3.5rem;
    background-image: none;
    font-family: "RoundedMgenplus-medium", sans-serif;
}



.toparea_FAQ_innner h2 {
  font-size: 1.5rem; /* h2のフォントサイズ */
  font-weight: 900;
  background-color: transparent; /* 背景を透明に設定 */
}

section.toparea_TOP h2 {
    padding: 5px 0;
    color: #333;
	background-color: #ffffff;
    font-size: 3.5rem;
    background-image: none;
    font-family: "RoundedMgenplus-medium", sans-serif;
}

.toparea_TOP_innner h2 {
  font-size: 1.5rem; /* h2のフォントサイズ */
  font-weight: 900;
  background-color: transparent; /* 背景を透明に設定 */
}



.flow span {
    font-size: 3.5rem;
}




.rounded-obalbox {
    display: inline-block;
    padding: 1.8% 1%;
    margin: 1% 2% 1% 1%;
    background-color: #E50012;
    border-radius: 8px;
}

.topic_in {
    color: #333;
    font-size: 2.8rem;
    font-weight: bold;
    padding: 0% 0 0 0;
}


/* --------------------------------------------------
  Gnavi PC用スタイル（900px以上）
-------------------------------------------------- */

  .gn_add001 {
         width: 100%;
        background-color: #e8e8e8;
  }

  .test_gm001 {
    width: 500px;
    margin: 0 auto;
  }
/* --------------------------------------------------
アプリダウンロード
-------------------------------------------------- */

.foot_AppDL_area{
	width: 100%;
	max-width:1024px ;
	height: 30%;
		margin: 0 0 2% 0;
		background-color: #E50012;
}


ul.AppDL_inner{
width: 100%;
max-width: 1024px;
height: auto;
background-color: #ffffff;
padding:1%;
margin: 0 auto 0% auto ;
border-radius: 10px;
}

ul.AppDL_inner {
    width: 100%;
    max-width: 1024px;
    height: auto;
    background-color: #ffffff;
    padding: 1%;
    margin: 0 auto 0% auto;
    border-radius: 10px;
}

.App_icon_sp{
margin: 1% 0 2% 0 ;
}


/* ---------------@ MEdia END ------------- */
}/* ---------------　DOnt　erase --- */
/* --------------　@ MEdia END ------------- */


/* EOF */