@charset "utf-8";


/* ---------- common ------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 vertical-align:baseline;
}
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block;
}
ol,
ul {
 list-style:none;
}
blockquote,
q {
 quotes:none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
 content:'';
 content:none;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
html {
 -webkit-font-smoothing:antialiased;
 -webkit-tap-highlight-color:transparent;
}
html,
body {
 overflow-x:hidden;
}
body {
	background: #ffffff;
	color: #000;
	margin: 0;
	padding: 0;
	font-size:  62.5%; /*10px*/
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", メイリオ, Meiryo, Roboto, "Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
}

a{
	color: #0066ff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}

.sp { display: none!important; }

@media screen and (max-width:1350px) {
.pc { display: none!important; }
.ipad{ display: block!important; }
.sp { display: none!important; }
}

.pc_850 {
		display: block;
	}
	.ip_850 {
		display: none;
	}

@media screen and (max-width:850px) {
.pc { display: none!important; }
.ipad{ display: none!important; }
.sp { display: block!important; }
.inner { width: 88.24% !important;}
	.pc_850 {
		display: none;
	}
	.ip_850 {
		display: block;
	}
}

@media screen and (max-width:500px) {
	.inner { width: 96% !important;}
}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.yellow_uline {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #FFE000 70%)no-repeat;
	background-size: 100% 88%;
}

.inner {
	width: 62.5%;
	margin: 0 auto;
}

.red_txt {
	color: #D94554;
}

.bl_txt{
	color: #0050AF;
}

.txt_center {
	text-align: center;
}

.bd_bg {
	background-color: #C4ECFA;
	border: solid 1px #000000;
	padding: 1.1%;
	margin-right: 3%;
}

.ble_box_s {
	background-color: #0050AF;
	padding: 0.2% 0.4%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	color: #ffffff;
	font-weight: bold;
}

.yel_box_s {
	background-color: #FFE000;
	padding: 0.2% 0.4%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	font-weight: bold;
}

.wh_txt {
	color:white;
}


/*----------btn---------------*/


.btn_hv img {
	box-shadow: 2px 2px 4px gray; 
}

.btn_hv img:hover{
-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.plan_btn_hv img:hover {
	-webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.area07_btn_hv img {
	box-shadow: 1px 1px 3px black; 
}

.area07_btn_hv:hover {
	-webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:2%; /*場所を右下に移動*/
  right:1.5%; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}


/*-------------フォントの指定---------------*/
.s70 { font-size: 7em; } /*60px*/
.s60 { font-size: 6em; } /*60px*/
.s40 { font-size: 4em; } /*40px*/
.s30 { font-size: 3em; } /*30px*/
.s35 { font-size: 3.5em; } /*35px*/
.s25 { font-size: 2.5em; } /*25px*/
.s20 { font-size: 2em; } /*20px*/
.s18 { font-size: 1.8em; } /*18px*/
.s16 { font-size: 1.6em; } /*16px*/
.s14 { font-size: 1.4em; } /*14px*/

@media (min-width: 1350px) {
  .s60 {
    font-size: calc(2.5rem + ((1vw - 12px) * 2.7778));
    min-height: 0vw;
  }
  .s70e {
    font-size: calc(3.75rem + ((1vw - 13px) * 1.6129));
    min-height: 0vw;
  }
}
@media (min-width: 850px) {
  .s16 {
    font-size: calc(0.75rem + ((1vw - 8px) * 0.3571));
    min-height: 0vw;
  }
  
 	 .s18 {
    font-size: calc(0.75rem + ((1vw - 8px) * 0.5357));
    min-height: 0vw;
  }
	.s20 {
    font-size: calc(0.875rem + ((1vw - 8px) * 0.5357));
    min-height: 0vw;
  }
 .s25 {
    font-size: calc(0.875rem + ((1vw - 8px) * 0.9821));
    min-height: 0vw;
  }
	.s30 {
    font-size: calc(1.25rem + ((1vw - 8px) * 0.8929));
    min-height: 0vw;
  }
	.s35 {
    font-size: calc(1.5625rem + ((1vw - 8px) * 0.8929));
    min-height: 0vw;
  }
	  .s60 {
    font-size: 60px;
  }
}

/* 850-380 */

@media (min-width: 380px) {
  .s60 {
    font-size: calc(1.25rem + ((1vw - 3.8px) * 8.5106));
    min-height: 0vw;
	}
  .s60 {
    font-size: 3em;
  }
}

/*ハンバーガーメニュー*/
.ip_786 {
	display: none;
}
@media (max-width: 786px) {
	.ip_786 {
	display: block;
}
}

 /*スマホ用メニューボタン*/
.navOpen {
    width: 41px;
    height: 40px;
    float: right;
    margin-top: 21px;
	margin-right: 15px;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(../images/menu02.png) no-repeat 0 0;
    background-size: 80px;
}
/*スマホ用メニュー閉じるボタン*/
.navClose {
   background-position: -41px 0; /*ボタンの画像切り替え*/
}
.menu-sp {
    clear: both;
    position: relative;
}
.menu-sp ul {
    width:50%;
    position: absolute;
	 right: 1px;
    top: 0px;
    background-color: rgba( 51,51,51, 0.7 );
}
.menu-sp li {
    line-height: 1.2;
    border-top: 1px #ccc solid;
	 font-size: 18px;
}
.menu-sp a {
    color: #ffffff;
    padding-left: 10%;
    padding-top: 6%;
    padding-bottom: 6%;
    display: block;
	 font-weight: bold;
}

/*再設定*/
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/* ----------- メインビジュアルPC用------------ */
.mv_area {
	position: relative;
	background: url("../images/common/210302/main.jpg") no-repeat center center;
	background-size: cover;
	padding: 19.4% 0;
	margin-bottom: 60px;
}

.mv_logo {
  position: absolute;
	top: 2%;
	padding-left: 13%;

}
.mv_logo img {
	width: 100%;
}

#ttl1_txt{
  position: absolute;
	line-height: 1.5;
	top: 23.5%;
	padding-left: 13%;
}

.main_txt_area {
	position: absolute;
	padding-left: 13%;
	top: 54%;
	width: 50%;
	font-weight: bold;
}

.main_txt_area li {
	width: 100%;
}

.main_txt_area img {
	vertical-align: text-bottom;
  width: 5%;
}

#ado_txt_pc {
	position: absolute;
	top: 78%;
	padding-left: 13.2%;
  width: 24%;
}

#ado_txt_pc img{
	width: 100%;
}

