@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Noto+Sans+JP:wght@500;600;800;900&family=Noto+Serif+JP:wght@600;700;900&display=swap');
body {
	font-family: 'Noto Serif JP', "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
	color: #232323;
	background-color: #ffffff;
	margin: 0px;
	text-align:left;
	line-height:1.6;
	font-weight: 700;
}

h1{
	font-size:0.75rem;
	color:#fff;
	margin-bottom:3px;
}

img{
	width:auto;
	height:auto;
}

.inner{
	width:98%;
	max-width: 1300px;
	margin:0 auto;
}

section:not(#about) .inner{
	margin:80px auto 0 auto;
}


.tel-no{
	font-weight: 800;
}

section:not(#about){
	padding-bottom:80px;
}

/*-------------------------------

	ヘッダー
	
-------------------------------*/

#header{
	width:100%;
	background: rgb(0,0,128);
	background: -webkit-linear-gradient(bottom, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
	background: linear-gradient(to top, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
	border-bottom:5px solid #D29F1F;
}

#header .inner{
	padding:5px 0;
	margin:0 auto;
	color:#fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
}

#header-left{
	flex: 1;
	text-align: left;
} 

#h-name{
	font-family: 'Noto Serif JP', serif;
	font-weight: 800;
	font-size:1.5625rem;
}

#h-name .english{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1rem;
}

#header-right{
	fle:1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#header-right-free{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
	width:65px;
	height: 100%;
	aspect-ratio: 1 / 1;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	color:#030394;
	border-radius: 100%/100%;
	font-size: 0.95rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1em;
}

#header-tel{
	display: inline-block;
	font-size: 0.95rem;
	color:#fff;
	font-weight: bold;
	text-align: left;
	margin-left:15px;
}

#header-tel .tel-no{
	font-size:1.8rem;
	text-decoration: none;
	color:#fff;
}

#header-tel p{
	font-size:0.8rem;
	margin-top:5px;
	text-align: right;
	line-height: 1.4;
}


/*-------------------------------

	タブレット・スマホ
	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 430px){
	h1{
		font-size: 0.6rem;
		display: inline-block;
	}
	#header-left{
		width:auto;
		flex:none;
		display: inline-block;
	}
	#header-right{
		width:auto;
		flex:1;
	}
	#h-name{
		width:auto;
		display: inline-block;
		flex:none;
		font-size:0.7rem;
	}
	
	#h-name .english{
		font-size:0.6rem;
	}
	
	#header-right-free{
		width:45px;
		font-size:0.7rem;
		height: 100%;
	}
	
	#header-tel{
		font-size:0.6rem;
		margin-left:5px;
	}
	
	#header-tel .tel-no{
		font-size: 0.7rem;
	}
	
	#header-tel p{
		width:100%;
		font-size:0.6rem;
		margin-top:0;
	}

}

/*-------------------------------

	タイトル
	
-------------------------------*/

.title{
	width:100%;
	background-color:#010178;
	border-bottom:4px solid #BB9618;
	position:relative;
	padding:8px 0;
	text-align: center;
}
.title:after,.title:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.title:after{
    border-color: rgba(0, 0, 255, 0);
    border-top-width:30px;
    border-bottom-width:30px;
    border-left-width:69px;
    border-right-width:69px;
    margin-left: -69px;
    border-top-color:#010178;
}
.title:before{
     border-color: rgba(142, 255, 52, 0);
    border-top-width:35px;
    border-bottom-width:35px;
    border-left-width:78px;
    border-right-width:78px;
    margin-left: -78px;
    margin-top: 0;
    border-top-color:#BB9618;
	
}

.title h3{
	color:#fff;
	font-size:3.1rem;
	line-height: 1;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
}

.title h3::before,
.title h3::after{
	content:'';
	width:85px;
	height: 77px;
	display: block;
	background-image: url("../img/title-ico.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

.title h3::before{
	margin-right:15px;
}

.title h3::after{
	transform: scale(-1, 1);
	margin-left:15px;
}

@media screen and (min-width: 0) and (max-width: 430px){
	.title h3{
		width:99%;
		margin:0 auto;
		/*font-size:2.5rem;*/
		font-size:1.75rem
	}
	
	.title h3::before,
	.title h3::after{
		content:none;
	}
}

/*-------------------------------

	メインビジュアル
	
-------------------------------*/

#main-vew{
	width:100%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 900;
	padding:30px 0;
	background-image:url(../img/back.jpg);
	color:#0505A3;
}

#main-vew-cachi{
	width:100%;
	margin:0 auto;
	font-family: 'Noto Serif JP', serif;
	font-weight: 800;
	font-size:clamp(1.5rem, -0.031rem + 2.5vw, 2rem);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
}

#main-vew-cachi .item{
	flex:1;
	display: flex;
	justify-content: space-around;
	margin:0 5px;
}

#main-vew-cachi strong{
	background: linear-gradient(#05059A 0%, #030376 100%);
	border-radius: 50%;
	color:#fff;
	padding:10px 15px;
	/*margin-left:5px;*/
	line-height: 1.2;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*#main-vew-cachi strong.kison{
	margin-right:5px;
}*/
#main-vew-cachi strong,
#main-vew-cachi span{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#main-vew-main{
	width:100%;
	/*min-height: 580px;*/
	margin-top:10px;
	padding-bottom:80px;
	background-image: url("../img/photo-back.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background-size:calc((100% / 3) * 2 - 100);
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#main-vew-main .text{
	/*width:calc((100% / 3) * 2);*/
	text-align: left;
	line-height: 1.4;
}

#main-vew-main h2{
	display: inline-block;
	/*font-size:clamp(3.125rem, 1.097rem + 3.65vw, 4.063rem);*/
	font-size:clamp(3rem, -4.199rem + 10.94vw, 4.5rem);
	font-weight: 900;
	line-height: 1.6;	
}

