/* -----------------------------------------------------------
    font
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

/* -----------------------------------------------------------
    reset
-------------------------------------------------------------- */
html{font-size:75%;overflow-y:scroll;color:#333}img{vertical-align:text-bottom}strong{font-weight:700}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;text-align:left;vertical-align:top}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{overflow:hidden}option{padding-right:10px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-family: 'Lato', 'Noto Sans JP','Lato',YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;font-style:inherit;font-weight:inherit;background:0 0}


* {
	box-sizing: border-box;
}
html {
	overflow-x: auto;
	overflow-y: scroll;
	font-size: 62.5%;
}

/*
h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,dl,dt,dd,form,img,hr,table,tr,td,br,em,figure {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	font-size: 1.6rem;
}
ul,ol,dl {
	list-style: none;
}
img{
	vertical-align: bottom;
}

strong {
    color: var(--red);
	font-weight: 500;
}
*/

@media screen and (max-width: 768px){

    img{
        width: 100%;
		max-width: 600px;
		height: auto;
		margin: 0 auto;
	}

}


/* -----------------------------------------------------------
    root
-------------------------------------------------------------- */
:root {
    --gray:  #F7F9FB;
    --dark-gray: #485156;
    --red: #E00022;
    --black: #333;
    --gold: #BE9C3B;
    --josefin: "Josefin Sans", sans-serif;
    --awesome: 'FontAwesome';
    --lato: "Lato", sans-serif;
    --gilda: 'Gilda Display', serif;
}


/* -----------------------------------------------------------
    body
-------------------------------------------------------------- */

body{
	/*
	margin: 0 auto;
	padding: 0;
	line-height: 1;
	word-break: break-all;
	min-width: 1300px;
	background: #fff;
	*/
	font-size: 1.6rem;
	color: #333;
	font-family: 'Lato', 'Noto Sans JP','Lato',YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	margin: 0;
}
.contents {
	padding: 80px 0 80px;
}

@media screen and (max-width: 768px){

	body{
		min-width: inherit;
	}
    *:focus {
		outline: none!important;
	}

	.contents {
		padding: 40px 0;
	}

}


/* -----------------------------------------------------------
    link
-------------------------------------------------------------- */
a:link,
a:visited{
	color: #333;
	text-decoration:none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
a:hover{
	opacity: 0.9;
	color: var(--red);
	text-decoration:none;
}
a:focus{
	outline: none;
}
::-moz-selection {
    background: #DBF2E7;
}

/*電話発信を無効にする*/
a[href^="tel:"] {
    pointer-events: none;
}

@media screen and (max-width: 768px){

	a:link,
	a:visited{
		-webkit-transition: 0;
		transition: 0;
	}

	/*電話発信を有効にする*/
	a[href^="tel:"] {
		pointer-events: inherit;
	}
}


/* -----------------------------------------------------------
    clear
-------------------------------------------------------------- */
.clear{
	height:0;
	margin:0;
	padding:0;
	line-height:0;
	clear:both;
	font-size:0;
}
.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{
	zoom:1;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */


/* -----------------------------------------------------------
    Frame
-------------------------------------------------------------- */

.inner {
	width: 1200px;
	margin: 0 auto;
}

.flex{
	display: flex;
}

@media screen and (max-width: 768px){

	.inner, .inner02, .inner03 {
		width: 100%;
		margin: 0 auto;
	}

	.wrap10{
        padding: 0 10px;
    }
    .wrap15{
        padding: 0 15px;
    }
    .wrap20{
        padding: 0 20px;
    }
    .wrap30{
        padding: 0 30px;
    }

	.soon-txt{
		font-size: 2rem;
		padding: 40px 30px 20px;
	}
	.soon-txt.item{
		padding: 20px 0 0 0;
		text-align: center;
	}

	.flex{
		display: block;
	}

}


/* -----------------------------------------------------------
    Responsive
-------------------------------------------------------------- */

.pc-display{
}
.pc-display-b{
	display: block;
}
.sp-display, .sp-display-b{
	display: none;
}
br.pc-br{
	display: inline;
}
br.sp-br{
	display: none;
}

@media screen and (max-width: 768px){

	.pc-display, .pc-display-b{
		display: none;
	}
	.sp-display{
		display: inline;
	}
	.sp-display-b{
		display: block;
	}
	br.pc-br{
		display: none;
	}
	br.sp-br{
		display: inline;
	}
}


/* -----------------------------
   その他共通部品
-------------------------------- */
.section-catch{
	font-size: 5.0rem;
    font-weight: bold;
    line-height: 1.4;
}
.basic-txt{
    font-size: 1.6rem;
    line-height: 2;
}
.basic-txt.s{
    font-size: 1.4rem;
    line-height: 1.7;
}

@media screen and (max-width: 768px){

	.section-catch{
		font-size: 3.0rem;
	}
	
}


/* btn-more */
.btn-more {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.btn-more a {
	display: inline-block;
	padding: 20px;
	background: transparent;
	opacity: 1;
	position: relative;
	z-index: 1;
    border: 1px solid #333;
    min-width: 270px;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}

.btn-more a:hover {
    color: #fff;
	border: 1px solid var(--red);
	opacity: 1;
}

.btn-more a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: var(--red);
	/*
	background: linear-gradient(to right, #F9A17D, #FB7A70);
	*/
	transition: all 0.3s ease;
}
.btn-more a:hover::before {
	left: 0;
	width: 100%;
}
.btn-more a::after{
    display: inline-block;
    content: "";
    background: url("../img/contact/icon-arrow-red.svg") center/cover, no-repeat;
    width: 40px;
    height: 7px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: -20px;
	transition: all .5s;
}

.btn-more a:hover::after{
    right: -30px;
}

.btn-more.white a {
    color: #fff;
    border-color: #fff;
}

.btn-more.white a:hover {
    color: #333;
}

.btn-more.white a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #fff;
	/*
	background: linear-gradient(to right, #F9A17D, #FB7A70);
	*/
	transition: all 0.3s ease;
}

.btn-more.white a:hover::before {
	left: 0;
	width: 100%;
}

.btn-more .w320 {
    width: 320px;
}


/* common-button（ライン） */
.common-button {
	/* font-size: 1.6rem;
	position: relative;
	width: 270px;
	font-weight: 500; */
}
.common-button a {
	position: relative;
	display: block;
	width: 300px;
    height: 60px;
	line-height: 60px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: var(--red);
	margin: 0 auto;
}
.common-button a:hover {
	color: #fff;
}
.common-button a::after{
    display: block;
	content: "";
	background: url("../img/contact/icon-arrow-black.svg") no-repeat left center / cover;
	width: 40px;
	height: 7px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    right: -20px;
	transition: .3s;
}
.common-button a:hover::after{
    right: -25px;
}
/* common-button（ブルー） */
.common-button.blue a {
	background-color: #374AAC;
}
.common-button.blue a:hover {
}


/* common-button（ホワイト） */
.common-button.white a {
	border: 2px solid #fff;
	color: #fff;
}
.common-button.white a:hover {
}
.common-button.white a::after{
	background: url("../img/contact/arrow.png") no-repeat left center / contain;
}


@media screen and (max-width: 768px){


	/* btn-more */
	.btn-more {
		width: 100%;
	}
    
    .btn-more .w320 {
        max-width: 260px;
    }
    
	.btn-more a {
		padding: 20px 5px;
        min-width: 260px;
	}
	.btn-more a::after{
		font-size: 2rem;
	}


	/* common-button（ライン） */
	.common-button {
		/* width: 260px; */
		margin: 0 auto;
	}
	.common-button.wide {
		width: 100%;
	}
	.common-button::after{
		right: 15px;
	}
	/* .common-button a {
		padding: 17px 5px;
	} */


    /* scroll-wrap */
    .scroll-wrap {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
	.scroll-txt{
		display: block;
		text-align: right;
		font-size: 1.2rem;
		line-height: 1.3;
		padding: 10px 10px 0 0;
		/* color: #777; */
		color: #fff;
	}

}


/* -----------------------------------------------------------
    header
-------------------------------------------------------------- */
.header {
  box-sizing: border-box;
  z-index: 9000;
  width: 100%;
  height: 84px;
  margin: 0 auto;
  border-top: 2px solid #aa0a0a;
  background: #FFF;
  transition: 0.5s;
}

@media screen and (max-width: 760px) {
  .header {
    z-index: 999999999;
    position: inherit;
    top: auto;
    left: auto;
    height: 55px;
    margin: 0;
  }
}

.header .inner {
  width: 1100px;
  margin: 0 auto 13px;
  padding-top: 12px;
}

@media screen and (max-width: 760px) {
  .header .inner {
    width: 100%;
    margin: 0;
    padding-top: 6px;
  }
}

.header .inner .logo_box {
  padding-top: 2px;
  float: left;
}

@media screen and (max-width: 760px) {
  .header .inner .logo_box {
    padding: 0;
    float: none;
  }
}

.header .inner .logo_box h1 {
  width: 312px;
  height: 50px;
}

@media screen and (max-width: 760px) {
  .header .inner .logo_box h1 {
    width: 250px;
    height: 40px;
    margin: 0 auto;
  }
}

.header .inner .logo_box h1 a {
  display: block;
  height: 100%;
  overflow: hidden;
  background: url(https://www.watch-hospital.net/img/cmn/hlogo.png) 0 0 no-repeat;
  background-size: 312px auto;
  text-indent: 115%;
  white-space: nowrap;
}

@media screen and (max-width: 760px) {
  .header .inner .logo_box h1 a {
    background-size: 250px auto;
  }
}


/*    mv-area
-------------------------------------------------------------- */
.mv-area {
	position: relative;
	text-align: center;
	background: url("../img/contact/bg-red.png") repeat left top;
	padding: 50px 0;
}

@media screen and (max-width: 768px){
	
	.mv-area {
		padding: 0;
		background: none;
	}
	.mv-area img {
		width: 100%;
	}
	
}


/*    intro-area
-------------------------------------------------------------- */
.pan {
	background:  #F7F9FB;
    margin: 0 auto;
	text-align: left;
    width: auto;
    padding: 10px 0 0 10px;
}

.pan li {
  display: inline-block;
  color: #232323;
  font-size: 0.85em;
}

.pan li::after {
  margin: 0 3px;
  content: ">";
}

.pan li:last-child::after {
  display: none;
}

.pan li a:hover {
  text-decoration: underline;
}
#estimate.new_form .pan {
	background: none;
	padding: 10px 0 0;
}

.intro-area {
	text-align: center;
	background:  #F7F9FB;
	padding: 50px 0 90px;
	
	/*非表示対応*/
	/*display: none;*/
}
.intro-area .section-catch {
	font-size: 3.4rem;
	line-height: 1.4;
	margin: 0 0 10px;
}


@media screen and (max-width: 768px){

	.intro-area {
		padding: 30px 20px 50px;
		text-align: left;
	}
	
	.intro-area .section-catch {
		font-size: 2.2rem;
		line-height: 1.5;
		margin: 0 0 10px;
		text-align: center;
	}


}


/* -----------------------------------------------------------
    flow
-------------------------------------------------------------- */

.flow-list{
	display: flex;
	justify-content: space-between;
    padding: 30px 0 0 0;
}
.flow-list .flow-item{
    width: calc( ( 100% -  ( 20px * 5 ) ) / 6 );
    position: relative;
	background: #fff;
	padding: 15px 10px 20px;
}
.flow-list .flow-item:not(:last-child)::after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url("../img/contact/icon-flow-arrow-gray.svg") no-repeat center center/ contain;
    width: 13px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    right: -17px;
}

.flow-list .flow-item .no{
	font-size: 1.6rem;
	font-weight: bold;
    color: #FF8C00;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 0 10px 0;
}

.flow-list .flow-item .flow-box {
    position: relative;
}
.flow-list.web .flow-item .flow-box {
}

.flow-list .flow-item .img{
	margin: 0 0 10px;
}
.flow-list .flow-item .img img{
	width: 100%;
	height: 100px;
	object-fit: cover;
}
.flow-list .flow-item .flow-ttl{
	font-size: 1.7rem;
	font-weight: bold;
    text-align: center;
	line-height: 1.5;
}
.flow-list .flow-item .txt {
	margin: 15px 0 0;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.8;
}
.flow-list .flow-item .txt .s {
	font-size: 1.2rem;
	display: block;
	margin: 8px 0 0;
	line-height: 1.6;
}
.flow-list .flow-item .txt a{
	color: var(--red);
}

@media screen and (max-width: 768px){

	.flow-list{
		display: block;
		padding: 20px 0 0 0;
	}
	
	.flow-list .flow-item{
		width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 20px;
	}
	.flow-list .flow-item:not(:last-child)::after {
		display: none;
	}
	
	.flow-list .flow-item .flow-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }
	
	.flow-list .flow-item .no{
		font-size: 1.5rem;
		left: 0;
		top: -8px;
        position: absolute;
        background: transparent;
        padding: 0;
	}
	.flow-list .flow-item .img{
		width: 100px;
		margin: 0;
	}
	.flow-list .flow-item .img img{
		width: 100px;
		height: 60px;
		object-fit: cover;
	}
	
	.flow-list .flow-item .flow-ttl{
		font-size: 1.9rem;
		width: calc(100% - 115px);
		text-align: left;
	}
	
	.flow-list .flow-item .txt {
		margin: 0;
		padding: 0 20px 20px;
	}
	.flow-list .flow-item .txt .s {
	}
		
	
    	
}


/* -----------------------------------------------------------
    Q&A
-------------------------------------------------------------- */
.faq-area {
	padding: 60px 0 0;
	position: relative;
}
.faq-box{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	padding: 20px 0 0;
}

.faq-box dl{
	border-bottom: 1px solid #ddd;
}

.faq-q{
	border-top: 1px solid #ddd;
	padding: 20px 35px 20px 60px;
    position: relative;
    cursor: pointer;
}
.faq-q h3{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 500;
}
.faq-a{
	display: none;
	line-height: 1.8;
	position: relative;
	padding: 0 35px 30px 60px;
}

.faq-q::before,
.faq-a::before{
	display: block;
	position: absolute;
	left: 20px;
	font-size: 2.4rem;
	color: var(--red);
	font-family: var(--josefin);
}
.faq-q::before{
	content: 'Q';
	top: 22px;
}
.faq-a::before{
	content: 'A';
	top: -4px;
	left: 22px;
	color: #007DD8;
}

.faq-box .accordion-icon {
	right: 0;
}

.faq-box .faq-a .basic-txt:nth-child(n+2){
	margin: 15px 0 0;
}
.faq-box .btn-more{
	margin: 15px 0 0;
	text-align: left;
}

.faq-a a{
	color: var(--red);
}

@media screen and (max-width: 768px){
	

	.faq-area {
		padding: 30px 0 0;
	}
	.faq-box{
		width: auto;
		padding: 10px 0 0;
	}
	.faq-q{
		padding: 16px 20px 16px 30px;
	}
	.faq-q h3{
		font-size: 1.7rem;
	}
	.faq-a{
		padding: 0 20px 20px 30px;
	}
	.faq-q::before,
	.faq-a::before{
		left: 0;
		font-size: 2rem;
	}
	.faq-q::before{
		top: 16px;
	}
	.faq-a::before{
		top: 0px;
		left: 2px;
	}
	
	.faq-box .btn-more{
		margin: 15px auto 0;
		text-align: center;
	}
	
	
}



/* -----------------------------------------------------------
    accordion
-------------------------------------------------------------- */
.accordion ul {
	width:100%;
	padding:0;
}

.accordion ul li a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}

