@charset "UTF-8";


/* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */


.oth-page-title {
    width: 100%;
    color: #006cac;
    text-align: center;
    width: 100%;
  line-height: 45px;
  font-family: noto-sans-cjk-jp, sans-serif;
    font-size: 40px;
    border: none;
    margin: 50px auto 40px auto;
}

.oth-page-title span {
  font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: normal;
    color: #232323;
    font-size: 23px;
}

.oth-page-title.no-border-s {
  border: none;
}

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

$$　ギャレリア各EC共通 下層ページ

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

body {
 margin: 0;
 }
 
.contents-wrapper {
  width: 100%;
  text-align: center;
  margin: 120px 0px 60px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
 }


.btn_area {
 width: 980px;
 display: flex;
 flex-wrap: nowrap;
 justify-content:space-between;
 margin: 100px auto 70px;
 }

.btn_01 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 470px;
  height: 115px;
  justify-content: center;
  align-items: center;
  color: #303030;
  text-decoration: none;
  border: 2px solid #303030;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
}

.arrow_btn {
  width: 46px;
  margin-top: 20px;
  margin-bottom: -18px;
}

.arrow_btn img {
  width: 100%;
}


.ttl_01 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 60px;
}

.atte_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 220px;
  background-color: #f0efef;
  margin-bottom: 45px;
}

.box_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 980px;
  border: 1px solid #303030;
  margin: 0px auto 105px;
}


.sub_ttl {
  width: 195px;
  height: 53px;
  background-color: #0e6ea4;
  font-size: 17px;
  font-weight: 700;
  line-height: 53px;
  text-align:center;
  color: #ffffff;
  margin-top: -27px;
  margin-left: 50px;
  border-radius: 15px;

}


.img_01 {
  width: 145px;
  margin: 55px auto 35px;
}

.img_01 img {
  width: 100%;
}

.txt_01 {
  font-size: 17px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 20px;
}

.img_02 {
  width: 500px;
  margin: 0px auto 15px;
}

.img_02 img {
  width: 100%;
}

.txt_02 {
  font-size: 13px;
  font-weight: 700;
  margin: 0px 50px 45px auto;
}


.box_02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 920px;
  margin: 0px auto 50px;
}


.box_03 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  width: 540px;
  margin: 0px;
}


.img_03 {
  width: 540px;
  margin: 0px 0px 35px;
}

.img_03 img {
  width: 100%;
}

.txt_03 {
  font-size: 13px;
  color: #0e6ea4;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  margin: 0px;
}


.box_04 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 350px;
  margin: 0px;
}

.ttl_02 {
  width: 350px;
  height: 40px;
  background-color: #0e6ea4;
  font-size: 17px;
  font-weight: 700;
  line-height: 40px;
  text-align:center;
  color: #ffffff;
  margin-bottom: 12px;
  border-radius: 20px;
}

.ttl_03 {
  width: 350px;
  height: 40px;
  background-color: #9c9c9c;
  font-size: 17px;
  font-weight: 700;
  line-height: 40px;
  text-align:center;
  color: #ffffff;
  margin-top: 30px;
  margin-bottom: 12px;
  border-radius: 20px;
}

.box_04 ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  width: 350px;
  margin: 0px 0px 6px;
}


.box_04 ul li p {
  width: 55px;
  height: 27px;
  background-color: #0e6ea4;
  line-height: 27px;
  text-align:center;
  color: #ffffff;
  margin-right: 10px;
  }

.box_04 ul li div {
  width: 55px;
  height: 27px;
  background-color: #9c9c9c;
  line-height: 27px;
  text-align:center;
  color: #ffffff;
  margin-right: 10px;
  }


.box_05 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 60px;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #303030;
  margin: 0px auto 50px;
}

.img_04 {
  width: 108px;
  margin-right: 5px;
}

.img_04 img {
  width: 100%;
}



.box_06 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 980px;
  border: 1px solid #303030;
  margin: 0px auto 105px;
}

.img_05 {
  width: 385px;
  margin: 55px auto 30px;
}

.img_05 img {
  width: 100%;
}


.txt_04 {
  font-size: 17px;
  color: #303030;
  font-weight: 700;
  margin: 0px auto 30px;
}

