@charset "utf-8";


#contact {
   width: 100%;
	margin:0 auto 5%;
}

.page-title_bg {
    margin: 7% 0 5%;
    width: 100%;
    padding: 3% 0;
    position: relative;
    border-bottom: 1px solid #002982;
}

.page-title {
    width: 52.08333%;
    margin: 0 auto;
	
}

.page-title img{
    width:100%;
}


.sec01 {
	position: relative;
	margin:0 auto 5%;
	width: 48.9583%;
}

.sec01 .txt02 {
    margin: 0 auto 2%;
    text-align: center;
    color: #002060;
    font-size: 1.7vw;
    font-weight: bold;
    line-height: 170%;
}

.sec01-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 8%;
}

.sec01box-l{
width: 45.21%;
text-align: center;
font-size: 0.9vw;
line-height: 170%;
}
.sec01box-l img{
width:100%;
}

.l-txt{
font-size: 1.2vw;
font-weight: bold;
}

.l-txt2{
font-size: 0.9vw;
text-align: left;
}

.semi-pic{
width: 78.58%;
margin-left: 15%;
}
.semi-pic img{
width:100%;
}
.sec01box-r{
width: 53.19%;
font-size: 0.9vw;
line-height: 170%;
}

.r-txt{
font-size: 1vw;
}

.r-txt-bg{
margin: 1% 0;
}
.r-txt-bg img{
margin: 1% 0;
width: 100%;
}

.entrybox{
	width:100%;
	text-align: center;
	font-size: 1.1vw;
	line-height: 160%;
	margin-bottom: 5%;
	
}

.entrybox_l{
	width:48.93617%;
	float: left;
}
.entrybox_l img{
	width:100%;
}

.entrybox_r{
	width:48.93617%;
	float: right;
}
.entrybox_r img{
	width:100%;
}

.entrybox_c{
	width:64.89%;
	margin: 0 auto;
}
.entrybox_c img{
	width:100%;
}


#entry{
	margin-top:-8.4%;
	padding-top: 8.4%;
}

#youkou {
	margin-top:-8.4%;
	padding-top: 8.4%;
}

.gaiyoubox{
	width:100%;
	border-top: 1px solid #4c4c4c;
	padding: 3% 0 0;
	margin-bottom: 5%;
}

.gaiyou-title{
	margin-bottom: 3%;
}
.gaiyou-title img{
	width:100%;
}

.g-box01{
	font-size: 1vw;
	line-height: 180%;
}

.g-box01_l{
	width:15%;
	float: left;
	font-size: 1vw;
	line-height: 180%;
}

.g-box01_r{
	width:85%;
	float: left;
	font-size: 1vw;
	line-height: 180%;
}

.g-box02{
	display:table;
}

.g-box02_l{
	width:20%;
	float: left;
	font-size: 1vw;
	line-height: 180%;
	display: table-cell;
	vertical-align: middle;
	margin: 0 5% 1% 0;
	background-color: #e5e5ee;
	text-align: center;
	padding: 2% 0;
position: relative;
}

.g-box02_txt{
	width:100%;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
}

.g-box02_r{
	width:75%;
	float: left;
	display: table-cell;
	font-size: 1vw;
	line-height: 180%;
	vertical-align: middle;
	padding: 2% 0;
	margin: 0 0 1% 0;
}

.g-box03{
	display:table;
    width: 100%;
}

.g-box03_l{
	/**width:53.19%;**/
	width: 53%;
	float: left;
	font-size: 1vw;
	line-height: 180%;
	display: table-cell;
	vertical-align: middle;
	margin: 0 0.53% 1% 0;
	background-color: #f2f2f6;
	text-align: left;
	padding: 2% 0;
position: relative;
}

.g-box03_l#top{
text-align: center;
	background-color: #e5e5ee;
}

.g-box03_cl#top{
text-align: center;
	background-color: #e5e5ee;
	position: relative;
}

.g-box03_c#top{
text-align: center;
	background-color: #e5e5ee;
	position: relative;
}

.g-box03_r#top{
text-align: center;
	background-color: #e5e5ee;
}

.g-box03_txt{
	width:94%;
	margin: 0 3%;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
}

.g-box03_c{
	width:22.87%;
	float: left;
	display: table-cell;
	font-size: 1vw;
	line-height: 180%;
	padding: 2% 0;
	margin: 0 0.53% 1% 0;
	text-align: center;
	background-color: #f2f2f6;
}