.one_stop {
	position: absolute;
	top: 46%;
	padding-left: 60.5%;
	width: 26.3%;
}

.one_stop img {
	width: 100%;
}

.br_sp {
		display: none;
	}

.sp_380 {
		display: none;
	}


/* @media */
@media screen and (max-width:1500px) {
.mv_logo {
		padding-left: 8%;
		}
	
	.main_txt_area {	
		top: 55.7%;
		padding-left: 7.5%;
	}

	#ttl1_txt {
		padding-left: 8%;
		top: 24%;
	}
	
	#ado_txt_pc {
		padding-left: 8.5%;
		top: 76%;
		width: 28.5%;
	}
	.one_stop {
	top: 39.5%;
	width: 30%;
}
	
}

@media screen and (max-width:1350px) {
	.mv_area {
		position: relative;
		background: url("../images/common/210302/main_1200.jpg") no-repeat center center;
		background-size: cover;
		padding:13.7% 0;
		margin-bottom: 60px;
	}	

	
	.main_txt_area {	
		top: 57.5%;
	}

	#ttl1_txt {
		font-size:4.6em;
		top: 25%;
	}
	
	.main_txt_area img {
		width: 3.5%;
  }
	#ado_txt_pc {
		padding-left: 9.8%;
		top: 75%;
		width: 25%;
	}
	.one_stop {
	top: 29.5%;
	width: 30%;
}
}

@media screen and (max-width:1100px) {	
	.mv_logo {
		padding-left: 8%;
		}
	
	.main_txt_area {	
		top: 54.5%;
		padding-left: 8%;
		width: 54%;
	}

	#ttl1_txt {
		padding-left: 8%;
		font-size:4.8em;
		top: 22.5%;
	}
	

	#ado_txt_pc {
		padding-left: 9.7%;
		top: 74%;
		width: 30%;
	}
	
}

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

	.main_txt_area {	
		top: 55%;
		padding-left: 6%;
		width: 56%;
	}
		.mv_logo {
		padding-left: 6%;
		}
	#ttl1_txt {
		padding-left:6%;
		font-size:4.4em;
	}
	#ado_txt_pc {
		padding-left: 9%;
		top: 74%;
		width: 30%;
	}
}

/* タブレット */
@media screen and (max-width:850px) {	
	.mv_logo {
		padding-left: 1% !important;
		}
	
	.mv_area #pc_area {
		display: none !important;
	}


	.mv_area {
		position: relative;
		background: none;
		padding:0 !important;
		padding-left: 1% !important;
		margin: 0;
		margin-bottom: 15%;
		z-index: 1;
	}	
.mv_logo_sp {
	position: absolute;
	top:0%;
	 padding: 2%;
	background-color: #E6E6E6;
	margin:0;
	width: 96%;
	}
	
	
	.mv_logo_sp img{
			width: 35%;
	}
	.mv_area_sp {
		position: relative;

	}
	.mv_area_sp h1{
			position: relative;
		line-height: 1.5em;
		padding-left: 2%;
		font-size: 5em;
	}
	
	.mv_area_sp p img {
		width: 100%;
		margin-top: 2%;
	}
	
	.mv_area_sp p {
		margin-bottom: 7%;
	}
	
	.main_txt_area_sp ul {
		margin: 2% 2%;
	}
	
	.main_txt_area_sp ul li {
		line-height: 1.5em;
		margin-bottom: 6%;
	}
	
.br_mg {
		margin-left: 8.6% !important;
	}
	
	.sp_check {
		width: 7%;
		vertical-align: -moz-middle-with-baseline;
	}
	
	.sp_check img {
		widht: 100%;
	}
	.mv_area_sp .s30 {
    font-size: calc(1.25rem + ((1vw - 5px) * 2.8571));
    min-height: 0vw;
  }
	.yellow_uline {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #FFE000 70%)no-repeat;
	background-size: 100% 95%;
}
}

@media screen and (max-width:786px) {
	.mv_area_sp h1{
		font-size: 6em;
		padding-bottom: 2%;
	}
	.navOpen {
    height: 30px;
    margin-bottom: 0px;
    background-size: 80px;
}
	
}


/*スマホ*/
@media screen and (max-width:500px) {	
	.mv_area_sp h1{
		font-size: 3em;
	}
	#sp_380_none {
    display: none;
  }
	.sp_380 {
		display: block;
	}
	.mv_area_sp p {
		margin: 0;
		width: 100%;
		padding: 0;
	}
	
	.sp_380 img{
		width: 100%;
		margin: 0;
	}
	.yellow_uline {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #FFE000 70%)no-repeat;
	background-size: 100% 98%;
}
	#check_img {
		width: 110% !important;
	}
}

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

	.mv_area {
		margin: 0;
		margin-bottom: 10%;
		
	}	
.mv_logo_sp {
	 padding: 2%;
	margin:0;
	width: 96%;
	}
	
	.mv_logo_sp img{
			width: 50%;
		margin:0;
	}

/*スマホ用メニューボタン*/
.navOpen {
    width: 37px;
    height: 33px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(../images/menu02.png) no-repeat 0 0;
    background-size: 70px;
	
}
/*スマホ用メニュー閉じるボタン*/
.navClose {
    background-position: -37px 0; /*ボタンの画像切り替え*/

}

	.menu-sp li {
    line-height: 1.2;
    border-top: 1px #ccc solid;
	 font-size: 15px;
}
	
}


/* ----------main_btm_ex------------ */

.exttl{
	color: #0050AF;
	display: flex;
	align-items: center;
	margin-bottom: 2%;
}

.exttl:before, .exttl:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	display: block;
	background: #0050AF;
}
.exttl:before {
	margin-right: 2em;
}
.exttl:after {
	margin-left: 2em;
}

.ex_01 img {
	width: 32%;
}

