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

/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@media screen and (max-width: 768px){
.pc {
  display: none;
}

p.center{
  text-align: center;
}
p.center img{
  display: inline-block;
}

#content h2.h2_none{
  background: none;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
}
#content h3.h3_none{
  background: none;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
}

/* ヘッダー エリア */
#header_in .inner_left {
  width: 40%;
  height: auto;
  margin: 2.604166666% 0;
  padding-top: 0.651041666%;
  float: left;
}

#header_in .inner_left img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#header_in .inner_right {
  width: 42.08791208%;
  height: auto;
  margin: 3.7% 0 0px;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_nav_btn {
  width: 29.62962962%;
  height: auto;
  margin-left: 3.703703733%;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_nav_btn img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_mail_btn {
  width: 29.62962962%;
  height: auto;
  margin-left: 3.703703733%;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_mail_btn img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_line_btn {
  width: 29.62962962%;
  height: auto;
  margin-left: 3.703703733%;
  padding: 0;
  float: right;
}

#header_in .inner_right .sp_line_btn img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

#header_in .nav_sp {
  width: 105.208333332%;
  height: auto;
  margin: 2.604166666% 0 0 -2.604166666%;
  padding: 0;
  border-top: 1px solid #99ae8c;
  float: left;
}

#header_in .nav_sp .left {
  width: 50%;
  height: auto;
  float: left;
  border-right: 1px solid #99ae8c;
}

#header_in .nav_sp .right {
  width: 50%;
  height: auto;
  float: right;
}

#header_in .nav_sp .left li,
#header_in .nav_sp .right li {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-bottom: 1px dotted #99ae8c;
}

#header_in .nav_sp .left li:last-child,
#header_in .nav_sp .right li:last-child {
  border-bottom: 1px solid #99ae8c;
}

#header_in .nav_sp .left li:hover,
#header_in .nav_sp .right li:hover {
  width: 100%;
  height: auto;
  background-color: #99ae8c;
  border-bottom: 1px dotted #ffffff;
}

#header_in .nav_sp .left li:last-child:hover,
#header_in .nav_sp .right li:last-child:hover {
  border-bottom: 1px solid #99ae8c;
}

#header_in .nav_sp .left li a,
#header_in .nav_sp .right li a,
#header_in .nav_sp .left li span,
#header_in .nav_sp .right li span {
  font-size: 3.5vw;
  color: #444444;
  text-align: center;
  text-decoration: none;
  padding: 6px 0;
  display: block;
}

#header_in .nav_sp .left li a:hover,
#header_in .nav_sp .right li a:hover {
  color: #ffffff;
}

.fixheader {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
  z-index: 2;
}

.is-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

#main_visual_in img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* パンくずリスト エリア */
#breadcrumb {
  margin: -10px 0 5px 0;
}

#breadcrumb div {
  font-size: 12px;
  display: inline-block;
}

/* コンテンツ エリア */
#content h1 {
  width: 100%;
  font-family: "ＭＳ Ｐ明朝";
  font-size: 7.0vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
  text-shadow: 0 2px 0 rgba(0,0,0,0.1);
  margin-bottom: 3.90625%;
  padding: 2.604166666% 0;
  clear: both;
  color: #2f530b;
  border-top: 6px solid #b7ce11;
  border-bottom: 1px solid #b7ce11;
}

#content h2 {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
  text-shadow: 0 2px 0 rgba(0,0,0,0.2);
  margin-bottom: 3.90625%;
  padding: 15px 10px 11px 35px;
  clear: both;
  color: #ffffff;
  background-color: #82d7cf;
  background-image: url("https://akabaneshiki.com/wp-content/uploads/2019/01/h2_icon.png");
  background-position: 10px 5px;
  background-repeat: no-repeat;
}

#content h3 {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 3.90625%;
  padding: 3px 10px 1px 10px;
  clear: both;
  color: #388393;
  border-left: 8px solid #1a5f6e;
  border-bottom: 3px dotted #1a5f6e;
}

#content h1 a {
  font-family: "ＭＳ Ｐ明朝";
  font-size: 7.0vw;
  font-weight: bold;
  text-decoration: none;
  color: #388393;
}

#content h2 a {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

#content h3 a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #388393;
}

#content h4 a,
#content h5 a,
#content h6 a {
  width: auto;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #388393;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover {
  opacity: 0.5;
}

#content .post {
  padding-bottom: 20px;
}

#content .eye_catch img {
  margin: 0 10px 20px 0;
  float: left;
}

#content .contact_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

#content .contact_box .inner_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 2.604166666%;
  background-color: #f5f0e9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f1ded2;
}

#content .contact_box .inner_box .inner {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 2.604166666%;
  background-color: #ffffff;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  border-radius: 9px;
  box-shadow: 0 0 8px rgba(236,223,205,0.3);
}

#content .contact_box .inner_box .inner img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .contact_box .inner_box .inner ul {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding: 0;
  float: left;
}

