@charset "utf-8";
/* CSS Document */
#sub #mainImage {
	width: 100%;
	height: 0;
	padding-top: calc(270 / 1600 * 100%);
	background: url(../images/contact/mainImg.jpg) center center /cover no-repeat;
	position: relative;
}
#sub #mainImage h1 {
	position: absolute;
	top:50%;
	left: 50%;
	width: 100%;
	margin:-1.5em 0 0 -50%;
	text-align: center;
}
.cd-breadcrumb {
	float:right;
}
.cd-breadcrumb li {
	float: left;
}

.cd-breadcrumb li a {
	color:#ef4036;
	font-weight: bold;
}
.cd-breadcrumb li a:hover {
	text-decoration: underline;
}
.cd-breadcrumb li a::after {
	display: inline-block;
	content: '';
  height: 16px;
  width: 16px;
  background: url(../images/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
	color: #959fa5;
}
#contact table {
	width: 100%;
	color:#585757;
}
#contact tr {
	border-top: solid 1px #ef4036;
}
#contact tr.last {
	border-bottom: solid 1px #ef4036;
}
#contact th {
	width: 22%;
	background:#c61f16;
	text-align: left;
	padding:25px 40px 20px;
	color:#fff;
}
#contact td {
	padding:20px 30px;
}
#contact td input {
	padding:10px;
}
#contact td.radion label {
	display: inline-block !important;
	width: 130px !important;
	margin:0 30px 20px 0 !important;
}
#contact button {
	margin:40px auto;
	text-align: center;
	display:block;
}
.w_280 input {
	width: 280px;
}
.w_280 span {
	display: inline-block;
	text-align: center;
	width: 30px;
}
.w_480 input {
	width: 480px;
}
.last textarea {
	width: 100% !important;
	height: 7em !important;
}
button.check_btn,.go_to_top a {
	font-size: 1.4em !important;
	font-weight: bold !important;
	padding: 10px 30px !important;
	background: #ef4036 !important;
	color:#fff;
}
button.check_btn:hover,.go_to_top a:hover {
	background: #02A464 !important;
}
.pp {
	margin-top: 100px;
}
.pp h2 {
	font-size: 1.3em;
	font-weight: bold;
	color:#ef4036;
	margin: 30px 0 10px;
}
.pp ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
#jumokuso,#nokotudo {
	margin-top: -136px;
	padding-top: 136px;
}
/*header*/
#siteHeader #siteID img {
		width: 380px;
		height: auto;
}
/*footer*/
.grid6 .logo img {
	width: 250px;
	height: auto;
}

/*gNav*/
#gNav .cp_offcm01 {
	display: none;
}

/*company.html*/
.wrap {
	box-sizing: border-box;
	max-width: 1100px;
	margin: 20px auto 0;
}
.company-intro {
	margin-bottom: 80px;
}
.company-intro .flex {
	display: flex;
	flex-wrap: wrap;
}
.company-intro .flex2 {
	flex-direction: row-reverse;
}
.company-intro li {
	width: 50%;
	font-size: 14px;
	box-sizing: border-box;
}
.company-intro li:nth-of-type(2) {
	margin: auto;
	text-align: left;
	padding: 10px;
}
.sec-title {
	font-size: 46.8px;
	color: #ef4036;
	font-weight: bold;
	margin-bottom: 20px;
}
.company-access {
	margin-bottom: 80px;
}
.company-access .flex {
	display: flex;
}
.company-access-left {
	width: 50%;
	text-align: left;
}
.company-access-left p:first-of-type {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 50px;
}
.company-access-left p:nth-of-type(2) {
	font-size: 20px;
	margin-bottom: 70px;
}
.company-access-right {
	width: 50%;
}
.company-access-right p:last-of-type {
	text-align: right;
	font-size: 18px;
	padding-right: 82px;
}
.company-access-right a {
	color: #ef4036;
	font-weight: bold;
}
.company-info table {
	width: 100%;
}
.company-info tr {
	border-bottom: 1px solid #ef4036;
}
.company-info th {
	width: calc(300 / 1100 * 100%);
	padding: 30px 10px;
	font-size: 20px;
	color: #ef4036;
	text-align: left;
	vertical-align: middle;
}
.company-info td {
	width: calc(800 / 1100 * 100%);
	padding: 30px 10px;
	font-size: 20px;
	text-align: left;
	vertical-align: middle;
	line-height:1.5;
}
.loc {
	line-height: 1.2;
	margin-bottom: 10px;
}
.deco {
	font-weight: bold;
}
.company-info .flex {
	display: flex;
	justify-content: space-between;
}
.jigyo-right {
	width: 45%;
}
.jigyo-left {
	width: 45%;
}

