@media only screen and (max-width: 750px) {
	.con_pt{
padding-top: 60px;	
}
}

/* PC,SP表示切り替え　
========================================================================== */

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

@media only screen and (max-width: 680px) {
    .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

@media (max-width: 763px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}


.offer{
	background-image: linear-gradient( 180deg , #fdfcfb 0%, #fffbdd 100%);
    border: solid 2px #e8e2cb;
    border-radius: 3px;
	max-width:860px;
	width:100%;
}

.tel-btn{
  display: inline-block;
  width: 400px;
	height:124px;
  border: 1px solid #993030;
  border-top: 1px solid #A53333;
  border-bottom: 1px solid #A53333;
  border-radius: 3px;
  background: linear-gradient(to bottom, #F29393, #F92F2F);
  box-shadow: 0 1px 0 #FFCCCC inset;
  text-align: center;
  color: #111;
  font-size: 0.8em;
  line-height: 1.2;
  padding: 0.7em;
}

.tel-icon {
left: 10px;
    float: left;
}

.tel-btn a.btn1:hover{
  background:linear-gradient(to bottom, #F28787, #ED3131);
}
.btn-moji {
    font-size: 24px;
    display: block;
    margin-bottom: 4px;
    color: #fff;
    text-align: left;
    padding-left: 76px;
}

.number{
font-size:32px;
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    color: #fff;
    padding-left: 62px;
	text-align:left;
}


.number a{
	color:#fff;
}

.tap-moji{
font-size: 20px;
    display: block;
    color: #fff;
    text-align: left;
    padding-left: 76px;
    padding-top: 4px;
}



.mail-btn{
  display: inline-block;
  width: 400px;
	height:124px;
  border: 1px solid #9c7e31;
  border-top: 1px solid #a88734;
  border-bottom: 1px solid #846a29;
  border-radius: 3px;
  background: linear-gradient(to bottom, #f5d689, #eeba35);
  box-shadow: 0 1px 0 #faecc8 inset;
  text-align: center;
  color: #111;
  font-size: 0.8em;
  line-height: 1;
  padding: 0.7em;
}
.mail-btn a.btn1:hover{
  background:linear-gradient(to bottom, #f5d689, #eeba35);
}
.btn-moji2 {
    font-size: 24px;
    display: block;
    margin-bottom: 4px;
    color: #fff;
    text-align: left;
    padding-left: 112px;
}

.number2{
font-size:32px;
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    color: #fff;
    padding-left: 108px;
    text-align: left;
}


.number2 a{color:#fff;
}

.tap-moji2{
font-size:16px;
    display: block;
    color: #fff;
    text-align: left;
    padding-left: 110px;
    padding-top: 4px;
}
.mail-icon{
margin-left: 14px;
    float: left;
    margin-top: 20px;
}

.btn-box-right{
    float: left;
    width: 40%;
    padding: 16px;
}
.btn-box-left{
    float: left;
    width: 40%;
    margin-left: 70px;
    padding: 16px;
}
.line-btn {
    display: inline-block;
    width: 400px;
    height: 124px;
    border: 1px solid #00b900;
    border-top: 1px solid #00b900;
    border-bottom: 1px solid #00b900;
    border-radius: 3px;
    background: linear-gradient(to bottom, #58dc00, #33c000);
    box-shadow: 0 1px 0 #00b900 inset;
    text-align: center;
    color: #111;
    font-size: 0.8em;
    line-height: 1.2;
    padding: 0.7em;
}

@media (max-width: 763px) {
.line-btn {
    line-height: 1.3;
}	
}

@media (max-width: 763px) {

.btn-box-left {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 16px;
}
	
.tel-btn {
    display: inline-block;
	width:100%;
	height:124px;
	}	
	
.tel-icon {
    left: 10px;
    float: left;
    width: 17%;
}
.line-btn {
    display: inline-block;
    width: 100%;
    height: 124px;
}
	.btn-moji {
    font-size: 20px;
    display: block;
    margin-bottom: 4px;
    color: #fff;
    text-align: left;
    padding-left: 76px;
    margin-top: 4px;
}
	
.number {
    font-size:25px;
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    color: #fff;
    padding-left:74px;
    text-align: left;
}

.tap-moji {
    font-size: 18px;
    display: block;
    color: #fff;
    text-align: left;
    padding-left: 76px;
    padding-top: 4px;
}	
	
.btn-box-right {
    float: left;
    width: 87%;
    padding: 16px;
}	

.mail-btn {
    display: inline-block;
    width: 100%;
    height:124px;
}	
	
.number2 {
	font-size: 26px;
	}	
	
}

/* Googleマップ　
========================================================================== */

.gmap {
position: relative;
padding-bottom: 60%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* タイトル　
========================================================================== */

.men_h2{
	background:#1a1a1a;
	color:#fff;
	border-radius:5px;
	font-size:32px;
}
@media (max-width: 480px) {
.men_h2{
font-size:24px;
}	
}

.ba-tt1 {
    color: #255fa2;
    border: solid 1px #255fa2;
    padding: 0.5em;
    border-radius: 0.5em;
    line-height: 1.3;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    margin-top: 1em;
}

.ba-tt2 {
    padding: 8px 16px;
    border-left: 6px solid #ffc778;
}


/* ============================縮小================================= */
.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
			margin-bottom:32px;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom:-20px;
    width: 100%;
    height: 140px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.cp_box input:checked+label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 16rem;
    font-family: FontAwesome;
    content:' 続きをよむ';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: rgb(252, 105, 124);
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 260px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
}

.cp_box input:checked+label {
    /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked+label:after {
    font-family: FontAwesome;
    content:' 閉じる';
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 80px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

@media (max-width: 480px) {
    .cp_box .cp_container {
        overflow: hidden;
        height:480px;
        /* 開く前に見えている部分の高さ */
        transition: all 0.5s;
    }
	.cp_box {
    position: relative;
		margin-bottom:32px;
}
}



/* ============================比較表================================= */
.hikaku table{
  width: 100%;
  border-collapse: collapse;
}

.hikaku table tr{
  border-bottom: solid 2px white;
}

.hikaku table tr:last-child{
  border-bottom: none;
}

.hikaku table th{
  position: relative;
  text-align: left;
  width: 22%;
  background-color: #022e5d;
  color: white;
  text-align: center;
  padding: 10px 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
line-height: 1.2;	
}

.hikaku table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #022e5d;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.hikaku table td{
  text-align: left;
  width: 39%;
  text-align: center;
  background-color:#F5F5F5;
  padding: 10px 10px;
	line-height:1.6;
	border:none;

}

.hikaku table td:nth-child(2){
  border-right: 2px solid #fff;
}

.hikaku table td:nth-child(3){
  font-weight:bold;
  background-color: #fffde8;
  
}

.hikaku .non{
  background:#fff
}

.hikaku .col1{
    background-color: #eeeeee;
    color: #000;
}

.hikaku .col2{
    background-color: #FF5722;
  color:#fff;
}

.hikaku table thead tr th:after{
  border-left:none;
  border-top:none;
  border-bottom:;
}
@media (max-width:736px) {
.hikaku {
    width:100%;
    margin: 16px auto 16px;
	}
}


/* ============================クリックして答えを表示================================= */
.qaKaiwa {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 8px;
}

.qaKaiwa:after,
.qaKaiwa:before {
    clear: both;
    content: "";
    display: block;
}

.qaKaiwa-img-left {
    margin-left: 4px;
    margin-top: -1px;
    float: left;
    width: 75px;
    height: 75px;
}

@media (max-width: 480px) {
    .qaKaiwa-img-left {
        margin-left: 4px;
        margin-top: -1px;
        float: left;
        width: 60px;
        height: 60px;
    }
}

.qaKaiwa-img-right {
    margin-right: 4px;
    margin-top: -1px;
    float: right;
    width: 70px;
    height: 70px;
}

@media (max-width: 480px) {
    .qaKaiwa-img-right {
        margin-right: 10px;
        margin-top: -1px;
        float: right;
        width: 60px;
        height: 60px;
    }
}

.qaKaiwa figure img {
    width: 100%;
    height: 100%;
    border: 2px solid #eee;
    border-radius: 50%;
    margin: 0;
}

.qaKaiwa-img-name {
    padding: 5px 0 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.qaKaiwa-text-right {
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
	padding:24px;
    border: 3px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 1em;
}

@media (max-width: 480px) {
    .qaKaiwa-text-right {
        position: relative;
        margin-left: 80px;
        margin-right: 10px;
        padding: 8px 8px;
        border: 3px solid #eee;
        background-color: #fff;
        border-radius: 5px;
    }
}

.qaKaiwa-text-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #eee;
    top: 21px;
    left: -23px;
}

p.qaKaiwa-text:last-child {
    margin-bottom: 0px;
}

.qaKaiwa-text-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 21px;
    left: -19px;
}

.qaKaiwa-text-left {
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
    padding:24px;
    border: 3px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 1em;
}

@media (max-width: 480px) {
    .qaKaiwa-text-left {
        position: relative;
        margin-left: 15px;
        margin-right: 83px;
        padding: 8px;
        border: 3px solid #eee;
        background-color: #fff;
        border-radius: 5px;
    }
}


.qaKaiwa-text-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #eee;
    top: 21px;
    right: -23px;
}

.qaKaiwa-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 21px;
    right: -19px;
}

/*全体*/
.hidden_box {
    margin: 0;
    /*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px #ffebe2;
    cursor: pointer;
    margin-left: 20em;
    background: #fc697c;
    color: #fff;
}

@media (max-width: 736px) {
    .hidden_box label {
        padding: 15px;
        font-weight: bold;
        border: solid 2px #ffebe2;
        cursor: pointer;
        margin-left: 6em;
        background: #fc697c;
        color: #fff;
    }

}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #fc697c;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked~.hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/* ============================チャット風================================= */


.line_l,
.line_r{
	margin: 30px 0;
	padding: 0 20px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start; /*縦位置を上揃え*/
}

.line_r{
	justify-content:flex-end;
}

.faceicon img{
	width:70px; /*任意のサイズ*/
	min-width:70px;
	height: auto;
}

.line_r .faceicon{
	margin-left:25px;
}

.line_l .faceicon{
	margin-right:25px;
}

.line_r .faceicon{
	order:2 !important;
}
.says {
	max-width:400px; /*最大幅は任意*/
	/*min-height: 100px;*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #fff;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
}

.says_q {
	font-weight: bold;
	color: #388e3c;
	background: #fff;
}

.says_a {
	background: #fff;
	    color: #fd6b3a;
    font-weight: bold;
}

@media (max-width: 768px) {
	.says {
		font-size: 14px;
	}
}

.says p{
	margin:8px 0 0 !important; 
}

.says p:first-child{
	margin-top:0 !important;
}

.says:after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
}

.line_l .says:after {
	left: -26px;
	border-right: 22px solid #fff;
}

.line_r .says:after {
	right: -26px;
	border-left: 22px solid #fff;
}

.hr_01 {
	width: 90%;
}

.inner_qa {
	margin: 0 auto;
	width: 100%;
	max-width: 1050px;
	position: relative;
}

.h2_line {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background-color: #212b44;
	color: #fff;
}

.bg_line {
    background-color:#e8f5e9;
    padding:30px 0 30px 0;
    margin: 30px auto;
    max-width: 768px;
	border-radius:10px;
}
.atqa span {
	display: inline-block;
	padding: .1em .5em;
	margin: 0 .2em;
	min-width: 2.5em;
	text-align: center;
	font-size: 90%;
	background: #ff4f4f;
	color: #fff;
	font-weight: normal;
	border-radius: 16px;
}

/* ============================スマホ固定メニュー================================= */
.logo_sp2 {
    width: 80%;
    padding-top: 8px;
}
.spmenubg {
    background: #5ecda5;
    width: 100%;
    position: fixed;
    height: 60px;
    z-index: 9999;
	margin-top: 0px;
}