@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
}
.telephone_body{
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo, sans-serif;
}
.telephone_body .inner{
	max-width: 900px;
}

section.mv{
	text-align: center;
	background: url("../img/mv.jpg");
	background-size: cover;
	padding: 8em 0;
	font-weight: 600;
	margin-top: 73px;
}

section.mv h1{
	font-size: 3em;
	color: #FF7800;
	margin: 0.4em 0 0.2em;
	text-shadow: 0px 0px 8px #fff;
}

section.mv p{
	text-shadow: 0px 0px 8px #fff;
}
section.mv p.mv_hukidasi{
  position: relative;
	color: #FFFFFF;
	background-color: #FF7800;
	font-size: 1.8em;
	display: inline-block;
	padding: 0.5em 1.5em;
	border-radius: 38px;
	text-shadow: none;
}

section.mv p.mv_hukidasi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 15px solid #FF7800;
}


section.form{
	background: #ffe7c7;
	width: 100%;
	padding-bottom: 2em;
}

section.form .form_box{
	position: relative;
	background: #fff;
	background-size: 110px;
	background-position: right bottom;
	border: 3px solid #13c4d4;
	max-width: 550px;
	margin: 0 auto;
	top: -10px;
	padding-bottom: 16px;
}

section.form .form_box h2{
	display: table;
	background: #13c4d4;
	color: #fff;
	font-weight: 600;
	font-size: 1.5em;
	padding: 0.5em 1.3em;
	border-radius: 35px;
	text-align: center;
	margin: 0 auto;
	margin-top: -33px;
}

section.form .form_box a.tel{
	color: #fff;
	background: linear-gradient(to bottom,#ff9227 50%,#ff5c0c);
	padding: 0.6em 1.5em;
	margin: 1em auto;
	font-weight: 600;
	font-size: 1.5em;
	display: table;
}

section.form .form_box a.mail{
	color: #fff;
	background: linear-gradient(to bottom,#293bd6	 50%,#0b0080);
	padding: 1.25em 1.55em;
	margin: 1em auto;
	font-weight: 600;
	font-size: 1em;
	display: table;
}
section.form .form_box a:hover{
	opacity: 0.5;
}
section.form .form_box a img{
	max-width: 25px;
	height: auto;
    margin: -5px 10px -5px 0;
}

section.form .form_box p.form_hukidasi {
  position: relative;
  display: inline-block;
	text-align: center;
	max-width: 350px;
	margin-left: 15%;
  padding: 1.5em 1em;
  color: #555;
  font-size: 0.7em; 
	font-weight: 600;
  background: #FFF;
  border: solid 1px #555;
  box-sizing: border-box;
	border-radius: 15px;
}
section.form .form_box p.form_hukidasi span{
	color: #ff5c0c;
}
section.form .form_box p.form_hukidasi:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -33px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-left: 25px solid #fff;
    z-index: 2;
  /*content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
	border-radius: 15px;*/
}

section.form .form_box p.form_hukidasi:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -35px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-left: 25px solid #555;
    z-index: 1;
  /*content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
	border-radius: 15px;*/
}
section.form .form_box p.baba{
	text-align: right;
	padding-right: 21%;
	margin: 0.2em 0 0.3em;
}
section.form .form_box p.baba small{
	text-align: right;
	font-size: 0.7em;
}

section.recommend{
	padding: 3em 0;
	font-weight: 600;
}
section.recommend h3{
	display: table;
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
	margin-bottom: 2em;
	background: linear-gradient(transparent 60%, #f5fdaa 0%);
}

section.recommend .inner > div{
	display: flex;
	margin-left: 7%;
}
section.recommend .inner div img{
	max-width: 150px;
	height: auto;
	margin-right: 2em;
}
section.recommend .inner > div.right img{
	margin: 0 0 0 2em;
}
section.recommend .inner > div p{
	display: inline-block;
	position: relative;
	max-width: 600px;
	padding: 1.5em 2em;
	background: #e3e3e3;
	border-radius: 35px;
	margin-top: 2em;
}

section.recommend .inner > div p:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -28px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-right: 25px solid #e3e3e3;
    z-index: 2;
}
section.recommend .inner > div.right p:before {
	left: inherit;
    right: -28px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-left: 25px solid #e3e3e3;
    z-index: 2;
}

section.pittari{
	position: relative;
	background: #ffe7c7;
	padding: 2.5em 0;
}
section.pittari:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -32px;
  border: 32px solid transparent;
  border-top: 32px solid #ffe7c7;
}

section.pittari h2{
	display: block;
	font-weight: 600;
	font-size: 2em;
	text-align: center;
}
section.pittari h2 span{
	color: #ff5c0c;
}
section.tannto{
	padding: 3em 0;
}
section.tannto h3{
	font-weight: 600;
	font-size: 1.5em;
	text-align: center;
}
section.tannto h3 span{
	color: #ff5c0c;
	font-size: 1.5em;
	padding: 0 10px;
}
section.tannto .inner div{
	margin: 2em 0 2em 20%;
}
section.tannto .inner div p{
	position:relative;
	line-height:2em;
	padding-left: 3em;
	padding-bottom: 0.8em;
}
section.tannto .inner div p span{
	color: #ff5c0c;
}
section.tannto .inner div p::before{
	content: "";
	position:absolute;
	left:0;
	display:inline-block;
	background: url("../img/check.png") no-repeat;
	width:2em;
	height:2em;
	background-size:contain;
}
section.tannto .inner > p{
	font-size: 1.3em;
	color: #fff;
	font-weight: 600;
	background-color: #ff460d;
	padding: 0.8em 1.5em;;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto;
	display: table;
}

section.form.last{
	padding: 4em 0 3em;
}
section.form.last .form_box{
	position: static;
}


.footer_xeam{
	margin-top: 0;
}


@media only screen and (max-width: 959px){
	section.mv{
		margin-top: 59px;
	}
}

@media screen and (max-width: 800px){
	section.tannto .inner div {
    margin-left: 10%;
}
	section.recommend .inner > div{
	margin-left: 0;
}
}

@media screen and (max-width: 615px){
	section.recommend{
		text-align: center;
	}
	section.recommend h3{
		display: inline;
	}
}
@media screen and (max-width: 560px){
	section.form .form_box p.form_hukidasi{
		max-width: 60%;
		margin-left: 12%;
	}
	section.form .form_box p.baba{
		padding-right: 29%;
	}
	section.tannto .inner div{
		margin-left: 1em;
	}
}

@media screen and (max-width: 430px){
	section.mv p.mv_hukidasi{
		font-size: 1.5em;
		padding: 0.5em 1em;
	}
	section.form .form_box h2{
		padding: 0.5em 1em;
		font-size: 1.3em;
		margin-top: -26px;
	}
	section.form .form_box a{
		padding: 0.6em 1em;
		font-size: 1.3em;
	}
	section.form .form_box p.form_hukidasi{
    	margin-left: 8%;
	}
	section.form .form_box p.baba{
		padding-right: 33%;
	}
	section.recommend .inner div img{
		max-width: 120px;
   		max-height: 120px;
	}
	section.recommend .inner > div p{
		margin-top: 0;
		padding: 1.5em;
	}
	section.recommend .inner > div{
		margin-top: 2em;
	}
}