.g-box03_r{
	width:22.87%;
	float: left;
	display: table-cell;
	font-size: 1vw;
	line-height: 180%;
	padding: 2% 0;
	margin: 0 0 1% 0;
	text-align: center;
	background-color: #f2f2f6;
}

.g-box03_cl{
	width:10.1%;
	float: left;
	display: table-cell;
	font-size: 1vw;
	line-height: 180%;
	padding: 2% 0;
	margin: 0 0.53% 1% 0;
	text-align: center;
	background-color: #f2f2f6;
}

.zei{
	text-align:right;
}



.g-box-txt{
	line-height:180%;
	font-size: 1vw;
	text-align: left;
}

.g-box-txt dl{
	display: flex;
	column-gap: 0.5em;
	margin: 0;
}

.g-box-txt dl dt{
	flex-shrink: 0;
	font-weight: normal;
	margin: 0;
}

.g-box-txt dl dd{
	margin: 0;
}

.g-box06{
	width:94%;
	margin-bottom: 5%;
}

.g-box06#yuso{
	background-color: #e5ebf4;
	padding: 2% 3%;
	line-height: 250%;
}

.g-box06#net{
	background-color: #e5f6fb;
	padding: 2% 3%;
}

.g-box06#nagare{
	background-color: #e8e8f0;
	padding: 4% 3%;
}

.g-box06#txt{
	background-color: #f7eae8;
	padding: 2% 3%;
    margin: 3% 0;
}


.g-box06#net img{
	width:100%;
	margin-bottom:2%;
}



.dl-txt{
	line-height:180%;
	margin: 2% 0;
}

.yuso_btn{
	width:36.17%;
	margin-right: 2.5%;
	margin-bottom: 2%;
	float: left;
}

.yuso_btn img{
	width:100%;
}


.entry_cap{
    line-height: 180%;
    font-size: 0.8vw;
    padding-top: 1%;
}

.width01 {
	width: 80%;
}
.width02 {
	width: 80%!important;
	height: 150px!important;
}


.sec03{
	width:48.958%;
	padding: 0;
	margin: 0 auto;
}

.policy-box{
	width:100%;
}

.policy-title{
	font-size: 1.2vw;
	color: #000055;
	text-align: left;
	margin-bottom: 4%;
	font-weight: bold;
	line-height: 160%;
}

.policy-title2{
	font-size: 1.2vw;
	color: #000055;
	text-align: center;
	margin-bottom: 4%;
	font-weight: bold;
	line-height: 160%;
}

.p-title-top{
font-size:1.4vw;
margin-bottom: 3%;
text-align: center;
}

.p-title-top2{
margin-bottom: 3%;
text-align: center;
}

.p-title-top2-in{
font-size:1.4vw;
margin-bottom: 3%;
color: #ffffff;
line-height: 200%;
background-color: #000055;
padding: 1% 2%;
font-weight: bold;
display: inline-block;

}

.p-title-top2-in2{
font-size:1.2vw;
margin-bottom: 3%;
color: #000055;
line-height: 200%;
/*background-color: #ff0000;*/
padding: 1% 2%;
font-weight: bold;
}

.g-txt01{
font-size: 1vw;
line-height: 170%;
text-align: center;
margin-bottom: 3%;
width: 110%;
}

.p-title-r{
text-align:right;
}

.policy-txt{
	margin-bottom: 4%;
	text-indent: 1em;
}

.policy-txt02 {
	text-indent: -1em;
	padding-left: 1em;
}

table#policy{
	border: none;
}

td.policy_l{
	width:3%;
	border-bottom: none;
}

td.policy_r{
	width:97%;
	font-size: 1vw;
	line-height: 180%;
	color: #000;
	border-bottom: none;
}








.policy-midasi{
	font-size:1.1vw;
	line-height: 180%;
	font-weight: bold;
}

.policy-txt{
	font-size:1vw;
	line-height: 180%;
	margin-bottom: 3%;
}

.yuso-box{
width:100%;
display: flex;
/*justify-content: space-between;*/
flex-wrap: wrap;
}

.yuso-l{
width:36%;
font-size: 1.1vw;
font-weight: bold;
margin-bottom: 3%;
}

.yuso-c{
width: 29%;
margin-left: 3%;
}

.yuso-r{
width: 29%;
margin-left: 3%;
}

.btn-yuso a{
width:100%;
border: 1px solid #ff0000;
background-color: #ffffff;
color: #ff0000;
text-align: center;
display: block;
text-decoration: none;
line-height: 200%;
}

.btn-yuso2 a{
width:100%;
border: 1px solid #006CFF;
background-color: #ffffff;
color: #006CFF;
text-align: center;
display: block;
text-decoration: none;
line-height: 200%;
}