.accordion > ul > li .catbox {
	display: none;
}

.accordion-icon,
.accordion-icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 20px;
	z-index: 1;
}
.accordion-icon span {
	position: absolute;
    width: 100%;
	height: 2px;
    background-color: var(--red);
}
.accordion-icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion-icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.active .accordion-icon span:nth-of-type(1) {
	display:none;
}
.active .accordion-icon span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media screen and (max-width: 768px){
	
	.accordion ul li a {
		padding: 0;
	}

	.accordion-icon {
		width: 15px;
        height: 15px;
        right: 15px;
	}
		
}



/*------------------ fixed-btn ------------------*/
.new_form .fixed-btn{
	position: fixed;
	right: 5px;
    bottom: 0;
	z-index: 100;
	font-size: 1.5rem;
	font-weight: bold;
	
	/*intro-area非表示用*/
	/*display: none;*/
}
.new_form .fixed-btn .wrap{
}
.new_form .fixed-btn .wrap .link{
	line-height: 1.4;
	text-align: center;
}
.new_form .fixed-btn .wrap .link a{
	display: block;
	color: #333;
	background: #FBE757;
	
	background: #007DD8;
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

.new_form .is-hidden {
	visibility: hidden;
	opacity: 0;
}


@media screen and (max-width: 768px){

	.new_form .fixed-btn{
		width: 100%;
		right: 0;
		top: auto;
		left: 0;
		bottom: 0;
		font-size: 1.5rem;
	}
	.new_form .fixed-btn .wrap{
		background: #ddd;
		padding: 6px;
	}
	.new_form .fixed-btn .wrap .link{
		line-height: 1;
	}
	.new_form .fixed-btn .wrap .link a{
		padding: 16px 12px 18px;
		border-radius: 5px;
		width: auto;
		box-shadow: none;
	}


}



/* -----------------------------------------------------------
    form
-------------------------------------------------------------- */
#mainWrap{
	margin: 80px auto;
	position: relative;
}
#estimate.new_form #mainWrap,
#contact.new_form #mainWrap{
	margin: 40px auto 80px;
}

