@charset "utf-8";

#category {
	clear: both;
}

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

#category img {
	width: 100%;
	height: auto;
}
}

/********************************************************

	Contents

********************************************************/
ul#sideBnr {
	margin-top: 0;
}

.link {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 18px;
	margin-top: 10px;
}

/********************************************************

	ct01  /contact/index.html

********************************************************/

#ct01 .contact {
	/*background: url(../contact/img/ct01_bg_01.gif) no-repeat left bottom;*/
	
	margin-top: 20px;
	clear: both;
	padding-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#ct01 #contactTop {
	margin-top: 30px;
}

#ct01 .contactBox01 {
	width: 305px;
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
}



#ct01 .contactBox01.left {
	margin-right: 15px;
}

#ct01 .contactBox01 h2,#ct01 .contactBox02 h2 {
	width: calc(100% - 26px);
	margin: 13px 13px 0;
}

#ct01 .contactBox01 h2 img,#ct01 .contactBox02 h2 img {
	width: 100%;
	height: auto;
}



#ct01 .contactBox01 p {
	margin: 10px 13px 13px;
}

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

#ct01 .contactBox01 {
	width: calc(50% - 10px);
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin-bottom: 13px;
}
	#ct01 .contactBox01.right p {
		text-align: center;
	}
}
@media screen and (max-width:630px) {
#ct01 .contactBox01.left {
	margin-right: 0px;
}
#ct01 .contactBox01 {
	width: 100%;
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin-bottom: 13px;
}
}





#ct01 .contactBox02 {
	/*background: url(../contact/img/ct01_bg_02.gif) no-repeat left bottom;*/
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin-top: 13px;
	clear: both;
	padding-bottom: 13px;
}

#ct01 .contactBox02 p {
	margin: 10px 13px 0;
}

#ct01 p.contactBtn {
	text-align: center;
}

#ct01 .contactBox02 p.left {
	margin:0;
	padding: 10px 0 0 13px;
}

#ct01 .contactBox02 div {
	float: right;
	width: 458px;
	margin-top: 10px;
}

@media screen and (max-width:910px) {
#ct01 .contactBox02 div {
	float: right;
	width: calc(100% - 160px);
	margin-top: 10px;
}
}
@media screen and (max-width:630px) {
#ct01 .contactBox02 div {
	float: none;
	width: calc(100% - 26px);
	margin: 10px auto 0;
}
}
#ct01 .contactBox02 li {
	width: 198px;
	float: left;
	background: url(../contact/img/circle.gif) no-repeat left 3px;
	padding: 0 13px 0 18px;
	margin-top: 3px;
}

#ct01 .contactBox02 li span {
	font-weight: bold;
	color: #2262b1;
}

#ct01 .contactBox02 p.kome {
	clear: both;
	margin: 10px 13px 0 0;
}


/********************************************************

	ct02  /contact/form.html

********************************************************/
#ct02 h2 {
	height: 27px;	
	width: 630px;
	text-indent: -9999px;
	margin-top: 20px;
}



#ct02 h2#step01 {
	background: url(../contact/img/ct02_navi_01.gif) no-repeat left top;
}

#ct02 h2#step02 {
	background: url(../contact/img/ct02_navi_02.gif) no-repeat left top;
}

#ct02 h2#step03 {
	background: url(../contact/img/ct02_navi_03.gif) no-repeat left top;
}




#ct02 #main div.wrapper {
	margin-top: 20px;	
	padding: 20px;
	border: 8px solid #ececec;
}
.wpcf7-response-output { padding: 30px 0; }
.screen-reader-response,
.wpcf7-display-none {display: none}

.wpcf7-list-item.last {margin-left: 15px;}
.radio-1 .wpcf7-list-item-label {margin-left: 5px;}

#ct02  #main div table {
	width: 100%;
	line-height: 2.3;	
	border-top: 1px solid #ececec;
}

#ct02  #main div th {
	background-color: #f5f8fd;
	padding: 10px 12px;
	width: 30%;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ececec;
}

#ct02  #main div td {
	padding: 10px 0 10px 12px;
	border-bottom: 1px solid #ececec;
}

#ct02  #main .last {
	border: none;
}

#ct02 .txt_50 {
	width: 50px;
}

#ct02 .txt_100 {
	width: 100px;
}

#ct02 .txt_150 {
	width: 150px;
}

#ct02 .txt_250 {
	width: 250px;
}

#ct02 .txt_300 {
	width: 300px;
}
#ct02 .txt_350 {
	width: 350px;
}

#ct02 .txt_50,
#ct02 .txt_100,
#ct02 .txt_150,
#ct02 .txt_250,
#ct02 .txt_300,
#ct02 .txt_350 {
	padding: 2px;
	border: 1px solid #d2d2d2;
	background-color: #FFFFFF;
}

#ct02 .txt_50:focus,
#ct02 .txt_100:focus,
#ct02 .txt_150:focus,
#ct02 .txt_250:focus,
#ct02 .txt_300:focus,
#ct02 .txt_350:focus {
	border: 1px solid #848484;
	background-color: #f6f6f6;
}