#main-vew-main h2 img{
	display: none;
}

#main-vew .free{
	/*width:100%;*/
	margin-top:20px;
	font-weight: 900;
}

#main-vew .free strong{
	font-size:clamp(1.25rem, -0.6rem + 6.59vw, 3.438rem);
	color:#D20030;
}

#main-vew .free ul{
	display: flex;
	justify-content:center;
	margin:15px 0 0 0;
}

#main-vew .free li{
	width:calc((100% / 3) - 5px);
	max-width: 160px;
	aspect-ratio: 1 / 1;
	background-color: #E0E0E0;
	border-radius: 100%/100%;
	font-size:clamp(1.75rem, 1.367rem + 0.63vw, 1.875rem);
	font-weight: 900;
	margin-left:5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url("../img/free-back.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	line-height: 1.2;
	 text-shadow: 2px 8px 10px rgba(119, 118, 118, 0.2);
	text-align: center;
}

#main-vew .free li:first-child{
	margin-left:0;
}

#main-vew .free-photo{
	display: none;
}


/*-------------------------------

	タブレット・スマホ
	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 890px){
	#main-vew{
		padding:15px 0;
	}
	
	#main-vew .inner{
		width:100%;
		padding-left:15px;
	}
	#main-vew-cachi{
		flex-direction: column;
		justify-content: center;
		font-size:clamp(1.25rem, 0.667rem + 1.95vw, 1.75rem);
		flex-wrap: wrap;
	}
	
	#main-vew-cachi .item{
		display: flex;
		justify-content: center;
	}
	
	#main-vew-main{
		display: block;
		margin-top:15px;
		padding:0;
		padding-bottom:0;
	}
	
	
	#main-vew-main .text{
		width: 100%;
		/*text-align: center;*/
	}
	
	#main-vew-main{
		/*background-image: none;*/
		margin-top:15px;
	}
	
	#main-vew .free{
		width:calc(((100% / 3) * 2) - 20px);
		margin:10px 0 0 0;		
	}
	
	#main-vew .free li{
		max-width: 150px;
	}
		
}

@media screen and (min-width: 0) and (max-width: 430px){
	#main-vew .inner{
		padding-left:0;
	}
	#main-vew-cachi{
		flex-direction: column;
		justify-content: center;
		font-size:0.9rem;
	}
	#main-vew-cachi strong{
		padding:10px 5px;
		margin:0 auto;
	}
	#main-vew-main{
		width:98%;
		margin-top:0;
		background-image: none;
		text-shadow:none;
	}
	
	#main-vew-main h2{
		width:100%;
		font-size:1.6rem;
		line-height: 1.3;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	
	#main-vew-main h2 img{
		display: block;
		width:80px;
		height: auto;
		margin-left:8px;
	}
	#main-vew-cachi span{
		display: block;
		flex:1;
	}
	
	#main-vew .free{
		text-align: center;
	}
	
	#main-vew .free strong{
		font-size:1.56rem;
		text-align: center;
		
	}
	#main-vew .free ul{
		margin:5px auto 0 auto;
	}
	#main-vew .free li{
		max-width:100px;
		font-size:1.15rem;
	}
	#main-vew .free{
		width:100%;
	}
	#main-vew .free-photo{
		width: 90%;
		display: block;
		margin:0 auto;
	}
	
	#main-vew .free-photo img{
		width:100%;
		height: auto;
	}
	
}


/*-------------------------------

	
	メニュー

	
-------------------------------*/
#menu{
	width:100%;
	border-bottom:5px solid #D29F1F;
	background: rgb(0,0,128);
	background: -webkit-linear-gradient(bottom, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
	background: linear-gradient(to top, rgba(0,0,128,1) 0%, rgba(7,7,180,1) 100%);
}

#menu ul{
	width:95%;
	max-width: 1300px;
	margin:0 auto;
	display: flex;
	border-left:1px solid #1B1BFA;
}

#menu li{
	width:calc(100% / 4);
	border-right:1px solid #1B1BFA;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#menu li a{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	width:100%;
	padding:10px 3px;
	display:flex;
	flex-direction: column;
	align-items: center;
	color:#fff;
	text-decoration: none;
	letter-spacing: 0.2em;
	line-height: 1.4;
	transform: rotate(0.003deg);
	text-align: center;
}

#menu li a::after{
	content: '';
	display: block;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-right: 10px solid transparent;
	  border-left: 10px solid transparent;
	  border-top: 9px solid #e7b901;
	  border-bottom: 0;
	margin-top:8px;
}
#menu li a:hover{
	background-image:url(../img/hover_back.jpg);
}

#menu li a img{
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:50%;
	margin-left:-46px;
}

/*-------------------------------
	タブレット・スマホ	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 430px){
	#menu li a{
		font-size:0.875rem;
		letter-spacing: normal;
	}
}


/*-------------------------------


	最上部

	
-------------------------------*/

/*-------------------------------

	放っておくと・・・

-------------------------------*/


#about{
	width:98%;
	max-width: 1200px;
	margin:50px auto;
}

#about h3{
	height: auto;
	font-weight: 800;
	font-size:3.125rem;
	width:100%;
	padding-top:0;
	margin-bottom:50px;
	padding:15px 0;
	text-align: center;
	color:#0303A7;
}

#about .photo{
	width:100%;
	max-width: 980px;
	margin:0 auto;
	line-height: 0;
}

#about .photo img{
	width: 100%;
	height: auto;
}

#about .photo ul{
	display: none;
}

#about-arrow{
  width: 100%;
	max-width: 500px;
	margin: 15px auto;
}

#about-arrow img{
	width: 100%;
	height: auto;
}

