@charset "UTF-8";

/* パンくずリスト風 */
.breadcrumb {
  padding: 0.5rem;
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 .25rem 0.5rem;
  content: "＞";
}


/* リンク色の置き換え */	
.breadcrumb a:link {
	color: #0E4FB4; 
	/*text-decoration:none;*/	  
  }	
	
.breadcrumb a:visited {
	color: #0E4FB4; 
	/*text-decoration:none;*/		
  }		
.breadcrumb a:active {
	color: #0E4FB4; 
	/*text-decoration:none;*/		
  }		
	
.breadcrumb a:hover {
	color: #0E4FB4; 
	/*text-decoration:none;*/		  
  }		




/*レスポンシブ対応ボタン2*/
.menu2{
	width:auto;
	display:table;/*親要素にこの指定があって、table-cellとなる。*/
	border-collapse: separate;
	border-spacing: 15px; /*この二つはセル間をあけるために親要素に指定する。*/
	background-color:white;
	margin:0 auto;
	text-decoration: none;
	text-align:center;
	}
.list2{
	display:table-cell;
	height:auto;
	width:440px;
	vertical-align:middle;/*表組みなので上下中央揃えが適用できる*/
	font-size:150%;	
	font-weight: bolder;
	border-radius: 30px; /*角丸CSS3*/
	background-color: #F75E1E;
	text-decoration: none;
	padding:20px; 
	box-shadow: 6px 6px #CCCCCC;
	}

.list2:link {
	color:#fff;
	}

.list2:visited {
	color:#fff;
	}
.list2:hover{
	 background-color: #F7931E;
	color:white;	
	text-decoration: none;
	}


hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}



/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */

@media print,screen and (min-width: 769px) {
	
	.gu_page a{
	 color:#0033CC;
	}

		
	.midashi {
		width: 93%;
		margin: 1% auto 3% auto;
		font-size: 1.2em;	
		line-height: 1.5em;
	}
		
	
	.t_text {
		width: 94%;
		margin: 1% auto 3% auto;
		font-size: 1em;	
		line-height: 1.5em;
	}	
	
	
	.t_text::before {
        content:"※";
	}		

	.t_text span {
	padding-left: 1em;
    text-indent: -0.5em;
	}	
	

	.h3_01 {
	background: url(/guide/images/h3_01.png)no-repeat;
	font-size: 17px;
	font-weight: bold;
	margin:0em 0em 0.8em 0em; 
	padding:0.6em 0em 0.6em 2.5em;	
}
	
	.mlmg_img {	
	width: 100%;
	margin: 0 auto;	
	text-align: center;		
	}	
	
	.mlmg_img img {	
	width:100%;		
	}		
	
	.entry_text {
		width: 91%;
		margin: 2% auto;
	}
	.entry_text>p {
		font-size: 1.2em;	
		line-height: 1.5em;
		margin: 0 0 2% 0;
	}	
	

	.container {
  	 display: flex;
  	 flex-direction: row;
  	 width:100%;
  	 margin-bottom:50px;	
	}	
	
	.item1 {
  	 width:45%;	 
     padding:1%;	
	}	
	
	.item1 p {	
     font-size: 1.2em;	
     line-height: 1.5em;
     padding:4%;	
	}	

	
	.item2 {
  	 width:55%;		
	}	
	
	.item2　img {
  	 width:300px;		
	}		
	
	.mlmg_bor {
  	 width:98%;
	 margin: 0 auto;
  	 border-top: 1px dotted #D4CFCF;
	 margin-bottom: 10px;	
	}	
	
	
	.search_title {
		width: 400px;
		box-sizing: border-box;
		padding: 5px 10px;
		background: #E6E6E6;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}	
	
	
	
	
	.agreement_btn {
		margin-top: 1px;
		text-align: center;
		font-size: 15px;
		font-weight: normal;
	}
	
	
}
		
	

/* SP画面用（ウィンドウ幅が768px以下の場合に適用） */

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


	.breadcrumb {
	  margin-bottom: -5%;
	  font-size: 0.9em;	
		width: 93%;		
	}
	
	
	
	.h2_title {
		background: url(/images/common/h2_bg.gif) no-repeat;
		background-size: cover;
		background-position: left;
		padding: 2% 1% 4% 12%;
		margin-bottom: 15px;
		font-size: 4.8vw;
		width: 100%;
		box-sizing: border-box;
		color: #000000;
	}	
	
	
	.midashi {
		width: 93%;			
		margin: 2% auto;
		font-size: 1em;	
		line-height: 1.5em;
	}
	
	.t_text {
		width: 93%;			
		margin: 2% auto;
		font-size: 0.9em;	
		line-height: 1.5em;
		margin-bottom: 10%;
	}	

	

	.h3_01 {
	background: url(/guide/images/sp_h3_01.png)no-repeat;
	background-size: cover;
	background-position: left;	
    font-size:1em;	
	font-weight: bold;
	margin:0em 0em 0.8em 0em; 
	padding:4% 1% 3% 12%;
}
		
	
	.mlmg_img　{
	width:50%;	
	}	
	
	.mlmg_img img　{
	width: 60%;	
	}	
	
	
	.entry_text {
		width: 92%;
		margin: 2% auto;
		line-height: 1.5em;		
	}
	.entry_text>p {
		margin: 0 0 5% 0;
	}	
	
	
	.container {
  	 width:99%;
  	 margin-bottom:5%;	
	}	
	
	.item1 { 	
  	 width:99%;	 
     padding:1%;	
	}	
	
	.item1 p {	
  	 width: 92%;
  	 margin: 2% auto;		
     font-size: 1em;	
     line-height: 1.5em;
		
	}	

	.item2 {
  	 width:99%;		
	}	
	
	.item2　img {
  	 width:95%;		
	}		
		

	.mlmg_bor {
  	 width:98%;
	 margin: 0 auto;
  	 border-top: 3px solid #D4CFCF;
	 margin-bottom:5%;	
	}		
	
	.search_title {
  	 width: 87%;
  	 margin: 2% auto;			
		font-size: 4w;
		font-weight: bold;
		padding-bottom: 5px;
		position: relative;
		padding-left: 5%;
	}
	
	.search_title:before {
		background: #2E3192;
		content: "";
		height: 3vw;
		width: 3vw;
		left: 0;
		position: absolute;
		top: 2%;
	}	
	
	
	.sp_mail_attention {
		width: 100%;
		margin: 3% auto 5% auto;
	}
	.sp_mail_attention>img {
		width: 95%;
		height: auto;
		margin: 0 5%;
	}
	.sp_mail_attention>p {
		margin: 5% auto 0 auto;
		width: 95%;
	}	
	
	
	.agreement_btn {
		margin-top: 1px;
		text-align: center;
		font-size:1em;
		font-weight: normal;
	    margin-bottom: 50px;	
	}	
	
	
	
}