.ex_01 p {
	font-weight: 300;
	margin: 0 auto 0;
	text-align: center;
	margin-top: 7%;
	margin-bottom: 5%;
}

.ex_02 {
	position: relative;
	background: url("../images/common/ex02.jpg") no-repeat  center center;
	background-size: 100%;
	padding: 15%;
}

.exttl02 {
	position: absolute;
	text-align: center;
	font-weight: 600;
	color: #0050AF;
	top: 6%;
	left: 17%;
}


.ex_02_pbg {
	position: absolute;
	text-align: center;
	font-weight: 300;
	left: 37%;
	top: 70%;
	color: #0050AF;
}

.ex_02_pbg img{
	width: 11.5%;
	vertical-align: text-bottom;
}


/* @media */

@media screen and (max-width:1300px) {
	.ex_01 img {
		width: 70%;
	}

	.ex_02_pbg {
		left: 34%;
		top: 69.3%;
	}
	
	.ex_02_pbg img{
		width: 10%;	
	}
}

/* タブレット・スマホ */
@media screen and (max-width:850px) {	
	.exttl{
  text-align: center;
	margin-bottom: 6%;
}
	.ex_01{
		width: 100%;
		text-align: center;
	}
	.exttl {
		font-size: calc(1.25rem + ((1vw - 3.6px) * 2.0408));
    min-height: 0vw;
	}
	
	#main_btm_ex .s30{
		font-size: calc(1.25rem + ((1vw - 3.6px) * 4.0816));
    min-height: 0vw;
	}
	#main_btm_ex .s20 {
		font-size: calc(0.8125rem + ((1vw - 3.6px) * 1.4286));
    min-height: 0vw;
	}
	#main_btm_ex .s16 {
		font-size: calc(0.875rem + ((1vw - 3.6px) * 0.4082));
    min-height: 0vw;
	}
	
	.ex_02 {
	position: relative;
	background: url("../images/common/sp/ex02_sp.jpg") no-repeat  center center;
	background-size: 100%;
	padding: 40%;
}
	
.exttl02 {
	position: absolute;
	top: 5.3%;
	left: 5%;
	line-height: 1.45em;
}


.ex_02_pbg {
	position: absolute;
	left: 0;
	top: 77%;
	width: 100%;
	
}

.ex_02_pbg img{
	width: 6%;
	vertical-align: bottom;
}
}

/*スマƒ›*/
@media screen and (max-width:500px) {	
	.exttl{
	margin-top: 10%;
}
	.exttl02 {
	left: 2.5%;
}
	.ex_01 img {
		width: 85%;
	}
	.exttl:before {
	margin-right: 0.5em;
}
.exttl:after {
	margin-left: 0.5em;
}

	#main_btm_ex	.ex_01 p {
		line-height: 1.7em;
		font-size: 16px;
	}
	
	.ex_01 p img {
		width: 90%;
	}
}
@media screen and (max-width:320px) {	
.ex_02_pbg {
	font-size: 13px !important;
	}	
}


/* ----------むずかしそう------------- */
.dif_fl_left{
		width: 100%;
	}

.difttl {
	margin-top: 2.5%;
	margin-bottom: 3%;
	text-align: center;
}
.dif_fl_left ul {
	margin-bottom: 5%;
}

.dif_fl_left li {
	float: left;
	width: 31.67%;
	padding-right: 1.1%;
}
.dif_fl_left li:first-child {
	padding-left: 1%;
}
.dif_fl_left li:last-child {
  overflow: hidden;
	padding-right: 1%;
}

.dif_fl_left li img{
	width: 100%;
	height: 30%;
	margin-bottom: 15%;
}

.ye_box {
	overflow: hidden;
	clear: both;
	height: 154px;
	background: url("../images/common/style_yellow_box.jpg") no-repeat  center center;
	background-size: contain;
	width: 100%;
}

.dif_an {
	text-align: center;
	padding: 4.8% 0;
}


@media screen and (max-width:1300px) {
	.dif_an {
		text-align: center;
		padding: 8% 1%;
		font-size: 2.5em;
	}
}

/* @media */

@media screen and (max-width:1100px) {
	.dif_an {
		text-align: center;
		padding: 10% 1%;
		font-size: 2.2em;
	}
}

@media screen and (max-width:950px) {
	.dif_an {
		text-align: center;
		padding: 12% 1%;
		font-size: 2em;
	}
}

/* タブレット */
@media screen and (max-width:850px) {	
	.dif_fl_left .inner{
		width: 100%;
	}
	.difttl img {
		width: 30%;
  }
.ye_box {
	overflow: hidden;
	clear: both;
	background: url("../images/common/sp/style_yellow_box_sp.jpg") no-repeat center center;
	background-size: contain;
	width: 100%;
	margin-bottom: 10% !important;

}
	.dif_an {
	padding: 6% 0;
	margin-right: 3%;
	font-size: 2.8em !important;
}

}

/*タブレット*/
@media screen and (max-width:650px) {	
	.difttl {
		margin-bottom: 40px;
		margin-top: 15px;
	}
	
	.difttl img {
		width: 40%;
  }
	
	.dif_fl_left ul {
		width: 100%;
		margin: 0 auto;
  }

	.dif_fl_left li {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.dif_fl_left li img{
		height: 100% !important;
	}
	
	.ye_box{
		background-size: 100% !important;
	}
	.dif_an {
		font-size: 2em !important;
		padding: 40px 0;
	}
		.dif_fl_left li {
	padding-right: 0 !important;
}
.dif_fl_left li:first-child {
	padding-left: 0 !important;
}
	.dif_fl_left li:last-child {
	padding-right: 0 !important;
		margin-bottom: 8%;
}
	.dif_fl_left li img{
	width: 90%;
	margin-bottom: 1%;
}
}

@media screen and (max-width:500px) {	
	.dif_an {
		padding: 46px 0;
		font-size: 2em !important;
	}
	.dif_fl_left .inner{
		margin: 0 0 !important;
	}

}
@media screen and (max-width:370px) {	
.difttl {
		margin-bottom: 20px;
	}
	.difttl img{
		width: 50% !important;
			}
	.dif_an {
		padding: 50px 0;
		font-size: 1.8em !important;
	}
	.dif_fl_left li:last-child {
		margin-bottom: 2%;
}
}
@media screen and (max-width:320px) {	
	.dif_an {
		padding: 51px 0;
		font-size: 1.5em !important;
	}
}

/* ---------- WEBタブエリア ------------ */

/*------ tab btn ---------*/
#sub_contNav_sp {
	display: none !important;
}