.btn-yuso2#wo a{
width:100%;
border: 1px solid #016F00;
background-color: #ffffff;
color: #016F00;
text-align: center;
display: block;
text-decoration: none;
line-height: 200%;
}

.btn-off em{
width:100%;
border: 1px solid #000000;
background-color: #b4b4b4;
color: #000000;
text-align: center;
display: block;
text-decoration: none;
line-height: 200%;
font-weight: normal;
}

.corona{
border: 2px solid #ff0000;
color: #ff0000;
font-size: 1.1vw;
padding: 3%;
font-weight: bold;
}

.entry-midasi01{
font-size: 1.3vw;
text-align: left;
    margin-bottom: 4%;
    font-weight: bold;
    line-height: 160%;
    color: #00a2d4;
}

.entry-midasi01#dantai{
color: #003895;
}

.entry-midasi01#txt{
color: #ac291d;
}

.nagare-box{
width: 100%;
margin-bottom: 1%;
}

.nagare-box table{
margin-bottom: 0;
}

.nagare-box td{
border: none;
}

.triangle {
background: #000055;
  height: calc(60px / 2);
  width: 87px;
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.nagare-box-l{
width: 13.68%;
background-color: #5e73a1;
font-size: 2vw;
color: #ffffff;
text-align: center;
}

.nagare-box-r{
width: 80.32%;
background-color: #ffffff;
padding: 3%;
}

.nagare-title {
    font-size: 1.2vw;
    color: #000055;
    text-align: left;
    font-weight: bold;
    line-height: 160%;
}

.nagare-btn a{
width:45%;
display: block;
background-color:#5e73a1;
color: #ffffff;
font-size: 1.2vw;
text-align: center;
text-decoration: none;
border-radius: 10px;
line-height: 300%;
margin: 0 0 0 20%;

}

.dl-txt2 {
    line-height: 180%;
    margin: 2% 0;
    font-size: 1vw;
}

#txt {
    margin-top: -8.4%;
    padding-top: 8.4%;
}

/* ========================================================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ipad
=========================================================================================================================================================================================== */
@media only screen and (max-width: 1024px) {
	
#contact {
    width: 100%;
    margin: 5% auto 5%;
}	
	
.sec01 {
    position: relative;
    margin: 0 auto 5%;
    width: 80%;
}	


.p-title-top {
    font-size: 2vw;
}
	
.g-box01{
	font-size: 1.4vw;
	line-height: 180%;
}	
	
.g-box01_l {
    font-size: 1.4vw;
}
	
.g-box01_r {
    font-size: 1.4vw;
}	
	
.g-box02_l {
    font-size: 1.4vw;
	}
	
.g-box02_r {
    font-size: 1.4vw;
	}
	
.g-box03_l {
    font-size: 1.4vw;
	}
	
.g-box03_cl {
    font-size: 1.4vw;
	}

.g-box03_c {
    font-size: 1.4vw;
	}
	
.g-box03_r {
    font-size: 1.4vw;
	}	

.g-box-txt {
    line-height: 180%;
    font-size: 1.4vw;
    text-align: left;
}
	
.sec03 {
    width: 80%;
    padding: 5% 0;
    margin: 0 auto;
}
	
td.policy_r {
    font-size: 1.4vw;
	}

	
.policy-title {
    font-size: 1.7vw;
	}
	
.policy-title2 {
    font-size: 1.7vw;
	}
	
.content {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}  
    
.width01 {
    width: 80%;
}   
	
.policy-midasi {
    font-size: 1.6vw;
	}
	
.policy-txt {
    font-size: 1.5vw;
	}
	
.policy-txt2 {
    text-align: right;
    font-size: 1.5vw;
	}
	

    
}


/* =============================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　スマホ
========================================================================================================================================================================== */
@media only screen and (max-width: 699px) {
	
.pc-only{
		display:none;
	}	
    
#contact {
    width: 100%;
    margin: 0 auto 7%;
    max-width: 1200px;
}  
	
.page-title {
    width: 100%;
    margin: 0 auto;
}

.p-title-top {
    font-size: 18px;
    margin-bottom: 3%;
    text-align: center;
}

.p-title-top2-in2{
font-size:14px;

}
	
.sec01 {
    position: relative;
    margin: 0 auto 5%;
    width: 90%;
}	
	
.entrybox_l {
    width: 100%;
    float: none;
    margin-bottom: 3%;
}	
	
.entrybox_r {
    width: 100%;
    float: none;
    margin-bottom: 3%;
}	
	
