@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

input:invalid, textarea:invalid {
    background-color: white;
}

/* matched */
input[type=text]:valid {
    color: black;
    border : #D9D9D9 1px solid;
}

/* Unmatched */
input[type=text]:invalid {
    /*color: red;*/
    border : #D9D9D9 1px solid;
	background-color: #F5F5F5;
}
input[type=email]:invalid {
    /*color: red;*/
    border : #D9D9D9 1px solid;
	background-color: #F5F5F5;
}
textarea:invalid {
    /*color: red;*/
    border : #D9D9D9 1px solid;
	background-color: #F5F5F5;
}

form input:focus:invalid {
  border : #D9D9D9 2px solid;
}


/* Mobile Layout: 480px and below. */
/* モバイル */
@media only screen and (max-width: 491px) {

.toiawase01{
    width: 93%;
    text-align: center;
    display: block;
    font-size: 22px;
    margin-right: 0px;
    line-height: 32px;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 22px;
    margin-top: 12px;
    margin-left: 0px;
    font-weight: 400;
}
.toiawase02{
    display: block;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 16px;
    margin-left: 0px;
    width: auto;
    float: left;
    margin-right: 3%;
    clear: left;
    margin-top: 0px;
}
.toiawase02 a:hover {
	color: #0044CC;
	font-weight: 400;
}
.toiawase02 a {
	color: #0044CC;
	font-weight: 400;
}

.toiawase02 ul li {
	list-style: none;
	margin-left: -20px;
}

.txt14red002 {
	font-size: 14px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	line-height: 22px;
	color: #F036A4;
}


.contact_txta {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 30px;
	height: auto;
	width: 93%;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 8px;
	display: block;
}

.contact_txta1 {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 20px;
	/*height: 30px;*/
	width: 100%;
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.contact_txta2 {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 12px;
	line-height: 20px;
	display: block;
	height: auto;
	width: 100%;
	text-align: left;
}
.contact_txta3 {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 44px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 50px;
	height: 50px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.contact_txta3 a {
	color: #FFFFFF;
}

.contact_form {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 24px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 50px;
	height: 24px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	border-style: none;
	height: 50px;
}
.contact_form a {
	color: #FFFFFF;
}



.fact_main {
	text-align: center;
	font-size: 16px;
	margin-right: 12px;
	margin-top: 10px;
	clear: none;
	margin-bottom: 10px;
	margin-left: 12px;
}

.show_pc{
	display: none;
}

}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 491px) {
.toiawase01{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 22px;
    margin-right: 0px;
    line-height: 32px;
    padding-bottom: 38px;
    padding-top: 38px;
    margin-bottom: 22px;
    margin-top: 12px;
    margin-left: 0px;
    font-weight: 400;
}
.toiawase02{
    display: block;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 16px;
    margin-left: 0px;
    width: auto;
    float: left;
    margin-right: 3%;
    clear: left;
    margin-top: 0px;
}
.toiawase02 a:hover {
	color: #0044CC;
	font-weight: 400;
}
.toiawase02 a {
	color: #0044CC;
	font-weight: 400;
}

.toiawase02 ul li {
	list-style: none;
}
.txt14red002 {
	font-size: 16px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	line-height: 22px;
	color: #F036A4;
}
.contact_txta {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 20px;
	display: block;
	width: 50%;
	text-align: left;
	padding-bottom: 10px;
	height: auto;
	margin-left: 0px;
}

.contact_txta1 {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 20px;
	display: block;
	width: 40%;
	text-align: left;
	padding-bottom: 10px;
	height: auto;
	margin-left: 2%;
}
.contact_txta2 {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 12px;
	line-height: 20px;
	display: block;
	height: auto;
	width: 53%;
	margin-left: 0%;
	text-align: left;
	float: left;
}
.contact_txta3 {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 24px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 30px;
	height: 50px;
	padding-top: 6px;
	float: left;
}
.contact_txta3 a {
	color: #FFFFFF;
}

.contact_form {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 24px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 50px;
	height: 24px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	border-style: none;
	height: 50px;
}
.contact_form a {
	color: #FFFFFF;
}

.fact_main {
	text-align: center;
	font-size: 16px;
	width: 100%;
	margin-top: 10px;
	clear: none;
	margin-bottom: 10px;
}

.show_sp{
	display: none;
}
.show_pc{
	color: red;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.toiawase01{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 22px;
    margin-right: 0px;
    line-height: 32px;
    padding-bottom: 38px;
    padding-top: 58px;
    margin-bottom: 22px;
    margin-top: 12px;
    margin-left: 0px;
    font-weight: 400;
}
.toiawase02{
    display: block;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 16px;
    margin-left: 0px;
    width: auto;
    float: left;
    margin-right: 3%;
    clear: left;
    margin-top: 0px;
}

.toiawase02 a:hover {
	color: #0044CC;
	font-weight: 400;
}
.toiawase02 a {
	color: #0044CC;
	font-weight: 400;
}

.toiawase02 ul li {
	list-style: none;
}
.txt14red002 {
	font-size: 16px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	line-height: 22px;
	color: #F036A4;
}
.contact_txta {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 30px;
	height: auto;
	width: 50%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
	display: block;
	padding-left: 1%;
}

.contact_txta1 {
	color: #383838;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 30px;
	display: block;
	width: 35%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	margin-left: 10%;
	padding-left: 10px;
}
.contact_txta2 {
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 12px;
	line-height: 22px;
	height: auto;
	width: 50%;
	text-align: left;
	padding-bottom: 0px;
	display: block;
	margin-right: 0px;
	padding-left: 1%;
	padding-top: 8px;
	letter-spacing: 0em;
}
.contact_txta3 {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 35px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 30px;
	height: 40px;
	padding-top: 6px;
	float: left;
}
.contact_txta3 a {
	color: #FFFFFF;
}


.contact_form {
	color: #FFFFFF;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size: 15px;
	line-height: 24px;
	width: 180px;
	text-align: center;
	padding-bottom: 6px;
	display: block;
	background-color: #383838;
	margin-top: 50px;
	height: 24px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	border-style: none;
	height: 50px;
}
.contact_form a {
	color: #FFFFFF;
}

.fact_main {
	text-align: center;
	font-size: 16px;
	width: 84%;
	margin-left: 8%;
	margin-right: 8%;
	margin-top: 0px;
	margin-bottom: 10px;
	position: relative;
	line-height: 30px;
}


.show_sp{
	display: none;
}



}




@media screen and (max-width: 769px) {
  span:before {
    content: "\A";
    white-space: nomal;
  }
}
@media screen and (max-width: 491px) {
  span:before {
    content: "\A";
    white-space: nomal;
  }
}