#ct02 .txt_error {
	border: 1px solid #af0000;
	background-color: #ffe6e6;
}

#ct02 span.kome01,
#ct02 span.kome02,
#ct02 p.kome03 {
	font-weight: normal;	
}

#ct02 span.kome01 {
	color: #FF0000;
}

#ct02 span.kome02 {
	color: #2262b1;
}

#ct02 p.kome03 {
	color: #FF0000;
	margin-left:1em;
	text-indent:-1em;
	line-height: 1.6;
	font-size: 85%;	
}

#ct02 p#cttBtn {
	margin-top: 30px;
	text-align: center;
}

#ct02 p#cttBtn img,
#ct02 p#cttBtn input {
	margin: 0 10px;
}

#ct02 ul#remark {
	margin-top: 30px;
}

#ct02 ul#remark li {
	margin-top: 5px;
	margin-left:1em;
	text-indent:-1em;	
}

.err_mes {
	color: #FF0000;
}



#ct02 .error_field,#ct02 #main div.wpcf7-validation-errors {
	color: #af0000 !important;
	border: 1px solid #af0000 !important;
	background-color: #ffe6e6;
	margin: 0;
}

.confirm_btn{
    border: 0px;
    width:169px;
    height:45px;
    background: url(../contact/img/ct02_btn_01.gif) left top no-repeat;
	text-indent: -9999px;
	transition: .6s;
	cursor: pointer
}
.confirm_btn:hover {
    border: 0px;
    width:169px;
    height:45px;
    background: url(../contact/img/ct02_btn_01_on.gif) left top no-repeat;
}

.back_btn{
    border: 0px;
    width:169px;
    height:45px;
    background: url(../contact/img/ct02_btn_03.gif) left top no-repeat;
	text-indent: -9999px;
	transition: .6s;
	cursor: pointer
}
.back_btn:hover {
    border: 0px;
    width:169px;
    height:45px;
    background: url(../contact/img/ct02_btn_03_on.gif) left top no-repeat;
}

.submit_btn{
    border: 0px;
    width:182px;
    height:45px;
    background: url(../contact/img/ct02_btn_02.gif) left top no-repeat;
	text-indent: -9999px;
	transition: .6s;
	cursor: pointer
}
.submit_btn:hover {
    border: 0px;
    width:182px;
    height:45px;
    background: url(../contact/img/ct02_btn_02_on.gif) left top no-repeat;
}

input.wpcf7c-conf,
textarea.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #fff;
}

.wpcf7 input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
}

@media screen and (max-width:910px) {
#ct02 #main div.wrapper {
	margin-top: 20px;	
	padding: 5px 5px 20px;
	border: 4px solid #ececec;
}	
	
#ct02 h2#step01 {
	height: 0;	
	width: 100%;
	text-indent: -9999px;
	margin-top: 20px;
	padding-bottom: 4.29%;
	background-size: contain
}

#ct02 h2#step02 {
	height: 0;	
	width: 100%;
	text-indent: -9999px;
	margin-top: 20px;
	padding-bottom: 4.29%;
	background-size: contain
}

#ct02 h2#step03 {
	height: 0;	
	width: 100%;
	text-indent: -9999px;
	margin-top: 20px;
	padding-bottom: 4.29%;
	background-size: contain
}	
#ct02  #main div th {
	background-color: #f5f8fd;
	padding: 10px 12px;
	width: 30%;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ececec;
}

#ct02  #main div td {
	padding: 10px 0 10px 12px;
	border-bottom: 1px solid #ececec;
}

#ct02 .txt_100,
#ct02 .txt_150,
#ct02 .txt_250,
#ct02 .txt_300,
#ct02 .txt_350 {
	width: 45vw;
}
#ct02 .txt_50 {
	width: 15vw;
}
}
/********************************************************

	ct03  /contact/faq.html

********************************************************/
#ct03 .faqBox{
	margin-top: 10px;
	clear: both;
	border: 6px solid #ececec;
	padding: 10px 10px 0;
}

#ct03 .question {
	padding-bottom: 10px;
}

#ct03 .question h2 {
	float: left;
	background: url(../contact/img/ct03_question.gif) no-repeat left 2px;
	padding-left: 28px;
	width: 480px;	
	color: #2262b1;
}

@media screen and (max-width:630px) {
#ct03 .question h2 {
	float: left;
	background: url(../contact/img/ct03_question.gif) no-repeat left 2px;
	padding-left: 28px;
	width: calc(100% - 28px);	
	color: #2262b1;
}
}

#ct03 .faqBtn {
	float: right;
	cursor: pointer;
}

#ct03 .answer {
	padding: 10px 0;
	clear: both;
	background: url(../img/dot_gray.gif) repeat-x left top;
}

#ct03 .answer p {
	background: url(../contact/img/ct03_answer.gif) no-repeat left 2px;
	padding-left: 28px;
}