#aboutex{
	width:100%;
	max-width: 1300px;
	margin-bottom:20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:0 auto;
	
}
#aboutex li{
	width:230px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(243,244,247,1) 100%);
	background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(243,244,247,1) 100%);
	background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(243,244,247,1) 100%);
	border:1px solid #6A73AC;
	border-radius: 6px;
	padding:2px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	margin-left:5px;
	margin-bottom:5px;
	font-size:0.95rem;
	font-weight: 800;
	line-height: 1.5;
	text-align: center;
}

#aboutex .s-le{
	letter-spacing: -0.09em;	
}

#aboutex .ico{
	width:100%;
	min-height: 110px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#aboutex li strong{
	font-size:1.3rem;
	color:#0505A3;
	font-weight: 800;
}


/*-------------------------------

	タブレット・スマホ
	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 890px){
	#about h3{
		font-size:clamp(1.875rem, 0.707rem + 4.35vw, 3.125rem);
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#about{
		margin:10px auto 30px auto;
	}
	#about h3{
		margin-bottom:0;
	}
	#about .photo{
		border:2px solid #020287;
		padding:10px;
		border-radius: 6px;
	}
	#about .photo img{
		display: none;
	}
	
	#about .photo ul{
		display: block;
		line-height: 1.4;
	}
	#about .photo li{
		display: flex;
		align-items: center;
		padding-left:0;
		text-indent: 0;
		font-size:0.95rem;
		border-bottom:1px dotted#020287;
		padding:10px 0;
	}
	
	#about .photo p{
		flex:1;		
	}
	#about .photo li::before{
		content:'';
		width:28px;
		height: 28px;
		display: block;
		background-image: url("../img/exclamation.gif");
		background-size: 100% auto;
		background-repeat: no-repeat;
		margin-right:8px;
	}
	
	#about .photo li strong{
		font-size:1.05rem;
		color:#B20000;
		font-weight: 900;
	}
	
	#aboutex{
		display: block;
	}
	
	#aboutex li{
		width:100%;
		display: block;
		text-align: center;
		margin-left:0;
		padding:8px 10px;
	}
	
	#aboutex .ico{
		width:90px;
		min-height: auto;
	margin: 0 auto 10px auto;
		padding:0 15px;
	}
	
	#aboutex .ico img{
		width:100%;
		height: auto;
	}
	
	#aboutex li p{
		margin-left:8px;
		flex:1;
	}
	
	#aboutex li strong{
		font-size:1rem;
	}
}

/*-------------------------------

	ネットトラブルに精通した

-------------------------------*/

#taisyo{
	width:98%;
	margin:50px auto 0 auto;
}

#taisyo h3{
	height: auto;
	font-size:clamp(2.5rem, -0.838rem + 4.88vw, 3.125rem);
	color:#0505A3;
	margin-bottom:30px;
	line-height: 1.4;
	display: block
}

#taisyo .inner{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#taisyo .item{
	width: calc(50% - 10px);
	background-color: #020278;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 5px #020278;
	border:2px solid #E7B901;
	display: flex;
	align-items: center;
	color:#fff;
	padding:5px;
	margin-bottom:20px;
	line-height: 1.4;
}

#taisyo .item-no{
	/*font-family: "hiragino-mincho-pron", sans-serif;*/
font-weight: 900;
font-style: normal;
	width:50px;
	height: 50px;
	background-color: #FFFFFF;
	border-radius: 100%/100%;
	/*font-family: 'Elephant', sans-serif;
	font-weight: 800;*/
	color:#020278;
	font-size:50px;
	line-height: 0;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6) inset;
	margin-right:10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#taisyo .item-text{
	flex:1;
	font-size:1.5rem;
}

#taisyo .item-text strong{
		font-size:2rem;
	line-height: 1;
}

#taisyo .item-text .sfont{
	font-size:1rem;
	margin-top:5px;
}

/*-------------------------------
	タブレット・スマホ	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 430px){
	#taisyo{
		margin:30px auto 0 auto;
	}
	#taisyo .inner{
		flex-direction: column;
	}
	#taisyo h3{
		font-size:clamp(1.5rem, 0.841rem + 3.85vw, 1.7rem);
	}
	#taisyo .item{
		width:100%;
		/*flex-direction: column;*/
		/*align-items: flex-start;*/
	}
	#taisyo .item-text{
		font-size: 1rem;
		/*text-align: center;*/
	}
	#taisyo .item-text strong{
		font-size:1.5rem;
	}
	
	#taisyo .item-text .sfont{
		font-size:0.9rem;
		text-align: left;
	}
	
	#taisyo .item-no{
		width:40px;
		height: 40px;
		line-height: 40px;
		font-size:1.6rem;
		margin-bottom:10px;
		
	}
}


/*-------------------------------


	3つの強み

	
-------------------------------*/

/*#point{display: none;}*/

#point .title{
	padding-bottom:18px;
}

#point .title strong{
	font-size:200%;
}

#point .item{
	width:98%;
	border-bottom:1px dotted #010178;
	margin:0 auto;
	padding:80px 0;
}

#point .item-title{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 auto 30px auto;
	font-weight: 900;
}

#point .item-title .no{
	width:100px;
	height: 100px;
	background-color: #010178;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	font-size:1rem;
	color:#fff;
	border-radius: 100%/100%;
	margin-right:10px;
}

#point .item-title .no strong{
	/*font-family: 'Elephant', sans-serif;*/
	font-weight: 800;
	font-size:3.5rem;
	
}

#point .item h4{
	display: inline-block;
	font-size:3.2rem;
	color:#0505A3;
	font-weight: 900;
	line-height: normal;
}

#point .inner{
	margn:0 auto;
}


#point .item-top{
	width:100%;
	max-width:1200px;
	display: flex;
	align-items: center;
	margin:0 auto;
}

