@charset "UTF-8";

body {
  background-color: #ffffff;
  height: 100%;
  color: #303030;
}

main {
  font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  letter-spacing: 0.1rem;
}

main a {
	color: #0074af;
	font-weight: bold;
	text-decoration: underline;
}

.chapter-header h1 {
	text-align: center;
}

.ttl_img {
    width: 300px;
    margin-top: 15px auto 10px;
}

.guide_intro {
  width: 980px;	
  margin: 60px auto 70px;
  font-size: 1.3rem;
  line-height: 2.6rem;
  text-align: center;
  font-family: "tbudgothic-std";
  font-weight: 700;   
}

.randsel_header {
	font-size: 2rem;
	font-weight: 600;
	color: grey;
}

.guide_menu {
	width: 780px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0px auto 60px;
}

.guide_menu img {
	width: 165px;
}

.guide_cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
 	width: 980px;
	margin: 0px auto 30px;
	align-items: center;
}

.guide_cate_icon {
	text-align: left;
	margin-left: 23px;
}

.guide_cate_ttl {
  margin-left: 18px;
  font-size: 1.8rem;
  font-weight: bold; 
  text-align: left;  	
}

.midasi_02 {
	border-bottom: solid 1px #000;
	font-weight: bold;
}




/* リセットCSS */
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* アコーディオンメニュー全体のサイズ・位置 */
.ac {
  width: 980px;
  max-width: 980px;
  margin: 0 auto 60px;
  /*border: 1px solid #f1f1f0;*/
  background-color: #fff;
  border-radius: 20px;
}

.menu01_bg {
  background-color: #fff2f7;
}

.menu02_bg {
  background-color: #fffbf2;
}

.menu03_bg {
  background-color: #fbfff2;
}

.menu04_bg {
  background-color: #f2fdff;
}

/* クリック領域 */
.ac-parent {
	position: relative;  /* 追加 */
	height: 55px;
	border-bottom: 1px solid #f1f1f0;
	border-radius: 20px;
	background-color: #fbfbf9;
	color: #303030;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
	line-height: 55px;
	cursor: pointer;
	display: flex;
    align-items: center;
}

.ac-parent li { 
	list-style:none;
	font-size: 1.5rem; 
	line-height: 2.0rem;
	display: flex;
    align-items: flex-start;
}

.ac-parent li:before { 
	content:"Q";
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px; 
	font-size: 1.6rem;
}

/* 擬似要素で下三角形を作成 */
.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .1s;
}

/* オープン時にopenクラスを付与 */
.ac-parent.open:after {
	transform: rotate(225deg);
}

.margin_none{
	margin:0 auto;
}

.menu01_q{
	background-color: #df4579;
}

.menu02_q {
	background-color: #eea822;
}

.menu03_q {
	background-color: #92b841;
}

.menu04_q {
	background-color: #0dafc8;
}

.background_w {
	background-color: #fff;
	padding: 30px;
	border-radius: 20px;
}

.top_5 {
	margin-top:5px;
}

.color_w {
	color: #fff;
}