.g-box01{
	font-size: 14px;
	line-height: 180%;
}		
	
.g-box01_l {
    width: 50%;
    float: none;
    font-size: 14px;
    line-height: 180%;
	font-weight: bold;
}
	
.g-box01_r {
    width: 100%;
    float: none;
    font-size: 14px;
    line-height: 180%;
}	
	
.g-box02 {
    display: block;
}	
	
.g-box02_l {
    width: 100%;
    float: none;
    font-size: 14px;
    line-height: 180%;
    display: block;
    vertical-align: middle;
    margin: 0 0 1% 0;
    padding: 5% 0;
    position: relative;
}
	
.g-box02_r {
    width: 100%;
    float: none;
    display: block;
    font-size: 14px;
    line-height: 180%;
    vertical-align: middle;
    padding: 2% 0;
    margin: 0 0 1% 0;
}
	
.g-box03 {
    display: block;
}	
	
.g-box03_txt {
    width: 94%;
    margin: 0 3%;
    position: relative;
    transform: none;
}	
	
.g-box03_l {
   width: 100%;
    float: none;
	display: block;
    font-size: 14px;
	margin: 0 0 2%;
	}
	
.g-box03_cl {
    width: 100%;
    float: none;
    display: block;
    font-size: 14px;
	margin: 0 0 2%;
	background-color: #fff;
    text-align: left;
	}

.g-box03_c {
    width: 100%;
    float: none;
    display: block;
    font-size: 14px;
	margin: 0 0 2%;
	background-color: #fff;
    text-align: left;
	}
	
.g-box03_r {
    width: 100%;
    float: none;
    display: block;
    font-size: 14px;
	margin: 0 0 2%;
	background-color: #fff;
    text-align: left;
	}
	
.g-box-txt {
    line-height: 180%;
    font-size: 14px;
    text-align: left;
}
	
.yuso_btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
    float: none;
}	
	

.sec03 {
    width: 90%;
    padding: 5% 0;
    margin: 0 auto;
}
	

	
td.policy_l {
    width: 3%;
    padding: 0;
    border-bottom: none;
}
	
td.policy_r {
    width: 97%;
    font-size: 14px;
    line-height: 180%;
    color: #000;
    border-bottom: none;
	 padding: 0;
}	
    
	
.policy-title {
    font-size: 18px;
}
	
.policy-title2 {
    font-size: 18px;
}
	
.policy-txt2 {
    text-align: right;
    font-size: 16px;
}	
    
    

	
.policy-box {
    width: 100%;
    margin: 0 auto;
}
	
.policy-midasi {
    font-size: 18px;
    line-height: 180%;
	font-weight: bold;
}
	
.policy-txt {
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 3%;
}	
	
.yuso-l {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.yuso-c {
    width: 100%;
    margin-left: 0;
    margin-bottom: 3%;
    font-size: 16px;
    line-height: 300%;
}

.yuso-r {
    width: 100%;
    margin-left: 0;
    margin-bottom: 3%;
    font-size: 16px;
    line-height: 300%;
}

.corona {
    font-size: 16px;
    line-height: 160%;
}

.g-txt01 {
    font-size: 14px;
    line-height: 170%;
    text-align: left;
    margin-bottom: 3%;
    width: 100%;
}

.p-title-top2-in {
    font-size: 16px;
}

.sec01box-r {
    font-size: 14px;
    line-height: 170%;
}

.l-txt {
    font-size: 16px;
    font-weight: bold;
}

.l-txt2 {
    font-size: 14px;
    text-align: left;
}

.r-txt {
    font-size: 14px;
}

.sec01box-l {
width:100%;
    font-size: 14px;
    line-height: 170%;
}

.sec01box-r {
    width: 100%;
    font-size: 14px;
    line-height: 170%;
}

.semi-pic {
    width: 100%;
    margin-left: 0;
}

.r-txt-bg {
    font-size: 15px;

}

.entry-midasi01{
font-size: 18px;
text-align: left;
    margin-bottom: 4%;
    font-weight: bold;
    line-height: 160%;
    color: #00a2d4;
}

.nagare-box-l {
    font-size: 20px;
 
}

.nagare-title {
    font-size: 16px;
    }
    
.nagare-btn a {
    width: 80%;
    display: block;
    background-color: #5e73a1;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 7px;
    line-height: 300%;
    margin: 0 auto ;
}    

.dl-txt2 {
    font-size: 14px;
}

.entrybox_c{
	width:100%;
	margin: 0 auto;
}
	
}