.section-catch.form-title {
	font-size: 2.4rem;
    line-height: 1.4;
    margin: 0 0 0px;
    /*background: #fff;*/
    padding: 20px 30px;
    text-align: center;
    /*border: solid 1px #ddd;*/
}

.section-catch.form-title span{
	position: relative;
}

.icon-beginner {
    position: relative;
    display: inline-block;
    width: 0.6em;
    height: 0.8em;
    vertical-align: middle;
    margin-right: .35em;
}
.icon-beginner.mono {
	margin-left: .3em;
    margin-right: 0;
}

.icon-beginner::before,
.icon-beginner::after {
    position: absolute;
    top: -3px;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    border: .08em solid #fff;
    border-bottom-width: .12em;
    box-sizing: border-box;
}

.icon-beginner::before {
    left: 0;
    background: transparent;
    transform: skewY(45deg);
    border-radius: .2em 0 0 .08em;
    border-right: none;
}

.icon-beginner::after {
    right: 0;
    background: #fff;
    transform: skewY(-45deg);
    border-radius: 0 .2em .08em 0;
    border-left: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"], 
input[type="date"],
input[type="url"],
select,
textarea {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 12px;
	font-size: 1.6rem;
	font-family: 'Lato', 'Noto Sans JP','Lato',YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"],
select:focus,
textarea:focus {
	outline: 0;
	border: 1px solid #0099dd;
}

input[type="number"] {
	-moz-appearance:textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select{
	background-image: url("../img/contact/icon_arrow_under.png")!important;
	background-repeat: no-repeat!important;
	background-position: 95% 50%!important;
	background-size: 16px auto!important;
}

input[type="file"] {
	box-shadow: none;
}

#webform .passWrap {
	padding: 70px 0 0 0;
}

#main #webform fieldset {
	margin: 10px 0;
	padding: 10px 15px 15px;
}
#main #webform fieldset legend {
	font-weight: 500;
}

