@charset "utf-8";

/*------------------------------
     index Layout 
------------------------------*/
#wrapper,
header,
footer {
    max-width: 1250px;
}

#contents {
	background-color: #E8E8E8;
	padding: 0;
    font-size: 0.95rem;
}

#titles {
	background-color: #262626;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 20px 30px;
}

#titles h1 {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

#titles #rightNavi ul {
    display: flex;
    align-items: bottom;
    column-gap: 10px;
}

#titles #rightNavi ul li,
#titles #rightNavi ul li a { display: block; height: 95px; text-decoration: none;}

#titles #rightNavi ul li#toHome { background: url("../../../common/images/Top.png") no-repeat top center;}

#titles #rightNavi ul li#toOven { 
    background: url("../../images/oven_logo.png") no-repeat top center;
    background-size: 60px 60px;
    text-align: center;
}

#titles #rightNavi ul li#toOven a {
    display: flex;
    align-items: flex-end;
}

#breadcrumbs { padding: 10px 30px;}

#breadcrumbs a {
    color: black;
    text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
    color:  darkblue;
    text-decoration: underline;
}

#article {
	padding: 50px;
}

#article h2 {
	color: whitesmoke;
	font-size: 100%;
	font-weight: bold;
	background-color: #222;
	padding: 5px 15px;
	margin-bottom: 30px;
}

#article h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 5px 15px;
	margin-bottom: 30px;
}

.container {
    padding: 0 15px;
}

.section {
	margin-bottom: 40px;
}

.section p {
	line-height: 1.5;
	margin-bottom: 1em;
}

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

.note:before {
	content: "※";
}

/* お問い合わせ section */

#inquiryform {
	margin-top: 30px;
}

#inquiryform a {
	display: flex;
    align-items:  center;
    column-gap: 20px;
	text-decoration: none;
	color: whitesmoke;
}

#inquiryform p {
	background-color: #155FE1;
	border-radius: 3px;
	padding: 10px;
	margin-top: 30px;
}

#inquiryform a:hover p {
	background-color: dodgerblue;
}


/* 見積　section */

#estimateform {
	margin-top: 40px;
}

#estimateform a {
	display: flex;
    align-items: center;
    column-gap:  20px;
	text-decoration: none;
	color: whitesmoke;
}

#estimateform a img {
    padding-left: 10px;
}

#estimateform p {
	background-color: #155FE1;
	border-radius: 3px;
	padding: 10px;
	margin-top: 30px;
}

#estimateform a:hover p {
	background-color: dodgerblue;
}


@media only screen and  (max-width: 850px){
    #titles {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    
    #titles #rightNavi { margin-left: auto; }

}