.tab_btn{
	overflow: hidden;
  border-bottom: 2px solid #00A4E7;
	margin-top: 3%;
	padding: 0;
	
}

#sub_contNav {
	verflow: hidden;
	text-align: center;
	

}
#sub_contNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#sub_contNav li {
	float:left;
  width: 46%;
	padding-left: 2%;
	padding-right: 2%;
  display: block;
}

#sub_contNav li img{
	vertical-align: bottom;
	width: 90.7%;
}

#sub_contNav li a{
	margin: 0;
	padding: 0;
}

@media screen and (max-width:850px){
	#sub_contNav_sp {
	display: block!important;
	overflow: hidden;
	text-align: center;
}
	#sub_contNav {
	display: none!important;
}

#sub_contNav_sp ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#sub_contNav_sp li {
	text-align: center;
	float:left;
  width: 48%;
	padding-left: 1%;
	padding-right: 1%;
  display: block;
}

#sub_contNav_sp li img{
	vertical-align: bottom;
	width: 95%;
}

#sub_contNav_sp li a{
	margin: 0;
	padding: 0;
}
}
@media screen and (max-width:630px){
	#sub_contNav_sp li img{
	width: 100%;
}
}

/*---------tab_area_01-------------*/

.tab_sub_area_01{
	position: relative;
	margin-bottom: 10%;
}

.tab_sub_area_01 h2 {
	margin-top: 12%;
}

.tab_sub_area_01 h2 img {
	width: 52%;
}

.tab_sub_area_01 h3 {
	margin: 10% 0 5% 0;
	line-height: 2em;
}

.tab_sub_area_01 p {
	line-height: 1.8em;
	font-weight: 300;
}

@media screen and (max-width:786px){
	.tab_sub_area_01{
	margin-bottom: 18%;
}
	
.tab_sub_area_01 h2 img {
	width: 68%;
}

.tab_sub_area_01 h3 {
	margin: 7% 0 8% 0;
	line-height: 1.6em;
	font-size: 2.4em;
	
}

.tab_sub_area_01 p {
	line-height: 1.9em;
	font-size: 1.6em;
	letter-spacing: 0.09em;
}
}

@media screen and (max-width:670px){
	.tab_sub_area_01 p {
	line-height: 1.8em;
	width: 90%;
	margin: 0 auto;
}
}

@media screen and (max-width:500px){
	.tab_sub_area_01{
	margin-bottom: 30%;
}
	.tab_sub_area_01 h2 img {
	width: 80%;
}

.tab_sub_area_01 h3 {
	margin: 7% 0 8% 0;
	line-height: 1.6em;
	font-size: 2em;
	
}
	.tab_sub_area_01 p {
	line-height: 1.8em;
	font-size: 1.5em;
}
}

@media screen and (max-width:414px){
	.tab_sub_area_01{
	margin-bottom: 45% !important;
}
	.tab_sub_area_01 h2 img {
	width: 100%;
}

.tab_sub_area_01 h3 {
	font-size: 1.7em;
	
}
	.tab_sub_area_01 p {
	line-height: 1.8em;
	font-size: 1.6em;
		width: 90%;
}
}


/*---------tab_area_02-----------*/

.tab_sub_area_02{
	position: relative;
	background: #F0F0F0;
	padding: 3%;
}

.tab_sub_area_02 h2 {
	position: absolute;
	top: -23%;
	left: 17%;
}

.tab_sub_area_02 h2 img {
	/*width: 22.8%;*/
}

.bx01_txt {
	width: 73%;
	line-height: 1.8em;
	font-weight: 300;
	margin: 5% auto 0 auto;
}

@media screen and (max-width:1430px) {
	.bx01_txt {
		width: 80%;
	}
}

@media screen and (max-width:1250px) {
	.tab_sub_area_02 h2 {
	top: -23%;
	left: 17%;
}
	.tab_sub_area_02 h2 img{
	width: 33%;
}
	
}

@media screen and (max-width:1100px) {
	.tab_sub_area_02 {
		margin-top: 20%;
		padding: 8% 0 8% 0;
	}
.tab_sub_area_02 h2 {
	top: -25%;
	left: 5%;
}
	.tab_sub_area_02 h2 img{
	width: 40%;
}
	.bx01_txt {
  font-size: 1.8em;
}
}
@media screen and (max-width:710px) {
	.tab_sub_area_02 h2 {
	top: -18%;
}
	.bx01_txt {
  font-size: 1.6em;
		letter-spacing: 0.09em;
}
}
@media screen and (max-width:500px) {
	.tab_sub_area_02 h2 {
	top: -25%;
		left: 0;
}
	.tab_sub_area_02 h2 img {
		width: 58%;
	}
	.bx01_txt {
  font-size: 1.6em;
	width: 95%;
}
}
@media screen and (max-width:414px) {
	.tab_sub_area_02 {
		padding-bottom: 20%;
		padding-top: 15%;
	}
	.tab_sub_area_02 h2 {
	top: -15%;
		left: 0;
}
	.tab_sub_area_02 h2 img {
		width: 60%;
	}
}

/*-----------tab_area_03---------------*/

.tab_sub_area_03 h2 {
	margin: 8% 0 2% 0;
}

.tab_sub_area_03 h2 img {
	/*width: 42%;*/
}

.tab_sub_area_03 p {
	margin: 2% 0 0 0;
	font-weight: 300;
	color: #808080;
}

.tab_sub_area_03 p img{
	margin-top: 5%;
	margin-bottom: 5%;
	width: 52%;
}

.or_box {
	border: 2px solid #808080;
	padding: 0 2.5%;
	margin: 0 1%;
	background-color: #FFBE7D;
}

.la_text {
	margin-bottom: 10% !important;
}

@media screen and (max-width:1250px) {
	.tab_sub_area_03 h2 img {
	width: 60%;
}
	.tab_sub_area_03 p img{
	width: 70%;
}
}