/*search.html*/
.search-point .sec-title,
.top-class .sec-title {
	margin: 20px 0 80px;
}
.search-point-box {
	margin-bottom: 30px;
}
.search-point-sec {
	clear: both;
}
.search-point-sec-ricchi {
	float: left;
	width: 180px;
	height: 180px;
	margin-right: 20px;
	border-radius: 50%;
	margin-bottom: 30px;
	background: #ef4036;
	color: #fff;
	font-size: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search-point-sec h3 {
	width: calc(100% - 200px);
	margin: 20px 0;
	border-bottom: 3px solid #fbb03f;
	font-size: 24px;
	font-weight: bold;
	color: #ef4036;
	text-align: left;
	float: left;
}
.search-point-box-p {
	text-align: left;
	/*float: right;*/
}
.top-class .flex {
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 50px;
}
.top-class-left {
	width: 60%;
	font-size: 18px;
	text-align: left;
}
.top-class-left p {
	margin-bottom: 50px;
}
.top-class-right {
	width: 40%;
}
.top-class-msg {
	font-size: 30px;
	font-weight: bold;
	color: #940000;
}
.contact-bnr {
	text-align: center;
	margin-bottom: 80px;
}
.contact-bnr-msg {
	font-size: 12px;
	margin-bottom: 20px;
}

/*build.html*/

.flow-intro {
	display: flex;
	margin: 100px 0 40px;
}
.flow-intro-left {
	width: 40%;
}
.flow-intro-right {
	width: 60%;
	font-size: 18px;
	text-align: left;
	margin: auto;
}
.flow1 h3 {
	font-size: 24px;
	border-radius: 20px;
	margin-bottom: 50px;
	background: #ef4036;
	color: #fff;
	display: inline-block;
	padding:8px 90px;
}
.flow1-box {
	padding: 10px;
	border: 1px solid #ef4036;
	padding-bottom: 32px;
	margin-bottom: 25px;
}
.flow1-waku {
	display: flex;
	align-items: flex-start;
}
.flow1-waku-left {
	width: 60px;
	font-size: 36px;
	padding: 12px 0;
	background: #ef4036;
	color: #fff;
}
.flow1-waku-right {
	text-align: left;
	padding-left: 20px;
}
.flow1-waku-right h4 {
	padding: 12px 0 20px;
	font-size: 36px;
	color: #ef4036;

}
.flow1-box-p {
	font-size: 18px;
	padding-left: 80px;
	text-align: left;
}
.flow1-arrow {
	background: url("../images/build/arrow.png") center no-repeat;
	height: 37px;
	margin-bottom: 20px;
}
.flow1-matome {
	font-size: 18px;
	padding:20px 20px 30px;
	border: 5px solid #940000;
	margin-bottom: 60px;
}
.nanno {
	margin-bottom: 60px;
}
.flow1-matome span {
	color: #940000;
	font-weight: bold;
}
.omoi {
	font-size: 24px;
	margin-bottom: 40px;
}
.gosodan {
	font-size: 20px;
	background: #f48301;
	padding: 5px 15px;
	border-radius: 25px;
	display: inline-block;
	color: #fff;
}
.flow2 {
	margin-bottom: 80px;
}
.flow2-title {
	font-size: 30px;
	padding: 5px;
	background: #f48301;
	border-radius: 40px;
	display: inline-block;
	margin-bottom: 30px;
}
.flow2-title h3 {
	padding:12px 70px;
	border-radius: 40px;
	color: #fff;
	background: #ef4036;
}
.flow2-waku {
	padding-right: 10px;
	border: 5px solid #ef4036;
	margin-bottom: 25px;
}
.flow2-waku-flex {
	display: flex;
	align-items: flex-start;
	/*padding-bottom: 32px;*/
}
.flow2-waku-left {
	width: 60px;
	font-size: 36px;
	padding: 12px 0;
	background: #f48301;
	color: #fff;
}
.flow2-waku-right {
	width: calc(100% - 60px);
	text-align: left;
	padding-left: 20px;
}
.flow2-waku-right h4 {
	padding: 12px 0;
	font-size: 36px;
	color: #ef4036;
}
.flow2-box {
	display: flex;
}
.flow2-box-left {
	font-size: 18px;
	width: 70%;
	margin-bottom: 15px;
	text-align: left;
	padding-left: 80px;
}
.flow2-box-left ul {
	margin: 10px 0;
}
.flow2-box-left li {
	line-height: 0.7;
}
.flow2-box-left li::before {
	content: url(../images/build/dot.png);
	vertical-align: middle;
}
.flow2-box-right {
	width: 29%;
	height: 290px;
}
.flow2-img1 {
	background: url("../images/build/img1.png") no-repeat right;
}
.flow2-img2 {
	background: url("../images/build/img2.png") no-repeat right;
}
.flow2-img3 {
	background: url("../images/build/img3.png") no-repeat right;
}
.flow2-img4 {
	background: url("../images/build/img4.png") no-repeat right;
}
.flow2-img5 {
	background: url("../images/build/img5.png") no-repeat right;
}
.flow2-img6 {
	background: url("../images/build/img6.png") no-repeat right;
}
.tenyears {
	color: #940000;
}

/*move.html*/
.move1 {
	display: flex;
	align-items: center;
}
.move1-left {
	background: url("../images/move/person.jpg") no-repeat center center;
	padding-top: 345px;
	width: 30%;
}
.onayami-intro {
	font-size: 24px;
	text-align: left;
}
.kokyo {
	font-size: 20px;
	background: #ef4036;
	padding: 21px 90px;
	border-radius: 20px;
	margin-bottom: 40px;
	color: #fff;
	text-align: left;
}
.daiko-title {
	font-size: 30px;
	font-weight: bold;
	color: #002a80;
	margin-bottom: 40px;
}
.move2 {
	margin-bottom: 60px;
}
.move2-sec {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.move2-char {
	width: 290px;
	color: #fff;
	font-size: 24px;
	background: #f48301;
	border-radius: 20px;
	font-weight: bold;
	letter-spacing: 5px;
}
.move2-yhk {
	margin-top: 20px;
	padding-top: 194px;
	width: 20%;
}
.move2-msg {
	margin-bottom: 20px;
	line-height: 1.0;
}
.move2-img1 {
	background: url("../images/move/img1.png") no-repeat center center;
}
.move2-img2 {
	background: url("../images/move/img2.png") no-repeat center center;
}
.move2-img3 {
	background: url("../images/move/img3.png") no-repeat center center;
}
.move2-img4 {
	background: url("../images/move/img4.png") no-repeat center center;
}
.move2-img5 {
	background: url("../images/move/img5.png") no-repeat center center;
}
.move2-img6 {
	background: url("../images/move/img6.png") no-repeat center center;
}
.move2-sentense {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.move2 p {
	font-size: 20px;
}

/*eitaikuyo.html*/
.eitai-box {
	margin-bottom: 100px;
}
.eitai-box1 {
	background: #ef4036;
	padding: 15px 10px 10px;
	margin-bottom: 60px;
	text-align: left;
}
.eitai-box1 h3 {
	font-size: 24px;
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
.eitai-intro {
	font-size: 18px;
	color: #fff;
	margin-bottom: 12px;
}
.eitai-box1-content {
	display: flex;
	align-items: center;
	padding: 8px;
	font-size: 24px;
	background: #fff;
}
.eitai-box1-content-left {
	font-weight: bold;
	border-radius: 50%;
	background: #940000;
	color: #fff;
	width: 86px;
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.eitai-box1-content-right {
	color: #ef4036;
	margin-left: 30px;
	line-height: 1.5;
}
.eitai-box2 {
	margin-bottom: 80px;
}
.eitai-box2 h4 {
	font-size: 24px;
	font-weight: bold;
	color: #ef4036;
	margin-bottom: 20px;
}
.eitai-box2 li {
	font-size:  16px;
	padding-left: 240px;
}
.eitai-box2-flex {
	display: flex;
	/*justify-content: center;*/
}
.eitai-box2-check {
	background: url("../images/eitaikuyo/check.png") no-repeat;
	width: 25px;
	padding: 25px 5px 0 0;
	margin-top: 5px;
}
.eitai-box2 li p {
	width: calc( 100% - 25px);
	text-align: left;
}
.adjust {
	padding-top: 361px;
	margin-bottom: 5px;
}
.jumokuso-img {
	background: url("../images/eitaikuyo/jumokuso-img.jpg") no-repeat center / cover;
}
.nokotudo-img {
	background: url("../images/eitaikuyo/nokotudo-img.jpg") no-repeat center / cover;
}

@media screen and (max-width: 640px) {
	body {
		min-width: 100%;
		padding-top: 0;
	}
	.site-wrapper {
		width: 100%;
	}
	img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	/* header */
	#siteHeader {
		position: static;
		margin-bottom: 20px;
	}

	/*site-wrapper*/
	#siteHeader #siteID {
		width: 230px;
		float: none;
		margin: 10px auto;
	}
	#siteHeader .cta {
		float: none;
	}
	.description {
		margin-bottom: 5px;
	}
	.cta .tel {
		width: 217px;
		margin: 0 auto 5px;
	}

	#gNav .gNav-pc {
		display: none;
	}
	#gNav .cp_offcm01 {
		display: block;
	}
	/*ハンバーガーメニュー*/
	*, *:before, *:after {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	ol, ul {
		list-style: none;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	.cp_cont {
		height: 65vh;
	}
	.cp_offcm01 {
		position: fixed;
		top: 10px;
		right: 10px;
		display: inline-block;
		z-index: 10;
	}
	/* menu */
	.cp_offcm01 .cp_menu {
		position: fixed;
		top: 0;
		right: -100vw;
		width: 250px;
		height: 100%;
		cursor: pointer;
		-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
		-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
		background-color: #ef4036;
		/*opacity: 0.8;*/
	}
	.cp_offcm01 .cp_menu ul {
		margin: 0;
		padding: 0;
	}
	.cp_offcm01 .cp_menu li {
		list-style: none;
	}
	.cp_offcm01 .cp_menu li a {
		display: block;
		padding: 20px;
		text-decoration: none;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	.cp_offcm01 #cp_toggle01 {
		position: absolute;
		display: none;
		opacity: 0;
	}
	.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
		-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
	}
	/* menu toggle */
	.cp_offcm01 #cp_toggle01 ~ label {
		display: block;
		padding: 0.5em;
		cursor: pointer;
		-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
		-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
		text-align: center;
		color: #fff;
		background: #ef4036;
	}
	.cp_offcm01 #cp_toggle01:checked ~ label {
		-webkit-transform: translateX(-250px);
		        transform: translateX(-250px);
	}
	.cp_offcm01 #cp_toggle01 ~ label::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f0c9';
		font-size: 2em;
	}
	.cp_offcm01 #cp_toggle01:checked ~ label::before {
		content: '\f00d';
	}

	/*gNav*/
	#gNav ul {
		width: 100%;
		display: block;
	}
	#gNav ul li {
		display: block;
		width: 100%;
	}
	#gNav ul li a {
		padding: 10px 0;
	}
	#gNav ul li a:before {
		width: 0;
	}

	/* footer */
	.grid_system24 > .grid6 {
		float: none;
		width: 100%;
	}
	#siteFooter .logo {
		width: 250px;
		margin: 0 auto;
	}
	#siteFooter .cta {
		margin: 20px 0;
	}
	.grid_system24 > .grid17 {
		display: block;
		margin: 0 auto;
		float: none;
	}

	/* index.html */
	/*mainImage*/
	#mainImage .slider li .copy_text {
		top: 20%;
	}
	/* main */
	/*Info*/
	.temple {
		margin-bottom: 20px;
	}
	#otera_info .flex_box .temple {
		width: 100%;
	}
	.column-section > * {
		width: 100%;
		min-height: 340px;
	}
	.column-section .column-section__body .column-section__contents {
		min-width: 100%;
		padding: 0 20px;
	}
	.column-section .column-section__image {
	/*	margin-bottom: 20px;*/
	}
	.column-section .column-section__image img {
		min-width: 80%;
		min-height: 80%;
	}
	.archive-section .archive-section__time {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
	}
	.archive-section .archive-section__contents {
		font-size: 16px;
	}
	.news-section .news-section__contents .backnumber {
		margin-right: 20px;
	}

	/* company.html */
	.wrap {
		width: 95%;
	}
	#sub #mainImage {
		padding-top: 200px;
		background-position: right center;
	}
	/*#sub #mainImage h1 {
		top: 40%;
	}*/
	#sub #mainImage img {
		width: 264px;
	}
	.sec-title {
		margin: 40px 0 20px;
		font-size: 28px;
	}
	.company-intro .flex {
		display: block;
	}
	.company-intro li {
		width: 90%;
		margin: 0 auto;
	}
	.jigyo-right {
		width: 100%;
		margin-bottom: 10px;
	}
	.jigyo-left {
		width: 100%;
	}
	.company-info .flex {
		display: block;
	}
	.company-access .flex {
		display: block;
	}
	.company-access-left {
		width: 100%;
	}
	.company-access-right {
		width: 100%;
	}
	.company-access-left p:first-of-type {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.company-access-left p:nth-of-type(2) {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.company-access-left p:last-of-type {
		width: 270px;
		margin-bottom: 20px;
	}

	/* search.html */

	.search-point-sec {
	}
	.search-point-sec-ricchi {
		width: 120px;
		height: 120px;
		font-size: 24px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.search-point-sec h3 {
		width: calc(100% - 140px);
	}
	.search-point-box-p {
		clear: both;
	}
	.search-point .sec-title,
	.top-class .sec-title {
		margin: 40px 0 20px;
	}
	.search-point .kininaru {
		margin-bottom: 70px;
	}
	.top-class .flex {
		margin-bottom: 0;
		display: block;
	}
	.top-class-right {
		width: 80%;
		margin: 0 auto;
	}
	.top-class-left {
		width: 90%;
		margin: 0 auto;
	}
	.top-class-left p {
		margin-bottom: 20px;
	}
	.top-class-msg {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.contact-bnr {
		margin-bottom: 40px;
	}

	/* build.html */
	.flow-intro {
		display: block;
		margin: 20px 0;
	}
	.flow-intro-left {
		width: 100%;
		margin-bottom: 20px;
	}
	.flow-intro-right {
		width: 100%;
	}
	.flow1 h3 {
		padding: 8px 30px;
		margin: 40px 0 20px;
	}
	.flow1-waku {
		padding-bottom: 20px;
		justify-content: center;
	}
	.flow1-waku-left {
		font-size: 22px;
	}
	.flow1-waku-right {
		width: calc(100% - 60px);
	}
	.flow1-waku-right h4 {
		font-size: 22px;
		font-weight: bold;
	}
	.flow1-waku-right p {
		padding-right: 10px;
	}
	.flow1-box-p {
		padding-left: 0;
	}
	.flow1-matome {
		padding: 10px;
		text-align: left;
	}
	.nanno {
		margin-bottom: 30px;
	}
	.omoi {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.flow2-title {
		font-size: 24px;
	}
	.flow2-waku-left {
		font-size: 22px;
	}
	.flow2-waku-right h4 {
		font-size: 22px;
		font-weight: bold;
	}
	.flow2-box {
		display: block;
	}
	.flow2-box-left {
		width: 100%;
		padding-left: 10px;
	}
	.flow2-box-right {
		width: 90%;
	}

	/* move.html */
	.move1 {
		display: block;
	}
	.move1-left {
		width: 100%;
	}
	.move1-right {
		width: 100%;
	}
	.onayami-intro {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.kokyo {
		padding: 20px;
	}
	.daiko-title {
		font-size: 24px;
	}
	.move2-sec {
		display: block;
	}
	.move2-yhk {
		width: 100%;
	}
	.move2-sentense {
		width: 100%;
	}
	.move2-char {
		margin-bottom: 5px;
	}
	.move2-img1,
	.move2-img3,
	.move2-img5 {
		margin-bottom: 20px;
	}

	/* eitaikuyo.html */
	.eitai-box1-content-left {
		width: 70px;
		height: 70px;
	}
	.eitai-box1-content-right {
		width: calc(100% - 70px);
		margin-left: 20px;
		font-size: 22px;
	}
	.eitai-box2 {
		margin-bottom: 40px;
	}
	.eitai-box2 li {
		padding-left: 0;
	}
	.flexbx .f_box {
		width: 100%;
	}
	.kaisai,.event_info {
		width: 95%;
	}
	.sp_01 {
		order: -1;
	}
}