.estimate_policy_check {
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 20px;
	color: #1A73E8;
}

/*テーブル*/
#contact.new_form table thead th,
#estimate.new_form table thead th{
	color: #fff;
	background: url("../img/contact/blk-bg01.svg") no-repeat center center / cover;
}
#contact.new_form table thead th .attention,
#estimate.new_form table thead th .attention{
	font-size: 1.4rem;
}
#contact.new_form table th,
#estimate.new_form table th{
	background-color: #f5f5f5;
}
#contact.new_form table th .attention,
#estimate.new_form table th .attention{
	font-size: 1.4rem;
}

#contact.new_form table.accordion,
#estimate.new_form table.accordion{
	margin: 30px 0;
}
#contact.new_form table.accordion thead th span,
#estimate.new_form table.accordion thead th span{
	padding: 0 0 0 30px;
	background: url("../img/contact/icon_plus.png") no-repeat left center / 20px 20px!important;
}
#contact.new_form table.accordion thead.switch th span,
#estimate.new_form table.accordion thead.switch th span{
	background: url("../img/contact/icon_minus.png") no-repeat left center / 20px 20px!important;
}

/*
#webform table thead th {
    font-size: 1.2em;
    letter-spacing: 3px;
    text-align: center;
    background-color: #f5f3eb;
    background: -moz-linear-gradient(top, #f5f3eb, #e0dcc7);
    background: -webkit-gradient(linear, center top, center bottom, from(#e0dcc7), to(#f5f3eb));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0dcc7', endColorstr='#f5f3eb');
}
#contact table th {
	background-color: #f6f4ec;
	font-weight: bold;
	padding: 15px 2%;
	width: 21%;
	vertical-align: middle;
	border-left: 1px solid #cfcecd;
	border-bottom: 1px solid #cfcecd;
}
#contact table td {
	width: 71%;
	vertical-align: middle;
	padding: 15px 2% 15px 2%;
	border-left: 1px solid #cfcecd;
	border-bottom: 1px solid #cfcecd;
}
*/
}