.txt_05 {
  font-size: 17px;
  color: #0e6ea4;
  font-weight: 700;
  margin: 0px auto 30px;
}


.img_06 {
  width: 420px;
  border: 1px solid #f1f0f0;
  padding: 3px 25px;
  margin: 0px auto 50px;
}

.img_06 img {
  width: 100%;
}



.box_07 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 980px;
  margin: 0px auto 180px;
}


.img_07 {
  width: 980px;
  margin: 0px 0px 50px;
}

.img_07 img {
  width: 100%;
}

.txt_06 {
  font-size: 17px;
  line-height: 30px;
  color: #303030;
  font-weight: 700;
  margin: 0px auto 60px;
}


.box_08 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 940px;
  margin: 0px auto 25px;
}

.box_09 {
  display: flex;
  flex-direction: column;
  justify-content: lex-start;
  text-align: left;
  width: 430px;
}

.txt_07 {
  font-size: 17px;
  color: #303030;
  font-weight: 700;
  margin-bottom: 25px;
}

.img_08 {
  width: 430px;
  margin: 0px 0px 15px;
}

.img_08 img {
  width: 100%;
}


.txt_08 {
  font-size: 13px;
  color: #303030;
  font-weight: 700;
}

.txt_09 {
  width: 940px;
  font-size: 13px;
  color: #0e6ea4;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
  margin: 0px auto;
}








.guide_infocenter {
 width: 980px;
 border: solid 2px #303030;
 display: flex;
 margin: 0px auto 100px;
 padding: 40px 50px;
 display: flex;
 justify-content: space-between;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: flex-end;
font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
}

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

.infocenter_02 {
width: 390px;	
display: flex;
flex-direction: row;
flex-wrap: nowrap;
text-align: center;
align-items: center;
order: 2; 
}

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

.infocenter_04 {
width: 390px;
text-align: center;
order: 3; 	
}

.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;
}


.display_pc{
  display: inline-block;
}

.display_sp{
  display: none;
}





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

$$ Media Queries for smartphone

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 736px) {


  /* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */
    
 
 .oth-page-title {
    width: 100%;
    font-size: 30px;
    border: none;
    margin: 30px auto 60px auto;
  line-height: 40px;
  }
  
  .oth-page-title span {
    font-size: 20px;
  }
  
     
    

.contents-wrapper {
  width: 100vw;
  text-align: center;
  margin: 8vw 0px 8vw;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
 }


.btn_area {
 width: 94vw;
 display: flex;
 flex-wrap: nowrap;
 justify-content:space-between;
 margin: 18vw auto 20vw;
 }

.btn_01 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 44vw;
  height: 24vw;
  justify-content: center;
  align-items: center;
  color: #303030;
  text-decoration: none;
  border: 2px solid #303030;
  border-radius: 5vw;
  font-size: 3.4vw;
  font-weight: 700;
}

.arrow_btn {
  width: 8vw;
  margin-top: 3vw;
  margin-bottom: -7vw;
}

.arrow_btn img {
  width: 100%;
}


.ttl_01 {
  font-size: 4.5vw;
  font-weight: 700;
  margin-bottom: 10vw;
}

.atte_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vw;
  background-color: #f0efef;
  margin-bottom: 15vw;
}


.atte_01 img {
  width: 86%;
}


.box_01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border: none;
  border-top: 1px solid #303030;
  margin: 0px auto 20vw;
}


.sub_ttl {
  width: 78vw;
  height: 12vw;
  background-color: #0e6ea4;
  font-size: 5.5vw;
  font-weight: 700;
  line-height: 12vw;
  text-align:center;
  color: #ffffff;
  margin: -6vw auto 0vw;
  border-radius: 2vw;

}


.img_01 {
  width: 26vw;
  margin: 10vw auto 6vw;
}

.img_01 img {
  width: 100%;
}

.txt_01 {
  font-size: 3vw;
  font-weight: 700;
  line-height: 5vw;
  margin-bottom: 7vw;
}

.img_02 {
  width: 80vw;
  margin: 0px auto 15px;
}

.img_02 img {
  width: 100%;
}