#point .item-top-imge{
	width:360px;
}

#point .item-top-imge img{
	width:100%;
	height: auto;
}

#point .item-top-text{
	flex:1;
	font-size:1.5rem;
	margin-left:30px;
}

#point .item-top-text h5{
	font-size:2.5rem;
	font-weight: 800;
	color:#0505A3;
	margin-bottom:15px;
}

#point .item-top-text strong{
	color:#B20000;
	font-size:110%;
}

/*-------------------------------
	タブレット・スマホ	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 890px){
	#point .item h4{
		font-size:clamp(2.8rem, 2.386rem + 1.1vw, 3rem);
	}
	#point .item-top:not(#point1 .item-top){
		flex-direction: column;
	}
	
	#point .item-top-imge{
		width:33%;
		margin:0 auto 15px auto;
	}
	
	#point .item-top{
		align-items: flex-start;
	}
	
	#point .item-top-text{
		margin-left:0;
		padding:0 20px;
		font-size:1rem;
	}
	
	#point .item-top-text h5{
		text-align: center;
		font-size:clamp(2rem, 1.579rem + 1.66vw, 2.5rem);
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#point .item{
		padding:40px 0;
	}
	#point .item-title{
		flex-direction: column;
	}
	#point .item-title .no{
		width:60px;
		height: 60px;
		font-size:0.8rem;
		margin-right:0;
		margin-bottom:15px;
	}
	
	#point .item-title .no strong{
		font-size: 2rem;
	}
	#point .item h4{
		font-size:1.7rem;
		text-align: center;
		display: block;
	}
		#point .item-top-text h5{
		font-size:1.5rem;
	}
	#point .item-top-imge{
		width:100px;
	}
	#point .item-top-text{
		margin-left:0;
		padding:0;
	}
}
/*-------------------------------

	強み　1
	
-------------------------------*/

#point1 .item-top{
	width:100%;
	justify-content: space-between;
	align-items: flex-start;
	background-image: url("../img/p-back.jpg");
	background-size:calc(50% - 10px) auto;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#point1 .p-item{
	width:calc(50% - 10px);
	background-color: #F7F8FA;
	border:1px solid #93A9D2;
	border-radius: 6px;
	padding:15px 10px;
	font-size:0.95rem;
}

#point1 .p-item-top{
	display: flex;
	align-items: center;
}

#point1 .p-item-top .ico{
	width: 100px;
	margin-right:10px;
}

#point1 .p-item-top img{
	width: 100%;
	height: auto;
}

#point1 .p-item-top .text{
	flex: 1;
}
#point1 .p-item h5{
	font-size:1.1rem;
	color:#0505A3;
	font-weight: 900;
}

#point1 .p-item h5 .sfont{
	font-size:0.95rem;
}

#point1 .p-item strong{
	color:#B20000;
	font-weight: 900;
}

#point1 .p-chu{
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	border-radius: 6px;
	font-size:0.85rem;
	margin-top:8px;
}

#point1 .p-contact{
	background-color: #010178;
	line-height: 1.6;
	color:#fff;
	font-weight: 800;
	text-align: center;
	margin-top:5px;
	border-radius: 3px;
}

#all{
	width: 100%;
	max-width: 1200px;	
	border:1px solid #93A9D2;
	padding:5px;
	margin:15px auto 0 auto;
	border-radius: 6px;
}

#all h5{
	background-color: #020278;
	font-size:2rem;
	line-height: 2;
	border-radius: 6px;
	color:#fff;
	text-align: center;
}

#all .main{
	width:98%;
	padding:15px 15px;
}

#all table{
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}

#all th,
#all td{
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	line-height: 1.4;
}

#all thead th{
	padding:3px 0 0 0;
	vertical-align: bottom;
	color:#fff;
	border-left:none;
	text-align: center;
	font-weight: 700;
}

#all thead th p{
	background-color: #99A8C1;
	border-radius: 6px 6px 0 0;
	padding:3px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

#all thead th.koyashiki{
	background-color: #FB6A75;
	border-radius: 6px 6px 0 0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}


#all tbody th{
	border-left:none;	
}

#all tbody th,
#all tbody td{
	background-color: #EFF5FE;
}

#all tbody td{
	font-family: 'Kosugi', sans-serif;
	text-align: center;
	font-size:1.2rem;
	color:#8195B1;
	width:calc((100% - 300px) / 3);
	max-width:200px;
	min-width:150px;
}

#all tbody tr:nth-child(even) th,
#all tbody tr:nth-child(even) td{
	background-color: #E1ECFD;
}

#all tbody td.koyashiki{
	background-color: #FFDFDF;
	color:#D23A39;
	font-size:1.3rem;
		font-weight: bold;
}

#all tbody tr:nth-child(even) td.koyashiki{
	background-color: #FFD2D2;
}

/*-------------------------------
	スマホ	
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 430px){
	#point1 .item-top{
		display: block;
		background-image: none;
	}
	
	#point1 .p-item{
		width:100%;
		margin-bottom:10px;
		flex-direction: column;
		align-items: center;
	}
	
	#point1 .p-item-top{
		flex-direction: column;
		align-items: center;	
	}
	
	#point1 .p-item-top .ico{
		width:80px;
	}
	
	#all h5{
		font-size:1rem;
		line-height: normal;
		padding:3px 10px;
	}
	
	#all .main{
		padding:5px;
	}
	
	#all th,
	#all td{
		padding:5px 2px;
		font-size:0.8rem
	}
	
	#all tbody td{
		width:50px;
		min-width: 50px;
	}
}

/*-------------------------------

	強み　2
	
-------------------------------*/

#point2-ex{
	width: 100%;
	max-width: 1200px;	
	margin:20px auto 0 auto;
	border:2px solid #020278;
	border-radius: 6px;
	padding:5px;
	font-size:1rem;
}

