@charset "utf-8"

/*====以下、初期設定。*/
body {
	margin: 0;
	padding: 0;
	font-size: small;
	background: #fff;
} 

h1 {
	position: relative;
	top: 50px;
	text-align: center;
	font-size: x-large;
	color: black;
	text-shadow: 2.5px 2px 4px #b5b5b5;
}

h1::after {											/*見出しのの下の線*/
	content: '';
	display: block;
	position: absolute;
	left: 50%;							 			/*位置調整*/
	transform: translate(-50%);						/*位置調整*/
	bottom: -30px; 									/*下線の上下位置調整*/
	width: 60px; 									/*下線の幅*/
	height: 1.7px; 									/*下線の太さ*/
	background-color: #5d99ff; 						/*下線の色*/
}

h2 {
	position: relative;
	text-align: center;
	text-shadow: 2.5px 2px 4px #b5b5b5;
}
h2::after {											/*見出しのの下の線*/
	content: '';
	display: block;
	position: absolute;
	left: 50%;							 			/*位置調整*/
	transform: translate(-50%);						/*位置調整*/
	bottom: -20px; 									/*下線の上下位置調整*/
	width: 60px; 									/*下線の幅*/
	height: 2.0px; 									/*下線の太さ*/
	background-color: #5d99ff; 						/*下線の色*/
}

h3 {
	text-align: center;
	margin: 160px 0px 0px 0px;
	font-size: 20px;
	color: navy;
}

p{
	font-size:small;
	color: black;
	line-height: 1.7;
	margin: 30px 0px 0px 0px;
}

img{ max-width:100%; height:auto;
}


/*====初期設定。以上。*/

/*====以下、ページ基本設定。*/
#page{
	width: 100%;
	margin: 0 auto;
}

/*====ページ基本設定。以上。*/


/*====以下、ヘッダー*/
header{
}

.headergazou{
	text-align: center;
	margin-bottom: 40px;
}

#Logo{
	width: 65%;
    padding-top: 5%;
    transition: transform 0.25s;
}

@media screen and (min-width:1024px) {
#Logo{
	width: 25%;
    padding-top: 5%;
    transition: transform 0.25s;
}
}

#Logo:hover{
  animation: rotate-anime 0.75s;
  animation-iteration-count: 3;
}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotateY(360deg);}
}

#Shamei{
	width: 26%;
	position: absolute;
	top: 24%;
	left: 20%;
}
#Shamei:hover{
	opacity: 0.5;
}

#TelNo {
	width: 27%;
	position: absolute;
	top: 30%;
	right: 0.5%;
	padding: 1.2% 0.5% 1.2% 0.75%;
	border: 9px outset orange;
}

#apptitle {
	text-align: center;
	font-size: 30px;
	text-shadow: 2.5px 2px 4px #b5b5b5;
}

#toptitle {
	text-align: center;
	font-size: 23px;
}

.topgazou{
	text-align: center;
}

#Topimg {
	width: 50%;
}

@media screen and (min-width:1024px) {
#Topimg{
	width: 25%;
}
}

.cmbtn1 {
	display: block;
}

.cmbtn2 {
	padding: 170px 0 40px;
}

.cmbtn2-2 {
	padding-top: 50px;
	padding-bottom: 20px;
}


/*====ヘッダー。以上。*/


/*====以下、フッター。*/

#copyright {
	margin: 10px 0 5px 0;
	text-align: center;
	font-size: small;
	color: #999;
}

#foot {
	text-align: center;
	padding-top: 20px;
}

#foot2{
	text-decoration: none;
}

#version{
	color: gray;
	text-align: center;
}
/*====フッター。以上。*/
/*~~~~各ページ共通css。以上。*/


/*~~~~以下、各ページのcss。*/



/*---以下、CMフォーム。*/
#cmForm_Div {
	background: #fafcfc;
}

#cmForm {
	display: block;
}

#cmForm ul {
	list-style: none;
	display: block;
	padding-left: 0;
	padding-top: 10px;
}

#cmForm ul li label{
}

#cmForm ul li label div{
}

#cmForm ul li p{
	font-size: 14px;
	margin: auto;
}

.cmForm_ChoiceList {
	display: table;
	padding: 30px 0 30px 30px;
	margin: auto;
	width: 90%;
}

.cmForm_ChoiceList label input{
	width: 90%;
}

.cmform_listlist{
	margin-bottom: 7px;
}

.cmForm_ChoiceList2 {
	margin: 25px auto 10px;
	width: 95%;
}