@media screen and (max-width: 768px){

	#mainWrap{
		margin: 40px auto;
	}
	#estimate.new_form #mainWrap,
	#contact.new_form #mainWrap{
		margin: 30px auto 40px;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"], 
	input[type="date"],
	input[type="url"],
	select,
	textarea {
		font-size: 1.6rem!important;
	}
	
	
	.section-catch.form-title {
		font-size: 2.2rem;
		line-height: 1.5;
		margin: 0 0 10px;
		text-align: center;
	}
	
	.estimate_policy_check {
		text-align: left;
	}

	
	/*テーブル*/
	
	#contact.new_form table,
	#estimate.new_form table{
		border: 1px #cfcecd solid;
	}
	#contact.new_form table tr,
	#estimate.new_form table tr{
		border-right: none;
	}
	#contact.new_form table thead th,
	#estimate.new_form table thead th{
		border: none;
		font-size: 1.8rem;
	}
	#contact.new_form table th,
	#estimate.new_form table th{
		padding: 12px 20px;
		width: 100%!important;
		display: block!important;
		border: none;
		border-top: 1px #cfcecd solid;
		/*
		border: 1px #cfcecd solid;
		*/
		font-size: 1.7rem;
		background: #f0f0f0;
	}
	#contact.new_form table td,
	#estimate.new_form table td{
		width: 100%!important;
		display: block!important;
		padding: 12px 20px 18px;
		border: none;
		font-size: 1.6rem;
	}
	
	/*
	#contact #main .btnEnter:disabled, #estimate #main .btnEnter:disabled {
		margin: 40px auto 0 auto;
	}
	*/
	
}