#point2-ex dt{
	background-color: #020278;
	line-height: 2em;
	color:#fff;
	font-weight: 900;
	text-align: center;
	border-radius: 6px;
	font-size: 1.3rem;
	letter-spacing: 0.3em;
}

#point2-ex dd{
	/*padding:20px 270px 20px 20px;
	background-image: url("../img/pc.gif");
	background-position: bottom right;
	background-repeat: no-repeat;*/
	padding:20px;
}

#point2-ex dd .ex-inner{
	display: inline-block;
	text-align: left;
}

#point2-ex p{
	margin-bottom:8px;
}

#point2-ex strong{
	font-weight: 900;
}

#point2-ex p.kome{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:0;
}

/*-------------------------------
	スマホ	
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 430px){
	#point2-ex dt{
		font-size:1rem;
	}
	#point2-ex dd{
		background-image: none;
		padding:15px 5px;
		 word-break: break-all;
		font-size:0.87rem;
	}
	
	
	
}

/*-------------------------------

	強み　3
	
-------------------------------*/

#soudan{
	width:calc(100% - 6px);
	margin-top:20px;
	background-color: #000078;
	border:2px solid #D29F1F;
	border-radius: 6px;
	color:#fff;
	text-align: center;
	padding:15px 0;
	box-shadow: 0 0 0 3px #000078;
}

#point .item-top-text #soudan strong{
	font-size:115%;
	color:#fff;
}

/*-------------------------------
	タブレット・スマホ	
-------------------------------*/

@media screen and (min-width: 0) and (max-width: 890px){
	#soudan{
		font-size:1rem
	}
	
}


/*-------------------------------


	お客様の声

	
-------------------------------*/

#voice{
	padding-bottom:80px;
}

#voice dl{
	width:100%;
	min-height: 100%;
	position: relative;
}
#voice dt{
	width:calc((100% / 5) - 5px);
	padding:3px 10px;
	text-align: left;
	background-color:#F9F9F9;
	border-top:1px solid #B6B6B6;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	border-radius:5px 5px 0px 0px ;
	box-shadow:1px -2px 4px -1px rgba(51,53,56,0.36);
	cursor:pointer;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size:0.9rem;
	z-index:1;
	position: absolute;
	top:0;
	line-height: 1.2;
	opacity: 0.6;
}

#voice dt.act{
	background-color: #fff;
	color:#000078;
	position: absolute;
	top:0;
	z-index: 3!important;
	opacity: 1;
	cursor: default;
}

#voice dt:not(dt.act):hover{
	opacity: 0.8;
}

#voice dt .no span{
	display: inline-block;
	padding:1px 5px;
	background-color: #0303A5;
	border-radius: 100px;
	color:#fff;
	text-align: center;
	font-size:0.8rem;
}
#voice dt .text{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top:5px;
	padding-bottom:5px;
	margin-left:8px;
}


#voice dd{
	display: none;
}

#voice dd.act{
	display: block;
	width:100%;
	border:1px solid #B6B6B6;
	background-color:#fff;
	/*padding:30px 10px;*/
	box-shadow:2px -3px 5px -1px rgba(161,158,145,0.64);
	position: relative;
	z-index: 2;
	padding:30px 0;
}

#voice dd .main{
	width:95%;
	/*border:1px solid #ccc;*/
	margin:20px auto;
	border-radius: 10px;
	padding:0 10px;
}

#voice dd .pro{
	width:100%;
	border-bottom:1px dotted #020278;
	padding:0 10px 30px 10px;
}

#voice dd .pro-title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:30px;
}
#voice dd h4{
	background-color:#0303A5;
	color:#fff;
	font-size:1.2rem;
	display: inline-block;
	padding:0 20px;
	border-radius: 100px;
	margin-bottom:15px;
}

#voice dd .photo{
	width:160px;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#voice dd .photo img{
	width:100%;
	height: auto;
	border-radius: 6px;
}

#voice dd .pro .text{
	flex:1;
	margin-left:30px;
}

#voice dd .pro .text p{
	text-align: left;
	color:#000078;
	font-size:1.2rem;
}

#voice dd h5{
	width:100px;
	height: 100px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:0;
	background-color:#0303A5;
	color:#fff;
	font-size:1.2rem;
}

#voice dd .v-item{
	padding:30px 0 20px 0;
	border-bottom:1px dotted #020278;
	display: flex;
}