#yohokikan{
	display: block;
	padding-bottom: 15px;
}

#yohosousin{
	display: block;
	padding-bottom: 15px;
}

#cmyoso{
}

#cmyoso2{
	font-size: 16px;
	font-weight: bold;
}

.cmyoso_label{
	width: 95%;
}

.cmForm_ChoiceList3 {
	padding: 10px 0 25px 3%;
}
.cmForm_CLiSentence {
	margin-top: 40px;
	margin-bottom: 10px;
}
.cmForm_CLiCheck {
	padding: 10px 0 0 3%;
}


#cmformte{
	overflow: auto;
}

#cmformte2{
	display: inline;
	width: 100%;
}

.cmForm_span{
	color: #eb4949;
}

.cmForm_CompanyNameCaution {
	display: block;
	font-size: 11px;
	font-style: normal;
	margin-top: 6px;
}

.cmForm_em {
	font-style: normal;
	color: #ff3300;
}

.cmForm_ElementCheckbox {
	text-decoration: underline;
	font-style: normal;
	cursor: pointer;
}

#kibotenki{
	font-size: 16px;
}

#kuhaku1{
	margin-right: 120px;
}

#kuhaku2{
	margin-right: 40px;
}

#codebtn{
	display: inline-block;
	padding: 3px 5px;
	background: silver;
}

#codemoji{
	display: inline;
	font-size: 14px;
}

#mapbtn{
	display: inline-block;
	padding: 3px 5px;
	background: silver;
	margin: 4px 0;
}

#mapmoji{
	display: inline;
	font-size: 14px;
}

#sakuhinmei{
	clear: both;
}

.pitch{
	font-weight: bold;
}

#cmsousin{
	clear: both;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -30px;
}

#cmafter{
	padding-bottom: 30px;
}

/* 必須のデザイン */
.hissu-message{
	color: white;
	background-color: red;
	font-size: 12px;
	padding: 0px 6px 0px;
	margin-left: 15px;
	border-radius: 5px;
	vertical-align: middle;
}


#mailhissu{
	font-size: 12px;
	display: inline;
}

#cmhissu{
	color: red;
}

#cmhissu2{
	font-weight: bold;
	font-size: 13px;
	color: #cc3f3f;
}

#kakunin{
	font-size: 17px;
}


/*====cm。以上。*/



/*====以下、cm_confirm。*/
#confirmDiv_1 {
	/* padding: 25px 200px 25px 200px; */
	display: table;
	margin: 0 auto;
	background: #f0ffff;
}

#confirmDiv_1 div {
	margin: 6px;
}

#confirmDiv_2 {
	text-align: center;
	margin: 35px auto;
}

#confirmMain form p {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 45px;
	font-size: 16px;
}

#shusei{
	margin-right: 50px;
}

/*====cm_confirm。以上。*/
/*---以下、cm_thanks。*/

#thanksMain p {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
	font-size: 17px;
}


.cm_confirm_line{
	border-bottom:2px #ccc solid;
}
#cm_confirm_line{
	border-top:2px #ccc solid;
	padding-top:20px;
}
.cm_title2{
	text-align:center;
	padding-top:24px;
	border-top:1px #ccc solid;
}
/*---cm_thanks。以上。*/
/*^^^以下、cmhelp。*/
#cmhelp1{
	width: 95%;
	margin: 80px auto 50px;
}

#cmhelph2{
	font-size: 18px;
}

#cmhelph2-2{
	font-size: 18px;
	margin-top: 60px;
}

.cmhelph3{
	font-size: 16px;
}

.cmhelph4{
	font-size: 15px; 
}

#cmhelpirai{
	font-weight: bold;
}

#yohoirai{
	position: absolute;
	right: 0;
}
/*^^^cmhelp。以上。*/

/*===以下、privacy。*/
#priva1{
	width: 95%;
	margin: 90px auto 60px;
}

.priva2{
	font-size: 14px;
}
/*===privacy。以上。*/

/*___以下、PWA。*/
#pwajisso{
	text-align: center;
}

#pwataio{
	display: inline-block;
	text-align: left;
	color: black;
	margin: 30px auto 40px;
	font-size: 18px;
	line-height: 1.5;
}

#pwategaru{
	display: table;
	margin: 20px auto 55px;
	width: 85%;
	font-size: 14px;
}

@media screen and (min-width:1024px) {
#pwategaru{
	display: table;
	margin: 20px auto 55px;
	width: auto;
	font-size: 15px;
}
}
#pwatuika{
	font-weight: bold;
}
/*___pwa。以上。*/