#iframe-3{
	width: 100%;
  border: none;
  min-height: 3000px;
  display: block;
}
.global-footer {
    background-color:#77829d;
	  color:#fff;
	  text-align: center;
	  line-height: 30px;
	  bottom: 0;
	  width: 100%;
}

.global-footer .global-footer__row {
    height: 30px;
    display: block;
    margin: 0 15px 0 15px;
    font-size: 13px;
}
.global-footer .global-footer__row .global-footer__row__links {
    width: calc(100% - 15px);
    height: 30px;
    position: absolute;
    text-align: right;
    right: 15px;
    z-index: 1;
}

.global-footer .global-footer__row .global-footer__row__links a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 15px;
}

.global-footer .global-footer__row .global-footer__row__copyright-text {
    width: calc(100% - 15px);
    height: 30px;
    position: absolute;
    text-align: center;
    font-size: clamp(10px, 2vw, 13px);
}

.accordion-toggle {
  width: 100%;
  text-align: left;
  background: #1C2A4A;
	color: #fff;
  /*padding: 15px;*/
  font-size: 30px;
  border: none;
  cursor: pointer;
  position: relative;
}

.accordion-toggle::after {
  content: "＋";
	color: #FFF;
  position: absolute;
      right: 30px;
    top: 15px;
}

.accordion-toggle.active::after {
  content: "－";
}

.accordion-content {
  display: none;
  padding-top: 20px;
}

@media (max-width: 768px) {
	
	.section-catch.form-title{
		font-size: 1.5rem;
		padding: 20px 20px;
	}
	.accordion-toggle {
		font-size: 26px;
	}
	.accordion-toggle::after {
		right: 10px;
		top: 25px;
	}

	#iframe-3{
		min-height: 7000px;
	}
	.global-footer {
        position: relative;
    }
	.global-footer .global-footer__row {
        height: 60px;
    }
	.global-footer .global-footer__row .global-footer__row__links {
        position: relative;
        text-align: center;
        right: inherit;
    }    
	.global-footer .global-footer__row .global-footer__row__copyright-text {
        position: relative;
    }
}