#voice dd .v-item .text{
	flex:1;
	margin-left:15px;
	line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/*-------------------------------
	スマホ	
-------------------------------*/
#voice .more{
	display: none;
}
@media screen and (min-width: 0) and (max-width: 430px){
	#voice dt{
		width:100%;
		opacity:1;
		position: initial;
		box-shadow: none;
		border-radius: 6px 6px 0 0;
		font-size:1rem;
		/*margin-bottom:15px;*/
		display: flex;
		align-items: center;
		flex-direction: row;
		padding:10px 3px;
		border-bottom:none;
		background-color: #fff;
	}
	
	#voice dt .main{
		padding:0 3px;
	}
	
	/*#voice dt::after{
		 font-family: "Font Awesome 6 Free";
  		content: "\f0d7";
		color:#A3A3A3;
		font-size:0.8rem;
		margin-right:5px;
		margin-left:5px;
	}*/
	
	#voice dt .no{
		width:40px;
		height: 40px;
		background-color: #0303A5;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 100%/100%;
	}
	
	#voice dt .no span{
		padding:0;
	}
	
	#voice dt .text{
		flex:1;
	}
	#voice dt,
	#voice dd{
		position: initial;
		box-shadow: none;
	}
	
	#voice dd{
		display: block;
		margin-bottom:15px;
			border-bottom:1px solid #B6B6B6;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
		border-radius: 0 0 6px 6px;
	}
	
	
	
	/*#voice dd.act{
		box-shadow: none;
		margin-bottom:20px;
		border-radius: 0 0 6px 6px;
		border-top:none;
		margin-top:0;
		padding:10px 0;
	}
	
	#voice dt.act::after{
		 font-family: "Font Awesome 6 Free";
  		content: "\f0d8";
		color:#A3A3A3;
		font-size:0.8rem;
		margin-right:5px;
		margin-left:5px;
	}
	
	#voice dt.act{
		border-bottom:none;
		margin-bottom:0;
		border-radius: 6px 6px 0 0;
		padding:10px 3px 0 3px;
	}*/	
	#voice dd .pro-title{
		flex-direction: column;
		align-items: center;
	}
	#voice dd h4{
		display: block;
		margin:0 auto 15px auto;
		width:50%;
		text-align: center;
	}
	
	#voice dd .photo{
		width:50%;
	}
	
	#voice dd .pro .text{
		margin-left:0;
		margin-top:15px;
		font-size:1rem;
	}
	
	#voice dd .pro .text p{
		font-size:1.1rem;
	}
	

	#voice dd .v-item{
		display: block;
		padding-bottom:15px;
	}
	
	#voice dd h5{
		width:auto;
		height: auto;
		background-color: #fff;
		color:#0303A5;
		text-align: center;
		margin-bottom:15px;
		font-weight: 900;
	}
	
	#voice dd .v-item{
		display: none;
	}
	
	#voice dd .v-item .text{
		display: block;
		margin-left:0;
	}
	
	#voice dd.act{
		display: none;
	}
	
	#voice dd .main{
		margin:0 auto;
		border-radius: 10px;
		padding:0;
	}
	
	#voice dd .pro-title{
		margin-bottom:0;
	}
	
	#voice .more{
		background-color: #020291;
		color:#fff;
		font-weight: 800;
		line-height: 1;
		padding:3px 0;
		border-radius: 0 0 6px 6px;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size:0.95rem;
	}
	#voice .more:after{
		font-family: "Font Awesome 6 Free";
  		content: "\f0d7";
		font-weight: bold;
	}
	
	#voice .more:before{
		content:none;
	}
	#voice .more.active:before{
		font-family: "Font Awesome 6 Free";
  		content: "\f0d8";
		font-weight: bold;
	}
	
	#voice .more.active:after{
		content:none;
	}
}


/*-------------------------------


	流れ

	
-------------------------------*/

#flow .inner{
	max-width:1200px;
}
#flow .item{
	width:100%;
	background: rgb(242,242,242);
background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 26%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(bottom, rgba(242,242,242,1) 26%, rgba(255,255,255,1) 100%);
background: linear-gradient(to top, rgba(242,242,242,1) 26%, rgba(255,255,255,1) 100%);
	border:1px solid #DDDDDD;
	padding:3px;
	line-height: normal;
	display: flex;
	color:#000078;
}

#flow .item strong{
	font-size:2.5rem;
}

#flow .item strong.red{
	color:#B20000;
	font-size:1rem;
}

#flow .item .no{
	width:70px;
	height: 70px;
	line-height: 70px;
	font-size:3rem;
	background-image: url("../img/flow-no.png");
	background-size: 100% auto;
	color:#fff;
	text-align: center;
	font-weight: 900;
	margin-right:20px;
}

#flow .item .text{
	flex:1;
}

#flow .arrow{
	width:47px;
	height: 40px;
	background-image: url("../img/arrow-line.png");
	background-repeat: repeat-y;
	background-position: center top;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin:5px auto;
}


/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
#flow-change,#flow .main h4{
	display: none;
}
@media screen and (min-width: 0) and (max-width: 430px){
	#flow .item{
		flex-wrap: wrap;
	}
	#flow .item strong{
		font-size:1.5rem;
	}
	
	#flow .item .no{
		width:50px;
		height: 50px;
		line-height: 50px;
		font-size:1.8rem;
		margin-right:10px;
	}
	
	#flow-change{
		width:100%;
		display: flex;
	}
	
	#flow-change li{
		width:calc(50% - 5px);
		margin-left:5px;
		padding:8px 5px;
		text-align: left;
		background-color:#F9F9F9;
		border-top:1px solid #B6B6B6;
		border-left:1px solid #B6B6B6;
		border-right:1px solid #B6B6B6;
		border-radius:5px 5px 0px 0px ;
		box-shadow:1px -2px 4px -1px rgba(51,53,56,0.36);
		cursor:pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size:1rem;
		font-weight: 800;
		position: relative;
		z-index: 1;
		line-height: 1.2;
		opacity: 0.8;
	}
	
	#flow-change li:first-child{
		margin-left: 0;
	}
	#flow-change li.act{
		background-color: #F8F4F4;
		z-index: 3;
		opacity: 1;
		
	}
	
	#flow .main{
		width:100%;
		border-left:1px solid #B6B6B6;
		border-right:1px solid #B6B6B6;
		border-bottom:1px solid #B6B6B6;
		/*padding:30px 10px;*/
		box-shadow:2px -3px 5px -1px rgba(161,158,145,0.64);
		position: relative;
		z-index: 2;
		padding:15px 5px 3px 5px;
		background-color: #F8F4F4;
	}
	
	#flow .main h4{
		display: block;
		font-size:1.3rem;
		font-weight: 800;
		color:#fff;
		margin-bottom: 10px;
		text-align: center;
		background-color: #0D0C95;
		border-radius: 6px;
	}
}

/*-------------------------------

	各項目
	
-------------------------------*/

#flow-contact,
#flow-sarchi,
#flow-mitumori{
	align-items: center;
}

#flow-contact strong,
#flow-sarchi strong,
#flow-mitumori strong{
	margin-right:15px;
	display: inline-block;
}