#content .contact_box .inner_box .inner ul li {
  width: 100%;
  height: auto;
  margin-bottom: 3.90625%;
  padding: 0;
}

#content .contact_box .inner_box .inner ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .contact_box .inner_box .inner ul li:last-child img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .contact_box .inner_box .inner p {
  font-size: 15px;
  line-height: 1.5em;
  color: #444444;
  margin-bottom: 1.953125%;
}

#content .contact_box .inner_box .inner p strong {
  color: #388393;
}

#content .contact_box .inner_box .inner p span {
  font-size: 14px;
  line-height: 1.3em;
  color: #e4789b;
  display: block;
}

#content .contact_box .inner_box .inner .view {
  width: 100%;
  margin-top: 4.557291666%;
  padding-top: 56.25%;
  position: relative;
}

#content .contact_box .inner_box .inner .view iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 続きを読む エリア */
a.more-link {
  font-size: 14px;
  text-align: right;
  margin-right: 10px;
  display: block;
}

a.more-link:hover {
  text-decoration: underline;
}

a.more-link:link,
a.more-link:active,
a.more-link:visited,
a.more-link:hover {
  color: #dc143c;
}

/* ページトップ エリア */
p.pagetop {
  display: none;
  position: fixed;
  bottom: 14.32291666%;
  right: 2.604166666%;
  z-index: 3;
}

p.pagetop a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  color: #ffffff;
  background-color: rgba(56,131,147,0.7);
  border: 1px solid #ffffff;
}

p.pagetop a:hover {
  opacity: 0.7;
  color: #1a5f6e;
}

/* フッター エリア */
.footer-in {
    padding: 20px 0;
    border-top: #b7ce11 2px solid;
}
.footer-in .center{
  width: 100%;
  margin: auto;
}
.footer-in-float {
    width: 100%;
    overflow: hidden;
}
.footer-block {
    width: 100%;
    float: none;
    padding: 0 10px;
}
.footer-logo {
    padding: 0;
}
.footer-logo img{
  margin: auto;
}
.footer-block ul{
    margin-top: 17px;
}
.footer-access li {
    margin-bottom: 10px;
    color: #3b5322;
    font-size: 14px;
}
.footer-access li span {
    display: block;
    font-weight: bold;
    border-bottom: 1px dotted #376c23;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.footer-menu ul {
    display: block;
    width: 100%;
    overflow: hidden;
}
.footer-menu ul li {
    width: 50%;
    float: left;
    padding: 5px;
}
.footer-menu ul li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: white;
    background-color: #6ab747;
    font-size: 14px;
}
.footer-menu ul li a::before {
    content: " ";
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: white;
}
.footer p {
    color: #632b2b;
}
#copyright {
    background-color: #b7ce11;
}
#copyright p {
    width: auto;
    height: auto;
    font-family: "arial";
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    margin: 0;
}
#copyright a {
    color: white;
    text-decoration: none;
}

/* 404 エリア */
#content a.reverse_lnk {
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  text-decoration: underline;
}

/* テーブル */
table{
    margin: 0 auto 32px;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
table th{
  background: #4fbab0;
  color: #fff;
  width: 30%;
}
table td{

}
table th, table td{
  border: solid 1px #E7E7E7;
  padding:7px;
  text-align: left;
}

/****************************
****** サブメイン ******
****************************/
.b_f_box{
  background: #e3ffd0;
  width: auto;
  margin: 0px auto 7%;
  padding: 3% 4% 0%;
}

/* 2ショット */
.tsu-shot_box{
padding: 3%;
border: 4px solid #cdf09a;
margin-bottom: 7%;
}
.tsu-shot_box ul{
overflow: hidden;
width: auto;
margin: auto;
}
.tsu-shot_box ul li{
  display: inline-block;
  margin: 0px 2% 3% 0px;
  width: 47%;
}
.tsu-shot_box ul li:nth-child(2),.tsu-shot_box ul li:nth-child(4){
  margin-right: 0px;
}
.tsu-shot_box ul li:last-child{
  margin-bottom: 0px;
}

/* 悩み */
.nayami{
  background: #f7ffe0;
  margin: 0px auto 40px;
  padding: 3% 3% 3%;
  overflow: hidden;
}

/* 悩み ul1 */
.nayami ul.nayami1 {
  width: auto;
  position: relative;
  margin: 0% 0% 5%;
  background-color: rgba(255,255,255,0.6);
  overflow: hidden;
  padding: 3% 0px;
}
.nayami ul.nayami1 li {
    float: left;
    width: 48%;
    margin: 10px 1%;
}
.nayami ul.nayami1 li.li03 {
    margin: 0 auto;
    float: none;
}
.nayami .nayami_tit{
  text-align: center;  
}
.nayami .nayami_tit img{
  max-width: 70%;
  margin: 0 auto;
}

/* 悩み　ul2 */
#content .nayami ul.nayami2 h3 {
    background: url(../images/nayami_icon.png) no-repeat;
    font-size: 18px;
    padding: 1% 0px 0% 8%;
    font-weight: normal;
    border: 0px;
    color: #3f3d3d;
    background-size: 23px;
}
.nayami ul.nayami2{
  overflow: hidden;
  margin: 15px auto 0px;
  padding: 0;
  width: auto;
}
.nayami ul.nayami2 li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-bottom: 5%;
}
.nayami ul.nayami2 li p{
  font-size: 13px;
}