@media screen and (max-width:850px) {
	.tab_sub_area_03 h2 img {
	width: 80%;
}

.tab_sub_area_03 p {
	font-size: 1.8em;
}

.tab_sub_area_03 p img{
	width: 80%;
}
}

@media screen and (max-width:500px) {
	.tab_sub_area_03 {
		padding: 10% 0 10% 0;
	}
	
	.tab_sub_area_03 h2 {
		margin-bottom: 10%;
	}
	
		.tab_sub_area_03 h2 img {
	width: 90%;
}

.tab_sub_area_03 p {
	font-size: 1.6em;
	margin-bottom: 3%;
}

.tab_sub_area_03 p img{
	width: 100%;
}
}


/*-----------tab_area_04--------------*/

.tab_sub_area_04 {
	position: relative;
	background: url("../images/subsidy/example.jpg") no-repeat;
	background-size: 100%;
	padding: 34.8% 0;
}

.tab_sub_area_04 h3 {
	font-weight: 300;
	width: 45%;
	line-height: 1.2em;
	letter-spacing: 0.08em;
}

.tab_sub_area_04 p {
	font-weight: 300;
	width: 42%;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}

.sub_ttltxt {
	margin-left: 1%;
	font-size: 0.7em;
}

#inner01 h3{
	position: absolute;
	top: 20.5%;
	left: 35%;
}

#inner01 p {
	position: absolute;
	top: 26.2%;
	left: 35%;
}


#inner02 h3 {
	position: absolute;
	top: 40.5%;
	left: 35%;
}

#inner02 p {
	position: absolute;
	top: 46.2%;
	left: 35%;
}

#inner03 h3 {
	position: absolute;
	top: 65.5%;
	left: 35%;
}

#inner03 p {
	position: absolute;
	top: 73.6%;
	left: 35%;
}
.i_768 {
	display: none;
}

@media screen and (max-width:1200px) {
	.tab_sub_area_04 {
	position: relative;
	background: url("../images/subsidy/example_1200.jpg") no-repeat;
	background-size: 100%;
	padding: 39.5% 0;
}


.tab_sub_area_04 p {
	line-height: 1.6em;
	letter-spacing: 0.06em;
	font-size: 1.38em;
}

	.tab_sub_area_04 h3 {
		font-weight: bold;
	}

#inner01 h3{
	top: 17.7%;
}

#inner01 p {
	top: 23%;
}


#inner02 h3 {
	top: 41.5%;
}

#inner02 p {
	top: 46.8%;
}

#inner03 h3 {
	top: 69.2%;
}

#inner03 p {
	top: 77%;
}
	
}

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

.tab_sub_area_04 p {
	line-height: 1.4em;
	letter-spacing: 0.07em;
	font-size: 1.28em;
}
}

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

.tab_sub_area_04 p {
	line-height: 1.5em;
	font-size: 1.1em;
}
	.tab_sub_area_04 h3 {
	letter-spacing: 0.05em;
	font-size: 1.4em;
}
}
@media screen and (max-width:850px) {
	.tab_sub_area_04 {
	position: relative;
	background: url("../images/subsidy/sp/example_sp.jpg") no-repeat;
	background-size: 100%;
	padding: 125% 0;
}
	.tab_sub_area_04 h3 {
		font-size: 3.3em;
		width: 80%;
		line-height: 1.2em;
	}

.tab_sub_area_04 p {
	line-height: 1.8em;
	letter-spacing: 0.08em;
	font-size: 2em;
	width: 90%;
}
.sub_ttltxt {
	margin-left: 0;
	font-size: 0.5em;
	margin:0;
	padding: 0;
}
	
#inner01 h3{
	position: absolute;
	top: 14.5%;
	left: 23%;
}

#inner01 p {
	position: absolute;
	top: 24%;
	left: 5%;
}


#inner02 h3 {
	position: absolute;
	top: 41%;
	left: 23%;
}

#inner02 p {
	position: absolute;
	top: 50%;
	left: 5%;
}

#inner03 h3 {
	position: absolute;
	top: 71%;
	left: 22%;
}

#inner03 p {
	position: absolute;
	top: 81%;
	left: 5%;
}
	.i_768 {
	display: block;
}

}

@media screen and (max-width:768px) {
		.tab_sub_area_04 {
	padding: 125% 0;
}
	.tab_sub_area_04 h3 {
		font-size: 3em;
		width: 70%;
		line-height: 1.2em;
	}

.tab_sub_area_04 p {
	line-height: 1.8em;
	letter-spacing: 0.08em;
	font-size: 1.8em;
	width: 90%;
}
	.i_768 {
	display: none;
}
#inner02 h3 {
	top: 42%;
}
}

@media screen and (max-width:630px) {
		.tab_sub_area_04 h3 {
		font-size: 2.5em;
		width: 70%;
		line-height: 1.2em;
	}
	.sub_ttltxt {
	font-size: 0.7em;
}
}

@media screen and (max-width:580px) {
.tab_sub_area_04 p {
	font-size: 1.6em;
}
}

@media screen and (max-width:500px) {
	.i_768 {
		display: block;
	}
	.tab_sub_area_04 {
	position: relative;
	background: url("../images/subsidy/sp/example_sp_500.jpg") no-repeat;
	background-size: 100%;
	padding: 231% 0;
}
	.tab_sub_area_04 h3 {
		font-size: 3.2em;
		line-height: 1.2em;
	}

.tab_sub_area_04 p {
	line-height: 1.9em;
	letter-spacing: 0.09em;
	font-size: 1.9em;
	width: 90%;
}
.sub_ttltxt {
	margin-left: 0;
	font-size: 0.45em;
	font-weight: 300;
	margin:0;
	padding: 0;
	line-height: 1em;
}
	
#inner01 h3{
	position: absolute;
	top: 14%;
	left: 34%;
	width: 63%;
}

#inner01 p {
	position: absolute;
	top: 23%;
	left: 5%;
}


#inner02 h3 {
	position: absolute;
	top: 40%;
	left: 34%;
}

#inner02 p {
	position: absolute;
	top: 49.5%;
	left: 5%;
}