.txt_02 {
  font-size: 3vw;
  font-weight: 700;
  margin: 0px 6vw 10vw auto;
}


.box_02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 96vw;
  margin: 0px auto 8vw;
}


.box_03 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  width: 100%;
  margin: 0px;
}


.img_03 {
  width: 100%;
  margin: 0px 0px 8vw;
}

.img_03 img {
  width: 100%;
}

.txt_03 {
  font-size: 3vw;
  color: #0e6ea4;
  font-weight: 700;
  line-height: 4.5vw;
  text-align: left;
  margin: 0px 0px 8vw;
}


.box_04 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 0px auto;
}

.ttl_02 {
  width: 78vw;
  height: 10vw;
  background-color: #0e6ea4;
  font-size: 4vw;
  font-weight: 700;
  line-height: 10vw;
  text-align:center;
  color: #ffffff;
  margin: 0px auto 4vw;
  border-radius: 5vw;
}

.ttl_03 {
  width: 78vw;
  height: 10vw;
  background-color: #9c9c9c;
  font-size: 4vw;
  font-weight: 700;
  line-height: 10vw;
  text-align:center;
  color: #ffffff;
  margin: 6vw auto 4vw;
  border-radius: 5vw;
}

.box_04 ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 3vw;
  font-weight: 700;
  width: 84vw;
  margin: 0px auto 1.5vw;
}


.box_04 ul li p {
  width: 11vw;
  height: 6vw;
  background-color: #0e6ea4;
  line-height: 6vw;
  text-align:center;
  color: #ffffff;
  margin-right: 3vw;
  }

.box_04 ul li div {
  width: 11vw;
  height: 6vw;
  background-color: #9c9c9c;
  line-height: 6vw;
  text-align:center;
  color: #ffffff;
  margin-right: 3vw;
  }


.box_05 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 72vw;
  height: 15vw;
  font-size: 3vw;
  font-weight: 700;
  border: 1px solid #303030;
  margin: 0px auto 16vw;
}

.img_04 {
  width: 25vw;
  margin-right: 1vw;
}

.img_04 img {
  width: 100%;
}



.box_06 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border: none;
  border-top: 1px solid #303030;
  margin: 0px auto 28vw;
}

  
  
.img_05 {
  width: 66vw;
  margin: 10vw auto 8vw;
}

.img_05 img {
  width: 100%;
}


.txt_04 {
  font-size: 3vw;
  line-height: 5vw;
  color: #303030;
  font-weight: 700;
  margin: 0px auto 5vw;
}

.txt_05 {
  font-size: 3vw;
  color: #0e6ea4;
  font-weight: 700;
  margin: 0px auto 8vw;
}


.img_06 {
  width: 84vw;
  border: 1px solid #f1f0f0;
  padding: 2vw 3vw;
  margin: 0px auto 10vw;
}

.img_06 img {
  width: 100%;
}



.box_07 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 96vw;
  margin: 0px auto 26vw;
}


.img_07 {
  width: 100%;
  margin: -5vw 0px 6vw;
}

.img_07 img {
  width: 100%;
}

.txt_06 {
  font-size: 3vw;
  line-height: 4.5vw;
  color: #303030;
  font-weight: 700;
  margin: 0px auto 12vw;
}


.box_08 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 96vw;
  margin: 0px auto 0vw;
}

.box_09 {
  display: flex;
  flex-direction: column;
  justify-content: lex-start;
  text-align: left;
  width: 96vw;
  margin-bottom: 10vw;
}

.txt_07 {
  font-size: 3.5vw;
  color: #303030;
  font-weight: 700;
  margin-left: 5vw;  
  margin-bottom: 6vw;
}

.img_08 {
  width: 60vw;
  margin: 0px auto 15px;
}

.img_08 img {
  width: 100%;
}


.txt_08 {
  font-size: 3vw;
  color: #303030;
  font-weight: 700;
  margin-left: 18vw;  
}

.txt_09 {
  width: 96vw;
  font-size: 3vw;
  color: #0e6ea4;
  font-weight: 700;
  line-height: 4.5vw;
  text-align: left;
  margin: 0px auto;
}














.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;
}

.display_pc{
  display: none;
}

.display_sp{
  display: block;
}



     }