/* クリックしたら表示される領域 */
.ac-child {
  display: none;
  padding: 35px 0px;
  text-align: left;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.ac_anser {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-right: 35px;
}

.ac_mark {
	margin-left: 35px;
	margin-right: 22px;
	font-weight: bold;
	font-size: 1.6rem;
}


.guide_infocenter {
	width: 780px;
	border: solid 2px #303030;
	display: flex;
	margin: 110px auto 100px;
	padding: 40px 50px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.w_780 {
	width: 780px;
}

.infocenter_01 {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #303030; 
margin-bottom: 30px;
}

.infocenter_02 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
text-align: center;
align-items: center;
margin-bottom: 30px;
justify-content: center;
}

.infocenter_03 {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #303030; 
margin-bottom: 30px;
}

.infocenter_04 {
text-align: center;
}

.infocenter_04 img {
width: 390px;
}


.infocenter_02__child_01 {
 margin-right: 25px;
}

.infocenter_02__child_02 {
font-size: 2.5rem;
line-height: 3.0rem;
font-weight: bold;
text-align: left;
}


.infocenter_02__child_02 a {
	color: #303030;
}

.infocenter_02__child_02 span {
font-size: 1.4rem;
font-weight: bold;
color: #303030;
}



.br_pc{
	display: block;
}

.br_sp{
	display: none;
}



  /*
}
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$ 画面サイズ違い（モーダル）

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-height: 1440px) {



}





  /*
}
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$ Media Queries for smartphone

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/


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

.ttl_img {
    width: 40vw;
    margin: 3vw auto 2vw;
}

.guide_intro {
  width: 96vw;	
  margin: 11vw auto 13vw;
  font-size: 3.4vw;
  line-height: 6vw;
  text-align: center;
  font-family: "tbudgothic-std";
  font-weight: 700;   
}

.randsel_header {
	font-size: 1.5rem;
}

.guide_menu {
	width: 78vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0px auto 10vw;
}

.guide_menu img {
	width: 35vw;
	margin-bottom: 8vw;
}

.guide_cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
 	width: 96vw;
	margin: 0px auto 6vw;
	align-items: center;
}

.guide_cate_icon {
	text-align: left;
	margin-left: 4vw;
}

.guide_cate_icon img {
	width: 10vw;
}

.guide_cate_ttl {
  margin-left: 3vw;
  font-size: 4vw;
  font-weight: bold; 
  text-align: left;  	
}




/* リセットCSS */
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* アコーディオンメニュー全体のサイズ・位置 */
.ac {
  width: 96vw;
  max-width: 96vw;
  margin: 0 auto 12vw;
  /*border: 1px solid #f1f1f0;*/
  background-color: #fff;
  border-radius: 20px;
}

.menu01_bg {
  background-color: #fff2f7;
}

.menu02_bg {
  background-color: #fffbf2;
}

.menu03_bg {
  background-color: #fbfff2;
}

.menu04_bg {
  background-color: #f2fdff;
}

/* クリック領域 */
.ac-parent {
	position: relative;  /* 追加 */
	height: 19vw;
	border-bottom: 1px solid #f1f1f0;
	background-color: #fbfbf9;
	color: #303030;
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	display: flex;
    align-items: center;
}

.ac-parent li { 
	list-style:none;
	font-size: 3.4vw; 
	line-height: 5vw;
	display: flex;
    align-items: flex-start;
}

.ac-parent li:before { 
	content:"Q";
	font-weight: bold;
	margin-right: 4vw;
	margin-left: 4vw;
	font-size: 4.4vw;

}

.ac-parent li div {
	width: 73vw;
}


/* 擬似要素で下三角形を作成 */
.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 4vw;
	width: 2vw;
	height: 2vw;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .1s;
}

/* オープン時にopenクラスを付与 */
.ac-parent.open:after {
	transform: rotate(225deg);
}

.margin_none{
	margin:0 auto;
}

.menu01_q{
	background-color: #df4579;
}

.menu02_q {
	background-color: #eea822;
}

.menu03_q {
	background-color: #92b841;
}

.menu04_q {
	background-color: #0dafc8;
}

.background_w {
	background-color: #fff;
	padding: 18px;
	border-radius: 20px;
}

.top_5 {
	margin-top:5px;
}

.color_w {
	color: #fff;
}

/* クリックしたら表示される領域 */
.ac-child {
  display: none;
  padding: 7vw 0vw;
  text-align: left;
  font-size: 3.4vw;
  line-height: 5vw;
}

.ac_anser {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 92vw;
	padding-right: 0vw;
}

.ac_mark {
	margin-left: 4vw;
	margin-right: 4vw;
	font-weight: bold;
	font-size: 4.4vw;
}


.guide_infocenter {
	width: 96vw;
	border: solid 2px #303030;
	display: flex;
	margin: 6vw auto 16vw;
	padding: 10vw 3vw;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.infocenter_01 {
width: 90vw;
text-align: center;
font-size: 4vw;
font-weight: bold;
margin-bottom: 6vw;
order: 0; 
}

.infocenter_02 {
width: 90vw;	
display: flex;
flex-direction: row;
flex-wrap: nowrap;
text-align: center;
align-items: center;
margin-bottom: 12vw;
order: 1; 
}

.infocenter_03 {
width: 90vw;	
text-align: center;
font-size: 4vw;
font-weight: bold;
margin-bottom: 6vw;
order: 2; 
}

.infocenter_04 {
width: 90vw;
text-align: center;
order: 3; 	
}

.infocenter_04 img {
width: 80vw;
}


.infocenter_02__child_01 {
 margin-left: 3vw;	
 margin-right: 4vw;
}

.infocenter_02__child_01 img {
 width: 8vw;
}

.infocenter_02__child_02 {
font-size: 6vw;
line-height: 9vw;
font-weight: bold;
text-align: left;
}


.infocenter_02__child_02 a {
	color: #303030;
}

.infocenter_02__child_02 span {
font-size: 3vw;
font-weight: bold;
}





.br_pc{
	display: none;
}

.br_sp{
	display: block;
}


}