#inner03 h3 {
	position: absolute;
	top: 70%;
	left: 34%;
}

#inner03 p {
	position: absolute;
	top: 81%;
	left: 5%;
}
}

@media screen and (max-width:470px) {
		.tab_sub_area_04 h3 {
		font-size: 2.5em;
	}
	.tab_sub_area_04 p{
		font-size: 1.8em;
	}
	.sub_ttltxt {
	font-size: 0.6em;
}
	
	#inner01 h3{
	top: 13.5%;
	left: 34%;
	width: 63%;
}

#inner02 h3 {
	top: 40.5%;
	left: 34%;
}

#inner03 h3 {
	top: 70.5%;
	left: 34%;
}
}


@media screen and (max-width:450px) {
	.tab_sub_area_04 h3 {
		font-size: 2.5em;
		width: 64%;
	}
	.tab_sub_area_04 p{
		font-size: 1.8em;
		line-height: 1.7em;
	}

#inner01 p {
	position: absolute;
	top: 22%;
	left: 5%;
}

#inner02 p {
	position: absolute;
	top: 48.5%;
	left: 5%;
}

#inner03 p {
	position: absolute;
	top: 80%;
	left: 5%;
}
}

@media screen and (max-width:380px) {
	.tab_sub_area_04 h3 {
		font-size: 2em;
	}
		.tab_sub_area_04 p{
		font-size: 1.65em;
		line-height: 1.7em;
	}
}
@media screen and (max-width:350px) {
		
	.tab_sub_area_04 p{
		font-size: 1.6em;
		line-height: 1.6em;
	}
}

@media screen and (max-width:335px) {
		
	.tab_sub_area_04 p{
		font-size: 1.5em;
		line-height: 1.6em;
	}
}


/*---------tab_area_05-------------*/

.tab_area_05 {
	overflow: hidden;
	position: relative;
	background-color: #FFE000;
	padding-bottom: 7%;
	margin: 0;
}

.tab_area_05 .gag_ttl{
	background: #ffffff;
	width: 32%;
	padding: 1.5%;
	margin: 4% auto;
	text-align: center;
	color: #00A4E7;
}

.gag_in {
	overflow: hidden;
	background: #ffffff;
	padding: 4%;
	margin-bottom: 0;
}

.gag_in ul {
	font-weight: 300;
	line-height: 2.8em;
	text-align:center;
	list-style:none;
}

.gag_in ul div {
	margin: 0 auto 10% auto;
}

.fis_li {
	width: 50%;
	margin: 0 auto;
}

.fis_li img {
	width: 70%;
}

.fis_li p{
	width: 72%;
	text-align: left;
	margin-left: 15.5%;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}

.sec_li img {
	width: 70%;
}

.sec_li {
	float: left;
	width: 50%;
	display:inline;
}



.sec_li p{
	width: 72%;
	text-align: left;
	margin-left: 15.5%;
	margin-bottom: 16%;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}


.ble_alfa {
	clear: both;
	position: absolute;
  	color: rgba(0, 164, 224, 0.5);
	font-size: 1000%;
	left: 33.5%;
	top: 94%;
	font-weight: bold;
}

@media screen and (max-width:1750px) {
	.ble_alfa {
		left: 31%;
	}
}
@media screen and (max-width:1570px) {
	.ble_alfa {
		left: 29%;
	}
}
@media screen and (max-width:1450px) {
	.ble_alfa {
		left: 27%;
	}
}

@media screen and (max-width:1300px) {
	.ble_alfa {
		left: 25%;
	}
}

@media screen and (max-width:1230px) {
	.ble_alfa {
		left: 23%;
	}
}

@media screen and (max-width:1150px) {
		.tab_area_05 .gag_ttl{
	width: 40%;
}
	.ble_alfa {
		left: 21%;
	}
}

@media screen and (max-width:1050px) {
	.ble_alfa {
		left: 18%;
		top: 93%;
	}
	.fis_li p{
	width: 100%;
	text-align: left;
	margin-left: 3%;
}

.sec_li p{
	width: 90%;
	margin-left: 7%;
}

}

@media screen and (max-width:950px) {
	.ble_alfa {
		left: 16%;
	}
		.fis_li p{
	font-size: 1.4em;
}

.sec_li p{
	width: 85%;
	margin-left: 8%;
	font-size: 1.4em;
}
}
@media screen and (max-width:900px) {
	.ble_alfa {
		left: 20.5%;
		font-size: 800%;
		top:94%;
	}
}

@media screen and (max-width:850px) {
	.tab_area_05{
		width: 100%;
		padding: 0 0 10% 0;
		margin: 0;
	}
	.gag_ttl{
	width: 70% !important;
	padding: 1%;
	margin: 0 auto;
	text-align: center;
		font-size: 3.5em;
}

.gag_in {
	overflow: hidden;
	background: #ffffff;
	padding: 0;
	margin-bottom: 0;
	width: 80%;
}
	.sec_li {
	float: none;
	width: 100%;
  }
	.sec_li img {
	width: 60%;
}
	.ble_alfa {
		left: 18%;
		font-size: 800%;
		top:97.7%;
	}
	.fis_li {
	width: 100%;
		margin-left: 0;
}
	.fis_li img {
		width: 60%;
	}
	
	.fis_li p{
	margin-top: 2%;
	line-height: 1.9em;
	font-size: 1.6em;
	width: 83%;
	padding-left: 8%;
	margin-left: 0;
}

.sec_li p{
	margin-top: 2%;
	width: 83%;
	padding-left: 3%;
	font-size: 1.6em;
	line-height: 1.9em;
}
	.ble_alfa {
		left: 20%;
		top:97.3%;
	}
}

@media screen and (max-width:710px) {
	.gag_ttl{
		font-size: 3em;
}
	.ble_alfa {
		left: 13%;
	}
}