/* 希望 */
.hope{
  margin:0px auto 40px;
}
.hope p:nth-child(1),.hope p:nth-child(3) {
    width: 55%;
    margin: 0 auto;
}
/* ポイント */
.point {
    background: #f7ffe0;
    overflow: hidden;
    padding: 3% 3% 3%;
    margin-top: 7%;
}
#content .point h2{
  text-align: center;
}
#content .point h2 img{
  display: inline-block;
}
.point ul{
  width: auto;
  margin: auto;
}
.point li {
    margin: 10px 0 0;
    overflow: hidden;
}
#content .point h3 {
    width: auto;
    float: left;
    border: 0px;
    color: #000;
}
.point .img_right {
    margin: 0px 0px 3% 3%;
    float: right;
    width: 30%;
}
.point .txt {
    float: left;
    width: 65%;
    padding: 0px 0px 2%;
    border-bottom: 1px dotted #e2cfce;
}
.point .txt p{
  font-size: 13px;
}
.point .txt_last{
  border-bottom: 0px;
}

/* 挨拶 */
.greeting {
    width: auto;
    margin: 0px auto 5%;
    overflow: hidden;
}
.greeting ul {
    width: 30%;
    float: right;
    margin: 0px 0px 0px 3%;
}
.greeting .txt{
  float: left;
  width: 67%;
}
.greeting .txt p{
  font-size: 13px;
}

/* コンタクト */
.contact_under{
    width: auto;
    margin: 7% auto 5%;
    padding: 3%;
    border: solid 6px #b8d78c;
    text-align: center;
}
.contact_under span{
    color: #718009;
    font-size: 12px;
}
.contact_under ul{
  width: 100%;
  margin: auto;
}
.contact_under li{
  display: inline-block;
  width: 100%;
  margin: auto;
}
	.contact_under li.pc {
    display: none;
}
.contact_under p{
  font-size: 15px;
}

/* 流れ */
.nagare{
  background: #f7ffe0;
  padding: 5% 0px;
  overflow: hidden;
}
#content .nagare h2{
  text-align: center;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  padding: 3% 2%;
  margin: 0px auto 3%;
}
#content .nagare h3{
  text-align: center;
  border: 0px;
}
#content .nagare h2 img, #content .nagare h3 img{
  display: inline-block;
}
#content .nagare h2 img{
  max-width: 55%;
}
.nagare .nagare_in {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 3%;
}
.nagare li {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  padding: 0 2% 0 2%;
  margin-bottom: 5%;
}
.nagare li.last{
  background:none;
}
.nagare li p{
  font-size: 13px;
}
.nagare li p.img{
  text-align: center;
}
.nagare li p.img img{
  margin: 0 auto 1em;
}

/* Q&A */
.q_a{
  background: #FFC;
  padding: 5% 3%;
  overflow: hidden;
}
#content .q_a h2{
  text-align: center;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  padding: 3% 2%;
  margin: 0px auto 3%;
}
#content .q_a h2 img{
  display: inline-block;
  max-width: 55%;
}
.q_a .q_a_in {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
}
.q_a dl{
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  font-size: 15px;
}
.q_a dt{
  background: url(../images/q_a_q_icon.png) no-repeat;
  padding: 0 0 5% 12%;
  margin: 5px 0;
  font-weight: bold;
  font-size: 15px;
}
.q_a dd{
  background: url(../images/q_a_a_icon.png) no-repeat;
  padding: 0px 0px 5% 12%;
  margin: 0px 0px 5%;
  border-bottom: 1px solid #DFDFD0;
  font-size: 13px;
}

/* コンタクト2 */
.contact_under2{
  width: auto;
  margin: 7% auto 0px;
  padding: 3% 3% 1%;
}
.gmap-container{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.gmap-container iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#content .contact_under2 h2 {
  text-align: center;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  padding: 3% 2%;
  margin: 0px auto 3%;
}
#content .contact_under2 h2 img{
  margin: 0 auto;
  max-width: 70%;
}

.contact_under figure img {
    margin-top: 3%;
}

/* フッターポップアップ */
.footer-block {
  width: 100%;
  float: none;
  padding: 10px 0;
}
.footer-logo img {
  margin: auto;
  margin-bottom: 1em;
}
.footer-popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.footer-popup ul {
  width: 100%;
  overflow: hidden;
}
.footer-popup ul li {
  width: calc(100% / 3);
  float: left;
}

/**/
}
/**/