@charset "utf-8";
/* CSS Document */



/*------------------
  表示制御
  ------------------*/
.sp{display: none;}
#home .sp-visible{visibility: hidden;}

/*------------------
  googlefont
------------------*/
/*ゴシック系　英字に
#home .hind{
	font-family: 'Hind', sans-serif;
}

/*ゴシック系　英字に
#home .lato{
	font-family: 'Lato', sans-serif;
}

/*ゴシック系　丸みあり　数字に
#home .varelaRound{
	font-family: 'Varela Round', sans-serif;
}

/*ゴシック系　数字に
#home .montserrat{
	font-family: 'Montserrat', sans-serif;
}*/

/*#home .webfont_01{
	font-family: "Tilt Warp", serif;
    font-weight: 400;
}*/

.webfont_02{
	font-family: "Oswald", serif;
	font-weight: 400;
}


/*------------------
 　header
  ------------------*/
header {
	position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    padding: 1% 0;
    height: 53px;
	height: 70px;
	background-color: #fff;
	
	position: relative;
}

header div.flex{
	/*display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	left: 1%;*/
	
	position: absolute;
  	inset: 0;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
}

header div.flex a.logo{
	width: 50%;
}

header a.logo figure{
	width: 96px;
    margin: 0;
    margin-left: 2%;
}

header a.logo figure img{
	width:100%
}

/*-------btn-------
header div.flex div.btn{
	width:50%;
	margin-right: 2%;
	margin-right: 9px;
}

header div.btn a {
margin: 0 0 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 11px 0px;
    border-radius: 33px;
    background-color: #FF5000;
    display: block;
    width: 34%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    border: #FF5000;
}

header div.btn a:hover {
    color: #FF5000;
    transition: 0s;
    opacity: 1;
    background-color: #fff;
    border: solid 2px #FF5000;
	font-weight:bold;
}
*/

/*-------ヘッダー右CTA-------*/
header div.headerInfo{
	margin-right: 11px;
}

header div.headerInfo p.tel{
	font-weight: bold;
	font-size: 1.125rem;
	display: flex;
    align-items: center;
}


header div.headerInfo p.tel::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  font-size: 14px;
  transform: translate(0px, 1px);
}

header div.headerInfo p.time{
	font-size: .8125rem;	
}

header div.headerInfo p.time span{
	border: .0625rem solid var(--color-primary);
    border-radius: 2.5rem;
    color: var(--color-primary);
    display: inline-block;
    font-size: .6875rem;
    font-style: normal;
    padding: 0 .375rem;
    width: -webkit-fit-content;
    width: fit-content;
	margin-right: 3px;
}








/*------------------
 　titlebar
  ------------------*/	


@media (min-width: 750px) {
    .o-mainvisual.is-simple .o-mainvisual_bg {
        display:none
    }
}

.o-mainvisual_bg {
    height: 100%;
    isolation: isolate;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

@media (min-width: 750px) {
    .o-mainvisual.is-single {
        min-height: 12.5rem;
        padding: 7.5rem 2.25rem 3rem;
		padding: 3.5rem 2.25rem 3rem;
    }
}


@media (max-width: 749px) {
    .o-breadcrumb {
        padding: 0 1rem 1.5rem;
    }
}
        

/*.l-inner{
	position: relative;
}*/
	
	/*.breadcrumbAdusment{
		position: absolute;
		top: 10px;
	}
*/

.o-breadcrumb_list {
	font-weight: bold;
}










/*------------------
 　footer
  ------------------*/
footer {
	margin: 6% auto 0;
	padding: 4% 0;
	background-color: #fff0d9;
}

footer p{
	text-align: center;
	font-weight: normal;
}

footer div.logo{
    margin: 0 auto;
    width: 6%;
    margin-bottom: 36px;
	min-width: 150px;
}

footer div.logo img{
	width: 100%;
}

footer p.tell{
	color: #FF5000;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-size: 32px;
}

footer p.tell::before{
	content: '通話料無料';
    display: inline-block;
    font-size: 15px;
	color: #fff;
    background-color: #FF5000;
    padding: 5px 10px 7px 10px;
    margin-right: 9px;
    transform: translate(0px, -6px);
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
}

footer p.time,
footer p.address{
	margin: 20px auto;
}

footer p.maill{
	font-size: 15px;
}



/* //全体ここまで */
/* =================================================================================

スマホ(768px以上からPCコーディング)
961 

==================================================================================== */
@media only screen and (max-width: 767px){	

/*------------------
  表示制御
  ------------------*/
.pc{display: none;}
.sp{display: block;}
.pc-visible{visibility: hidden;}


	


/*------------------
 　header
  ------------------*/
header {
    top: 1.5%;
}

header a.logo figure{
	width: 47%;
    margin-left: 6%;
}

header a.logo figure img{
	width:100%
}
	
	
/*-------ヘッダー右CTA-------*/
header div.headerInfo p.tel::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  font-size: 14px;
}

header div.headerInfo p.time{
	font-size: .8125rem;	
}


	
	
	
	
	


	
	
/*------------------
 　余白調整
  ------------------*/
.tw-mt-15 {
    margin-top: 2.75rem;
}	
	

	
	
/*------------------
 　footer
  ------------------*/
footer {
    padding: 27% 0;
	padding: 12% 0;
	
	margin: 13% auto 0;
}

footer div.flexCOntainer{
    display: block;
    width: 100%;
}

footer div.flexCOntainer figure{
	margin-bottom: 8%;
}

footer div.flexCOntainer figure img{
	width: 68%;
	display: block;
	margin: 0 auto;
}
    
footer div.flexCOntainer div.info{
	display: block;
	margin: 0 auto;
	text-align: center;
}

footer div.flexCOntainer div.info p.tell{
    font-size: 32px;
    margin-bottom: 6%;
}

footer div.flexCOntainer div.info p.tell::before{
    font-size: 26px;
    margin-right: 1%;
}
	
footer p.tell a{
    color: #FF5000;
}

footer div.flexCOntainer div.info p.time{
	font-size: 16px;
    margin-bottom: 4%;
}

footer div.flexCOntainer div.info p.maill{
	font-size: 16px;
}

footer div.flexCOntainer div.info p.maill::before{
    content: "\f0e0";
    margin-right: 1%;
}	
	
footer p.time, footer p.address {
    width: 95%;
    letter-spacing: 0;
}

	
}/* //スマホコーディング(ここまで) */
/* =================================================================================

スマホだけ

==================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){
	

}
/* =================================================================================

PCコーディングだけ/768px以上～
     
==================================================================================== */
@media screen and (min-width:768px){
	
	
}
/* =================================================================================

タブレット以上/モニター(普通)以下

==================================================================================== */
@media screen and (min-width:600px)and (max-width:1200px){

}
/* =================================================================================

モニター(wide)だけ

==================================================================================== */
@media screen and (min-width:1500px){
/*------------------
 　header
  ------------------*/
	
/*-------btn-------
header div.btn a {
    width: 23%;
}

*/	


}