@media screen and (max-width:650px) {
	.gag_ttl{
		font-size: 3em;
}
	.ble_alfa {
		top: 97.4%;
		left: 13%;
		font-size: 7em;
	}
}
@media screen and (max-width:580px) {
	.gag_ttl{
		font-size: 2.5em;
}
	.ble_alfa {
		top: 97.2%;
		left: 16%;
		font-size: 6em;
	}
	.fis_li {
		margin-top: 5% !important;
	}
	
	.fis_li img {
		width: 50% !important;
	}
		.sec_li img {
	width: 50%;
}

.sec_li p{
	margin-top: 2%;
	width: 83%;
	padding-left: 0;
	font-size: 1.45em;
	margin-bottom: 0 !important;
}
}
@media screen and (max-width:515px) {
	.ble_alfa {
		top: 97.4%;
		left: 17%;
		font-size: 5em;
	}
}
@media screen and (max-width:430px) {
	.tab_area_05{
		padding: 12% 0 10% 0;
	}
	.ble_alfa {
		top: 97.6%;
		left: 12%;
		font-size: 5em;
	}
	.gag_ttl{
		font-size: 2.6em;
}
}
@media screen and (max-width:395px) {
	.ble_alfa {
		top: 97.7%;
		left: 11.5%;
		font-size: 4.5em;
	}
}


@media screen and (max-width:340px) {
	.ble_alfa {
		top: 97.8%;
		left: 8%;
	}
}
@media screen and (max-width:320px) {
	.ble_alfa {
		top: 97.9%;
		left: 5%;
	}
}
/*---------tab_area_08-------------*/
.tab_area_08 {
	position: relative;
	background: #00A4E7;
	padding-top: 12%;
	padding-bottom: 3%;
}

.qa_in {
	background: #ffffff;
	padding: 5%;
}

.qa_in h3 {
	position: absolute;
	top:8.5%;/*top: 6%;*/
	left: 38%;
	width: 19%;
}

.qa_in h3 img {
	/*width: 100%;*/
}

@media screen and (max-width:850px) {
.qa_in h3 img {width:90%;}
}

.web_qa{
	font-weight: 300;
	line-height: 1.9em;
	padding: 8% 8% 1% 8%;
}

.web_qa li:nth-child(1), .web_qa li:nth-child(4), .web_qa li:nth-child(7), .web_qa li:nth-child(10), .web_qa li:nth-child(13), .web_qa li:nth-child(16), .web_qa li:nth-child(19), .web_qa li:nth-child(22){
	background: url("../images/common/style_q.png") left 0px top 2% no-repeat;
	background-size: 3% auto;
	padding-left: 5%;
	margin-bottom: 3%;
}

.web_qa li:nth-child(2), .web_qa li:nth-child(5), .web_qa li:nth-child(8), .web_qa li:nth-child(11), .web_qa li:nth-child(14), .web_qa li:nth-child(17), .web_qa li:nth-child(20), .web_qa li:nth-child(23){
	background: url("../images/common/style_a.png") left 0px top 6% no-repeat;
	background-size: 2.5% auto;
	padding-left: 5%;
	margin-bottom: 2%;
	color: #0063AF;

}
.gl_bord {
	border-bottom: solid 1px #808080;
	width: 95%;
	margin-left: 5%;
	margin-bottom: 5%;
}

.gl_txt {
	color: #808080;
	font-weight: 300;
}

@media screen and (max-width:1250px) {
	.qa_in h3 {
	position: absolute;
	top: 4.5%;
	left: 39%;
	width: 23%;
}
	
}

@media screen and (max-width:1000px) {
		.web_qa li:nth-child(1), .web_qa li:nth-child(4), .web_qa li:nth-child(7), .web_qa li:nth-child(10), .web_qa li:nth-child(13), .web_qa li:nth-child(16), .web_qa li:nth-child(19), .web_qa li:nth-child(22){
	background-size: 4.5% auto;
	padding-left: 7%;
	margin-bottom: 3%;
}

.web_qa li:nth-child(2), .web_qa li:nth-child(5), .web_qa li:nth-child(8), .web_qa li:nth-child(11), .web_qa li:nth-child(14), .web_qa li:nth-child(17), .web_qa li:nth-child(20), .web_qa li:nth-child(23){
	background-size: 4.5% auto;
	padding-left: 7%;
	margin-bottom: 3%;
}
	.qa_in h3 {
	position: absolute;
	top: 4%;
		left: 35%;
	width: 25%;
}
}

@media screen and (max-width:850px) {
.qa_in h3 {
	position: absolute;
	top: 1.5%;
	left: 33%;
	width: 30%;
}
}

/*スマホ*/
@media screen and (max-width:680px) {
	.tab_area_08 {
	padding-top: 20%;
	padding-bottom: 15%;
}
	.qa_in {
	padding: 2%;
}
	
	.qa_in h3 {
	top: 3%;
	left: 30%;
	width: 40%;
}
	.web_qa{
	line-height: 1.5em;
	padding: 10% 1%;
		font-size: 16px;
}
	.web_qa li:nth-child(1), .web_qa li:nth-child(4), .web_qa li:nth-child(7), .web_qa li:nth-child(10), .web_qa li:nth-child(13), .web_qa li:nth-child(16), .web_qa li:nth-child(19), .web_qa li:nth-child(22){
	background-size: 3.8% auto;
	padding-left: 7%;
	margin-bottom: 3%;
}

.web_qa li:nth-child(2), .web_qa li:nth-child(5), .web_qa li:nth-child(8), .web_qa li:nth-child(11), .web_qa li:nth-child(14), .web_qa li:nth-child(17), .web_qa li:nth-child(20), .web_qa li:nth-child(23){
	background-size: 3.8% auto;
	padding-left: 7%;
	margin-bottom: 3%;
}
.gl_txt {
	font-size: 16px;
	margin-bottom: 6%;
}
}





@media screen and (max-width:500px) {
	.tab_area_08 {
	padding-top: 35%;
	}
	
	.qa_in {
	padding: 10% 1%;
}
	.qa_in h3 {
	top: 4%;
		left: 20%;
		width: 60%;
}
	.gl_txt {
		font-size: 19px;
		line-height: 1.5em;
}
	.web_qa{
	line-height: 1.8em;
	padding: 10% 2%;
		font-size: 15px;
}
	.gl_bord {
	border-bottom: solid 2px #808080;
	margin-bottom: 8%;
}
}

/*------------form area-------------*/


#fom_web {
	overflow: hidden;
}