#flow-contact .text{
	font-size:1.5rem;
}


#flow-contact .contact{
	width:400px;
	height: 100%;
	background-color: #fff;
	border:1px solid #CCCCCC;
	border-radius: 6px;
	padding:10px 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right:20px;
}

#flow-contact .tel{
	display: inline-block;
	display: flex;
	flex-direction: column;
}

#flow-contact .telno a{
	font-size:1.9rem;
	color:#B20000;
	font-weight: 900;
	margin-bottom:5px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

#flow-contact .telno .fa-phone-volume{
	width:35px;
	height: 35px;
	background-color: #0303C0;
	border-radius: 6px;
	color:#fff;
	line-height: 35px;
	text-align: center;
	margin-right:8px;
	font-size:1.3rem;
}

#flow-contact .mail{
	flex:1;
	background: rgb(242,242,242);
background: linear-gradient(#0303C0 0%, #020278 100%);
	color:#fff;
	display: inline-block;
	border-radius: 6px;
	text-decoration: none;
}
#flow-contact .line{
	width:63px;
	margin-left:20px;
}

/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 890px){
	#flow-contact .contact{
		width:auto;
		margin-right:0;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#flow-contact,
	#flow-sarchi,
	#flow-mitumori{
		align-items: flex-start;
	}
	#flow-contact .text{
		font-size:1.1rem;
	}
	#flow-contact .telno a{
		font-size:1.3rem;
	}
	#flow-contact .contact{
		width:100%;
		margin-top:10px;
		padding:5px 3px;
	}
	
	#flow-contact .mail{
		font-size:0.9rem;
		text-align: center;
	}
	
	#flow-contact .line{
		margin-left:15px;
	}
	
	#flow-contact .line a{
		width:100%;
		height: 63px;
		background-color:#2CBF13;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 0;
		padding:0 3px;
	}
	
	#flow-contact .line a img{
		width:100%;
		height: auto;
	}

}


/*-------------------------------

	step4以降
	
-------------------------------*/

#step4{
	width:100%;
	margin-top:3px;
	display: flex;
	justify-content: space-between;
}

#clear, #tokutei{
	width: calc(50% - 15px);
}

#step4 .f-title{
	width:100%;
	padding:20px 0;
	background-image: url("../img/arrow-line.png");
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	margin-bottom:29px;
}

#step4 .f-title img{
	display: none;
}

#step4 .f-title p{
	background-color: #0D0C95;
	color:#fff;
	padding:15px 10px;
	text-align: center;
	border-radius: 6px;
	font-size: 1.2rem;
	width:50%;
	min-width:250px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#step4 .f-title::after{
	content: '';
	width:50px;
	height: 29px;
	display: block;
	position: absolute;
	bottom:-29px;
	left:calc(50% - 25px);
	background-image: url("../img/arrow.png");
	background-position: center bottom;
}

#step4 .f-title span{
	display: block;
	padding:10px 5px;
	font-size:1.3rem;
	background-color: #0D0C95;
	border-radius: 6px;
	color:#fff;
	text-align: center;
}

#step4 .item strong{
	font-size:1.2rem;
	font-weight: 900;
}

/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 430px){
	#step4{
		display: block;
	}
	#clear, #tokutei{
		width:100%;
	}
	
	#clear{
		display: none;
	}
	
	#step4 .f-title p{
		display: none;
	}
	
	#step4 .f-title{
		width:47px;
	height: 40px;
	background-image: url("../img/arrow-line.png");
	background-repeat: repeat-y;
	background-position: center top;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin:5px auto;
		padding: 0;
	}
	
	#step4 .f-title::after{
		content:none;
	}
	
	#step4 .f-title img{
		display: block;
	}
	#step4 .item strong{
		font-size:1.1rem;
		font-weight: 900;
		line-height: 1.2;
	}

}



/*-------------------------------

	お問い合わせ
	
-------------------------------*/

#line{
	text-align: center;
	width:95%;
	max-width:1000px;
	margin: 0 auto 50px auto;
	padding-top:50px;
	line-height: 0;
}

#line img{
	width:100%;
	height: auto;
}

#contact{
	width:100%;
	background-color:#020282;
}

#contact .inner{
	max-width:1000px;
	border:4px double #D5AB1E;
	padding:20px;
	border-radius: 10px;
	margin:0 auto!important;
}

#contact h4{
	margin-bottom:15px;
	color:#DCB438;
	font-size:3rem;
	text-align: center;
}

#contact form{
	color:#FFFFFF;
	margin:0 auto 20px auto;
}

#contact form table{
	width:100%;
	max-width:700px;
	margin:0 auto;
}

#contact form th,
#contact form td{
	padding-top:15px;
	text-align:left;
	line-height:1.6;
}

#contact form th{
	width:200px;
	vertical-align:top;
	
}

#contact form th .hisu{
	color:#fff;
	font-size:0.9rem;
	background-color:#B20000;
	border-radius:100px;
line-height:normal;
padding:5px 10px;
margin-left:8px;
}

#contact input[type="text"]{
	width:300px;
	padding:5px 3px;
	border:1px solid #9E9EE0;
	background-color:#E0E0F5;
	font-size:11pt;
}

#contact input[type="checkbox"]{
	width:15px;
	height:15px;
}

#contact select{
	width:80px;
	border:1px solid #9E9EE0;
	background-color:#E0E0F5;
	font-size:11pt;
}

#contact textarea{
	width:100%;
	height:100px;
		border:1px solid #9E9EE0;
	background-color:#E0E0F5;
}

#contact input[type="text"]:focus,
#contact textarea:focus,
#contact select:focus{
	background-color:#fff;
}

#botan{
	margin-top:10px;
	text-align: center;
}