#fom_web h2 {
	overflow: hidden;
	margin: 5% 0;
}

#fom_web h2 img{ width:20%}

.fm_web dl {
	margin:2% 0 0 23%;
	width: 850px;
	overflow:hidden;
}

.fm_web dt{
		clear: left;
		float: left;
		margin-bottom:3%;
		width:25%;
	line-height: 3em;
}

.fm_web dd{
		float: left;
		width:60%;
	line-height: 4em;
	font-weight: 300;
}
.fm_web dd small {
	font-size: 0.7em;
	vertical-align: top;
	margin-left: 0.5%;
}

.fm_web dd .textarea{
	width: 90%;
	margin-top: 4.5%;
}


.fm_web dd input, .fm_web dd textarea { 
	color:black;
}



/*.submit { 
	clear: both; 
	text-align: center; 
	margin-top:2%;

}

.submit button { 
	margin: 5% 0 5% 28%;
	padding: 0 5%; 
	background-color: #0050B1;
	color: #ffffff;
	text-align: center;
	font-size: 2.2em;
	cursor: pointer;
}


*/

.submit { 
	margin-top:2%;}

.submit button { 
	margin: 5% 0 5% 40%;
	padding: 0 5%; 
	background-color: #0050B1;
	color: #ffffff;
	text-align: center;
	font-size: 2.2em;
	cursor: pointer;
}


.submit button:hover{
	opacity: 0.6;
  	transition-duration: 0.3s;
	-webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.radio_btn {
	width: 15px;
	margin-right: 1.5%;

}

.checkbox {
	font-size:16px;
}

input {
	margin-bottom: 1.25%;
	font-size:16px;
}

.text_size {
	width: 80%;
	height: 40px;
	font-size:16px;
}
textarea {
	width: 90%;
	font-size:16px;
}

.syozai_area {
	width: 50%;
	padding: 3%;
	font-size:16px;
}

@media screen and (max-width:1300px) {
.fm_web dd textarea{
	width: 80%;
}
	
	.fm_web dl {
	margin:2% 0 0 15%;
	}
	
}

@media screen and (max-width:1400px) {
	.fm_web dl {
	margin:2% 7%;
	width: 100%;
	}
	
	.fm_web dd textarea{
	width: 100%;
}
	.text_size {
	width: 100%;
}
	.fm_web dd{
		width: 70%;
}
	.fm_web dt{
		width:28%;
}
	.checkbox input {
		margin-right: 2%;
	}
}
@media screen and (max-width:850px) {
.fm_web dl {
	margin: 0 15%;
	}
	
	.fm_web dt{
		float: none;
		width: 90%;
		line-height: 1em;
}

.fm_web dd{
	float: none;
	width: 90%;
	line-height: 1.5em; 
	margin-bottom: 8%;
}
}

@media screen and (max-width:680px) {
	#fom_web h2 {
	margin: 18% 0 8% 0;
}
	.fm_web dl {
	margin: 0;
	
	}
	
	.fm_web dt{
		float: none;
		width: 100%;
		font-size: 16px;
}

.fm_web dd{
	float: none;
	font-size: 16px;
	width:95%;
}

.submit { 
	clear: both; 
	text-align: center; 

}

	.submit button { 
	margin: 2% 0 20% 0;
}
	.text_size {
	height: 30px;
	font-size: 16px;
}
	.syozai_area {
	width: 50%;
	padding: 3%;
	font-size: 16px;
}
#fom_web h2 img {
		width:55% !important;/*width: 60% !important;*/
	}

}


/*-----------footer-------------*/

footer {
	background: #000000;
	padding: 3% 0 2% 0;
}


footer .fnavi ul{
	text-align:center;
	color:#ffffff;
	list-style:none;
	margin-bottom: 4%;
	margin-top: 2%;
}

footer .fnavi ul li{
	display:inline;
}

footer .fnavi ul li a{
	color:#ffffff;
	text-decoration:none;
	padding:0 2%;
}

footer .fnavi li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

footer .telbtn_cf li {
	padding:2%;
	display: inline;
}

footer .telbtn_cf li img {
	margin-top: 2%;
	text-align: center;
}
footer p {
	margin: 2% 0;
}

.ipad {
		display: none !important;
	}

@media screen and (max-width:1350px) {
	
	footer {
	overflow: hidden;
	}
	
footer .fnavi ul{
 overflow: hidden;
}

footer .fnavi ul li{
  float: left;
	width: 17%;
	padding: 0;
	line-height: 1.1em;
	margin: 0;
}

	footer .fnavi ul li a{
	padding:0;
		margin: 0;
}

	footer .fnavi .ipad {
		width: 10%;
		margin: 0;
		padding:0;
	}
	
	
  footer .telbtn_cf li {
	 float: left;
		width: 45%;
  }
	footer .telbtn_cf li img{
		width: 100%;
		text-align: center;
	}
	footer .telbtn_cf li a {
		padding: 2%;
	}
	.pc {
		display: none !important;
	}
	.ipad {
		display: block !important;
	}

}


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

footer .fnavi ul{
	text-align:center;
	margin-bottom: 5%;
	margin-top: 2%;
	font-size: 1.8em;
}

footer .fnavi ul li{
  clear: both;
	margin: 3% auto;
	display:inline;
	width: 100%;
	line-height: 1.8em;
}

footer .fnavi ul li a{
	color:#ffffff;
	text-decoration:none;
	padding:0 2%;
}

footer .telbtn_cf {
		margin: 0 auto;
	text-align: center;
	}
	
footer .telbtn_cf li{
  clear: both;
	width: 100%;
	margin: 0 auto;
	}
	footer .telbtn_cf li img {
		width: 60%;
	}
	footer .telbtn_cf li:last-child {
		text-align: center;
	}
		footer .fnavi .ipad {
		display: none !important;
	}
}

@media screen and (max-width:850px) {
	footer p img{
	width: 45%;
}	
}


@media screen and (max-width:680px) {
	footer .telbtn_cf li img {
		width: 75% !important;
	}
	footer p {
	line-height: 2em;
}
	footer p img{
	width: 65%;
}	

}


.ind_txt{
line-height: 2em;
text-indent: 6em;
font-size: 90%;
}