#botan input{
	width:400px;
	padding:8px 0;
	margin-left:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
	font-size:1.3rem;;
	border-radius:6px;
background-image: -webkit-linear-gradient(#B20000, #830303);
background-image: -o-linear-gradient(#B20000, #830303);
background-image: linear-gradient(#B20000, #830303);
	color:#fff;
	font-weight: 900;
}

#pr{
	text-align: center;
	color:#fff;
}

/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 430px){
	#line{
		text-align: center;
		width:98%;
		margin: 0 auto 10px auto;
		padding-top:10px;
	}
	#contact h4{
		font-size:2.0rem;
	}
	#contact form th,
	#contact form td{
		display: block;
		width:100%;
	}
	#contact form table{
		border-top:1px dotted #CBA324;
	}
	#contact form th{
		padding-top:15px;
	}
	#contact form td{
		padding-bottom:15px;
	}
	
	#contact form td{
		border-bottom:1px dotted #CBA324;
	}
	
	#botan input{
		width:50%;
	}
	
	#contact input[type="text"]{
		width:100%;
	}
}

/*-------------------------------

	フッダー
	
-------------------------------*/

#fooder{
	width:100%;
	/*max-width:1080px;*/
	background-color:#01015F;
	padding-top:15px;
}

#address{
	width:98%;
	max-width:calc(750px + 200px);
	background-image:url(../img/fooder_back.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size: auto 100%;
	margin:0 auto 15px auto;	
	padding-left:200px;
	text-align:left;
	color:#fff;
	font-size:10pt;
	line-height: normal;
}

#address .info{
	width:100%;
	max-width: 750px;
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}

#address .info-left{
	width:280px;
}

#address .info-right{
	width:450px;
}

#address .ceo{
	font-size:18pt;
}

#address .tel{
	font-size:30pt;
	color:#fff;
	text-decoration: none;
}


#address .name{
	font-size:30pt;
	line-height: 1;
}

#copy{
	width:100%;
	margin:0 auto;
	border-top:1px solid #1313CD;
	padding:10px 0;
	text-align:center;
	line-height: 1rem;
	font-size:0.6rem;
	color:#ABB9DD;
}

/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 890px){
	#address{
		background-image: none;
		padding-left:0;
		text-align: center;
	}
	
	#address .info{
		margin:15px auto 0 auto;
		display: block;
	}

	#address .info-left,
	#address .info-right{
		width:100%;
	}
	#address .name{
		text-align: center;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#address .name{
		font-size:1.8rem;
	}
	
	#address .tel{
		font-size:1.8rem;
	}
	
	#address .jyusyo{
		display: inline-block;
		text-align: left;
	}
}
/*-------------------------------

	コンタクトバナ
	
-------------------------------*/

#cbana{
	width:100%;
	background-color: #050583;
	border-top:3px solid #FECD14;
	padding:10px 0;
	position: fixed !important;  
    bottom: 0;  
    left: 0; 
	z-index:20000;
box-shadow:0px -7px 8px -8px #151617;
}

#cbana .inner{
	margin:0 auto;
	padding-top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#cbana .bana{
	width:calc(25% - 10px);
	max-width:240px;
	margin-left:5px;
}

#cbana .bana img{
	width:100%;
	height: auto;
}

#cbana-free{
	font-size:clamp(1rem, -1.171rem + 3.9vw, 2rem);
	/*font-size:2rem;*/
	/*font-size:1.3rem;*/
	font-weight: 900;
	display: inline-flex;
	align-items: center;
	margin-right:15px;
	color:#FECD14;
	line-height: 1em;
}

#cbana-free .tel{
	font-family: 'Lato', sans-serif;
	font-weight:900;
	font-size:clamp(2rem, -1.256rem + 5.85vw, 3.5rem);
	/*font-size:3.5rem;
	font-size:2rem;*/
	color:#B20000;
	text-decoration: none;
	margin-left:10px;
		text-shadow    : 
	  1px  1px 0px rgba(255,255,255,0.83),
      -1px  1px 0px rgba(255,255,255,0.83),
       1px -1px 0px rgba(255,255,255,0.83),
      -1px -1px 0px rgba(255,255,255,0.83),
       1px  0px 0px rgba(255,255,255,0.83),
       0px  1px 0px rgba(255,255,255,0.83),
      -1px  0px 0px rgba(255,255,255,0.83),
       0px -1px 0px rgba(255,255,255,0.83),
		2px 2px 0px rgba(255,255,255,0.83);
	display: inline-flex;
	align-items: center;
}


#cbana-free .tel .fa-phone-volume{
	width:35px;
	height: 35px;
	background-color: #fff;
	border-radius: 6px;
	color:#0303C0;
	line-height: 35px;
	text-align: center;
	margin-right:10px;
	font-size:1.3rem;
}

/*-------------------------------
	スマホ	・　タプレット
-------------------------------*/
@media screen and (min-width: 0) and (max-width: 890px){
	#cbana-free{
		display: inline-block;
		line-height: 1.4;
	}
	
	#cbana-free .tel{
		font-size:2.2rem;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#cbana{
		display: none;
		padding:0;
	}
	#cbana .inner{
		width:100%;
	}
	
	#cbana .bana{
		width:50px;
		height:50px;
		aspect-ratio: 1 / 1;
		margin-left:0;
		padding:3px;
	}
	
	#cbana .line{
		background-color:#2CBF13;
	}
	
	#cbana .mail{
		background-color:#EB6736;
	}
	
	
	#cbana-free{
		flex:1;
		font-size:1rem;
		padding-left:5px;
	}
	
	#cbana-free .tel{
		font-size:1.3rem;
		margin-left:0;
	}
	

	#cbana-free .tel .fa-phone-volume{
		width:20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		margin-right:5px;
		font-size:0.8rem;
	}

}